/*------------------------------------------------
	index.css - <kaido> index.html design css
	2006.10.25
	:::toc:::
	import url
	parts design
------------------------------------------------*/

@import url(../../common/common.css);
@import url(../../common/format.css);
@import url(../../common/layout-old.css);
@import url(../../common/navigation.css);

/* parts design
------------------------------------------------*/

/************************
TOP
*************************/
#main{
	margin:0 auto;
	padding:0;
	width:1000px;
	
}




#nattoku_con{
	margin:0 auto;
	margin-top:10px;
	border:solid 2px #99cf16;
	width:900px;
	padding:10px;
	
}

#graf_con{
	margin:0 auto;
	margin-top:10px;
	border:solid 2px #cccccc;
	width:860px;
	padding:10px;
	
}



/***********************
中身
********************/

#con{
	width:840px;
	text-align:center;
	margin:0 auto;
	background:#99cf16;
	
}


.ttl{
	background:url(../images/ttl.gif) no-repeat;
	height:48px;
	color:#FFFFFF;
	text-align:left;
	font-size:14px;
	padding-top:12px;
	padding-left:90px;
	line-height:130%;
	border-bottom:solid #148202 2px;
		
}

.ttl p{
	font-size:16px;
	font-weight:bold;
	
}

.link{
	margin:0 auto;
	background:url(../images/col_btm.gif)
	no-repeat
	center
	bottom;
	padding-bottom:24px;
	/*height:104px;*/
	width:460px;
	
}

h2.linkTtl{
	background:url(../images/col_top.gif)
	no-repeat
	center
	top;
	height:30px;
	text-indent:-9999px;
 }

.linktext{
	text-align:left;
	padding-top:5px;
	padding-left:40px;
	font-size:12px;
	color:#333333;
	line-height:130%;
	
}

.linktext a{
	color:#ff6c00;
	
}

.con_text{
	margin:0 auto;
	width:662px;	
	margin-top:10px;
	margin-bottom:10px;
	line-height:130%;
	
}

.box_t{
	background:url(../images/box_t.gif) no-repeat;
	height:5px;
	font-size:1px;
	
}

.box_f{
	background:url(../images/box_f.gif) no-repeat;
	height:5px;
	font-size:1px;
	
}

.box_n{
	background:url(../images/box_n.gif) repeat-y;
	padding:10px 20px;
	font-size:14px;
	color:#333333;
	text-align:left;
	
}

/***************
ボタン
*************/

.btn{
	margin-top:20px;
	margin-bottom:20px;
	height:60px;
	
}

.btn1{
	background:url(../images/btn_level2_1.gif) no-repeat;
	margin-right:13px;
	
}

a:hover.btn1{
	background:url(../images/btn_level2_2.gif) no-repeat;
	
}

.btn2{
	background:url(../images/btn_sanka2_1.gif) no-repeat;
	margin-right:13px;
	
}

a:hover.btn2{
	background:url(../images/btn_sanka2_2.gif) no-repeat;
	
}

.btn3{
	background:url(../images/btn_num_1.gif) no-repeat;
	
}

a:hover.btn3{
	background:url(../images/btn_num_2.gif) no-repeat;
	
}


.btn_sub{
	margin-top:20px;
	margin-bottom:20px;
	
}

.btn2_1{
	background:url(../images/btn_level2_1.gif) no-repeat;
	margin-right:13px;
	
}

a:hover.btn2_1{
	background:url(../images/btn_level2_2.gif) no-repeat;
	
}

.btn2_2{
	background:url(../images/btn_sanka2_1.gif) no-repeat;
	margin-right:13px;
	
}

a:hover.btn2_2{
	background:url(../images/btn_sanka2_2.gif) no-repeat;
	
}

.btn2_3{
	background:url(../images/btn_number2_1.gif) no-repeat;
	margin-right:13px;
}

a:hover.btn2_3{
	background:url(../images/btn_number2_2.gif) no-repeat;
	
}


/********
グラフ
*********/

.grattl{
	background:url(../images/ttl_graf.gif) no-repeat;
	height:48px;
	color:#FFFFFF;
	text-align:left;
	font-size:14px;
	padding-top:12px;
	line-height:130%;
	width:770px;
	border-bottom:solid #fabf1e 2px;
	padding-left:90px;
		
}

* html .grattl{ /* IEのみに適応 */
	width:775px;
}


.grattl p{
	font-size:16px;
	font-weight:bold;
	
}

.graf_l{
	background:#FFFFFF;
	background:url(../images/grafmat.gif) no-repeat;
	width:390px;
	float:left;
	text-align:left;
	padding-left:15px;
	padding-top:55px;
	
}

.graf_r{
	height:286px;
	width:390px;
	float:left;
	text-align:center;
	background:#FFFFFF;
	font-size:12px;
	line-height:130%;
	padding:5px;
	padding-top:10px;
	
}


.grf_tbl{
	border:solid 2px #fdb246;
	text-align:left;
	
}

.grf_tbl td{
	vertical-align:middle;
	
}

.line{
	font-size:1px;
	
}

.info_02 {
	margin: 10px 0px 12px 0px;
	background: #fffcf5 url(../images/info_mark.jpg) no-repeat scroll;
	padding: 32px 10px 5px;
	color: red;
	border:1px solid #f5f0e3;
	font-size:12px;
	line-height: 1.5;/*27px*/
	text-align: left;
	
}

.info {
	margin:0 auto;
	width:574px;
