@charset "UTF-8";
/*-----------------------------------------------
	Browser Reset
-----------------------------------------------*/
html,body,div,iframe, h1,h2,h3,h4,h5,h6,pre,address,ul,li,dl,dt,dd,form,legend,p, img {
	margin:0;
	padding:0;
}
html{
	overflow-y: scroll;
}
body {
	color: #333333;
	background-color: white;
	font-size:62.5%;   /* 10px */
	line-height: 1.5;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS UI Gothic",sans-serif;
	text-align: center;
}
table {
	border-collapse:collapse;
	border:0;
}
input,select,textarea {
	vertical-align:middle;
}
input[type="text"]{
	background-color: white;
	border: solid 1px #ccc;
}
a{
	border: 0;
}
img {
	border:0;
	vertical-align: bottom;
}
ins{
	text-decoration:none;
}
ul {
	list-style:none;
}
br {
	letter-spacing: 0;
}
/* ===========================================
	float clear,  clearFix,  hide, hr
   =========================================== */
.clearB{
	clear: both;
}
.clearL{
	clear: left;
}
.clearR{
	clear: right;
}
.floatleft{
	float: left;
}
/* clearfix */
.w100{
	width: 100%;
}
/* For modern browsers */
.clearFix:before, .w100:before, .w100line:before,
.clearFix:after, .w100:after, .w100line:after  {
    content:"";
    display:table;
}
 
.clearFix:after, .w100:after , .w100line:after{
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearFix, .w100, .w100line{
    zoom:1;
}
.w100line{
	background: url(../images/line01.gif) 0 bottom no-repeat;
	padding-bottom: 3px;
}
.hide{
	display: none;
}
/* ===========================================
	layout
   =========================================== */
#header{
	position: relative;
	width: 100%;
	padding-top: 30px;
}
.header_top{
	padding-bottom: 15px;
}
.header_sub{
	padding-bottom: 18px;
	background: url(../images/line01.gif) 0 bottom no-repeat;
}
#contcolumn{
	width: 940px;
	margin: 0 auto;
	padding: 0 5px;
	text-align: left;
}
#contcolumninn{
	width: 100%;
}
#footer, #footerinn{
	clear: both;
	width: 100%;
	height: 250px;
}
#footerinn2{
	width: 940px;
	margin: 0 auto;
	padding: 20px 5px 0;
	text-align: left;
}

html, body, #contcolumn{
	height:100%;
}
body > #contcolumn{
	height: auto;
	min-height: 100%;
}
#contcolumninn{
	padding-bottom: 383px;
}
#footer{
	position: relative;
	margin-top: -363px;
}
/* ===========================================
	haikei
   =========================================== */
body{
	background: #f5f5dc url(../images/back.gif) ;
	color: #6F5337;
}
/* -- footer -- */
#footer{
	background: url(../images/top_illust.gif) center 0 no-repeat;
	padding-top: 113px;
}
#footerinn{
	background: green url(../images/footer.gif);
	color: #fff;
}
/* ===========================================
	font
   =========================================== */
p, li, dt, dd, address{
	font-size: 1.3em;
}
dd dt, dd dd, dd li, dd p, dd th, dd td, li p, li li, li dd, li dt, li dd p, td li, td dt, td dd, td p{
	font-size: 1em;
}

.fs12px{ /*  p li dt dd address  -class */
	font-size: 1.2em;
}
.fs14px{ /*  p li dt dd address  -class */
	font-size: 1.4em;
}
.fs15px{ /*  p li dt dd address  -class */
	font-size: 1.5em;
}
.fs16px{ /*  p li dt dd address  -class */
	font-size: 1.6em;
}
.fsL{
	font-size: 1.1em;
}
.fsLL{
	font-size: 1.2em;
}
.fsS{
	font-size: 0.9em;
}
.fsSS{
	font-size: 0.8em;
}
.txtB{
	font-weight: bold;
}
.txtRed{
	color: red;
}

.txtC{
	text-align: center;
}
.txtL{
	text-align: left;
}
.txtR{
	text-align: right;
}
/* -------- */
address,em,strong{
	font-style:normal;
}
em{
	font-weight: bold;
}
/* ===========================================
	h1 h2 h3 h4 h5 h6
   =========================================== */
h1,h2,h3,h4,h5,h6{
	font-size: 1.3em;
}
/* ===========================================
	img
   =========================================== */
.imgfleft{
	float: left;
	margin: 0 12px 12px 0;
}
a.hvrimg img{	
opacity:1;
	transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
}
a.hvrimg:hover img {
filter:alpha(opacity=70);
opacity:0.7;
}
/* ===========================================
	link
   =========================================== */
a:link{
	color: #6F5337;
} 
a:visited{
	color: Maroon;
}
a:hover{
	color: Navy;
	text-decoration: none;
}
a:active{
	color: red;
}

#footerinn a:link{
	color: #fff;
} 
#footerinn a:visited{
	color: #fff;
}
#footerinn a:hover{
	color: #FFF100;
	text-decoration: none;
}
/* ===========================================
	Navi
   =========================================== */
#mainnavi{
	float: right;
	width: 750px;
}
#mainnavi li{
	float: left;
	height: 38px;
}
#mainnavi a{
	display: block;
	height: 38px;
	line-height: 38px;
	background: url(../images/navi_line.gif) 0 center no-repeat;
	padding: 0 15px;
}
.mainnv_r{
	background: url(../images/navi_line.gif) right center no-repeat;
}
#mainnavi a:link{
	color: #007C36;
} 
#mainnavi a:visited{
	color: #007C36;
}
#mainnavi a:hover{
	color: #6F5337;
	text-decoration: none;
}
/*--- footernavi ---*/
#footernavi{
	float: right;
	width: 659px;
	padding: 10px 0 10px 18px;
	border-left: dotted 2px #fff;
}
#footernavi li{
	background: url(../images/footer_line.gif) 0 2px no-repeat;
	padding-left: 10px;
	margin-bottom: 1.3em;
	font-size: 1.2em;
}
#footernavi li ul{
	list-style: disc;
	margin-left: 0.8em;
	padding-left: 0.8em;
}
#footernavi li li{
	background: none;
	padding-left: 0;
	margin-bottom: 4px;
	font-size: 1em;
}
#footernavi li span{
	letter-spacing: 1em;
	margin-right: -1em;
}
/* ===========================================
	header
   =========================================== */
#rogo{
	position: absolute;
	top: 0;
	left: 10px;
	width: 151px;
	height: 150px;
	z-index: 999;
}

/* ===========================================
	footer
   =========================================== */
.footer_Rdot{
	border-right: dotted 2px #fff;
	margin-bottom: 12px;
}
#footer address{
	float: left;
	width: 260px;
	font-size: 1.2em;
	padding-top: 10px;
}
#footer address span{
	display: block;
	padding-top: 10px;
}
#footer h2{
	float: left;
	width: 120px;
	padding: 7px 0;
	margin: 0 20px 0 0;
	font-weight: normal;
	text-align: center;
}
.footer_sm01{
	float: left;
	width: 170px;
}
.footer_sm02{
	float: left;
	width: 220px;
}
.footer_sm03{
	float: left;
	width: 115px;
}
#copy{
	text-align: center;
	font-size: 1.1em;
}
/* ===========================================
	contcolumn
   =========================================== */

.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mb25{
	margin-bottom: 25px;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px;
}
.mb50{
	margin-bottom: 50px;
}

.ptop{
	text-align: right;
	font-size: 1.2em;
}

.grid{
	border: solid 1px #fff;
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
}