@charset "utf-8";
/* CSS Document */

/*---------------------------------
		CommonCSS [初期化,定義]
---------------------------------*/

/* 初期化 */
body { margin:0; padding:0; font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
*:first-child + html body {	/* for IF7 */ font-family: "メイリオ","Meiryo";}

h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; font-size:100%;}

ul,dl { margin:0; padding:0; list-style:none;}

/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }

dt,dd { margin:0; padding:0;}

img { border:none; vertical-align: bottom;}

input,select { vertical-align:middle;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

/* 定義 */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* multi class */
strong { font-weight:bold;}
strong.red { color:#F00;}

.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.fL { float:left; }
.fR { float:right; }

.w05per { width:5%;}
.w10per { width:10%;}
.w20per { width:20%;}
.w30per { width:30%;}
.w40per { width:40%;}
.w50per { width:50%;}
.w60per { width:60%;}
.w70per { width:70%;}
.w80per { width:80%;}
.w90per { width:90%;}
.w95per { width:95%;}

.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mb30 { margin-bottom:30px;}
.mrl10 { margin-right:10px; margin-left:10px;}
.ml24 { margin-left:24px;}

.fsS{ font-size:90%;}
.fsSS{ font-size:80%;}
.fsSSS{ font-size:70%;}

.fs10 { font-size:62.5%;}
.fs11 { font-size:68.75%;}
.fs12 { font-size:75%;}
.fs13 { font-size:81.25%;}
.fs14 { font-size:87.5%;}
.fs15 { font-size:93.75%;}
.fs16 { font-size:100%;}
.fs17 { font-size:106.25%;}
.fs18 { font-size:112.5%;}
.fs19 { font-size:118.75%;}
.fs20 { font-size:125%;}
.fs21 { font-size:131.25%;}
.fs22 { font-size:137.5%;}
.fs23 { font-size:143.75%;}
.fs24 { font-size:150%;}
.fs25 { font-size:64%;}
.fs26 { font-size:162.5%;}

.fb { font-weight:bold;}

.clear { clear:both; }

.BdNone { border:0 !important;}
.Nontext { text-indent:-9999px;}

.yellow { color:#ffff00;}

.bg_YGreen { background:#74c810;}
.bg_YGreenS{ background:#d5eeb7;}
.bg_pink { background:#ed008c;}
.bg_pinkS { background:#fbcce8;}
.bg_orange { background:#f36000;}
.bg_orangeS { background:#fbcfb2;}
.bg_Dblue { background:#0e7292;}
.bg_DblueS { background:#cfe3e9;}
.bg_Rblue { background:#00cccc;}
.bg_RblueS { background:#ccf5f5;}
.bg_RDblue { background:#6dc7c7;}
.bg_RDblueS { background:#d3eeee;}

.print { display:none;}
div.line01 hr { visibility:hidden; display:none;}
div.line02 hr { visibility:hidden; display:none;}

/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/

a { color:#1CB5FF; text-decoration:none;}
a:hover {text-decoration:underline;}

body { text-align:left; line-height:1.3; letter-spacing:0.1em; background:url(img/bg_body.png);}

body div.base { width:900px; margin:0 auto; background:#FFF;}

/* header */
#header { margin:0 0 10px 0; position:relative; background:url(img/bg_header.png) left top no-repeat;}
.h_short { background-image:url(img/bg_header_short.png) !important;}

#header img.entry_btn { position:absolute; left:625px; top:13px;}

#header #gNavi {position:relative; width:900px; height:84px; margin-top:-11px; z-index:100;}
#header #gNavi li {float:left; position:relative;/* width:150px; height:55px;*/}
#header #gNavi li ul {position:absolute; top:55px; left:0; display:none;}
#header #gNavi li ul li {position:relative; height:40px; text-align:left; background:#DCC; border-top:1px solid #FCC; border-right:1px solid #FCC; border-bottom:1px solid #CAA; border-right:1px solid #CAA;}
#header #gNavi li ul li a {display:block; line-height:40px; padding-left:30px; text-decoration:none; color:#B00; background:url(img/globalnavi/sub_icon.png) left center no-repeat;}
#header #gNavi li ul li a:hover {text-decoration:underline;}

#header #gNavi li.button04 ul {width:252px; height:294px;}
#header #gNavi li.button04 ul li {width:250px;}

#header .ttlbox {position:relative;}
#header .ttlbox h2 { position:relative; top:-16px;}
#header .ttlbox .click { position:absolute; left:413px; bottom:49px;}
#header .ttlbox .photo { position:absolute; top:14px; left:570px;}
#header .ttlbox .photo li { float:left; margin-right:10px;}

#header div.ttlbox #sourcePath {padding:2px 0; background:#FFF;}
#header div.ttlbox #sourcePath ul {height:33px; padding-left:20px; background:url(img/bg_sp.png) left top repeat-x; text-align:left;}
#header div.ttlbox #sourcePath ul li { display:inline; height:33px; line-height:33px; color:#000; font-size:80%;}
#header div.ttlbox #sourcePath ul li a { padding:0 20px 0 0; background:url(img/icon/sourcepath.png) right 50% no-repeat; color:#008fb1; text-decoration:underline;}
#header div.ttlbox #sourcePath ul li.null { padding:0 20px 0 0; background:url(img/icon/sourcepath.png) right 50% no-repeat;}


/* left */
#sub { width:210px; background:#000;}
#sub .subBnr {margin-bottom:15px; text-align:center;}

#sub ul.lesson { margin-bottom:40px; border-bottom:1px dashed #FFF;}
#sub ul.lesson ul {display:none;}
#sub ul.lesson ul li { border-top:1px dashed #FFF; background:#3d3d3d; font-size:80%;}
#sub ul.lesson ul li a {display:block; padding:10px 10px 10px 30px; color:#FFF; font-weight:bold; background:url(img/ico_star.png) no-repeat 8px 14px;}
#sub ul.lesson ul li a:hover {background:#666 url(img/ico_star.png) no-repeat 8px 14px; text-decoration:none;}
#sub ul.lesson ul li span {display:block; padding:10px 10px 10px 30px; color:#CCC; font-weight:bold; background:url(img/ico_star.png) no-repeat 8px 14px;}

#sub ul.lnavi {margin-top:5px; padding-bottom:20px; border-top:1px dashed #FFF;}
#sub ul.lnavi li {border-bottom:1px dashed #FFF; font-size:81.25%; font-weight:bold;}
#sub ul.lnavi li a {display:block; height:38px; padding:0 10px; line-height:38px; color:#FFF;}
#sub ul.lnavi li a span {color:#FF0; padding-right:8px;}
#sub ul.lnavi li a:hover {text-decoration:none; background:#333;}

#sub .tab { height:37px; margin-top:20px; margin-left:6px;}
#sub .tab li { float:left; display:inline; margin-left:6px;}
.panel {display:none; margin-bottom:20px; border-top:solid 8px #cfa4ce;}
.show {display:block;}
.mail_area { margin:0 10px 12px; padding-bottom:12px; border-bottom:dotted 1px #ccc;}
.mailaddress { padding-left:60px; position:relative; margin-bottom:15px; _padding-left:10px;}
.mailaddress input { width:120px;
											_position:relative; _top:-8px; _left:12px;}
.mailaddress span { display:block; margin-top:-1.2em; font-size:62.5%; position:absolute; top:50%; left:3px; color:#fff;
										_position:static; _display:inline;}

/* container */
div.FootBack { text-align:right;} 


/* footer */
#footer {clear:both; background:#000; color:#FFF; position:relative;}

#footer .btn_top { position:absolute; top:-30px; right:30px;}

#footer ul { padding:20px 0; text-align:center; font-size:80%;}
#footer ul li { display:inline; border-left:#FFF solid 1px;}
#footer ul li a { padding:5px; color:#FFF;}

#footer div.mailto {padding-bottom:20px; color:#ffffff; font-size:80%; text-align:center; border-bottom:#666 solid 1px;}
#footer div.mailto a {color:#FFF;}

#footer div.copyright { font-size:80%; padding:10px; text-align:center;}



/*---------------------------------
		TypeCSS
---------------------------------*/
table.formtype01 tr td input,select { margin:3px;}