@charset "utf-8";

/*====================================================================

common.css

======================================================================

	01.format
	02.body
	03.header
	04.navigation
	05.main
	06.footer
	07.common elements
	08.template（box）
	09.template（news）
	10.template（table）

=====================================================================*/


/*--------------------------------------------------------------------/
	01.format
/--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img{
	margin:0;
	padding:0;
	border:none;
	font:normal normal normal 100%/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
hr{display:none;}
img{display:block;}
li{list-style-type: none;}

/*a
----------------------------------------------------------------*/
a:link,
a:visited,
a:hover,
a:active{
	color: #008b41;
	outline:none;
}

a:link   {text-decoration: underline;}
a:visited{text-decoration: underline;}
a:hover  {text-decoration: none;}
a:active {text-decoration: none;}



/*--------------------------------------------------------------------/
	02.body
/--------------------------------------------------------------------*/
body{
	background: url(img/bg.gif) repeat-x;
	text-align: center;
	font-size: 12px;
	color: #303030;
}
#wrapper{
	margin: 0 auto;
	width: 902px;
	background: url(img/bg_wrapper.gif) repeat-y;
	text-align: left;
}
#header,
#navi,
#main,
#footer{
	margin-left: 1px;
	width: 900px;
}


/*--------------------------------------------------------------------/
	03.header
/--------------------------------------------------------------------*/
#header{
	height: 80px;
	background: url(img/bg_header.gif) no-repeat;
}
#header h1{
	margin: 0 15px 0 250px;
	padding-top: 14px;
	text-align: right;
	line-height: 1;
	font-size: 10px;
	color: #008b41;
}
#header div{
	margin-top: -13px;
	width: 300px;
	height: 55px;
}
#header div a{
	display: block;
	margin-left: 10px;
	width: 300px;
	height: 55px;
	overflow: hidden;
	text-indent: -9999px;
}

/*--------------------------------------------------------------------/
	04.navigation
/--------------------------------------------------------------------*/
#navi{
	height: 50px;
	background: url(img/bg_navi.gif) no-repeat;
}
#navi li,
#navi li a{
	display: block;
	width: 180px;
	height: 50px;
}
#navi li{float: left;}
#navi li a{
	overflow: hidden;
	text-indent: -9999px;
}
#navi li a:hover{
	background: #fff;
	opacity:0.3;
	filter: alpha(opacity=30);
}


/*--------------------------------------------------------------------/
	05.main
/--------------------------------------------------------------------*/
#main{
	background: url(img/bg_main.gif) repeat-y left top;
	padding-bottom: 10px;
}
#main:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#contents{
	float: right;
	margin-top: -15px;
	width: 675px;
	overflow:hidden;
}
#sidebar{
	float: left;
	width: 225px;
}

/* contents
--------------------------------------------------------------------*/
#main h2{ 
	background: url(img/level2_h2.jpg) no-repeat;
	text-align:right;
	padding:50px 20px 40px 0;
	height:30px;
	font-size:19px;
	font-weight:bold;
	}

#contents h3{
	clear:both;	
	margin: 15px 0 10px 0;
	padding-left: 20px;
	background: url(img/top_h3_01.gif) no-repeat;
	line-height: 35px;
	font-size: 15px;
	font-weight: bold;
	}
	
#contents h4{
	font-size: 15px;
	font-weight:bold; 
	margin:5px 0;
	color:#008b41;
	}

/* sidebar box
--------------------------------------------------------------------*/
#sidebar div.box{
	margin: 10px 0 0 10px;
	padding-bottom: 10px;
	width: 205px;
	background: url(img/bg_l_box.gif) repeat-y;
	border-bottom: solid 1px #008b41;
}
#sidebar div.box p{
	margin: 5px 0 0 11px;
	width: 180px;
	font-size: 12px;
}
#sidebar div.box p strong{
	font-weight: normal;
	color: #008b41;
}

