/*---------------------------初期化-----------------------------------------*/
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; 
	}
	
	* html body { /* for IE6 */
	font-size: 80%;
	}
	
	*:first-child+html body { /* for IE7 */
	font-size: small;
	}
 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
	img{
	vertical-align: middle;
	text-align:left;
	}
	li{vertical-align: middle;
	}
	
	.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	} /*IE7以外のモダンブラウザ向け*/

	.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

	/*Hides from IE-mac\*/
	* html .clearfix{height:1%;}
	.clearfix{display:block;}
	/*End hide from IE-mac*/ /*IE6以前向け*/
	
	.clearf{
	overflow:hidden;
	}
	
	*html body .clearf{
	height:1%;
	}
	
	
/*--------------------------------------------------------------------------*/

/*---------------------------リファレンス一覧-------------------------------------

******IE4〜IE6********

* html #hack { color:#000000; } 
#hack { _color:#000000; }

******IE7*************

*:first-child+html #hack { color:#000000; }

******IE6,7*************

#hack { /color:#000000; }



******指定ブラウザ用設定*************
<!--[if It IE 7]>
<link rel="stylesheet" type="text/css" href="css/test.css" media="screen" />
<![endif]-->

******min-height高さ揃え*********

min-height: 100px;
height: auto !important;
height: 100px;

******ファイルの読み込み*********
<script type = "text/javascript" src="./prototype.js"></script>
<script type="text/javascript">
window.onload = function() {
new Ajax.Updater($("ID名"), "./○○.html");
};
</script>

******ifream可変*********
<iframe style="overflow:hidden;" onload = 'this.style.height = parseInt(this.contentWindow.document.documentElement.scrollHeight + 30)+"px";' src="" width="" height="auto"  frameborder="0" title="">この部分はインラインフレームを使用しています。</iframe>

******class指定*********
a.クラス:link, a.クラス:visited, a.クラス:active {
	color: #ef0000;
	text-decoration: none;
}

a.クラス:hover {
 	color: #ef0000;
	text-decoration: underline;
}

******リスト画像真ん中*********
list-style:none;
background:url(＃.jpg) 0 50% no-repeat;
padding-left:30px;
margin-left:-10px;
margin-bottom:30px;

******google吹き出し消しSAMPLE*********

<iframe width="173" height="130" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=38.254186,140.335103&amp;sll=38.254493,140.335193&amp;sspn=0.012638,0.021565&amp;gl=jp&amp;ie=UTF8&amp;z=13&amp;start=0&amp;ll=38.261839,140.339355&amp;output=embed"></iframe>






 -------------------------------------------------------------------------*/

/*
--------------------レイアウトを指定-------------------------
*/


/* 中央寄せ */
body{
 text-align:center;
 margin:0px;
 padding:0px;
 font-size:75%;
 background-color:#ffffff;
 line-height:110%;
 background-image:url("./img/bk2.jpg");
 background-repeat:repeat-x;
 background-position:0px bottom;
 min-height:820px;
 }

#flash{
background-image:url("./img/bk.jpg");
background-position:top center;
}

#navi{
background-image:url("./img/navibk.jpg");
background-position:top center;
min-height:30px;
}

#navi ul {
text-align:center;}

#navi ul li{
display:inline;}

/* 全体のボックス */
#content {
 width:900px;
 _width:902px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 }
 


/* ヘッダーのボックス */
#box_header{
 width:100%;
 clear:both;
 background-image:url("./img/cbk.jpg");
 background-position:top center;
 background-repeat:no-repeat;
 min-height:53px;
}

#box_header img{
margin-right:90%;}


/* 左のボックス */
#box_left {
 width:460px;
 float:left;
}



/* 右のボックス */
#box_right {
 width:420px;
 float:right;
 }
 
 /* 左のボックス */
#box_leftc {
 width:230px;
 float:left;
 background-image:url("./img/navi_right.jpg");
 background-position:right top;
 background-repeat:no-repeat;
}



/* 右のボックス */
#box_rightc {
 width:670px;
 float:right;
 }


/* フッターのボックス */
#box_footer {
 width:100%;
 clear:both;
 text-align:center;
 padding-top:30px;
}


/*
--------------------要素を指定-------------------------
*/


/* アンカータグの文字色(左から通常時、訪問した後、クリックした時) */
a:link, a:visited, a:active {
	color: #652e10;
	text-decoration: none;
}


/* アンカータグの文字色(マウスが乗った時) */
a:hover {
 	color: #652e10;
	text-decoration: underline;
}


/* P要素全体に適用 */
p {
	line-height:150%;
	margin:10px 0px 10px 0px;
}

/* STORNG要素全体に適用 */
strong {font-size:120%;}

ol{margin-top:20px;}
ol li{margin-left:25px; margin-top:5px;}


/* TABLE要素全体に適用
table{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	font-size:100%;
}

th{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:center;
}

td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	line-height:110%;
} */

