﻿@charset "utf-8";


div#one_maincolumn{padding-top:0;}
a.arrow{background:url(../img/index/arrow.gif) no-repeat 0 0; padding-left:10px; font-size:9px;}

/* FLASH
----------------------------------------------- */
div#flasharea {
    clear:both;
		width: 950px;
		padding-left:50px;
    margin: 0 auto;
}

/* カテゴリーボタン
----------------------------------------------- */
#categorynavi{clear:both; width:100%; /*height:90px;*/ margin-bottom:20px;}
#categorynavi ul{width:900px; padding:0 0 0 0; margin:0 auto; background:url(../img/index/category_title.jpg) no-repeat 0 0;}
#categorynavi ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
#categorynavi ul li{float:left; display:block; width:180px; /*height:90px;*/}
/*#categorynavi ul li.itemlist{float:left; display:block; width:116px; height:90px;}*/
#categorynavi ul li a {text-decoration:none;}
#categorynavi ul li a img{margin-bottom:2px;}
#categorynavi ul li a em{color:#fff; font-size:10px; line-height:120%;}
#categorynavi ul li a:hover em{color:#600000;}
/* ニュース
----------------------------------------------- */
div#newsarea {
    width: 450px;
		float:right;
    margin:20px 0 0;
}
div#newsarea dl {
    padding: 15px 0 0;
		border-top:1px solid #333;
}
div#newsarea dl:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
div#newsarea dl{zoom: 1;}

div#newsarea dl.end {
    padding: 10px 0;
    background: url("") no-repeat bottom;
}

div#newsarea dl dt {
		clear:both;
		float:left;
		width:85px;
		color:#8F8F8F;
		padding-bottom:10px;
}
div#newsarea dl dd{
		float:left;
		width:360px;
		padding-bottom:10px;
}
/* 左側
----------------------------------------------- */
#indexLarea{
    clear:both;
		float:left;
		width: 670px;
    margin: 0 auto;
}

div#newitem{margin-bottom:15px;}

/* おすすめ
----------------------------------------------- */
div#recomendarea {
    clear:both;
/*		float:left;
		width: 670px;
    margin: 0 auto;
*/
}

div.recomendblock {
    clear: both;
    width: 670px;
    padding:0;
    overflow: auto;
}

div.recomendleft {
    float: left;
		width:100px;
		min-height:165px;
		border:1px solid #333;
    margin: 0 30px 10px 0;
		padding:4px;
}
* html div.recomendleft{height:165px;}
div#one_maincolumn div.recomendleft h3 a,div#one_maincolumn div.recomendright h3 a{text-decoration:none;}

div.recomendleft p.pricearea {
    clear:both;
		font-size:12px;
		text-align:right;
		line-height:15px;
}

div.recomendright {
    float: left;
		width:100px;
		min-height:165px;
		border:1px solid #333;
    margin: 0 0 10px 0;
    position: relative;
		padding:4px;
}
* html div.recomendright{height:165px;}

div.recomendleft img, div.recomendright img {
    display: block;
		margin:0 0 5px;
}

div.recomendright p.pricearea {
    clear:both;
		font-size:12px;
		text-align:right;
		line-height:15px;
}

div.recomendleft h3 {
    font-size: 12px;
		line-height:15px;
		font-weight:normal;
		margin:0;
		min-height:35px;
}
* html div.recomendleft h3{height:35px;}

div.recomendright h3 {
    font-size: 12px;
		line-height:15px;
		font-weight:normal;
		margin:0;
		min-height:35px;
}
* html div.recomendright h3{height:35px;}

div.recomendleft p.mini,div.recomendright p.mini{
    font-size: 10px;
		line-height:12px;
		color:#8F8F8F;
		min-height:24px;
		display:none;
}
* html div.recomendleft p.mini,* html div.recomendright p.mini{height:24px; display:none;}



/* ログイン
----------------------------------------------- */
#memberslogin{float:right; width:170px;}
#membersloginarea{width:140px; padding:119px 14px 14px; border:1px solid #333; background:url(../img/index/memberslogin.jpg) no-repeat 0 0; min-height:115px; margin-bottom:10px;}
#membersloginarea img{margin-bottom:10px;}
#engrave{clear:both; line-height:150%;} 




/* スペシャルバナー
----------------------------------------------- */
#special{float:left; margin:20px 0 0; width:430px;}
#special a img{margin-bottom:2px;}
div#one_maincolumn #special a{line-height:140%; text-decoration:none;}
#special ul li{margin-bottom:5px;}