/* sidebar banner
--------------------------------------------------------------------*/
#bnrs{
	margin: 10px 0 0 10px;
	width: 205px;
	overflow: hidden;
}
#bnrs a{
	display: block;
	margin-top: 5px;
}
#bnrs a:hover{background: #fff;}
#bnrs a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*--------------------------------------------------------------------/
	06.footer
/--------------------------------------------------------------------*/
#footer{
	clear: both;
	padding-bottom: 5px;
	height:80px;
	border-bottom:solid 1px #e9edd9;
}
#footer *{
	line-height: 1;
	font-size: 10px;
}
#footer ul{
	display: block;
	padding-left: 10px;
	height: 20px;
	background: #008b41;
}
#footer ul *{color: #fff;}
#footer ul li{
	display: block;
	float: left;
	margin: 4px 10px 0 0;
	padding-right: 10px;
	border-right: solid 1px #fff;
	height: 12px;
}
#footer p{
	margin-left: 10px;
	padding: 10px 0;
	letter-spacing: 1px;
	color: #008b41;
}


/*--------------------------------------------------------------------/
	07.common elements
/--------------------------------------------------------------------*/
.right{float: right;}
.left{float: left;}
.clear{clear: both;}
.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;  
}
.clearfix{zoom:1;}
.hover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/* pagetop */
.pagetop{
	clear: both;
	margin: 0 0 10px;
	width: 665px;
	text-align: right;
	font-size: 12px;
}

/* access */
div#access{
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	text-align:left;
}
div#access iframe{
	margin-top:0;
	padding:0 3px 3px 3px;
	background:#ffffff;
	border:solid 1px #dfccc5;
}
div#access small{padding:5px;}

/*--------------------------------------------------------------------/
	08.template（box）
/--------------------------------------------------------------------*/
/* type a （テキスト、左画像1+テキスト、画像1+テキスト） */
.type_a , .type_aL{
margin: 0 10px 10px 10px;
clear:both;
}

.type_aL div div{ float:left; margin: 0 15px 0 0;}

.type_aL div div.ktI-T2_img1,
.type_aL div div.ktI-T3_img1,
.type_aL div div.ktI-T5_img1{
	margin-bottom: 10px;
}


/* tool_box common */
.type_a div p,
.type_aL div p{ 
	font-size:12px; 
	padding-top:3px; 
	margin-bottom:10px;
}

div.ktI-T2,
div.ktI-T3,
div.ktI-T5{
	content: ".";
	display: block;
	clear: both;
}


/* clearfix */
.type_a:after,
.type_aL:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*--------------------------------------------------------------------/
	09.template（news）
/--------------------------------------------------------------------*/

#news{
	width: 675px;
	height: 100px;
	overflow:auto;
}
#news table{
	margin-top: 10px;
	margin-left: 10px;
	width: 640px;
	border-top: solid 1px #e1e1e1;
}
#news table th,
#news table td{
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: solid 1px #e1e1e1;
	line-height: 1.2;
	text-align: left;
	vertical-align: top;
}
#news table th{
	width: 150px;
	color: #008b41;
}


/*--------------------------------------------------------------------/
	10.template（table）
/--------------------------------------------------------------------*/
.type_e{
	margin: 0 0 10px 10px;
	width: 650px;
	zoom:1;
}

.type_e div table{
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	width:650px;
	border-top: solid 1px #e6e6e6;
}

.type_e td {
	padding:10px 20px;
	border-bottom:solid 1px #e6e6e6;
	text-align:left;
}

.type_e td.td1 {
	width:20%;
}

/*--------------------------------------------------------------------/
	11.template（contact）
/--------------------------------------------------------------------*/

.type_a table.table1{
	margin: 0 auto 15px;
	width: 640px;
}

.type_a table.table1 th{
    white-space: nowrap;
}

.type_a table.table1 th,
.type_a table.table1 td{
	padding: 5px 3px;
	border-bottom: solid 1px #e6e6e6;
	text-align: left;
	line-height: 1.5;
}
.type_a table.table1 th {
	width: 140px;
}

/* btnt */
.type_a table.btnt td{
	padding-left: 15px;
	width: auto;
}