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


body {
	background: #ccc; 
	font-family: "ヒラギノ明朝 Pro W3","ヒラギノ明朝 Pro",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	background-image:url(../images/back_y_03.png);
	font-size:12px;
	color:#402800;
	width:100%;
}

body a{
	text-decoration:none;
	color:#3F2100;
}
a:hover{
	color: #d4a42f;
}

#wrapper{
	width: 100%;
	height:auto;
	margin:0 auto;
}


/*----------------header---------------------------------*/

header{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	padding-top:34px;
	position:relative;
}

#logo{
	width:234px;
	float:left;
	overflow:hidden;
}
#prof{
	float: right;
    position: relative;
    width: 715px;
	margin-bottom:10px;
}

#tell{
	width:570px;
	float:left;
	margin-top:8px;
}

#detail{
	position:absolute;
	top:0;
	right:0;
	width:260px;
	margin-top:-9px;
}

#detail li:first-child{
	margin-left:8px;
}

#detail li img{
	vertical-align:top;
}

#kinkyu{
	margin-left: 273px;
    margin-top: 37px;
    position: absolute;
    width: 300px;
}
#blog{
	width:300px;
	position:absolute;
	bottom:3px;
	right:0;
	overflow:hidden;
}

#blog li{
	float:left;
	padding-left:13px;
	padding-right:13px;
	border-right:solid 1px #3F2100;
}

#blog li:nth-of-type(4){
	border-right:none;
	padding-right:0px;
}



#detail li:first-child{
	float:left;
}
#detail li:last-child{
    float: right;
    margin-top: -22px;
    margin-right: 20px;
}

#adress{
	clear:both;
	margin-bottom:2px;
}

/*----------------メニュー----------------------//
------------------------------------------------*/
#nav_back{
	background:#D3A12A;
	width:100%;
	margin:0 auto;
	margin-top:5px;
	height:55px;
	padding-top:5px;
	box-shadow:1px 1px 3px #333333;
	
	
}

nav{
	width:980px;
	height:50px;
	margin:0 auto;
	position:relative;
}

#nav ul{
	width:980px;
	height:50px;
	margin:0 auto;
	
}

#nav_ul li{
	float:left;

}


#nav_h1{
	width:800px;
	height:160px;
	background:url(../images/menu1_back.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
	margin-left:2px;
	overflow:hidden;
	display:none;
	
}

#nav_h2{
	width:280px;
	height:160px;
	background:url(../images/menu2_back.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
	margin-left:0px;
	display:none;
	
	
}

#nav_h3{
	width:540px;
	height:160px;
	background:url(../images/menu3_back.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:100;
	margin-left:6px;
	display:none;
}

#nav_h3 li{
	float:left;
}


#nav_h1 li{
	width:250px;
	margin-right:5px;
	float:left;
	
}

#nav_h2 li{
	margin-left:15px;
}

#nav_h2 li:first-of-type{
	width:250px;
	margin-top:28px;
}

#nav_h1 li:nth-of-type(1),
#nav_h1 li:nth-of-type(4),
#nav_h1 li:nth-of-type(7){
	margin-left:20px;
	
}

#nav_h1 li:nth-of-type(1),
#nav_h1 li:nth-of-type(2),
#nav_h1 li:nth-of-type(3){
	margin-top:28px;
}

#nav_h1 li:nth-of-type(3),
#nav_h1 li:nth-of-type(6),
#nav_h1 li:nth-of-type(9){
	
}

#nav_h3 li:nth-of-type(1),
#nav_h3 li:nth-of-type(3),
#nav_h3 li:nth-of-type(5){
	margin-left:20px;
	margin-right:5px;
	
}
#nav_h3 li:nth-of-type(1),
#nav_h3 li:nth-of-type(2){
	margin-top:28px;
	
}





/*----------------メニュー(hover)----------------------//
------------------------------------------------*/

/*------------footer---------------------/////////
//----------------------------------------------*/

#to_top{
	width:130px;
	margin:0 auto;
	margin-top:80px;
}

footer{
	width:100%;
	overflow:hidden;
	padding-bottom:30px;
}

#footer_wrap{
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	background:#FFF;
}

#footer_wrap ul{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}

#footer_wrap ul li{
	float:left;
}

#footer_wrap ul li:nth-of-type(2),
#footer_wrap ul li:nth-of-type(3){
	margin-top:18px;
}

#footer_wrap ul li:nth-of-type(2){
	margin-left:88px;
}

#footer_wrap ul li:nth-of-type(3){
	margin-left:12px;
}
#footer_wrap ul li:nth-of-type(4){
	margin-left:158px;
	margin-top:22px;

}

#footer_wrap ul li:nth-of-type(5){
	clear:both;
	margin-top:18px;
	margin-left:5px;
}
#footer_wrap ul li:nth-of-type(6){
	margin-top:18px;
	margin-left:6px;
}


/*------------footer menu---------------------////
//----------------------------------------------*/

#navi2{
	width:980px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
#navi2 ul{
	overflow:hidden;
	float:left;
	margin-top:34px;
}

#navi2 ul:last-child{
	float:right;
	margin-right:0px;
}

#navi2 ul:nth-of-type(2){
	margin-left:0px;
}

#navi2 ul{
	width:325px;
	}
#navi2 ul#smap_m{
	width:390px;
	}
#navi2 ul#smap_r{
	width:260px;
	}


#navi2 ul li{
	overflow:hidden;
	width:325px;
}

.tri{
	position:relative;
	font-size:15px;
	margin-bottom: 5px;
	margin-top:16px;
	overflow:hidden;
}

.tri a{
	vertical-align: middle;
}

.tri img{
	vertical-align: middle;
	
}

.smp{
	margin-left:22px;
	line-height:20px;
}

#copy{
	width:340px;
	margin:0 auto;
	margin-top:36px;
}

/*---------------------------------------------------//
--------------------pankuzu-------------------------//*/
#topic_back{
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
	background:#F6ECD4;
	box-shadow:1px 1px 3px #333333;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	position:relative;
	z-index:5;
}
	

.topicpath_af{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}

.topicpath_af li{
	float:left;

}

.pan{
	color:#d4a42f;
	
}	


/* Clearing floats */
.clear:after,
.wrapper:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after{
	display: table;
	content: "";
}