@charset "utf-8";

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

	CSS information
	file name  :  layout.css
	infomation :  レイアウト
	
 ---------------------------------------------- */
 
*{zoom:1;}
 
html,body{height:100%;}

body{
	background:url(../images/bg_body.gif) repeat center top;
	}

/*--------------------------------------------------
	wrapper
--------------------------------------------------*/
#wrapper_bg {
	background:#FFFFFF;
	padding-top:5px;
}

#wrapper{
	background:url(../images/bg_contents.jpg) repeat-y center top;
	width:100%;
	height:100%;
	min-width:960px;
	}

body > #wrapper {height: auto;}

	#head_wrapper{
		background:url(../images/bg_header.jpg) repeat-x center top;
		width:100%;
		height:100%;
		min-width:960px;
		}

body > #head_wrapper {height: auto;}

	#foot_wrapper{
		clear:both;
		background:url(../images/bg_footer.jpg) repeat-x center bottom;
		width:100%;
		height:70px;
		position:relative;
		min-width:960px;
		padding-top:40px;
		}


#container_wrapper{
	background:url(../images/bg_logo.jpg) no-repeat center 20px;
	width:100%;
	height:100%;
	min-width:960px;
	}
	body > #container_wrapper {height: auto;}

	#container{
		width:960px;
		margin:0 auto;
		position:relative;
		height:100%;
		}
	
	body > #container {height: auto;}
	
	#foot_image{
		position:absolute;
		bottom:0px; 
		left:-54px;
		width:457px;
		height:173px;
		display:block;
		}
		
	* html #foot_image{background:url(../images/foot_image.png) no-repeat; }
	* html #foot_image img{ display:none;}



/*--------------------------------------------------
	left menu
--------------------------------------------------*/

#left_menu{
	float:left;
	width:320px;
	height:560px;
	background:url(../images/bg_menu.png) no-repeat left 20px;
	text-align:left;
	position:relative;
	}


	#left_menu .logo{
		margin:50px 0 0 0;
		}

	#left_menu .logo a{
		display:block;
		width:320px;
		height:150px;
		text-decoration: none;
		}

#navi_menu{
	text-align:left;
	width:195px;
	margin:12px 0 0 81px;
	}

	#navi_menu li{width:195px;}

#navi_banner{
	text-align:left;
	width:268px;
	padding:50px 0 50px 30px;
	}

#pop01,#pop02,#pop03,#pop04,#pop05,#pop06,#pop07,#pop08{
	display:none;
	width:149px;
	height:88px;
	position:absolute;
	top:115px;
	right:-88px;
	left:259;
	}



/*--------------------------------------------------
	contents
--------------------------------------------------*/

#contents{
	width:640px;
	float:right;
	min-height:700px;
	}


#head_contents{
	width:640px;
	height:143px;
	background:url(../images/bg_contents_top.png) no-repeat center 20px;
	float:left;
	}

#head_contents h1{
	padding-top:72px;
	}


#body_contents{
	float:left;
	width:570px;
	padding:0 35px 20px;
	background:url(../images/bg_contents_body.gif) repeat-y center top;
	}

#foot_contents{
	width:570px;
	padding:0 35px;
	height:115px;/*画像は95*/
	background:url(../images/bg_contents_foot.png) no-repeat center top;
	float:left;
	}


.btnArea{
	text-align:right;
	padding:12px 0;
	}


.bold{font-weight:bold;}



/*--------------------------------------------------
	ケンミン館
--------------------------------------------------*/
.kenmin{
	width:495px;

	background:#f9e8e8;
	overflow:hidden;
	margin-left:10px;
	}

.off{background:#ededed;}

/*
dl.kenmin{height:1%;}
*/

dl.kenmin dt{width:495px;}

	dl.kenmin .photo{
		float:left;
		width:104px;
		height:80px;
		background:url(../images/bg_photos.jpg) no-repeat right top;
		padding-left:20px;
		}

	dl.kenmin .photo img{margin:5px 0 0 6px;}
		
	dl.kenmin .photo_half{
		float:left;
		width:104px;
		height:80px;
		background:url(../images/bg_photos_off.jpg) no-repeat right top;
		padding-left:20px;
		position:relative;
		z-index:10;
		}

	dl.kenmin .photo_half .kanbai{
		z-index:1;
		position:absolute;
		left:19px;
		top:0;
	}
	
	dl.kenmin .photo_half img{margin:5px 0 0 6px;}

	dl.kenmin .text{
		width:360px;
		float:right;
		padding-top:5px;
		}
	
	dl.kenmin .btn{
		width:360px;
		float:right;
		text-align:right;}
		
	dl.kenmin .dot_line{
		clear:both;
		width:495px;
		margin:10px 0 0;
		}

	
/*--1ネタに複数商品がある場合--*/
.block_nm{
	width:510px;
	background:#ffffff;
	margin:-20px auto 0;
	text-align:left;
	padding:0 20px 15px;
	overflow:hidden;
	}

* html .block_nm{height:1%;}

.nm {margin-top:-50px;}