﻿@charset "UTF-8";

/* -----------------------------
*	index Layout
----------------------------- */


#MainContents h2 { clear: both; margin: 0; padding: 0; border: none;}
#MainContents h3 { padding: 0; background: none;}


/* バナー大 */
#centerBanner { margin-top: 0; padding-top: 0; background: none;}


/* シンプル3段リスト */
.itemList { clear: both; width: 588px; margin: 0 0 20px -8px; paddign: 0;}
.itemList .wrapper { clear: both; background: url(../img/bg_itemlist3.gif) no-repeat right bottom;}
.itemList p { float: left; width: 175px; margin: 0; padding: 7px 0 7px 17px;}
.itemList br { display: none; visibility: hidden;}
.itemList a { text-decoration: none;}
.itemList img { float: left; width: 80px;}
.itemList .text { float: right; width: 85px;}
.itemList .text em { font-weight: normal;}
.itemList .text br { display: inline; visibility: visible;}


/* おすすめのベビー用品 */
#osusume { width: 580px; margin-bottom: 20px; padding-bottom: 1px; background: #c8c8c8;}
#osusume ul { width: 580px; margin: 0; padding: 0; background: url(../img/bg_osusume.gif) no-repeat right top;}
#osusume li { list-style: none; float: left; width: 193px; margin: 0; padding: 0;}
#osusume li img { margin-left: 1px; border: 6px solid #fff; vertical-align: top;}
#osusume li a { font-weight: bold; text-decoration: none;}
#osusume li .text { display: block; padding: 6px 10px;}


/* 特集 */
#special { width: 580px; margin-bottom: 20px; background: url(../img/bg_itemlist3.gif) no-repeat right bottom;}
#special ul { width: 580px; margin: 0; padding: 0;}
#special li { list-style: none; float: left; width: 193px;}
#special h3 { margin: 0 0 5px 1px; padding: 10px 5px; background: #e0f6e2; border: 2px solid #fff; text-align: center; font-size: 100%;}
#special a { font-weight: bold; text-decoration: none;}
#special li img { float: left; width: 80px; padding-left: 7px;}
#special li .text { float: right; display: block; width: 90px; padding: 0 7px 7px 0;}


/* キャンペーン */
#campaign { margin-bottom: 20px; padding: 9px; border: 1px solid #c8c8c8; border-top: none;}
#campaign .image { float: left; width: 140px;}
#campaign .text { width: 400px; margin-left: 155px;}
#campaign a { font-weight: bold; text-decoration: none;}


/* メディア */
#media { margin-bottom: 20px;; padding: 9px 9px 9px 0; border: 1px solid #c8c8c8; border-top: none;}
#media .image { float: left; width: 294px; padding-left: 5px;}
#media .image img { padding-left: 4px;}
#media .text { width: 250px; margin-left: 310px;}
#media a { font-weight: bold; text-decoration: none;}


/* 年齢別おすすめベビー用品 */
#ageOsusume { position: relative; width: 580px; height: 263px; background: url(../../img/age01.gif) no-repeat left top;}
#ageOsusume h2 { display: none;}
#ageOsusume #ageLead { position: absolute; top: 11px; left: 113px; width: 354px; height: 74px; margin: 0; padding: 0;}
#ageOsusume ul { position: absolute; top: 99px; left: 17px; width: 522px; margin: 0; padding: 0;}
#ageOsusume ul li { list-style: none; float: left; margin-left: 14px;}
#ageOsusume ul #age01 a { display: block; width: 116px; height: 151px;}
#ageOsusume ul #age02 a { display: block; width: 116px; height: 164px;}
#ageOsusume ul #age03 a { display: block; width: 116px; height: 151px;}
#ageOsusume ul #age04 a { display: block; width: 116px; height: 151px;}
#ageOsusume #ageLead span,
#ageOsusume ul li a span { display: none;}




/* 404ページ */
#notfound #nuna { margin: 10px 0 20px 0; background: #f3f3ed;}
#notfound .fl-right { margin: 0;}
#notfound #nuna .text { padding: 10px 0 0 15px;}
#notfound. items { margin-left: -5px;}
#notfound .items p { float: left; width: 180px; margin: 0; padding: 5px 0 5px 3px; font-weight: bold;}
#notfound .items p img { margin-bottom: 3px;}


/* clearfix
----------------------------- */
#osusume ul,
#special,
.itemList { clear: both; display:inline-block;}
#osusume ul:after,
#special:after,
.itemList:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}
/* Hides from IE-mac \*/
* html #osusume ul,
* html #special,
* html .itemList { height:1px;}
#osusume ul,
#special,
.itemList { display:block; }
/* End hide from IE-mac */

