@charset "UTF-8";
/**************************************************************\*/
@import url("style-base.css");
@import url("style-menu.css");

td { font-size:12px; line-height: 150%; }
th { font-size:12px; line-height: 150%; }

.img_r {
	float: right;
	border: none;
	vertical-align: top;
	margin-left: 5px;
	margin-bottom: 5px;
}
.img_l {
	float: left;
	border: none;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px;
}
.img_n {
	float: none;
	border: none;
}
textarea,select,input {
    font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",Osaka,sans-serif;
}


/*****************************************************       all        *********\*/

.p-t10{ padding-top:10px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-b10{ padding-bottom:10px;}
.p-b15{ padding-bottom:15px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}

#pan{
font-size:10px;
letter-spacing:1px;
height:20px;
font-weight:normal;
padding-left:20px;
}
#pan a:link,#pan a:visited { color: #393939; text-decoration:underline; }
#pan a:hover,#pan a:active { color: #595959; text-decoration:none; }

.red{ color:#ee0000;}

div#for{ clear:both;}

p.txt{
line-height:200%;
padding:5px 10px;
}

.ttl04{
background:url(img/inner/point60.gif) no-repeat 5px 8px #ECF2F9;
border:1px solid #CAD7E9;
color:#4E6F9D;
font-size:13px;
padding:3px 5px 3px 20px;
line-height:140%;
}

.ttl05{
line-height:130%;
padding:0px 0px 2px 23px;
background:url(img/point70.gif) no-repeat 3px 1px;
border-bottom:1px dotted #d5d5d5;
font-size:14px;
color:#555555;
margin-top:15px;
}


/*****************************************************       index        *********\*/


div#infobox{
background:url(img/box01-re.gif) repeat-y 0 0;
margin:7px 0px 10px;
}
div#infobox dl{
width:490px;
border-bottom:1px dotted #989898;
margin:auto;
}
div#infobox dt{
font-weight:bold;
line-height:140%;
background:url(img/point01.gif) no-repeat 8px 10px;
padding:5px 10px 0px 18px;
}
div#infobox dd{
line-height:140%;
padding:0px 10px 5px 18px;
}
div#infobox a:link,div#infobox a:visited { color: #393939; text-decoration:underline; }
div#infobox a:hover,div#infobox a:active { color: #377AD6; text-decoration:none; }



div#infobox2{
padding:0px 0px;
}
div#infobox2 div.bluearea{
background:url(img/box02.gif) no-repeat 2px 0;
width:154px;
height:160px;
float:left;
padding:5px 8px;
font-size:10px;
line-height:140%;
position:relative;
}

div#infobox2 div.bluearea h4{
font-size:12px;
color:#377AD6;
font-weight:normal;
padding:2px 0px 5px 0px;
line-height:100%;
}
div#infobox2 div.bluearea p{
line-height:160%;
font-size:10px;
}
div#infobox2 div.bluearea table{
}
div#infobox2 div.bluearea table th{
width:30px;
line-height:140%;
text-align:left;
vertical-align:top;
font-size:10px;
font-weight:bold;
padding:2px 0px;
}
div#infobox2 div.bluearea table td{
line-height:140%;
text-align:left;
vertical-align:top;
font-size:10px;
}
div#infobox2 div.bluearea h5{
position:absolute;
left:0px;
top:130px;
font-weight:normal;
font-size:12px;
text-align:right;
width:155px;
}
div#infobox2 div.bluearea h5 img{
padding-right:5px;
}


div#infobox2 div.bluearea dl{
padding-top:5px;
}
div#infobox2 div.bluearea dt{
font-weight:bold;
}


/*****************************************************       rule        *********\*/

div#rule{
}
div#rule h4{
padding-bottom:10px;
}
div#rule h5{
background:url(img/inner/point03.gif) no-repeat 8px 6px;
margin:0px 5px;
font-size:13px;
font-weight:bold;
letter-spacing:1px;
padding:0px 10px 2px 22px;
border-bottom:1px dotted #a8a8a8;
}
div#rule p{
line-height:180%;
font-size:12px;
padding:7px 10px 14px 27px;
}
div#rule ol{
padding:0px 0px 10px 50px;
line-height:180%;
}
div#rule ul{
list-style:lower-alpha;
padding:0px 0px 0px 20px;
}

div#rule p.no-p{
padding:7px 10px 5px 27px;
}


/*****************************************************       provid        *********\*/

div#provid{
}
div#provid h4{
padding-bottom:10px;
}
div#provid p{
line-height:180%;
font-size:12px;
padding:7px 10px 14px 27px;
}

div#provid ol{
padding:0px 0px 10px 45px;
line-height:180%;
}
div#provid ul.nom{
list-style:lower-roman;
padding:0px 0px 0px 20px;
}
div#provid ul.point{
list-style:disc;
padding:0px 0px 0px 20px;
}

