@charset "UTF-8";

/*index.html専用
-----------------------------------------*/
body nav ul li a[href="index.html"] {
background: url(../img/contents-back1.png) repeat-x;
color: #FFF;
}

/* メイン画像・ロゴ・メニュー
-----------------------------------------*/
body header {
background: url(../../img/main1.png) repeat-x;
height: 660px;
position: relative;
}
#mainImg {
background: url(../../img/main_photo1.png) no-repeat;
width: 900px;
height: 500px;
/*padding: 20px;*/
position: absolute;
top: 0;
left: -520px;
margin-left: 50%;
}
body header h1 {
position: absolute;
top: 540px;
left: -450px;
margin-left: 50%;
width: 900px;
text-align: center;
}
nav {
bottom: 115px;/**/
}


/*common.cssの#contentsを上書き
-----------------------------------------*/
#contents {
margin: 0 auto 0;
padding: 0 20px 50px 20px;
}
#contents:before {
content: "";
display: none;
}
#contents:after {
content: "";
display: block;
top: 0;
background: none;
clear: both;
position: relative;
}
section {
border: 1px solid pink;
}



/* 新商品リリース
-----------------------------------------*/
section#release > h1 {
background-image: url(../img/icon_release.gif);
border-bottom: 4px solid #FF7F5F;
}

section#release article {
float: left;
width: 150px;
margin: 0 -1px 10px 16px;
}
section#release article img {
margin: 0 0 5px 0;
}
section#release article h2,
section#release a article h2 {
font-size: 14px;
line-height: 1.2;
color: #333;
text-decoration: none;
background: url(../img/icon_release_a.gif) no-repeat left 1px;
padding-left: 15px;
margin-bottom: 3px;
}
section#release a:hover article h2 {
text-decoration: underline;
}
section#release article p,
section#release a article p {
font-size: 12px;
line-height: 1.2;
color: #666;
text-decoration: none;
}


/* ニュース
-----------------------------------------*/
section > h1 {
background-image: url(../img/icon_news.gif);
border-bottom: 4px solid #10B9F1;
}

section#news a {
text-decoration: none;
}
section#news article {
position: relative;
margin: 0 18px 10px 18px;
padding: 0 0 10px 90px;
line-height: 1.2;
border-bottom: 1px dotted #959595;
background: url(../img/icon_news_a.gif) no-repeat 5px 3px;
}
section#news a article h2,
section#news article h2 {
font-size: 14px;
color: #333;
font-weight: bold;
display: inline;
}
section#news a article p,
section#news article p {
display: inline;
color: #333;
}
section#news a:hover article h2 {
text-decoration: underline;
}
section#news a article time,
section#news article time {
position: absolute;
top: 3px;
left: 17px;
font-size: 10px;
line-height: 1;
color: #666;
}
section#news a:hover article time {
text-decoration: none;
}
section#news > p {
text-align: right;
margin: 0 20px 0 0;
font-size: 12px;
}
section#news > p a {
background: url(../img/icon_news_b.gif) no-repeat left;
padding: 0 0 0 10px;
color: #666;
}
section#news > p a:hover {
text-decoration: underline;
}


/*TOPICS、本日のおすすめ共通
-----------------------------------------*/
section a {
text-decoration: none;
}
section a article {
color: #666;
line-height: 1.6;
}
section a:hover article p {
text-decoration: underline;
}
section a article h2 {
font-size: 14px;
color: #200F14;
background: url(../img/icon1.png) no-repeat 0 .1em;
padding-left: 15px;
line-height: 1.1;
margin-bottom: 8px;
}
/*common.cssの#contentsを上書き
-----------------------------------------*/
#contents {
margin: 0 auto 0;
padding: 0 20px 50px 20px;
}
#contents:before {
content: "";
display: none;
}
#contents:after {
content: "";
display: block;
top: 0;
background: none;
clear: both;
position: relative;
}
section {
border: 2px solid orange;/***/
}
/*common.cssの大見出しを上書き
-----------------------------------------*/
section > h1 {
margin-bottom: 15px;
}


/*TOPICS
-----------------------------------------*/
section#topics {
width: 360px;
float: left;
}

section#topics article {
margin: 0 15px 20px;
}
section#topics article time {
display: block;
text-align: right;
font-size: 10px;
}


/*本日のおすすめ
-----------------------------------------*/
section#todayMenu {
width: 520px;
float: right;
position: relative;
min-height: 255px;
}
section#todayMenu img {
position: absolute;
top: 55px;
left: 15px;
}
section#todayMenu article {
margin-left: 290px;
margin-right: 15px;
}