hr{
border:1px dotted #333333;}



/*
--------------------要素をCLASSで指定-------------------------
*/


.fright{
float:right;
display: -moz-inline-box; /*for　Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5〜7*/
/zoom: 1; /*for ie5〜7*/ 
vertical-align:top; 

}
.fleft{
float:left;
display: -moz-inline-box; /*for　Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5〜7*/
/zoom: 1; /*for ie5〜7*/ 
vertical-align:top; 
}
.clear{
clear:both;
}

.nop{
padding:0px;
}
.nom{
margin:0px;
}

.ifright{
float:right;
padding:10px 0px 10px 5px;
}
.ifleft{
float:left;
padding:0px 10px 0px 0px;
}

.oa{
overflow:auto;}

.bold{
font-weight:bold;
}

.tr{
text-align:right;}

.tl{
text-align:left;}

.tc{
text-align:center;}

.tr{
text-align:right;}

.padl20{padding-left:20px;}




/*
--------------------個別で指定-------------------------
*/
#content_top1{
background-image:url("./img/topbk/topbk1_2.jpg");
background-repeat:repeat-y;
background-position:top left;
padding-left:50px;
margin-bottom:-1px;
}

#content_top2{
background-image:url("./img/topbk/topbk2_2.jpg");
background-repeat:repeat-y;
background-position:top left;
padding-left:50px;
margin-bottom:-1px;
}

#cnavi{
background-image:url("./img/navi1_2.jpg");
background-repeat:repeat-y;
background-position:top left;
padding-left:40px;
padding-top:10px;
margin-bottom:-1px;
}

#cont{
background-image:url("./img/cont1_2.jpg");
background-repeat:repeat-y;
background-position:top left;
padding-left:40px;
margin-bottom:-1px;
}

.logo_tr{
background-image:url("./img/logo_tr.jpg");
background-repeat:no-repeat;
background-position:top center;}

#content_top1 h2,#content_top2 h2,#cont h2{
color:#1f8633;
padding-top:5px;
font-size:120%;
font-weight:bold;
}

#content_top1 p,#content_top2 p,#cont p{
padding-right:30px;}

#content_top1 h2 span,#content_top2 h2 span{
font-size:70%;}

#content_top1 hr,#content_top2 hr,#cont hr{
width:90%;
border:1px doshed #533e05;
text-align:left;
margin-left:0px;
}

#content_top1 ul,#content_top2 ul{
list-style:disc inside;}

#cnavi ul{
list-style:url("./img/navi_ic.jpg") inside;}

#content_top1 li,#content_top2 li{
line-height:180%;}

#cnavi li{
padding:8px 0px;}

/************************spec_box***********************/

.spec_box{
	line-height:120%;
	}
.spec_box span{color:red;}

.spec_box2{
	line-height:180%;
	margin-bottom:20px;
	}

.spec_cell01{
	width:100px;
	text-align:left;
	padding-left:10px;
	border-top:none;
	border-right:dotted 1px #75310d;
	background:#f9f1da;
	}

.spec_cell02{
	border-top:none;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	list-style-type: none;
	}

.spec_cell1{
	width:100px;
	text-align:left;
	padding-left:10px;
	border-top:dotted 1px #75310d;
	border-right:dotted 1px #75310d;
	background:#f9f1da;
	}

.spec_cell1 span{
	color:#ff0000;
	}

.spec_cell2{
	width:150px;
	text-align:left;
	padding-left:10px;
	border-top:dotted 1px #75310d;
	border-right:dotted 1px #75310d;
	border-bottom:dotted 1px #75310d;
	background:#f9f1da;
	}

.spec_cell3{
	border-top:dotted 1px #75310d;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	list-style-type: none;
	}

.spec_cell4{
	width:350px;
	padding:5px 0 5px 10px;
	border-top:dotted 1px #75310d;
	border-bottom:dotted 1px #75310d;
	}

.spec_cell5{
	width:197px;
	text-align:left;
	padding-left:10px;
	border-top:dotted 1px #75310d;
	border-right:dotted 1px #75310d;
	background:#f9f1da;
	}
	
	
.headimg{
padding-bottom:30px; padding-top:10px;}
.arrow{
text-align:right;
margin-right:60px;}
.qatitle{
font-weight:bold;
color:#1f8633;
padding-left:5px;
border-bottom:1px solid #ccc;
width:500px;
}
.qaan{
padding-left:30px;
}

#indivi01{
background-image:url("./img/indivi01.jpg");
background-repeat:no-repeat;
background-position:85% bottom;
}
#indivi02{
background-image:url("./img/indivi02.jpg");
background-repeat:no-repeat;
background-position:85% bottom;}
#indivi03{
background-image:url("./img/indivi03.jpg");
background-repeat:no-repeat;
background-position:85% bottom;}
#corpo01{
background-image:url("./img/corpo1.jpg");
background-repeat:no-repeat;
background-position:85% bottom;}
#corpo02{
background-image:url("./img/corpo2.jpg");
background-repeat:no-repeat;
background-position:85% bottom;
min-height:150px;}
#corpo03{
background-image:url("./img/corpo3.jpg");
background-repeat:no-repeat;
background-position:85% bottom;}
#corpo01 p,#corpo01 ol,#corpo02 p,#corpo02 ol,#corpo03 p,#corpo03 ol{width:55%; margin-left:10px;}
#corpo03 strong{color:#75310c; font-weight:bold; font-size:100%;}
#corpo03 h3{ font-size:120%; padding-top:10px; padding-left:10px; color:#407ed4;}
#corpo03 h4{color:#407ed4; font-size:120%; padding-top:10px; font-weight:bold;}