div#provid li{
padding-right:10px;
}
div#provid div.box01{
width:350px;
padding:2px 25px;
margin:20px auto;
border:1px solid #E7DB65;
background:#FAF9F0;
}

/*****************************************************       news        *********\*/

div.entbox{
margin-bottom:20px;
}

div.ttlarea{
background:url(img/inner/ttlback-re.gif) repeat-y 0 0;
}
div.ttlarea h4{
background:url(img/inner/ttlback.gif) no-repeat 1px 0 #FDE7ED;
margin:0px 0px 2px 5px;
border-left:3px solid #EFC0CE;
padding:4px 0px 2px 5px;
font-size:13px;
color:#76273E;
}
div.ttlarea div.day{
width:90px;
float:right;
padding:4px 10px 2px 0px;
text-align:right;
}

div.entbox div.body{
border-left:1px solid #EFC0CE;
border-bottom:1px solid #EFC0CE;
border-right:1px solid #EFC0CE;
padding:10px 10px;
line-height:180%;
}


ul.regsli{
padding:15px 20px;
}
ul.regsli li{
padding:3px 0px;
line-height:160%;
}


div.box02{
width:450px;
padding:2px 25px;
margin:20px auto;
border:1px solid #E7DB65;
background:#FAF9F0;
}







/*****************************************************       member        *********\*/

div#member{
}
div#member h4{
padding-bottom:10px;
}


div.menber01{
border:2px solid #D1F1CF;
padding:1px;
margin:0px auto 15px;
}
div.menber02{
border:1px solid #DAF5D9;
padding:5px 10px;
text-align:center;
background:#F6FEF6;
line-height:180%;
}


table.mem-table{
width:500px;
margin:0px auto 30px;
color:#5C695C;
}

table.mem-table th{
width:100px;
text-align:left;
vertical-align:top;
padding:6px 10px;
background:#E7FCE6;
border-bottom:1px solid #ffffff;
font-weight:normal;
}
table.mem-table td{
text-align:left;
vertical-align:top;
padding:6px 10px;
border-bottom:1px solid #CAE9B1;
border-right:1px solid #CAE9B1;
}

table.mem-table th.m-n{
background:#B9EFB9;
text-align:center;
font-weight:bold;
width:auto;
font-size:14px;
letter-spacing:2px;
padding:3px 10px;
color:#769676;
}
table.mem-table td.m-k{
background:#F4FFEE;
text-align:center;
font-weight:bold;
}






table.mem-table2{
width:500px;
margin:0px auto 30px;
color:#5C695C;
border-top:1px solid #CAE9B1;
}

table.mem-table2 th{
width:100px;
text-align:left;
vertical-align:top;
padding:6px 10px;
background:#E7FCE6;
border-top:1px top #ffffff;
border-bottom:1px solid #ffffff;
font-weight:normal;
}
table.mem-table2 td{
text-align:left;
vertical-align:top;
padding:6px 10px;

border-bottom:1px solid #CAE9B1;
border-right:1px solid #CAE9B1;
}


div.box05{
width:350px;
padding:2px 25px;
margin:20px auto;
border:1px solid #E7DB65;
background:#FAF9F0;
}





table.club{
width:480px;
margin:15px auto 30px;
border-top:1px solid #C0D0E5;
border-right:1px solid #C0D0E5;
}

table.club th{
padding:7px 8px;
width:110px;
background:#EAF1F9;
vertical-align:top;
text-align:left;
font-weight:normal;
border-bottom:1px solid #C0D0E5;
border-left:1px solid #C0D0E5;
}
table.club td{
padding:7px 8px;
vertical-align:top;
text-align:left;
font-weight:normal;
border-bottom:1px solid #C0D0E5;
border-left:1px solid #C0D0E5;
}

.olist{
padding-left:40px;
}
.olist li{
padding:3px 0px;
line-height:160%;
}


ul#topclub{
list-style:none;
}
ul#topclub li{
float:left;
width:170px;
text-align:center;
padding-bottom:3px;
}
ul#topclub li img{
vertical-align:baseline;
}






/*****************************************************       seminar        *********\*/


div#infobox3{
background:url(img/box03-re.gif) repeat-y 0 0;
margin:7px 0px 10px;
}
div#infobox3 dl{
width:490px;
border-bottom:1px dotted #989898;
margin:auto;
}
div#infobox3 dt{
font-weight:bold;
line-height:140%;
background:url(img/point03.gif) no-repeat 8px 10px;
padding:5px 10px 0px 18px;
}
div#infobox3 dd{
line-height:140%;
padding:0px 10px 5px 18px;
}
div#infobox3 a:link,div#infobox a:visited { color: #393939; text-decoration:underline; }
div#infobox3 a:hover,div#infobox a:active { color: #377AD6; text-decoration:none; }












