@charset "utf-8";
/*
後からrecommendの画像をバックグラウンドへ変更する。
文字は全部センターぞろえで、右にする。
*/
/* reset */
html, body, div, h1, h2,p,ul,li, dl, dt, dd{
margin: 0;
padding: 0;
line-height: 1.0;
font-family:
"Hiragino Kaku Gothic ProN",
Meiryo, 
sans-serif;
}
ul{list-style: none;}
a {text-decoration: none;}
img {
border: none;
vertical-align: bottom;
}

/*body*/
body{
background: #000 url(../img/back.jpg);
font-size: 16px;
color: #333;}

/*layout*/
#container{
width: 980px;
margin: 0 auto;
background: #FFF;
position: relative;
}

#header{
background: #000;
/*background: #000 url(../img/mainimage.jpg) no-repeat;*/
height: 500px;
margin-bottom: 40px;
}
#header h1{
position: absolute;
top: 0px;
left: 30px;
z-index: 9999;}

#nav{
width: 980px;
height: 60px;
overflow: hidden;
margin-bottom: 30px;}
#nav li{
float: left;}
#content{
width: 870px;
margin: 0 auto;}
#bannerMenu{
width: 870px;
overflow: hidden;
margin: 0 auto;
margin-bottom: 30px;}
#bannerMenu li{
float: left;
padding-right:60px;}
#bannerMenu li.last{
padding-right: 0;}
h2{
margin-bottom: 30px;
text-align: center;}
#wrapper{
margin: 0 auto;
width: 870px;
overflow: hidden;
padding-bottom: 30px;}
#mainContent{
float: left;
width: 570px;}
#recommend{
overflow: hidden;
width: 570px;
height:165px;
border: 1px solid #DFD6C4;
margin-bottom: 30px;

}
.today01{
float: left;
width: 250px;}
.today02{
float: right;
width:260px;
padding: 20px;
text-align: center;}
.today02 img{
margin-bottom: 30px;}


#news{
width: 530px;
background:#DFD6C4;
padding: 20px 20px 10px 20px;}
#news p{
text-align: center;
padding-bottom: 20px;}
#news dl{
width: 570px;
overflow: hidden;}
#news dt{
float: left;}
#news dd{
padding-left: 6em;
margin-bottom: 12px;}

#subContent{
float: right;
width: 270px;}
.coupon{
margin-bottom: 32px;}

#footer{
color: #4B7900;
text-align: center;
padding:20px;}

/*item*/
h2 img{
box-shadow: 0 0 6px #666;}
.coupon img{border-radius: 10px;}