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

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

body { text-align:center;}

#base { position:relative; 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; background-image:url(img/header_top.png); background-position:left top; background-repeat:no-repeat;}

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

#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 { 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:620px; margin:10px 0 0 5px;}
#right { display:inline; float:right; width:215px; margin:10px 5px 0 0;}

div.FootBack { clear:both; text-align:right; margin:10px;} 
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;} 


/* left */
#left div.article {}
#left div.article h2.type01 { border-left:#98CB00 solid 5px; padding:5px; font-size:90%;}
#left div.article h2.type02 { background-image:url(img/border_01.png); background-position:bottom; background-repeat:no-repeat; padding:3px 5px;}
#left div.article h2.NonText { text-indent:-9999px; background-image:none; height:31px; background-position:left top; padding:0;}
#left div.article div.text { margin:10px 5px; font-size:80%;}
#left div.article div.text div.detail { text-align:right;}
#left 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;}
#left div.article div.text h3.NonText { text-indent:-9999px; background-position:left top; padding:0;}
#left div.article div.text h3.type01 { position:relative; background-color:#DCD5B2; margin:5px; padding:2px 5px;}
#left div.article div.text h3.type01 a.more { position:absolute; left:210px; top:3px; background-image:url(img/icon/str_more_01.png); background-position:left top; background-repeat:no-repeat; text-indent:-9999px; display:block; width:80px;}
#left div.article div.text h3.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;}
#left div.article div.text p { margin:5px;}
#left div.article div.text {}


/* 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:21px; background-position:left top; padding:0;}
#right div.article div.text { font-size:80%;}

#right div.entryBox { border:#FFCE08 solid 3px; padding:2px; }
#right div.entryBox h2 { margin:7px 0; color:#4C3600;}
#right div.entryBox div.banner{ text-align:center; }

#right div.contact { border:#ccc solid 1px; }
#right div.contact h2 {color:#4C3500; text-align:center; }
#right div.contact div.text { padding:0 5px;}



/* 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 {}
ul.type01 li { padding:0 0 0 20px; background-image:url(img/icon/ball01.png); background-position:left 50%; background-repeat:no-repeat;}
ul.type01 li {}
ul.type01 {}

ul.type02 {}
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 {}
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 {}



/*---------------------------------
		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 {}

#left #index_article01 {}
#left #index_article01 ul.type01 { font-size:90%; }
#left #index_article01 ul.type01 li a{ color:#f00; }
#left #index_article01 div.text {}
#left #index_article01 div.text p {}


#left #index_article02 { position:relative; }
#left #index_article02 h2.type01 {}
#left #index_article02 h2.type02 { background-image:url(/img/title_column/top01.png); }
#left #index_article02 h2.NonText {}
#left #index_article02 div.text {}
#left #index_article02 div.text ul{ font-size:90%; }

#left #index_article03 { margin-top:30px; }
#left #index_article03 h2.type01 {}
#left #index_article03 h2.type02 { background-image:url(/img/title_column/top02.png); }
#left #index_article03 h2.NonText {}
#left #index_article03 div.text img.fL{ margin:5px 10px; }


#left #index_article04 { clear:both; margin-top:30px;  }
#left #index_article04 h2.type01 {}
#left #index_article04 h2.type02 {}
#left #index_article04 h2.NonText {}
#left #index_article04 div.text {}
#left #index_article04 div.fL{ width: 299px; border-right: #999 1px dotted; }
#left #index_article04 div.fL div.text { margin:0; }
#left #index_article04 ul.type02{ margin:10px; }

#left #index_article04 div.fR { width:300px; }
#left #index_article04 div.fR div.text{ margin:0; padding-left:0; }


#left #index_article04 div.text div.detail {}
#left #index_article04 div.text div.detail a {}
#left #index_article04 div.text h3.NonText {}
#left #index_article04 div.text h3.type01 {}
#left #index_article04 div.text h3.type01 a.more {}
#left #index_article04 div.text h3.type02 {}
#left #index_article04 div.text p {}

#left #index_article05 { clear:both; }
#left #index_article05 h2.type01 {}
#left #index_article05 h2.type02 {}
#left #index_article05 h2.NonText {}
#left #index_article05 div.text {}
#left #index_article05 div.text div.detail {}
#left #index_article05 div.text div.detail a {}
#left #index_article05 div.text h3.NonText {}
#left #index_article05 div.text h3.type01 {}
#left #index_article05 div.text h3.type01 a.more {}
#left #index_article05 div.text h3.type02 {}
#left #index_article05 div.text p {}


/*---------------------------------
		microPartsCSS
---------------------------------*/

#a_pageid9 { position: absolute; top: 0px; left: 330px;  width: 288px; height: 261px; overflow:hidden; }