/* CSS Document */

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

index.css　　　　2008.07.01

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

body#index_body {
    background: url(/images_index/body_bg.jpg) repeat-x 0 0;
    background-color: #ffffff;
}

/*=======================================================

構成要素

=======================================================*/

* {
	margin: 0;
	padding: 0;
}

form {
    margin: 0px;
	padding: 0px;
}

a img { border: none; }

h1,h2,h3,h4 { font-size: 100%; }

/* 回り込み
-------------------------------------------------------*/
.floLeft {
	display:block;
	float:left;
}
.floLeft1 {
	display:block;
	float:left;
	width: 320px;
	height:142px;
}
.floLeft2 {
	display:block;
	float:left;
	width: 310px;
	height:142px;
}
.floLeft3 {
	display:block;
	float:left;
	width: 320px;
	height:142px;
}
.floLeft4 {
	display:block;
	float:left;
	width: 310px;
	height:142px;
}
.floRight {
	display:block;
	float:right;
}
/* 回り込み解除
-------------------------------------------------------*/
.clear_both { clear: both; }
hr { display: none; }

/* クリアフィックス */
.clearfix:after {
    content: ".";
    display: block; 
    height: 0;
	font-size: 0.1em;
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/*------------------------------------ Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*---------------------------------- End hide from IE-mac */



/* リスト（TYPE-NO）
-------------------------------------------------------*/
ul.listType_none { list-style-type: none; }

/* パディング
-------------------------------------------------------*/
/* 下方向 */
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb30 { padding-bottom: 30px; }

/* 左右方向 */
.plr10 { padding: 0px 10px 0px; }

.padding_0-10-20-10 { padding: 0px 10px 20px 10px; }

/* マージン
-------------------------------------------------------*/
/* 下方向 */
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb30 { margin-bottom: 30px; }

/* 上方向 */
.mt5 { margin: 5px 0px 0px 0px; }
.mt10 { margin: 10px 0px 0px 0px; }

/* ポジション
-------------------------------------------------------*/
.position_center { text-align: center; }
.position_right { text-align: right; }

/* 注文
-------------------------------------------------------*/
.caution { text-indent: -0.95em; margin-left: 0.95em; }

/* ライン
-------------------------------------------------------*/
.solidLine {
    border-top: solid 1px #dadada;
	padding-top: 6px;
	margin-top: 6px;
}

.dotLine {
    border-top: dotted 1px #dadada;
	padding-top: 6px;
	margin-top: 6px;
}


/* バックグラウンド
-------------------------------------------------------*/
.bgColor-1d1d1d {
    background-color: #1d1d1d;
	border: solid 1px #424242;
	padding: 7px;
}

/* テキストリンク
-------------------------------------------------------*/
a {color:#EC037B; text-decoration: underline; }
a:hover { color:#f84c93; text-decoration:  underline; }
a:active {color:#8F003B; text-decoration:  underline}

/*=======================================================

メニューエリア

=======================================================*/
#menuArea {
    width: 950px;
	height: 55px;
	background: url(/images_index/bg_menu.gif) no-repeat 0px 0px;
	padding: 9px 0px 0px 0px;
	margin: 0px auto;
}

/*#logoBox { padding: 25px 0px 0px 20px; }*/

ul#menuBox {
    /*height: 46px;*/
    list-style-type: none;
	padding: 0px 0px 0px 20px;
	_margin-bottom: -3px;
}

ul#menuBox li {
    float: left;
}

/*=======================================================

コンテンツエリア

=======================================================*/
#wrapper {
    width: 100%;
	margin: 0px;
	padding: 7px 0px 0px 0px;
}

#mainImageBox {
    width: 950px;
	margin: 0 auto;
}

/* What's Hot
-------------------------------------------------------*/
#hotArea {
    width: 950px;
	margin: 0px auto;
}

#hotArea ul {
    list-style-type: none;
    height: 142px;
	_margin-bottom: -3px;
}

/* コンテナ
-------------------------------------------------------*/
#container {
    width: 930px;
	background: url(/images_index/container_bg.gif) repeat-y 0px 0px;
	padding: 10px 15px 0px;
	margin: 0px auto;
}

/* コンテンツ
-------------------------------------------------------*/
#contentsL_index {
    float: left;
	width: 645px;
}

#contentsR_index {
    float: right;
	width: 273px;
}

/* タイトル
-------------------------------------------------------*/
h2.h2_normal {
    margin-bottom: 5px;
}

/* 各コンテンツ
-------------------------------------------------------*/

/* ピックアップ */
.pickupBoxL {
    float: left;
	width: 305px;
	border-right: dotted 1px #dadada;
	padding: 0px 9px 20px 10px;
}

.pickupBoxR {
    float: right;
	width: 300px;
	padding: 0px 10px 20px 0px;
}

/* プレゼント */
.presentBox {
    padding-left: 12px;
	border-left: solid 1px #dadada;
	margin-bottom: 20px;
}

/* くちこみ */
.kuchikomiBoxL {
    float: left;
	width: 480px;
}

.kuchikomiBoxR {
    float: right;
	width: 155px;
}

/* インフォメーション */
.infoBoxL {
    float: left;
	width: 225px;
}

.infoBoxR {
    float: right;
	width: 410px;
}

/* 右サイドボックス */
.contentsBoxR {
    padding-left: 13px;
}


/*=======================================================

フッターエリア

=======================================================*/
#footerArea {
    width: 960px;
	margin: 0px auto;
	padding-bottom: 10px;
}

ul#fMenuArea {
    list-style-type: none;
	width: 457px;
	margin: 0px auto;
}

ul#fMenuArea li {
    float: left;
	padding-right: 20px;
}