f/* ===========================================
01.style reset
02.common
  1.header
  2.footer
  3.contents
  4.pankuzu
  5.link
03.toppage
04.2nd
  1.common
05.layout
06.style
=========================================== */


/* 01.style reset
----------------------------------------------------------*/
body{background-color:#FFFFFF;color:#000000;margin:0;padding:0;min-width:670px;}
p{margin: 0;padding: 0;}
img{border:none;margin:0;padding:0;}
a:link{color:#0000ff;}
a:visited{color:#800080;}
a:hover{color:#ff0000;}
a:active{color:#ff0000;}


/* 02.common
----------------------------------------------------------*/
/*-- 1.header --*/
#header{
	padding:10px;
	border-bottom:4px solid #008C56;
}
/*-- 2.footer --*/
#footer{
	clear:both;
	margin:0;
	border-top:4px solid #008C56;
}
#footer_c{margin-bottom:1em;padding:5px 0 30px 0;background:url('../img/bg_footer.gif') repeat-x bottom;}
#footer_c ul, #footer li{}
#footer_c p{font-size:80%;margin:0 10px;padding:0 10px 3px 5px;}
#footer_c p.cr{font-size:70%;margin:20px 10px;padding:0 10px 3px 5px;}
#footer_c ul{padding:0;margin:0 10px;list-style:none;}
#footer_c li{padding:0;margin:0 2px 0 0;list-style:none;display:inline;font-size:90%;}
/*==リンク「mail」==*/
a.mail{font-family:'Verdana',sans-serif;padding:2px 2px 2px 20px;color:#FFFFCC;background:#5E5E5E url('../image/bg_mail.gif') no-repeat;background-position:0 0;text-decoration:none;}
a.mail:link{color:#FFFFCC}
a.mail:visited{color:#FFFFCC;}
a.mail:hover, a.mail:active{color:#FFCC00;background-position:0 -50px;}

/*-- 3.contents --*/
*{font-family:Arial, Helvetica;font-size:99%;}

#contents{
	margin:10px;
	padding-right:0.5em;
}
h1{
	margin:0;
	padding:2px 4px;
	font-size:120%;
	color:#FFF;
	background:#006600;
}
h2{
	font-size:120%;
	border-top:1px solid #006600;
	border-right:1px solid #006600;
	border-bottom:1px solid #006600;
	border-left:8px solid #006600;
	padding:2px 4px;
}
h3{
	margin:0;
	color:#006600;
	font-weight:bold;
}

/* Left Area */
.top_area_l{
	float:left;
	width:260px;
	margin:0;
	text-align: center;
}

.area_l{
	float:left;
	width:20%;
	margin:0;
	text-align: center;
}

/* Right Area */
.top_area_r{
	margin-left:280px;
}

.area_r{
	width: 78%;
	float: right;
	padding-left: 20px;
	padding-right: 4px;
}
.area_rInner{
	width:100%;
}

/*-- 4.pankuzu --*/
#pankuzu{margin:0 0 1em 0;width:95%;}
#pankuzu ul{list-style:none;margin:0;padding:0;}
#pankuzu li{display:inline;font-size:85%;}

/*-- 5.link --*/
/* page top */
.pagetop{
	clear: right;
	text-align:right;
	padding-top:10px;
}

/* 03.toppage
----------------------------------------------------------*/
/* Left Area */
.vol2 {
	margin:0;
	padding:6px 2px;
	line-height:120%;
	font-size:100%;
	color:#FFF;
	background:#0E479B;
}

.cover{
	margin-top:10px;
}
.cover p{
	margin:0;
	text-align:right;
	font-size:80%;
}

/* Right Area */
.top_main{
	margin:0 0 1em 2em;
	line-height:120%;
}
.top_main p{
	margin:0.5em 0;
	line-height:120%;
}
.top_main ul{
	margin:0.5em 0 0.5em 0;
	padding:0 0 0 22px;
}
.top_main ul li{
	list-style:none;
	background:url('../image/icon_r.gif') no-repeat 0 7px;
	margin-bottom:0.2em;
	padding:0 0 0 10px;
}

.category{
	color:#006600;
	border-bottom:1px solid #006600;
}

.comBox{
	padding: 0.5em;
	border: 1px solid #FF6600;
	background: #FFFFCC;
}
.comBox p{
	margin: 0;
}
/* 04.2nd
----------------------------------------------------------*/
/*-- 1.common --*/
/* Left Area */
.sub_navi{
	margin:0;
	text-align:left;
}
.sub_navi p{
	margin:0;
	line-height:120%;
}
.sub_navi ul{
	margin:0.5em 0 0.5em 0;
	padding-left:2px;
	font-size: 80%;
}
.sub_navi ul li{
	list-style:none;
	background:url('../image/icon_r.gif') no-repeat 0 7px;
	margin-bottom:0.2em;
	padding-left:10px;
}

/* Right Area */
.main{
	margin:0 0 1em 2em;
	line-height:120%;
}

.container{ }

.body_txt{
	margin-top: 10px;
}
.body_txt p{
	text-indent:2em;
}
.noInd{margin-left:-2em;}

.body_txt2{
	margin-top: 10px;
}
.body_txt p{ }

.read{
	margin:10px 0;
	color:#006600;
}

.author{
	padding-left:4px;
	border-bottom:1px solid #CCC;
	border-left:4px solid #CCC;
	position:relative ;
}
.author p{
	margin:0;
	text-indent:0;
}
.author img{
	float:right;
}
.author_txt{
	padding-right:100px;
	position:absolute ;
	bottom:2px;
}
.author_txt2{
	padding-right:200px;
	position:absolute ;
	bottom:2px;
}
.author1{font-size:120%;font-weight:bold;}
.author2{font-size:100%;}

.moreinfo{margin-top:10px;}
.moreinfo p{
	text-indent:0;
	color:#003399;
}
.moreinfo ul{
	margin:0;
}
.moreinfo ul li{
	list-style:none;
	background:url('../image/icon_r.gif') no-repeat 0 7px;
	margin-bottom:0.2em;
	padding-left:10px;
}

.inq{margin-top:10px;}
.inq p{
	text-indent:0;
}

/* Image */
.p_box{
	margin-left:10px;
	font-size:80%;
	color:#444;
	line-height:1.2em;
}
	.p_box img {
		margin-bottom: 3px;
}
.p_box600{
	width: 600px;
	font-size:80%;
	color:#444;
	line-height:1.2em;
	text-align: left;
}
	.p_box600 img {
		margin-bottom: 3px;
}

.p_boxR{
	float:right;
	margin-left:10px;
	font-size:80%;
	color:#444;
	text-align:left;
	line-height:1.2em;
}
	.p_boxR img {
		margin-bottom: 3px;
}
.p_box200R{
	float:right;
	width: 200px;
	margin-left:20px;
	font-size:80%;
	color:#444;
	text-align:left;
	line-height:1.2em;
}
	.p_box200R img {
		margin-bottom: 3px;
}
.p_box250L{
	float:left;
	width: 250px;
	margin-right:10px;
	font-size:80%;
	color:#444;
	text-align:left;
	line-height:1.2em;
}
	.p_box250L img {
		margin-bottom: 3px;
}
.p_box250R{
	float:right;
	width: 250px;
	margin-left:20px;
	font-size:80%;
	color:#444;
	text-align:left;
	line-height:1.2em;
}
	.p_box250R img {
		margin-bottom: 3px;
}
.p_box300L{
	float:left;
	width: 300px;
	margin-right:10px;
	font-size:80%;
	color:#444;
	text-align:left;
	line-height:1.2em;
}
	.p_box300L img {
		margin-bottom: 3px;
}
.p_box300R{
	float:right;
	width: 300px;
	margin-left:20px;
	font-size:80%;
	color:#444;
	text-align:left;
	line-height:1.2em;
}
	.p_box300R img {
		margin-bottom: 3px;
}
.p_box400R{
	float:right;
	width: 400px;
	margin-left:10px;
	font-size:80%;
	color:#444;
	text-align:left;
	line-height:1.2em;
}
	.p_box400R img {
		margin-bottom: 3px;
}

.chart_area{
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
}

.chart_box{
	border: 1px solid #ACACAC;
	padding: 8px;
}

.chart_v4f{}
.v4fTitle {
	padding: 6px 16px;
	text-align: center;
	color: #fff;
	font-size: 120%;
	font-weight: normal;
	background: #000066;
}
.chart_v4fBox1 {
	padding: 14px;
	border: 2px solid #000066;
	text-align: center;
}
.v5fTitle {
	width: 100%;
	padding: 6px 0;
	text-align: center;
	color: #fff;
	font-size: 120%;
	font-weight: normal;
	background: #000066;
}
.chart_v5fBox1 {
	padding: 14px;
	border: 2px solid #000066;
	text-align: left;
}
.chart_v5fBox1 p {
	margin-left: 2em;
	text-indent:0;
}

.chart_v7f{
	width: 620px;
	margin-left:auto;
	margin-right:auto;
	}

.v4f {margin:10px 10px 0 10px;}
.td1G {
	width: 40%;
	text-align: center;
	background: #FFF;
	border: 1px solid #99CC66;
}
.td2G {
	width: 40%;
	padding: 8px;
	vertical-align: top;
	background: #CCE5B2;
	border: 1px solid #99CC66;
}
.td1B {
	width: 40%;
	text-align: center;
	background: #FFF;
	border: 1px solid #99CCFF;
}
.td2B {
	width: 40%;
	padding: 8px;
	vertical-align: top;
	background: #E0F0FF;
	border: 1px solid #99CCFF;
}
.tdS {width:2%;}

.v7fBox {
	padding: 8px;
	border: 2px solid #000066;
	text-align: left;
}
.v7fBox p { text-indent: 0; } 
.v7fBox ol { 
	margin: 0;
	list-style-position: inside;
} 

.chart_v9fBox{
	padding: 8px;
	border: 2px solid #CCCCCC;
}
.cv9fBox1 {
	padding: 4px;
	border: 2px solid #669900;
	line-height: 1em;
}
.cv9fBox1a {
	margin: 6px 0;
	padding: 4px 8px;
	border: 1px solid #669900;;
}
.cv9fBox1b {
	margin: 6px 0;
	padding: 4px 8px;
	border: 1px dashed #669900;;
}
.title_cv9fB1 {
	padding: 0px 8px;
	background: #669900;
	font-weight: bold;
}
.cv9fBox2 {
	padding: 4px;
	border: 2px solid #FFCC00;
	line-height: 1em;
}
.cv9fBox2a {
	margin: 6px 0;
	padding: 4px 8px;
	border: 1px solid #FF0066;;
}
.cv9fBox2b {
	margin: 6px 0;
	padding: 4px 8px;
	border: 1px solid #FF3300;;
}
.cv9fBox2c {
	margin: 6px 0;
	padding: 4px 8px;
	border: 1px dashed #FFCC00;;
}
.title_cv9fB2 {
	padding: 0px 8px;
	background: #FFCC00;
	font-weight: bold;
}
.cv9fBox3 {
	padding: 4px;
	border: 2px solid #FF6699;
	line-height: 1em;
}
.title_cv9fB3 {
	padding: 0px 8px;
	background: #FF6699;
	font-weight: bold;
}

.title_v11t {
	width: 100%;
	padding: 6px 0;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	background: #99CC99;
}
.v11AreaL {
	float: left;
	width: 49%;
	padding-top: 10px;
}
.v11AreaR {
	float: right;
	width: 49%;
	padding-top: 10px;
}
.v11Box {
	background: #fff;
	border: 2px solid #000;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}
.v11Box1 {
	background: #CCCC66;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.v11Box2 {
	background: #99CC99;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
}
.v11Box3 {
	background: #CCFFCC;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
}
.v11Box4 {
	background: #99CC66;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
}

/* List */
.list_none{
	margin-left: 1.0em;
	margin-bottom: 0;
	text-indent:-1em;
	list-style-type: none;
}
.list_none li{
	margin-top: 8px;
}

.list0{
	margin-left: 1.0em;
	margin-bottom: 0;
	text-indent:-1em;
	list-style-position: inside;
}
.list0 li{
	margin-top: 8px;
}

.list1{ }
.list1 dl{ }
.list1 dt{
	color:#003399;
	font-weight:bold;
}
.list1 dd{
	margin-left:0;
	text-indent:2em;
}

/* Box */
.box_blue {}
.box_blue h3 {
	padding: 4px 16px;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	background: #99CCFF;
}
.box_blueIn {
	background: #FFFFCC;
	border: 1px solid #99CCFF;
}
.box_blueT {
	padding: 16px;
}

.box_green {}
.box_green h3 {
	padding: 4px 16px;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	background: #99CC66;
}
.box_greenIn {
	background: #FFFFCC;
	border: 1px solid #99CC66;
}
.box_greenT {
	padding: 16px;
}

/* table */
.table1 {
	width:96%;
	background: #CCFFCC;
}
.table1 td {
	padding: 8px;
	border: 3px solid #FFFFCC;
}

.tda {width: 32%;}

.table_v4t {
	border: none;
}
.table_v4t td,th {
	border: none;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	padding: 6px 4px;
}
.table_v4t thead {
	background: #003399;
	color: #FFF;
}
.table_v4t tbody {
	background: #CCFFFF;
	color: #000;
}

.table_v5t {
	border: none;
}
.table_v5t td,th {
	border: none;
	width: 11%;
	padding: 6px 4px;
	text-align: center;
}
.table_v5t thead {
	background: #003399;
	color: #FFF;
}
.table_v5t tbody {
	background: #CCFFFF;
	color: #000;
}
.table_v5t .bor1 {
	border-right: solid 2px #000066;
}
.table_v5t .bor2 {
	border-left: solid 2px #000066;
}

.Title_v9t {
	width: 100%;
	padding: 6px 0;
	text-align: center;
	color: #006600;
	font-size: 120%;
	font-weight: bold;
}
.table_v9t {
	border: 1px solid #000;
}
.table_v9t thead {
	background: #669900;
	color: #FFF;
	text-align: center;
}
.table_v9t tbody {
	background: #FFF;
	color: #000;
}
.table_v9t td {
	border: 1px solid #000;
	padding: 6px 4px;
}
.table_v9t .td1 {
	width: 10%;
	color: #fff;
	background: #669900;
	font-weight: bold;
}
.table_v9t .td2 {
	width: 50%;
}
.table_v9t .td3 {
	width: 40%;
	text-align: center;
	vertical-align: middle;
}

.number {
	background: #004000;
	color: #FFF;
	text-align: center;
}
.tdY {
	background: #FFFFCC;
}

.thReset {
	text-align: left;
	font-weight: normal;
}

/* other */
.note {
	margin-left: 2em;
	font-size: 80%;
	text-align: left;
	line-height: 120%;
	text-indent: -1em;
}

.note2 {
	font-size: 80%;
	text-align: left;
	line-height: 120%;
}

/*-- 2.each --*/
/* vol08 feature */
.prfArea {}
.prfPhoto {
	float: right;
	width: 150px;
}
.prfBox {
	float: left;
	width: 70%;
}
.prfList{}
.prfList dl{
	margin: 0;
}
.prfList dt{
	float: left;
}
.prfList dd{
}


/* 05.layout
----------------------------------------------------------*/
/* margin */
.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mb10{margin-bottom:10px;}

.mr10{margin-right:10px;}

.ml10{margin-left:10px;}

/* indent */
.in2{text-indent:2em;}

/* line-height */
.lh140{line-height:140%;}

/* text-align */
.txtc{text-align: center;}
.txtr{text-align: right;}

/* text-align */
.vm {vertical-align: middle;}

/* float */
.fl{float:left;}
.fr{float:right;}

.centring{
  margin-left:auto;
  margin-right:auto;
}

/* clear */
.clear{clear:both;}
.clear hr{display:none;}

.clearfix:after{
  content: ".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;
}


/* 06.style
----------------------------------------------------------*/
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.ita{font-style:italic;}
.under{text-decoration: underline;}

.s80{font-size:80%;}
.s90{font-size:90%;}
.s120{font-size:120%;}
.s140{font-size:140%;}

.black{color:#000000;}
.blue{color:#003399;}
.orange{color:#FF6600;}
.green{color:#006600;}
.d_red{color:#CC0000;}

.u_line{
	border-bottom: 3px solid #ccc;
}

/* reader
----------------------------------------------------------*/
.reader-navi{display:none;position:absolute;top:-9000px;left:-9000px;line-height:120%;}
.navi{display:none;}