.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0; font-size: 0;}
.clearfix {display:inline-block;}
/* except Mac IE5 \*/
* html.clearfix { height: 1%; }
.clearfix {display: block;}
/* end of Holly Hack */
strong { font-weight:normal;}
a { color:#0d5083; text-decoration:underline;}
a:hover { text-decoration:none;}

.cnt { text-align:center;}
.s_text { font-size:10px;}
.txtright { text-align:right;}
.txtleft { text-align:left;}
.red { color:#c41919;}
.blue { color:#1931c4;}
.bold { font-weight:bold;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mr20 { margin-right:20px;}
.t10 { font-size:10px;}
.left { float:left;}
.right { float:right;}
.icon01 { background:url(../img/arrow_gray.gif) 0 5px no-repeat; padding-left:15px; display:inline-block;}
.icon_red { background:url(../img/arrow_red.gif) 0 5px no-repeat; padding-left:15px; display:inline-block;}
.txt_3m { height:5em;}
.txt_2m { height:3.5em;}
.txt_1m { height:2em;}
.border { background:url(../img/dot_line.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:15px;}
.border2 { border-bottom:#bebebe solid 1px; padding-bottom:15px; margin-bottom:20px;}

.schoolname,
.mail,
.address,
.apartment,
.name,
.kana,
.company,
.post { width:250px;}
.mobile,
.tell { width:200px;}
.zip01 { width:100px;}
.text { width:400px;}

.box { margin-bottom:20px;}
.inner { width:950px; margin:0 auto; text-align:left;}
.subtitle { border-bottom:#666666 solid 3px; padding-bottom:10px; margin-bottom:15px;}

body { border-top:#ffad00 solid 5px; text-align:center; color:#333333; font-family:"‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif; line-height:1.6em; font-size:12px; background:url(../img/bg.gif) 0 0 repeat-x;}

#mediumarea a { background:url(../img/medium_act.gif) 0 0 no-repeat;}
#largearea a { background:url(../img/large.gif) 0 0 no-repeat;}
#largearea a:hover { background:url(../img/large_act.gif) 0 0 no-repeat;}
#fnavi a,
#read dd,
#copy a,
#gnavi li ul li a{ font-size:10px;}

#header .inner { padding:15px 26px 0 24px; background:url(../img/bg_header.gif) 0 0 no-repeat; height:47px; width:900px;}
#header #logo { float:left;}
#header dl { float:right; padding-top:5px; line-height:0;}
#header dt { float:left; width:73px; height:24px;}
#header dd { float:left;}
#header dd a { display:block; width:44px; height:24px; text-indent:-9999px;}
#gnavi { position:relative;}
#gnavi li { float:left;}
#gnavi li a { display:block;}
#gnavi li ul { position: absolute; visibility: hidden; background:#f5f5f5; border:#c2c2c2 solid 1px; margin-top:0px;}
#gnavi li ul li { float: none; width:138px; background:url(../img/dot_line.gif) left bottom repeat-x; padding:0 8px;}
#gnavi li ul li.last { background:none;}
#gnavi li.act ul li a { background:url(../img/arrow_f02.gif) left center no-repeat;}
#gnavi li ul li a { background:url(../img/arrow_f02.gif) left center no-repeat; padding:5px 0 5px 8px; text-align:left; color:#333;}
#gnavi li ul li a:hover { background:url(../img/arrow_f02.gif) left center no-repeat;}

#contents { margin:0 auto; width:950px; text-align:left; clear:both; padding-top:25px;}
#visual { margin-bottom:20px;}
#visual ul { background:url(../img/bg_pankuzu.png) left bottom no-repeat; padding:7px 20px;}
#visual ul li { float:left;}
#visual ul li a { text-decoration:none;}
#visual ul li a:hover { text-decoration:underline;}
#visual p { background:url(../img/bg_visual.png) left bottom no-repeat; padding:10px 20px 20px 20px;}
#visual p span { display:block; margin-bottom:10px;}

#visual2 { margin-bottom:20px;}
#visual2 ul { background:url(../img/bg_pankuzu2.png) left bottom no-repeat; padding:7px 20px 10px 20px;}
#visual2 ul li { float:left;}
#visual2 ul li a { text-decoration:none;}
#visual2 ul li a:hover { text-decoration:underline;}

#leftcolumn { float:left; width:700px;}
.title01 { height:47px; padding:23px 0 0 24px;}
.box700 { margin-bottom:20px; width:700px;}
.box700 .title01 { background:url(../img/bg_title700.png) 0 0 no-repeat;}
.box700 { background:url(../img/bg_700bm.png) left bottom no-repeat; padding-bottom:20px;}
.box700 .innerbox { background:url(../img/bg_700ml.png) 0 0 repeat-y; padding:5px 25px;}
.box340 { margin-bottom:20px; width:340px;}
.box340 .title01 { background:url(../img/bg_title340.png) 0 0 no-repeat;}
.box340 { background:url(../img/bg_340bm.png) left bottom no-repeat; padding-bottom:20px;}
.box340 .innerbox { background:url(../img/bg_340ml.png) 0 0 repeat-y; padding:5px 25px;}

.c_box {}
.c_box dl { width:315px;}
.c_box dd { background:url(../img/bg_contact.gif) 0 0 no-repeat; padding:8px 0 0 17px; height:59px;}

.tbl01 { border-top:#bebebe solid 1px; border-left:#bebebe solid 1px;}
.tbl01 th,
.tbl01 td { border-bottom:#bebebe solid 1px; border-right:#bebebe solid 1px; padding:8px;}
.tbl01 th { background:#f3f3f3;}

#rightcolumn { float:right; width:220px;}
.bannerbox { margin-bottom:18px;}
.bannerbox li { margin-bottom:2px;}


.contactbox_tp {  margin-bottom:20px;}
.contactbox_bm { background:url(../img/bg_leftblue_bm.gif) left bottom no-repeat; padding-bottom:20px;}
.inner_contact { background:url(../img/bg_leftblue_ml.png) 0 0 repeat-y; padding:10px 14px 0 14px;}
.inner_contact dl dt { margin-bottom:5px;}
.inner_contact dl dd.border { background:url(../img/dot_line_blue.gif) left bottom repeat-x; margin-bottom:10px;}


#privacybox { background:url(../img/bg_privacy.gif) 0 0 no-repeat; width:220px; height:93px; padding-top:21px;}
#privacybox li { float:left; padding-left:16px;}

.localnavi { background:url(../img/bg_right_bm.gif) left bottom no-repeat; padding-bottom:23px; width:220px;}
.localnavi dl { background:url(../img/bg_right_ml.gif) left top repeat-y;}
.localnavi dd { padding:0 15px;}
.localnavi dd li { background:url(../img/dot_line.gif) left bottom repeat-x; padding:8px 0;}
.localnavi dd li.act { background:url(../img/dot_line.gif) left bottom repeat-x #eee;}
.localnavi dd li.act2 { background:#eee; padding-bottom:0;}
.localnavi dd li a.actnavi { color:#333; font-weight:bold; text-decoration:none;}
.localnavi dd li a.actnavi:hover { text-decoration:none;}
.localnavi dd li.act2 ul { background:#fff;}
.localnavi dd li ul { width:190px;}
.localnavi dd li li { background:none; padding:4px 0 0 15px; list-style:disc inside;}
.localnavi dd li li.act { background:#eee; padding:4px 0 0 15px; list-style:disc inside;}

.credo { margin:20px 0;}
.credo2 { margin:0 0 20px 0;}

.privacybox { height:150px; overflow-y:scroll; padding:10px; border:#bebebe solid 1px; margin-bottom:20px;}
.btnarea { text-align:center;}
.btnarea img,
.btnarea input { margin:0 10px;}
.finish { text-align:center;}
.finish p { margin-bottom:20px;}
.privacy dt { margin-bottom:5px;}
.privacy dd { margin-bottom:20px;}
.privacy ul li,
.privacy ol ul li{ list-style:disc outside; margin:5px 0 5px 1.5em;}
.privacy ol li { list-style:decimal outside; margin:5px 0 5px 1.5em;}

.tdstyle01 { width:5em;}

#gotop { background:url(../img/bg_footer.gif) left bottom no-repeat; padding-top:20px; clear:both; margin-top:20px; text-align:right;}

#footer { text-align:left; border-top:#666666 solid 3px;}
#fnavi { background:#dedede; padding:30px 0;}
#fnavi a { color:#333; text-decoration:none;}
#fnavi a:hover { text-decoration:underline;}

#fnavi dl { float:left; width:166px; margin-right:30px;}
#fnavi dt { margin-bottom:10px; background:url(../img/dot_line.gif) left bottom repeat-x; padding-bottom:5px;}
#fnavi dt span { display:block; width:166px;}
#fnavi dl.last { margin-right:0;}
#fnavi dd ul { margin-left:12px;}
#fnavi dd a { background:url(../img/arrow_f01.gif) left center no-repeat; padding-left:10px;}
#fnavi dd li a { background:url(../img/arrow_f02.gif) left center no-repeat; padding-left:10px;}
#fnavi dd li li a { background:url(../img/arrow_f03.gif) left center no-repeat; padding-left:10px;}
#fnavi01 { background:url(../img/icon_fnavi01.gif) right top no-repeat;}
#fnavi02 { background:url(../img/icon_fnavi02.gif) right top no-repeat;}
#fnavi03 { background:url(../img/icon_fnavi03.gif) right top no-repeat;}
#fnavi04 { background:url(../img/icon_fnavi04.gif) right top no-repeat;}
#fnavi05 { background:url(../img/icon_fnavi05.gif) right top no-repeat;}

#read { background:#f3f3f3; padding:15px 0; color:#333;}
#read dt { font-weight:bold; margin-bottom:10px;}

#copy { background:#ffad00; padding:10px 0;}
#copy dl { color:#000; float:left; font-size:10px; line-height:1.3em; width:500px;}
#copy dt { font-weight:bold;}
#copy dd {}
#copy ul { float:left;}
#copy li { display:inline; padding-right:15px;}
#copy a { color:#000; background:url(../img/arrow_f01.gif) left center no-repeat; padding-left:10px; text-decoration:none;}
#copy a:hover { text-decoration:underline;}
#copy address { float:right; padding-top:18px;}