@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;}
ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul { display:inline-block;}*/
/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }

img { border:none;}

table { font-size:100%;}

/* 定義 */

.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;}
strong.orange { color:#CC3300;}
strong.blue { color:#069; }

.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.vaT { vertical-align:top; }
.vaM { vertical-align:middle; }
.vaB { vertical-align:bottom; }

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

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

.fsL{font-size:110%;}
.fsLL{font-size:127%;}
.fsLLL{font-size:135%;}
.fsXL{font-size:159%;}

/* iblock ibox */
.iblock{ display: -moz-inline-box; display:inline-block; zoom:1; height:auto; }
.ibox { display: -moz-inline-box; display:inline-block; zoom:1; height:auto; }
.ibox a {text-decoration:none;}
.ibox a span {text-decoration:underline;}

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

.last { border:0 !important;}

.print { display:none;}
a { color:#333333;}
body { text-align:center; background-color:#3983BC;}

input,select { vertical-align:middle;}

div.line01 { height:3px; background-image:url(img/line01.png); background-position:left top; background-repeat:repeat-x;}
div.line01 hr { visibility:hidden; display:none;}

.blue01 { color:#1F5D9F;}
.orange { color:#CC3300;}

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

/* header */
#header { margin:0; position:relative; background-color:#000; background-position:left top; background-repeat:no-repeat;}

#header div.description  { width:540px; float:left; }
#header div.description h1 { color:#fff; font-size:85%; padding:3px 3px 0;}
#header div.description p  { color:#fff; font-size:80%; padding:0 3px 3px;}

#header #coName { background-color:#000000; color:#fff; text-align:right; font-size:90%; padding:3px;}
#header #coName a { text-indent:-9999px; color:#fff; margin:3px; padding:0 5px; text-decoration:none; /* border-left:#3983BC solid 3px; */ }
#header #coName img{ vertical-align:middle;}

#header div.Image { font-size:0; padding:0; margin:0; clear:both; }
#header div.Image table { border-collapse:separate; border-spacing:0;}

#header #Gnavi {}
#header #Gnavi li { float:left; display:inline; width:101px; height:37px;}
#header #Gnavi li a { display:block; width:100%; height:37px; 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.button01 { width:123px;}
#header #Gnavi li.button02 { width:;}
#header #Gnavi li.button03 { width:;}
#header #Gnavi li.button04 { width:;}
#header #Gnavi li.button05 { width:;}
#header #Gnavi li.button06 { width:;}
#header #Gnavi li.button07 { width:122px;}
#header #Gnavi li.button08 { width:150px;}

#header div#FloNavi { position:absolute;}
#header div#FloNavi ul {}
#header div#FloNavi ul li { float:left; display:inline; width:px; height:px;}
#header div#FloNavi ul li a { display:block; width:100%; height:px; text-indent:-9999px;}

#header div#FloNavi ul li.button01 a { background-image:url(img/flonavi/btn_01.png)}

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

#header div#FloNavi ul li.button01 {}
#header div#FloNavi ul li.button02 {}
#header div#FloNavi ul li.button03 {}
#header div#FloNavi ul li.button04 {}
#header div#FloNavi ul li.button05 {}
#header div#FloNavi ul li.button06 {}
#header div#FloNavi ul li.button07 {}
#header div#FloNavi ul li.button08 {}
#header div#FloNavi ul li.button09 {}

/* container */
#container {}

#sourcePath {}
#sourcePath ul { text-align:left;}
#sourcePath ul li { display:inline;}
#sourcePath ul li a { background-position:left 50%; background-repeat:no-repeat;}

#left { display:inline; float:left; width:200px; margin:10px 0 0 5px;}
#center { display:inline; float:left; width:460px; margin:10px 0 0 15px;}
#right { display:inline; float:right; width:200px; margin:10px 5px 0 0;}

#container div.article {}
#container div.article h2 {}
#container div.article h2.Nontext { text-indent:-9999px;}
#container div.article div.text { font-size:80%;}


div.FootBack { text-align:right;} 

/* left */
#left div.article { margin:0 0 10px 0;}
#left div.article h2 {}
#left div.article div.text { padding:5px;}
#left div.type01 { background-color:#EBEBEB;}
#left div.type01 h2 { position:relative; height:84px; text-indent:-9999px;}
#left div.type01 h2 span.explain { position:absolute; left:2px; top:38px; font-size:70%; font-weight:normal; text-indent:0; line-height:1.2;}
#left div.type02 { background-image:url(img/left_type02_bg.png); background-position:left bottom;}
#left div.type02 h2 { background-image:url(img/left_type02_title.png); background-position:left top; background-repeat:no-repeat; padding:0 0 0 20px; line-height:2.8; font-size:90%; height:36px;}
#left div.type03 h2 {}

#left div.type01 {}
#left div.type01 h2 {}
#left div.type01 h2.Nontext {}
#left div.type01 div.text {}

#left div.Btn01 { width:192px; height:22px; background-image:url(img/button01.png);}
#left div.Btn01 a { width:100%; color:#FFFFFF;}

#left div.detail { margin:3px 5px; text-align:right;}
#left div.detail a { padding:0 20px 0 0; background-image:url(img/icon/arrow01.png); background-position:right 50%; background-repeat:no-repeat; color:#1F5D9F; font-weight:bold;}


#center div.article { border:#E5E5E5 solid 5px; margin:0 0 10px 0;}
#center div.article h2 { background-position:left top; background-repeat:no-repeat; position:relative;}
#center div.article div.text {}
#center div.article div.text p { margin:10px;}

#center div.headbox { border:0;}
#center div.headbox h2 { height:52px;}
#center div.headbox h2 a img { position:absolute; right:0; top:33px;}
#center div.headbox div.text {}
#center div.headbox div.box { background-image:url(img/center_headbox_bg.png); background-position:left bottom; background-repeat:no-repeat;}
#center div.headbox div.box h3 { padding:0 15px; height:37px; line-height:3.0; background-image:url(img/center_headbox_title.png); background-position:left top; background-repeat:no-repeat; font-size:90%;}
#center div.headbox div.box div.thumb { float:left; display:inline; margin:10px 10px 10px 20px; padding:0 0 20px 0;}
#center div.headbox div.box div.thumb img {}
#center div.headbox div.box p { font-size:80%; padding:10px 10px 5px 155px;}
#center div.headbox div.box div.detail { margin:2px 15px; padding:0 0 10px 0; text-align:right; font-size:80%;}
#center div.headbox div.box div.detail a { padding:0 20px 0 0; background-image:url(img/icon/arrow01.png); background-position:right 50%; background-repeat:no-repeat; color:#1F5D9F; font-weight:bold;}

#center div.type01 { border:0;}
#center div.type01 h2 { height:45px;}
#center div.type01 div.text { border-bottom:#E5E5E5 solid 5px; border-left:#E5E5E5 solid 5px; border-right:#E5E5E5 solid 5px;}

#center ul.topType01 { margin:5px; font-size:110%;}
#center ul.topType01 li { border-bottom:#999999 dotted 1px;}
#center ul.topType01 li h3 { padding:23px 0 0 15px; background-position:left top; background-repeat:no-repeat; color:#CC3300; font-weight:bold;}
#center ul.topType01 li div.solve { margin:5px 10px 5px 130px;}
#center ul.topType01 li div.solve a { padding:0 0 0 20px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat; color:#1F5D9F; font-weight:bold;}
#center ul.topType01 li.quest01 h3 { background-image:url(img/quest_type01_01.png);}
#center ul.topType01 li.quest02 h3 { background-image:url(img/quest_type01_02.png);}
#center ul.topType01 li.quest03 h3 { background-image:url(img/quest_type01_03.png);}
#center ul.topType01 li.quest04 h3 { background-image:url(img/quest_type01_04.png);}
#center ul.topType01 li.quest05 h3 { background-image:url(img/quest_type01_05.png);}
#center ul.topType01 li.quest01 h3 {}
#center ul.topType01 li.quest01 h3 {}
#center ul.topType01 li.quest01 h3 {}

#center dl.topType02 { margin:5px 15px; font-size:110%;}
#center dl.topType02 dt { clear:both; float:left; display:inline; line-height:3.0; width:250px; padding:0 0 0 20px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat; color:#1F5D9F;}
#center dl.topType02 dd { line-height:3.0;}
#center dl.topType02 dd input { width:80px; margin:2px; vertical-align:middle;}

#center ul.topType03 { margin:15px;}
#center ul.topType03 li { color:#1F5D9F; font-weight:bold;}
#center ul.topType03 {}

#center label.Mail { padding:0 0 0 25px; background-image:url(img/icon/mail01.png); background-position:left 50%; background-repeat:no-repeat; color:#1F5D9F; font-weight:bold;}
#center label.Mail input { margin:0 5px;}


/* right */
#right div.MailBox { background-image:url(img/right_mail_box.png); background-position:left top; background-repeat:no-repeat; padding:0 10px; font-size:80%;}
#right div.MailBox h2 { text-indent:-9999px; height:65px;}
#right div.MailBox label.add {}
#right div.MailBox div.detail { margin:10px 0; text-align:right;}
#right div.MailBox div.detail a { padding:0 20px 0 0; background-image:url(img/icon/arrow01.png); background-position:right 50%; background-repeat:no-repeat; color:#1F5D9F; font-weight:bold;}

#right div.article { margin:0 0 10px 0;}
#right div.article h2 { position:relative;}
#right div.article h2.Nontext { text-indent:-9999px; height:;}
#right div.article div.text { padding:5px;}
#right div.article div.text p { padding:5px 0;}
#right div.type02 { background-image:url(img/left_type02_bg.png); background-position:left bottom;}
#right div.type02 h2 { background-image:url(img/left_type02_title.png); background-position:left top; background-repeat:no-repeat; padding:0 0 0 20px; line-height:2.8; font-size:90%; height:36px;}
#right div.type02 h2 span.author { position:absolute; right:10px; bottom:0; font-size:75%;}
#right div.type02 h3.type01 { margin:10px 0; background-color:#CCCCCC; color:#FFFFFF; text-align:center;}
#right div.type03 { background-image:url(img/left_type02_bg.png); background-position:left bottom;}
#right div.type03 h2 { background-image:url(img/top/right_type03_title.png); background-position:left top; background-repeat:no-repeat; padding:10px 0 10px 18px; line-height:1.3; font-size:90%;}
#right div.type03 h3 { background-image:url(img/icon/check01.png); background-position:left 50%; background-repeat:no-repeat; padding:10px 0 2px 25px; vertical-align:baseline; font-weight:bold; color:#CC3300;}


#right div.type01 {}
#right div.type01 h2 {}
#right div.type01 h2.Nontext {}
#right div.type01 div.text {}

#right div.detail { margin:3px 5px; text-align:right;}
#right div.detail a { padding:0 20px 0 0; background-image:url(img/icon/arrow01.png); background-position:right 50%; background-repeat:no-repeat; color:#1F5D9F; font-weight:bold;}

#right div.WordBox { border:#CCCCCC solid 5px;}
#right div.WordBox h2 { background-image:url(img/word_box_bg.png); height:76px;}

/* footer */
#footer { clear:both; background-color:#000000; padding:0 0 20px 0;}

#footer div.banner { margin:0; height:145px; font-size:75%; background-image:url(img/foot_bg01.png); background-position:left 2px; background-repeat:no-repeat; background-color:#F2F2F2; overflow:hidden;}
#footer div.banner h2 { text-align:center; margin:5px 0; padding:27px 0 0 0 ; color:#1F5D9F;}
#footer div.banner h2 span.explain { display:none;}
#footer div.banner p { margin:5px 0; padding:0 0 0 150px; font-weight:bold; }

#footer ul { text-align:center; padding:10px 0;}
#footer ul li { display:inline; border-right:#FFFFFF solid 1px; font-size:80%; line-height:2.0; padding:0 10px;}
#footer ul li a { color:#FFFFFF;}
#footer ul li {}

#footer div.copyright {}

/* List Type */

ul.type01 {}
ul.type01 li { padding:5px 0;}
ul.type01 li a { display:block; padding:0 0 0 15px; background-image:url(img/icon/dot01.png); background-position:5px 7px; background-repeat:no-repeat;}

ul.type02 {}
ul.type02 li {}
ul.type02 li a {}

ul.type03 {}
ul.type03 li {}
ul.type03 li a {}

ul.bookList01 { margin:0 5px; font-size:90%;}
ul.bookList01 li { padding:3px 0; border-bottom:#999999 dotted 1px;}
ul.bookList01 li div.thumb { float:left; display:inline; margin:5px;}
ul.bookList01 li div.thumb img {}
ul.bookList01 li div.date { color:#1F5D9F; padding:5px 0 0 0;}
ul.bookList01 li p { padding:5px 0 0 80px;}

ul.contentList01 { margin:10px 5px;}
ul.contentList01 li { padding:5px; border-bottom:#999999 dotted 1px;}
ul.contentList01 li a { color:#333333;}

/* Table Type */

table.type01 {}
table.type01 tr th {}
table.type01 tr td {}
table.type01 {}

table.type02 {}
table.type02 tr th {}
table.type02 tr td {}
table.type02 {}

table.formtype01 {}
table.formtype01 tr th {}
table.formtype01 tr td {}
table.formtype01 tr td input,select { margin:3px;}
table.formtype01 {}

/*---------------------------------
		PageCSS
---------------------------------*/

#Page {}