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

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

/* 初期化 */
body { background-color:#fff; 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;}
ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul { display:inline-block;}*/
/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }

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

img { border:none;}

table { font-size:100%;}
th { text-align:left;}

input,select { vertical-align:middle;}

/* 定義 */

.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%;}

.clear { clear:both; }

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

.print { display:none;}

div.line01 { border-bottom:#000000 dotted 1px; padding:5px; margin:10px 0;}
div.line01 hr { visibility:hidden; display:none;}

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

div.line03 { margin:15px 0 10px; clear: both; background-image:url(img/right_hr.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; height:4px; }
div.line03 hr { visibility:hidden; display:none;}

/*---------------------------------
		BaseCSS
---------------------------------*/

a { color:#101C89;}

body { text-align:center; line-height:1.4;}

#base { width:970px; margin:0 auto; background-image:url(img/bg.png); background-position:center; background-repeat:repeat-y; text-align:left;}

/* header */
#header { margin:0; position:relative; background-image:url(img/header_bg.png); background-position:left top; background-repeat:no-repeat;}

#header div.description { height:43px; margin:0 10px; font-size:80%; color:#FFFFFF; line-height:2.0;}
#header h1.description  { height:43px; margin:0 10px; font-size:80%; color:#FFFFFF; line-height:2.0; font-weight:lighter; background-image:none; background-position:left top; background-repeat:no-repeat;}

#header h1 { background-image:url(img/h1_bg.png); background-position:left top; background-repeat:no-repeat;}
#header h1 a { display:block; width:220px; height:47px; text-indent:-9999px;}

#header #siteid { background-image:url(img/h1_bg.png); background-position:left top; background-repeat:no-repeat;}
#header #siteid a { display:block; overflow: hidden; width:220px; height:47px; text-indent:-9999px;}



#header #Gnavi { margin:5px 0;}
#header #Gnavi li { float:left; display:inline; width:194px; height:50px;}
#header #Gnavi li a { display:block; overflow: hidden; width:100%; height:50px; text-indent:-9999px;}

#header #Gnavi li.button01 a { background-image:url(img/globalnavi/btn_01.png)}
#header #Gnavi li.button02 a { background-image:url(img/globalnavi/btn_02.png)}
#header #Gnavi li.button03 a { background-image:url(img/globalnavi/btn_03.png)}
#header #Gnavi li.button04 a { background-image:url(img/globalnavi/btn_04.png)}
#header #Gnavi li.button05 a { background-image:url(img/globalnavi/btn_05.png)}
#header #Gnavi li.button06 a { background-image:url(img/globalnavi/btn_06.png)}
#header #Gnavi li.button07 a { background-image:url(img/globalnavi/btn_07.png)}
#header #Gnavi li.button08 a { background-image:url(img/globalnavi/btn_08.png)}
#header #Gnavi li.button09 a { background-image:url(img/globalnavi/btn_09.png)}

#header #Gnavi li.button01 { width:px;}
#header #Gnavi li.button02 { width:px;}
#header #Gnavi li.button03 { width:px;}
#header #Gnavi li.button04 { width:px;}
#header #Gnavi li.button05 { width:px;}
#header #Gnavi li.button06 { width:px;}
#header #Gnavi li.button07 { width:px;}
#header #Gnavi li.button08 { width:px;}
#header #Gnavi li.button09 { width:px;}

#header div#FloNavi { position:absolute; left:230px; top:42px;}
#header div#FloNavi ul {}
#header div#FloNavi ul li { display:inline;}
#header div#FloNavi ul li a { padding:0 0 0 17px; background-image:url(img/icon/arrow01.png); background-position:left 80%; background-repeat:no-repeat; color:#FFCC00; font-size:90%; text-decoration:none;}

#header div#FloNavi p { color:#FFFFFF; font-size:80%; line-height:2.0;}

#header div.fontsize { position:absolute; left:820px; top:5px; background-color:#5861AD; padding:3px; font-size:70%; color:#FFFFFF;}
#header div.fontsize a.btn { padding:2px; background-color:#FFFFFF; color:#000000;}

#header div.logo { position:absolute; left:705px; top:35px; font-size:80%; line-height:1.0; text-align:right; width:255px; height:50px; overflow:hidden }
#header div.logo img { margin:0 5px 0 0;}
#header div.logo a   { margin:0 5px 0 0; text-decoration:underline; color:#FFCC00 }


/* container */
#container {}

#sourcePath { margin:15px 0; font-size:80%;}
#sourcePath ul { text-align:left;}
#sourcePath ul li { display:inline;}
#sourcePath ul li a { padding:0 30px 0 10px; background-image:url(img/icon/sourcepath01.png); background-position:right 50%; background-repeat:no-repeat;}

#left div.article {}
#left div.article h2 {}
#left div.article .text{}
#left div.article .text p{ padding:0 5px;}

div.FootBack { clear:both; text-align:right;} 

#right div.bottomBox { clear:both; position:relative; height:150px; background-image:url(img/bootm_box_bg.jpg); background-position:left top; background-repeat:no-repeat;}
#right div.bottomBox img.button01 { position:absolute; left:420px; top:24px;}
#right div.bottomBox img.button02 { position:absolute; left:420px; top:62px; }
#right div.bottomBox {}
#right div.bottomBox {}

/* footer */
#footer { margin:10px 0 0 0; padding:10px 0 0 0; background-color:#EBEBEB; border-top:#000000 dotted 1px; clear:both;}

#footer ul { padding:1px 5px; font-size:70%;}
#footer ul li { display:inline;}
#footer ul li a { padding:0 5px 0 0; color:#101B88; border-right:#101B88 solid 1px;}
#footer ul li {}

#footer div.copyright { margin:10px 0 0 0; padding:3px; background-color:#101C89; text-align:center; font-size:80%; color:#FFFFFF;}

/*---------------------------------
		TypeCSS
---------------------------------*/

table.calender02 { margin:10px 0; width:100%; border:#CCCCCC solid 1px; font-size:90%;}
table.calender02 tr {}
table.calender02 tr th { padding:2px 0; text-align:center; background-color:#F2F2F2;}
table.calender02 tr th.sun { background-color:#FFD9E3;}
table.calender02 tr th.sat { background-color:#CDE0FC;}
table.calender02 tr th.holi {}
table.calender02 tr td { padding:2px 0; text-align:center; background-color:#F2F2F2;}
table.calender02 tr td.sun { background-color:#FFD9E3;}
table.calender02 tr td.sat { background-color:#CDE0FC;}
table.calender02 tr td.holi {}

/* List Type */

ul.type01 { margin:5px 10px;}
ul.type01 li { padding:0 0 0 10px; background-image:url(img/icon/dot01.png); background-position:3px 50%; background-repeat:no-repeat;}
ul.type01 li a {}

ul.type02 { margin:0 10px 15px 10px;}
ul.type02 li {}
ul.type02 li a { padding:0 0 0 15px; background-image:url(img/icon/arrow02.png); background-position:3px 50%; background-repeat:no-repeat;}

ul.type03 { margin:0 10px 15px 10px;}
ul.type03 li { float:left; width:185px;}
ul.type03 li a { padding:0 0 0 15px; background-image:url(img/icon/arrow02.png); background-position:3px 50%; background-repeat:no-repeat;}

ul.type04 { margin:0 10px 15px 10px;}
ul.type04 li { margin:5px 0;}
ul.type04 li a { padding:0 0 0 15px; background-image:url(img/icon/arrow04.png); background-position:3px 50%; background-repeat:no-repeat;}

ul.type05 { list-style:circle;}
ul.type05 li {}
ul.type05 li a {}

ul.type06 { margin:0 10px 15px 10px; width: 100%;}
ul.type06 li { float:left; width: 20%;}
ul.type06 li a { padding:0 0 0 15px; background-image:url(img/icon/arrow02.png); background-position:3px 50%; background-repeat:no-repeat;}


ul.ThumbType01 {}
ul.ThumbType01 li { float:left; width:220px; display:inline; margin:10px;}
ul.ThumbType01 li div.thumb { text-align:center;}
ul.ThumbType01 li div.thumb img { border:#CCCCCC solid 1px;}
ul.ThumbType01 li h4 {}
ul.ThumbType01 li p {}
ul.ThumbType01 li {}
ul.ThumbType01 li {}

dl.QandA {}
dl.QandA dt { margin:10px 0 5px 0; padding:7px 0 7px 30px; background-image:url(../img/q_a_img01.png); background-position:5px 50%; background-repeat:no-repeat; background-color:#E2E3F1;}
dl.QandA dd { margin:0 0 15px 0; padding:7px 7px 7px 30px; background-image:url(../img/q_a_img02.png); background-position:left top; background-repeat:no-repeat; background-color:#D9ECA0;}


 border-bottom:#D9ECA0 solid 10px; border-left:#D9ECA0 solid 10px; border-right:#D9ECA0 solid 10px; padding:40px 10px 10px 10px; background-image:url(../img/q_a_img02.png); background-position:left top; background-repeat:no-repeat;
/* Table Type */

table.type01 { margin:10px; border:#CCCCCC solid 1px;}
table.type01 tr th { padding:5px; background-color:#CDE2F1;}
table.type01 tr td { padding:5px; background-color:#EDEDED;}
table.type01 tr td input,select { margin:3px;}
table.type01 tr td ul.colspan {}
table.type01 tr td ul.colspan li { float:left; width:50px; text-align:center;}
table.type01 tr td ul.colspan2 {}
table.type01 tr td ul.colspan2 li { float:left; width:50px; text-align:center;}

table.type02 { margin:10px; border:#CCCCCC solid 1px;}
table.type02 tr th { padding:5px; background-color:#FDC1D3;}
table.type02 tr td { padding:5px; background-color:#EDEDED;}
table.type02 tr td input,select { margin:3px;}

table.type03 { margin:10px; }
table.type03 tr th { width:50%; background-color:#E1FFFF; border:solid 1px #ddd; font-size:90%; }
table.type03 tr td { width:50%; vertical-align:top; border:solid 1px #ddd; padding-bottom:10px; text-align:center; font-size:90%; }


table.formtype01 { margin:10px; border:#CCCCCC solid 1px;}
table.formtype01 tr th { width:15%; padding:5px; background-color:#CDE2F1;}
table.formtype01 tr td { padding:5px; background-color:#EDEDED;}
table.formtype01 tr td input,select { margin:3px;}
table.formtype01 {}
	
table.formtype02 { margin:10px; border:#CCCCCC solid 1px;}
table.formtype02 tr th { width:25%; padding:5px; background-color:#CDE2F1;}
table.formtype02 tr td { padding:5px; background-color:#EDEDED;}
table.formtype02 tr td input,select { margin:3px;}
table.formtype02 {}
	
table.formtype01 {}
table.formtype01 tr th {}
table.formtype01 tr td {}
table.formtype01 tr td input,select { margin:3px;}
table.formtype01 {}

table.train { width:80%; }
table.train tr th {}
table.train tr td {}