@charset "shift_jis";

/*===============
webfont
=================*/

@font-face {
	font-family: 'FontAwesome';
	src: url('../font/fontawesome-webfont.eot?v=4.2.0');
	src: url('../font/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
	font-weight: normal;
 	font-style: normal;
}

/*===============
base
=================*/

body{
	font-size:80%;
	line-height:1.4;
	color:#333;
	background:#fff;
}

img {
	max-width:100%;
}

table {
	width:100%;
}

a:focus{
	outline:none;
}

a{
    color:#056efa;
}

a:hover{
    color:#d3d3d3;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

/*===============
layout
=================*/

#header{
    width:798px;
    margin:0 auto;
    padding:10px 0;
}

#gnav{
    width:798px;
    height:30px;
    margin:0 auto;
}

#contents{
    width:788px;
    margin:0 auto;
    padding:15px 5px;
    min-height:700px;
	height:auto !important;
	height:700px;
}

#footer{
    width:798px;
    margin:0 auto;
    margin-bottom:10px;
}

.tdftad{
    text-align:center;
}

/*===============
header
=================*/

#title{
    float:left;
    width:718px;
}

.title a{
    font-size:2em;
    font-weight:bold;
    color:#000;
}

.title a:hover{
    color:#000;
}

.subtitle a{
    font-size:0.9em;
    color:#696969;
    padding-left:0.3em;
}

.subtitle a:hover{
    color:#696969;
}

#subnav{
    float:right;
    width:80px;
    padding:15px 0 0;
}

#subnav li.private:before{
	font-family:'FontAwesome';
    display:inline-block;
    color:#333;
    content:"\f023";
}

#subnav .private a{
	color:#333;
}

#subnav .private a:hover{
	color:#d3d3d3;
}

/*===============
gnav
=================*/

#gnav li{
	width:114px;
	float:left;
	text-align:center;
}

#gnav li a{
	display:block;
    width:auto;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	padding:5px 0;
	background:#2d96ff;
	text-shadow:0 -1px 0px #005ab4,0 1px 0px #91c8ff;
	border-right: 1px solid #55aaff;
	border-left: 1px solid #0078f0;
}

#gnav li a:hover{
	background:#91c8ff;
	text-shadow:0 -1px 0px #2d96ff,0 1px 0px #b9dcff;
	border-right: 1px solid #b9dcff;
	border-left: 1px solid #0582ff;
}

#gnav li:first-child a{
    border-left:0;
    border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    -moz-border-radius:5px 0 0 5px;
}
#gnav li:last-child a{
    border-right:0;
    border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
}

/*===============
breadcrumb nav
=================*/

#bcnav{
	color:#333;
    padding-bottom:35px;
}

/*===============
footer
=================*/

#footer{
    text-align:center;
    color:#fff;
    background-color:#2d96ff;
    padding-bottom:2px;
}

#footer small{
    font-size:0.8em;
}

/*===============
page title
=================*/

.ptitle{
    width:778px;
    height:80px;
    padding:40px 0 0 10px;
}



h3{
    font-size:180%;
    font-weight:bold;
    padding-bottom:10px;
    color:#FFF;
}

/*===============
home
=================*/

#mainimg{
    width:788px;
    height:400px;
    margin:0 auto;
    padding:0 0 15px 0;
}

#mainimg img{
    width:788px;
    height:400px;
}

/*===============
home>left-info
=================*/

#left{
    width:533px;
    float:left;
}

#infos{
	border-top:none;
    border-right:1px solid #2d96ff;
    border-left:1px solid #2d96ff;
	border-bottom:1px solid #2d96ff;
}

#infos h4{
	background:#2d96ff;
    font-size:1.5em;
    font-weight:bold;
    color:#FFF;
}

#infos h4:before{
	font-family:'FontAwesome';
    display:inline-block;
    color:#FFF;
    content:"\f138";
    margin-right:0.2em;
    margin-left:0.5em;
}

#infos dl{
    padding:1em 1.5em 1em 1.5em;
}

#infos dt{
    color:#696969;
    float:left;
    width:100px;
    clear:both;
    line-height:2.5;
}

#infos dd{
    padding-left:100px;
    line-height:2.5;
}

#infos div{
	padding:0 1.5em 1em 1.5em;
    font-size:0.9em;
    float:right;
}

#infos div:before{
	font-family:'FontAwesome';
    display:inline-block;
    color:#696969;
    content:"\f0da";
    margin-right:0.2em;
}

#infos a{
    color:#696969;
}

#infos a:hover{
    color:#d3d3d3;
}

/*===============
home>right-bnr
=================*/

#right{
    width:235px;
    float:right;
    padding:0 0 0 20px;
}

#right a{
	display:block;
    width: 205px;
    height: 58px;
    padding:10px 14px;
    border:1px solid #333;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#right a:hover{
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
}

#right h5{
	height:40px;
    font-size:1.8em;
    font-weight:bold;
    color:#000;
    text-shadow:1px 1px #fff,-1px 1px #fff,1px -1px #fff,-1px -1px #fff;
}

#right p{
	height:18px;
    color:#fff;
    text-shadow:1px 1px #333,-1px 1px #333,1px -1px #333,-1px -1px #333;
}

