@charset "UTF-8";
body {background-color: #FFFFFF; padding:0px; margin:0px;color:#333333;}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
ul{ margin:0; padding:0; }
li{ margin:0; padding:0;} 
p{margin:0; padding:0; font-size:80%; line-height:1.4;}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}

.clear_all{clear:both;}
#sub_blue {
	width: 435px;
	float: left;
}
#sub_orange {
	width: 435px;
	float: right;
}
#sub_blue h2.blue_title {
	padding-left: 45px;
	padding-bottom: 12px;
}
#sub_orange h2.orange_title {
	padding-left: 75px;
	padding-bottom: 12px;
}


/* end MacIE5 */

/* リンク */
#sub_blue a:link {color: #0000CC;}
#sub_blue a:visited {color: #800080;}
#sub_blue a:hover {color: #800080;}
#sub_blue a:active {color: #800080;}

#sub_orange a:link {color:#C05F00;}
#sub_orange a:visited {color:#4D2600;}
body{ border-top:5px solid #003366; margin:0px auto 0px auto; text-align:center;}
#headerInfo {
	clear: both;
}
/* WHAt's new */
#w_new{
	width:520px; 
	float:left;
	clear: both;
	padding: 5px 0 0 0;
}
#w_new img{
	display: block;
	margin: 0;
	padding: 8px;
	width: 66px;
	float: left;
}
#w_new ul{
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 420px;
}
#w_new li{
	font-size:80%;
	line-height:1.4;
	list-style: none;
	padding: 0 0 3px 0;
}
#w_new li a:hover {color: #800080;}
#w_new li a:visited {color: #800080;}

#headerInfo #indexBanner{
	width: 357px;
	float: right;
}
#bookarea {
	text-align: center;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(../../images/bg_book.gif);
	margin-top: 5px;
}
#book {
	text-align: left;
	width: 916px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-repeat: repeat-y;
	background-image: url(../../images/bg_book.gif);
}
#bookin {
	display: inline-block;
	margin-left: 23px;
	width: 870px;
	/*background-image: url(../../images/img_catchcopy.gif);
	background-repeat: no-repeat;
	background-position: center 320px;*/
}
#bookin:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#booktop {
	display: inline-block;
	width: 916px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(../../images/bg_book_center.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#booktop:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#booktop p.imgLeft{
	width: 417px;
	float: left;
	padding: 30px 0 12px 20px;
}
#booktop p.imgRight{
	width: 417px;
	float: right;
	padding: 30px 22px 12px 0;
}

/* sub共通 */
#page{width:100%; text-align:left; padding:8px 0 0 0; margin:0px auto 0px auto; position:absolute; left: 0px; top: 0px;}
#head{width:908px; text-align:left; padding:0; margin:0px auto 0px auto; height:auto;}
#head #title{ width:315px; height:58px; float:left; background:url(../images/sub_bg_head_slash.gif) no-repeat 275px 0px;}
#head #title img{
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
h1{
	width:370px;
	text-align:left;
	font-size:12px;
	line-height:1.2;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 80px;
}
.snippet_txt{
	width:350px;
	text-indent:0px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 60px;
	line-height: 120%;
	font-size: 70%;
} 
#head #head_navi{width:590px;  float:left;}
#head #head_navi ul{ margin:0 0 0 390px; padding:0; height:62px;}
#head #head_navi ul li{ list-style-type:none; margin:0; padding:0; background:url(../images/ico_head_list.gif) no-repeat; width:85px; height:58px; float:left;}
#head #head_navi ul li img{ padding:16px 0 0 30px;}
p.read_bl {
	font-size: 90%;
	width: 405px;
	padding-bottom: 12px;
}
p.read_ore {
	font-size: 90%;
	width: 405px;
	padding-bottom: 12px;
	margin-left: 28px;
}
#sub_blue .box {
	display: inline-block;
	background-color: #FFFFFF;
	padding: 8px;
	border: 2px solid #0099CC;
	margin-right: 28px;
	margin-bottom: 10px;
	width: 387px;
}
#sub_blue .box:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#sub_orange .box {
	display: inline-block;
	background-color: #FFFFFF;
	padding: 8px;
	border: 2px solid #C05F00;
	margin-bottom: 10px;
	width: 387px;
	margin-left: 28px;
}
#sub_orange .box:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.box h2 {
	font-size: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	vertical-align: middle;
	line-height: 120%;
}
.box h2 img {
	vertical-align: middle;
}
.box ul li {
	font-size: 80%;
	list-style-type: none;
	padding-bottom: 3px;
}
.box ol li {
	font-size: 80%;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-left: 40px;
}
.box ul {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.box ol {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	margin-left: 0px;
}
.layouth2A {
	float: left;
	width: 300px;
	padding-left: 5px;
}
.layoutB {
	float: right;
	width: 230px;
}

.layoutC {
	width: 310px;
	float: right;
}
.layoutD ul li {
	float: left;
	padding-right: 20px;
}
.layoutF {
	width: 66px;
	float: left;
}
.layoutG {
	float: left;
	width: 157px;
}
.layoutH {
	float: left;
	width: 72px;
}
.layoutI {
	float: left;
	width: 87px;
}
.layoutJ {
	width: 290px;
	float: left;
}










#pagetop{
	width:916px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../images/img_logo2.gif);
	background-position: center;
	background-repeat: no-repeat;
}
#pagetop p{
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 717px;
}

#pagetop_02 {
	width:916px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	
	text-align: center;
	position: relative;
	height: 30px;
	padding: 3px 0 0;
}
#pagetop_02 img {
	display: inline;
	border: none;
}
#pagetop_02 p {
	position: absolute;
	left: 717px;
	top: 3px;
}

#foot{
	width:888px;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	background-color:#F2F2F2;
	padding:10px;
	font-size:70%;
	margin-right: auto;
	margin-left: auto;
}
#foot:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#foot p {
	font-size: 70%;
	line-height: 120%;
}
#page #foot .layoutE {
	float: right;
	width: 400px;
	text-align: right;
}

.float_r_padding_t10{ float:right; padding:10px 0 0 0;}
#foot_copyright{ background-color:#FFFFFF; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:80%; text-align:center; padding:5px 0 10px 0;}
#pan{ clear:both; width:908px; margin:0px auto 0px auto; }
#pan div{ width:890px; padding:15px 0 0px 0px;}
#pan p{width:590px; font-size:11px; border-bottom:1px solid #CCCCCC; padding:0 0 5px 0; margin:0 0 0 280px; text-align: right;}
h3 {
	font-size: 90%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

/* カラー  */
.red {
	color: #CC0000;
}
.blue {
	color: #0099CC;
}
/* テキストサイズ  */
.textbigA {
	font-size: 100%;
	font-weight: bold;
}
.textbigB {
	font-size: 110%;
	font-weight: bold;
}
.textsmallA {
	font-size: 70%;
}
.textsmallB {
	font-size: 60%;
	background-image: url(../../images/img_catchcopy.gif);
	background-position: 500px 400px;
}

.mgLeft200{
	margin-left:200px;
}