@charset "UTF-8";
/* CSS Document */

/*======================== body ===========================*/
body{
font-family:'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',Helvetica,Verdana,Arial,sans-serif;
}

html,body{
     height:100%;
}


	
.brown{
	color:#764710;
		
		
}



/*======================== clearfix ===========================*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

a{
	color:#764710;
}

a:hover img.hover{
filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}

/*----------------------------------------------------------*/
/*画像の位置指定*/
.iright{
	float:right;
	padding:0px 0px 20px 20px;
}

.ileft{
	float:left;
	padding:0px 20px 20px 0px;
}

.icenter{
	text-align:center;
}


.btn_pagetop{
	width: 970px;
	clear:both;
	text-align:right;
	padding:10px 0;
}




/*======================== 共通部分 ===========================*/

#headerWrap{
	background:#FFF url(../img/bg.gif) repeat-x top left;
	height:248px;
	
}



/* header */
#header{
	width:940px;
	position:relative;
	margin:0 auto;
}

#header h1{
	position:absolute;
	top:14px;
	font-size:10px;
	color:#FFF;
}

#header .logo{
	position:absolute;
	top:60px;
}

#header .tel{
	position:absolute;
	top:60px;
	right:0px;
}



#header #snsbtn{
	position:absolute;
	top:6px;
	right:0px;
}

#header #snsbtn li{
	float:left;
	padding-left:5px;
}



	

#header #globalNavi{
	position:absolute;
	top:160px;
	left:0px;
}



#header #globalNavi li{
	float:left;
}



/* topicPath */
#topicPath{
	position:absolute;
	top:220px;
	left:10px;
	font-size:12px;
	color:#666;
}



#topicPath a{
	text-decoration:none;
	color:#764710;
}

#topicPath a:hover{
	text-decoration:underline;
}







/* container */

#container{
	width:960px;
	margin:0 auto;
	padding-bottom:70px;
	padding-top:25px;
}

/*サイド*/
#sideber{
	width:240px;
	float:left;
}


#sideber ul{
	padding:26px 0;
}

#sideber li{
	padding:0px 0px 20px 0px ;
		font-size:12px;
		color:#666;
		line-height:150%;
}


#sideber li a{
	color:#996120;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-decoration:none;*/
	font-size:12px;
}

#sideber li a:hover{
	color:#996120;
}

.banner{
	font-size:11px;
	color:#666;
	line-height:150%;
}


.banner .endBg{
	background:#FFF url(../../img/side_end_bottom.gif) no-repeat bottom left;
	padding:0 10px 10px;
}

.banner p{
	padding-bottom:5px;
}






/*コンテンツ*/
#contents{
	width:650px;
	float:right;
}


#contents h2{
	padding-bottom:35px;
}


#contents h3{
	padding-bottom:10px;
	margin:0;
}

#contents p{
	color:#666;
	font-size:12px;
	line-height:170%;
	padding-bottom:20px;
}

#contents table{
	margin-bottom:40px;
	font-size:12px;
	line-height:150%;
	color:#4c4c4c;
}
#contents table td,#contents table th{
	text-align:left;
	padding:10px 20px;
}

.grayBg{
	background:#eeeeee;
}


.grayLine{
	border:solid 10px #ccc;
	padding:10px;
	font-size:12px;
}



/* トップページ関連 */
#main{
	padding-top:20px;
	margin:0 auto;
	width:970px;
}

/*
#main img{
	width:1006px;
	margin:0 auto;
	display:block;
}
*/

#contentsLeft{
	float:left;
	width:531px;
	
}

#contentsLeft h2{
	padding-bottom:15px;
}

#contentsLeft p{
	font-size:12px;
	line-height:170%;
	color:#666;
	padding-bottom:20px;
}


#topEnding{
	float:right;
	width:380px;
}


#topEndingInner{
	padding: 0 30px 30px;
	background:#FFF url(../../img/end_botttom.gif) no-repeat bottom left;
	font-size:12px;
	line-height:150%;
	color:#666;
}

#topEndingInner p{
	padding-bottom:5px;
}







/* footerWrap */
#footerWrap{
	background:#FFF url(../img/footer_bg.gif) repeat-x top left;
	width:100%;
	height:70px;
	clear:both;
}



/* footer */
#footer{
	position:relative;
	width:940px;
	height:70px;
	margin:0 auto;
}


#footer .copyright{
	position:absolute;
	top:15px;
	left:10px;
}


#footerMenu{
	position:absolute;
	top:15px;
	right:10px;
}

#footerMenu li{
	float:left;
	padding-right:5px;
	padding-left:5px;
	font-size:12px;
	color:#FFF;
	white-space:nowrap;
}

#footerMenu li a{
	color:#FFF;
	text-decoration:none;
}

#footerMenu li a:hover{
	text-decoration:underline;
}

#footer #pageTop{
	position:absolute;
	top:-50px;
	right:0px;
}