#right .bnr01 a{
    margin-bottom:2px;
    background-image:url('../img/bnr01.jpg');
}

#right .bnr02 a{
    margin-bottom:2px;
    background-image:url('../img/bnr02.jpg');
}

#right .bnr03 a{
    background-image:url('../img/bnr03.jpg');
}

#right .bnr04 a{
    background-image:url('../img/bnr04.jpg');
}
#right .bnr05 a{
    background-image:url('../img/bnr05.jpg');
}



/*===============
info
=================*/

.info .ptitle{
    background-image:url('../img/infoimg.jpg');
}

.info dt{
    color:#696969;
    float:left;
    width:100px;
    clear:both;
    line-height:2.2;
}

.info dd{
    padding-left:100px;
    line-height:2.2;
}

/*===============
About us
=================*/

.about .ptitle{
    background:url("../img/abtimg.jpg");
}

.about h4{
    font-size:1.2em;
    line-height:1.8em;
}

.about h4:before{
    font-family:'FontAwesome';
    color:#2d96ff;
    content:"\f138";
    display:inline-block;
    vertical-align:middle;
    margin-right:0.2em;
}

.about p{
    padding:0.4em 0 0 1em;
}

.about .spc{
	margin-bottom:30px;
}

.itext{
    width:474px;
    height:auto;
    padding-right:14px;
    float:left;
}

.iphoto{
    width:300px;
    height:160px;
    float:right;
}

.iphoto img{
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

/*===============
�V������
=================*/

.itr .ptitle{
    background:url("../img/itrimg.jpg");
}

#itop{
    text-align:center;
    line-height:2.5em;
    padding-bottom:3em;
}

.congrats{
    font-size:1.8em;
    font-weight:bold;
    color:#ff2200;
}

.cal{
    width:742px;
    margin:0 auto;
    padding-bottom:12px;
}

.cal h5{
    text-align:center;
    font-size:120%;
    padding:15px 0 5px 0;
}

.cal table{
    width:742px;
    height:370px;
}

.cal .day td{
    table-layout:fixed;
    text-align:center;
    vertical-align:middle;
    background-color:#2d96ff;
    color:#fff;
    height:20px;
    padding:0;
}

.cal td{
	overflow:hidden;
    border:1px solid #2d96ff;
    width:94px;
    height:66px;
    padding:2px 6px;
}

.cal h6{
    color:#999999;
}

.cal .sat h6{
    color:#0022ff;
}

.cal .sun h6{
    color:#ff2200;
}

.cal p{
    padding:0;
}

.cal .kpum{
    color:#2d96ff;
    font-size:85%;
}

/*===============
members
=================*/

.memb .ptitle
{
    background-image:url('../img/membimg.jpg');
}

.mindex{
    text-align:center;
    line-height:5em;
}

#mnav{
    width:115px;
    float:left;
    margin-right:23px;
}

#mnav li{
	width:115px;
    height:2.4em;
	text-align:center;
    vertical-align:middle;
}

#mnav li a{
	display:block;
    width:auto;
    padding:0.2em;
	color:#00b7cc;
	font-size:1.1em;
	font-weight:bold;
	background:#fff;
    border-left:4px solid #00b7cc;
    border-bottom:1px solid #00b7cc;
    border-right:1px solid #00b7cc;
    border-top:1px solid #00b7cc;
}

#mnav li a:hover{
	background:#d3d3d3;
}

#member{
    width:650px;
    float:right;
}

#member h4{
	text-align:center;
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:10px;
}

.member{
    width:630px;
    background-color:#ecf8fd;
    height:150px;
    padding:10px;
    margin-bottom:15px;
    overflow:hidden;
}

.photo{
	width:150px;
    height:150px;
	float:right;
    margin-left:5px;
}

.photo img{
	width:150px;
    height:150px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.text{
	width:475px;
    height:150px;
    float:left;
}

.text h5{
    font-size:1.2em;
	border-left:4px solid #00b7cc;
    border-bottom:1px solid #00b7cc;
    padding-left:5px;
}

.text p{
    padding:5px;
}

.obog{
    text-align:center;
}

.obog dt{
    font-size:1.1em;
	text-decoration:underline;
    margin-top:1em;
    margin-bottom:0.2em;
}




/*===============
Links
=================*/

.lnk .ptitle{
    background-image:url('../img/lnkimg.jpg');
}

#link{
    width:600px;
    padding:0 94px 30px 94px;
}

#link h4{
    font-size:150%;
    padding-top:5px;
    text-align:center;
}

#link ul{
    width:600px;
    padding-top:20px;
}

.nst{
    margin-top:35px;
}

.ns{
	margin-top:5px;    
}

#link li{
    width:200px;
    float:left;
    line-height:2em;
}

#link p{
    padding-top:20px;
}

#link li:before{
	font-family:'FontAwesome';
    display:inline-block;
    color:#696969;
    content:"\f152";
    margin:0 0.3em;
}

#link .nsit a:before{
	font-family:'FontAwesome';
    display:inline-block;
    color:#696969;
    content:"\f152";
    margin:0 0.3em;
}