/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

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

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{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;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* basic
-------------------------------------------------------------------------------*/

.op:hover{
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
}


/*　基本構造　*/

body {
	background: url(../images3/bg.jpg) repeat center top fixed;
	background-color: #D7D7D7;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
	color: #64403d;
	letter-spacing: 2px;
	}


#wrapper {
	position: relative;
	width:800px;
	margin:0 auto;
	background-color: #FFFFFF;
}

a img {
	border: 0 none;
}

.hide {
	position:relative;
	height: 85px;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

/*　ヘッダ　*/

#head {
	width: 800px;
	height: 375px;
	margin: 0 auto;
	background: url(../images3/head_bg5.jpg) no-repeat center top;
	text-align: left;
	position: relative;
	}
	
#head h1 {
	position: absolute;
	left: 471px;
	top: 46px;
	margin: 0;
	width: 292px;
}
	
#head h2 {
	position: absolute;
	right: 23px;
	bottom: 20px;
	margin: 0;
}
	
#btn_about {
	position: absolute;
	top: 31px;
	left: 648px;
}
	
#yodogawa {
	text-align: left;
	padding: 0 45px 80px;
}
	
#yodogawa2 {
	float: left;
	width: 370px;
}
#yodogawa2 h1 {
	margin: 20px 0 30px 0;
}

.icon1 {
	width: 50px;
}

div#navi{
	margin: 20px auto 40px auto;
	}
	
div#navi ul{
	margin: 0 0 0 40px;
	padding: 0;
	list-style-type: none;
	}
	
div#navi li{
	margin: 0 65px 0 0;
	padding: 0;
	float: left;
	}


/*　メイン　*/

div#main{
	width: 720px;
	margin: 0 auto;
	}
	
	
/*　商品　*/
.shelf{
	text-align: center;
	background: url(../kukka/index_images/shelf.gif) no-repeat center 137px;
}

.shelf li{
	display: inline-block;
	vertical-align: top;
}
.shelf li > a, .shelf li > a img{ display: block; }
.shelf li > a img:last-child{ margin: 22px 0 7px 0;}
 
#set li:first-child{ margin-right: 114px; }

#plate{
	margin: 80px 0 50px 0;
	background-position: center 44px;
}
#plate li{ margin-right: 40px; }
#plate li:last-child{ margin-right: 0; }

#others{
	width: 360px;
	margin-bottom: 105px;
	background: url(../kukka/index_images/shelf_short.gif) no-repeat center 84px;
}
#others li:first-child{ margin-right: 75px; }



/*　フッタ　*/

#footer {
	width: 800px;
	margin: 60px auto 0 auto;
	padding:20px 0;
	border-top: #A0A0A0 5px solid;
}

#footer table {
	width: 707px;
	margin: 0 auto 25px;
	padding: 0;
	border: 0 solid;
	border-collapse:collapse;
}

#footer td {
	text-align: center;
	padding: 0 20px;
}



/*　リンク　*/

a:link {
	color: #ffa15c;
	text-decoration: none;
}
a:visited {
	color: #c97e48;
	text-decoration: none;
}
a:hover {
	color: #eb8aba;
	text-decoration: none;
}