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

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

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

.fsL  { font-size:110%;}
.fsLL { font-size:125%;}
.fsLLL{ font-size:137%;}
.fsXL { font-size:165%;}

.clear { clear:both; }
.iblock{ display:-moz-inline-box; display:inline-block; zoom:1; height:auto; }
.layout{ position:relative; }

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

.last { border:0 !important;}
a { color:#333333;}

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

body { text-align:center;}

#base { width:860px; 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; height:240px; background-image:url(img/header.jpg); background-position:left top; background-repeat:no-repeat;}

#header h1 { height:35px;}
#header h1 a { display:block; width:; height:; text-indent:-9999px;}

#header h2 { margin:115px 15px 0 15px; font-size:150%;}

#header #Gnavi {}
#header #Gnavi li { float:left; display:inline; height:45px; width:140px;}
#header #Gnavi li a { display:block; width:100%; height:45px; 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:155px;}
#header #Gnavi li.button02 { width:100px;}
#header #Gnavi li.button03 { width:123px;}
#header #Gnavi li.button04 { width:124px;}
#header #Gnavi li.button05 { width:108px;}
#header #Gnavi li.button06 { width:118px;}
#header #Gnavi li.button07 { width:132px;}

#header div#FloNavi { position:absolute; right:10px; top:8px;}
#header div#FloNavi ul {}
#header div#FloNavi ul li { display:inline; height:; font-size:80%;}
#header div#FloNavi ul li a { padding:0 10px 0 15px; background-image:url(img/icon/arrow03.png); background-position:left 50%; background-repeat:no-repeat; text-indent:-9999px; text-decoration:none;}
*/


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

#header h1 { height:35px;}
#header h1 a { display:block; width:; height:; text-indent:-9999px;}

#header h2 { margin:115px 15px 0 15px; font-size:150%;}

#header #Gnavi { background-image:url(img/headnavi_bg.png); height:48px; }
#header #Gnavi li { float:left; display:inline; height:45px; padding:0 10px; text-align:center; font-size:0; background-image:url(img/globalnavi/btn_bg.png); background-position:left top; background-repeat:no-repeat;}
#header #Gnavi li a { display:-moz-inline-box; display:inline-block; padding-top:10px; line-height:1.1; font-size:8pt; font-weight:bold; text-decoration:none;}

#header #Gnavi li.button01 { background-image:none; }
#header #Gnavi li.button02 {}
#header #Gnavi li.button03 {}
#header #Gnavi li.button04 {}
#header #Gnavi li.button05 {}
#header #Gnavi li.button06 {}
#header #Gnavi li.button07 {}
#header #Gnavi li.button08 {}

#header div#FloNavi { position:absolute; right:0; top:8px;}
*html #header div#FloNavi { position:absolute; left:400px; top:8px;}	/* IE6 Hack */
#header div#FloNavi ul {}
#header div#FloNavi ul li { display:inline; height:; font-size:80%;}
#header div#FloNavi ul li a { padding:0 10px 0 15px; background-image:url(img/icon/arrow03.png); background-position:left 50%; background-repeat:no-repeat; text-decoration:none;}



/* container */
#container {}

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

div.underNavi { margin:20px 0;}
div.underNavi ul { text-align:center;}
div.underNavi ul li { display:inline; border-right:#666666 solid 1px;}
div.underNavi ul li a { padding:0 10px; font-size:80%;}


#left { display:inline; float:left; width:620px; margin:10px 0 0 5px;}
#right { display:inline; float:right; width:215px; margin:10px 5px 0 0;}

div.FootBack { text-align:right; margin:20px;} 
div.FootBack a { padding:0 0 0 18px; font-size:80%; background-image:url(img/icon/arrow07.png); background-position:left 50%; background-repeat:no-repeat;} 

/* article */
#container div.article { margin:0 0 20px 0; border-bottom:#ccc solid 1px;}
#container div.article h3 { font-size:100%;}
#container div.article h3.type01 { border-left:#98CB00 solid 8px; padding:10px 8px;}
#container div.article h3.type02 { background-image:url(img/border_01.png); background-position:bottom; background-repeat:no-repeat; padding:3px 5px;}
#container div.article h3.NonText { text-indent:-9999px; background-image:none; height:31px; background-position:left top; padding:0;}
#container div.article div.text { margin:10px; font-size:80%;}
#container div.article div.text div.detail { margin:0 50px; text-align:right;}
#container div.article div.text div.detail a { background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat; padding:0 0 0 20px;}
#container div.article div.text h4 { margin:15px 0 5px 0; font-size:120%;}
#container div.article div.text h4.NonText { text-indent:-9999px; background-position:left top; padding:0;}
#container div.article div.text h4.type01 { background-image:url(img/border_01.png); background-position:bottom; background-repeat:repeat-x; padding:3px 5px;}
#container div.article div.text h4.type02 { border-bottom:#A29133 solid 2px; color:#4C3600; background-image:url(img/icon/square01.png); background-position:2px 50%; background-repeat:no-repeat; padding:0 0 0 15px;}
#container div.article div.text p { margin:5px;}
#container div.article div.text img.Image { margin:5px; display:inline; border:#ccc solid 5px;}

/* right */
#right div.banner { margin:10px 0;}
#right div.banner img { margin:3px 0;}
#right div.article {}
#right div.article h2 { margin:5px 0; font-size:80%; background-image:url(img/border_01.png); background-position:bottom; background-repeat:no-repeat; padding:3px 5px;}
#right div.article h2.NonText { text-indent:-9999px; background-image:none; height:31px; background-position:left top; padding:0;}
#right div.article div.text { margin:5px; font-size:80%;}

/* footer */
#footer { clear:both;}

#footer ul { text-align:center; margin:5px 0; }
#footer ul li { display:inline; font-size:75%; padding:0 5px; border-right:#333333 solid 1px;}
#footer ul li a {}
#footer ul li {}

#footer div.copyright { background-color:#99CC00; line-height:2.0; color:#FFFFFF; font-size:80%; text-align:center;}

/* List Type */

ul.type01 { margin:10px 30px;}
ul.type01 li { padding:0 0 0 20px; background-image:url(img/icon/ball01.png); background-position:left 3px; background-repeat:no-repeat;}
ul.type01 li {}
ul.type01 {}

ul.type02 { margin:10px 30px;}
ul.type02 li { color:#4C3600; line-height:0;}
ul.type02 li a { display:block; margin:2px 0; padding:0 0 0 20px; background-image:url(img/icon/arrow01.png); background-position:left 3px; background-repeat:no-repeat; line-height:normal;}
ul.type02 {}

ul.type03 { margin:10px 30px;}
ul.type03 li { color:#333333; display:block; margin:2px 0; padding:0 0 0 20px; background-image:url(img/icon/arrow02.png); background-position:left 3px; background-repeat:no-repeat;}
ul.type03 li a {}
ul.type03 {}

ul.type04 { margin:0;}
ul.type04 li { padding:0 0 3px 20px; background-image:url(img/icon/ball01.png); background-position:left 3px; background-repeat:no-repeat;}


dl.QandA {}
dl.QandA dt { margin:10px 5px 0 5px; padding:0 0 0 80px; font-weight:bold; border-bottom:#ccc solid 1px; background-image:url(img/icon/q_a_quest.png); background-position:left bottom; background-repeat:no-repeat;}

dl.QandA dd { margin:5px 5px 5px 30px; padding:0 0 0 80px; background-image:url(img/icon/q_a_ans.png); background-position:left top; background-repeat:no-repeat;}


table.type01 { margin:10px; border:#999 solid 1px;}
table.type01 tr th { background-color:#D2E88E; padding:5px; text-align:center;}
table.type01 tr td { width:25%; background-color:#eee; padding:5px;}
table.type01 {}

table.type02 { margin:10px; border:#999 solid 1px;}
table.type02 tr th { background-color:#D2E88E; padding:5px; text-align:center;}
table.type02 tr td { background-color:#eee; padding:5px;}
table.type02 th.date { width:50px; text-align:center;}
table.type02 td.date { width:50px; text-align:center;}

table.type03 { margin:10px; border:#ccc solid 1px;}
table.type03 tr th { padding:5px; border:#ccc solid 1px; text-align:center;}
table.type03 tr td { padding:5px; border:#ccc solid 1px;}
table.type03 tr.category td { background-color: #9CD655;}

table.type04 { margin:10px; border:#ccc solid 1px; }
table.type04 tr th { padding:5px; border:#ccc solid 1px; background-color:#9CD655; color:#343434; }
table.type04 tr td { padding:5px; border:#ccc solid 1px; }
table.type04 tr td.day { text-align:center; white-space:nowrap; }



table.Form01 { width:95%; margin:10px; border:#999 solid 1px;}
table.Form01 tr th { width:25%; background-color:#D2E88E; padding:5px; text-align:left;}
table.Form01 tr td { background-color:#eee; padding:5px;}
table.Form01 {}

ul.sitemap {}
ul.sitemap li {}
ul.sitemap li.top {}
ul.sitemap li.scale01 { padding:0 0 0 25px; background-image:url(img/icon/sitemap01.png); background-position:5px 50%; background-repeat:no-repeat;}
ul.sitemap li.scale02 { padding:0 0 0 45px; background-image:url(img/icon/sitemap01.png); background-position:25px 50%; background-repeat:no-repeat;}
ul.sitemap li.scale03 { padding:0 0 0 65px; background-image:url(img/icon/sitemap01.png); background-position:45px 50%; background-repeat:no-repeat;}

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

#PageTop div.bookThumb { float:left; width:110px; display:inline; margin:5px; text-align:center;}
#PageTop div.bookThumb img { display:block;}
#PageTop div.bookThumb a { display:block; text-align:left;}
#PageTop div.bookThumb {}



.typeProfile th,
.typeProfile td { vertical-align:top; }