@charset "utf-8";

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

CSS Information

 Created:	2009-11-06 ZUTTO Komatsu
 Last update:	2010-08-31 ZUTTO Komatsu
 Style Info:	トップページで使うスタイルの指定を記述

Order of description

 + __flash_style
 + __recommend_item_style
 + __gift_style
 + __ranking_style
 + __report_style
 + __recommend_brand_style
 + __news_style
 + __backup_style（旧レイアウトのスタイル）

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

/*----------------------------------------
 __flash_style
 フラッシュのスタイル
----------------------------------------*/

#flash_wrap {
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	/*flash下バナー用padding:0 0 0 0;*/
	}

.top_flash-bottom{
	padding:0 0 10px 0;
	margin:-3px 0 0 0 ;
	}

.top_flash-bottom p{
	float:left;
	}

.top_flash-bottom p a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	}

/*----------------------------------------
 __recommend_item_style
 今月のおすすめ商品のスタイル
----------------------------------------*/

.top_recommend_item{
	width:652px;
	position:relative;
	margin:0;
	padding:0;
	}

.top_recommend_item h2{
	border-bottom:2px solid #595959;
	margin:0 0 10px 0;
	padding:0;
	}

.top_recommend_item p.list-all{
	position:absolute;
	top:10px;
	right:5px;
	}

.top_recommend_item p.caption{
	font-size:12px;
	line-height:1.6;
	margin:0 0 15px 0;
	}

.top_recommend_item_body{
	margin:0;
	padding:0;
	}

.top_recommend_item_body2{
	margin:0;
	padding:5px 0 0 0;
	background:url(../images/common/dot-x.gif) repeat-x top left;
	}

.top_recommend_item_box{
	width:130px;
	float:left;
	background:url(../images/common/dot-y.gif) repeat-y top right;
	padding:10px 0 10px 0;
	margin:0;
	min-height:190px;
	position:relative;
	}

* html .top_recommend_item_box{
	height : expression( this.scrollHeight < 190 ? "190px" : "auto" );
	padding:10px 0 15px 0;
	}

.top_recommend_item_box2{
	width:130px;
	float:left;
	padding:10px 0 10px 0;
	margin:0;
	min-height:190px;
	position:relative;
	}

* html .top_recommend_item_box2{
	height : expression( this.scrollHeight < 190 ? "190px" : "auto" );
	padding:10px 0 15px 0;
	}

.top_recommend_item_box .img,
.top_recommend_item_box2 .img{
	margin:0 0 5px 0;
	padding:0 0 0 0;
	text-align:center;
	}

.top_recommend_item_box a:hover .img img ,
.top_recommend_item_box2 a:hover .img img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	}

.top_recommend_item_box .brand,
.top_recommend_item_box2 .brand{
	margin:0 0 5px 0;
	padding:5px 7px 0 7px;
	font-size:65%;
	line-height:1.4;
	}

.top_recommend_item_box a .brand ,
.top_recommend_item_box2 a .brand {
	color:#737373;
	text-decoration: none;
	}

.top_recommend_item_box a:hover .brand ,
.top_recommend_item_box2 a:hover .brand {
	color:#EE9429;
	}

.top_recommend_item_box .item,
.top_recommend_item_box2 .item{
	margin:0 0 0 0;
	padding:0 7px 0 7px;
	font-size:65%;
	line-height:1.4;
	}

.top_recommend_item_box a .item ,
.top_recommend_item_box2 a .item {
	color:#333333;
	text-decoration: none;
	}

.top_recommend_item_box a:hover .item ,
.top_recommend_item_box2 a:hover .item {
	color:#EE9429;
	}

/*----------------------------------------
 __gift_style
 ZUTTOのいろいろギフトのスタイル
----------------------------------------*/

.top_gift{
	width:652px;
	background:url(../images/top/top-bg-gift-bottom.gif) no-repeat bottom left;
	margin:20px 0 0 0;
	padding:0 0 15px 0;
	}

.top_gift_body{
	background:url(../images/top/top-tit-gift-top.jpg) no-repeat top left;
	padding:65px 0 0 0 ;
	}

.top_gift_box{
	float:left;
	width:202px;
	margin:0 0 0 11px;
	padding:0 0 10px 0;
	background:url(../images/top/top-bg-gift-bottom2.gif) no-repeat bottom left;
	display:inline;
	}

.top_gift_box .tit{
	margin:0;
	padding:0;
	}

.top_gift_box .disc{
	font-size:75%;
	line-height:1.6;
	padding:10px 10px 10px 10px;
	}

.top_gift_box .btn{
	margin:0 auto 10px auto;
	text-align:center;
	}

.top_gift_box .btn a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	}

.top_gift_box .caption{
	font-size:65%;
	text-align:right;
	padding:0 10px 0 0;
	margin:0 0 10px 0;
	}

/*----------------------------------------
 __ranking_style
 人気ランキングのスタイル
----------------------------------------*/

.top_ranking{
	width:652px;
	position:relative;
	margin:20px 0 0 0 ;
	}

.top_ranking h2{
	border-bottom:2px solid #595959;
	margin:0 0 10px 0;
	}

.top_ranking p.list-all{
	position:absolute;
	top:10px;
	right:5px;
	}

.top_ranking p.caption{
	font-size:75%;
	line-height:1.6;
	}

.top_ranking_body1{
	width:206px;
	float:left;
	margin:10px 15px 0 0;
	}

.top_ranking_body2{
	width:206px;
	float:left;
	margin:10px 15px 0 0;
	}

.top_ranking_body3{
	width:206px;
	float:left;
	margin:10px 0 0 0;
	}

.top_ranking_box{
	border:1px solid #dadada;
	padding:7px;
	margin:10px 0 0 0;
	min-height:215px;
	}

* html .top_ranking_box{
	height : expression( this.scrollHeight < 215 ? "215px" : "auto" );
	}

.top_ranking_box p.img{
	}

.top_ranking_box p.img a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	}

.top_ranking_box p.brand{
	font-size:65%;
	line-height:1.6;
	padding:3px 0 0 0;
	}

.top_ranking_box p.item{
	font-size:75%;
	font-weight:bold;
	line-height:1.6;
	}

.top_ranking_box p.item a{
	color:#333333;
	}

.top_ranking_box p.item a:hover{
	color:#EE9429;
	}

/*----------------------------------------
 __report_style
 レポートのスタイル
----------------------------------------*/

.top_report{
	width:652px;
	position:relative;
	margin:20px 0 0 0 ;
	}

.top_report h2{
	border-bottom:2px solid #595959;
	margin:0 0 10px 0;
	}

.top_report p.list-all{
	position:absolute;
	top:10px;
	right:5px;
	}

.top_report p.caption{
	font-size:75%;
	line-height:1.6;
	}

.report-box{
	width:650px;
	margin:15px 0 0 0 ;
	padding:0 0 0 0 ;
	}

.report-box-left{
	float:left;
	width:315px;
	background:url(../images/top/top-bg-report-bottom.gif) no-repeat left bottom;
	}

.report-box-right{
	float:right;
	width:315px;
	background:url(../images/top/top-bg-report-bottom.gif) no-repeat left bottom;
	}

.report-box-body{
	background:url(../images/top/top-bg-report-top.gif) no-repeat left top;
	padding:10px 10px 5px 10px;
	}

.report-box-body .img{
	float:left;
	width:120px;
	}

.report-box-body .img a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	}

.report-box-body .text{
	float:right;
	width:165px;
	text-align:left;
	font-size:75%;
	}

.report-box-body .text .tit{
	background:url(../images/top/top-bg-report.gif) no-repeat center left;
	padding:0 0 0 20px;
	color:#05557a;
	font-family:"ＭＳ ゴシック",MS Gothic,"ＭＳ Ｐゴシック","ヒラギノ角ゴPro W3",Arial, Helvetica, Verdana,"Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,sans-serif;
	}

.report-box-body .text .disc{
	padding:10px 0 0 0 ;
	line-height:1.6;
	}

.report-box-body .text .disc a{
	text-decoration: none;
	color:#333333;
	font-weight:bold;
	}

.report-box-body .text .disc a:hover{
	text-decoration: none;
	color:#EE9429;
	font-weight:bold;
	}

.report-box-body .text .btn{
	font-size:10px;
	margin:7px 0 0 0;
	text-align:right;
	}

.report-box-body .text .btn a{
	background: url(../images/itembase/mark_gray02.jpg) no-repeat center right;
	padding:0 15px 0 0 ;
	}

.report-box-left .name,
.report-box-right .name{
	padding:0 10px 5px 10px ;
	margin:0;
	line-height:1.5;
	font-size:65%;
	text-align:left;
	}

/*----------------------------------------
 __recommend_brand_style
 オススメブランドのスタイル
----------------------------------------*/

.top_recommend_brand{
	width:652px;
	position:relative;
	margin:20px 0 0 0 ;
	}

.top_recommend_brand h2{
	border-bottom:2px solid #595959;
	margin:0 0 10px 0;
	}

.top_recommend_brand p.list-all{
	position:absolute;
	top:10px;
	right:5px;
	}

.top_recommend_brand p.caption{
	font-size:75%;
	line-height:1.6;
	}

.top_recommend_brand ul.top_recommend_brand_list1{
	margin:15px 0 0 4px;
	}

*:first-child+html .top_recommend_brand ul.top_recommend_brand_list1{
	margin:15px 0 15px 4px;
	}

.top_recommend_brand ul.top_recommend_brand_list2{
	margin:0 0 0 4px;
	}

.top_recommend_brand ul li{
	display:block;
	height: auto;
	margin: 0 8px 15px 0 ;
	padding: 0;
	list-style: none;
	float: left;
	width:100px;
	}

* html .top_recommend_brand ul li{
	display:block;
	height: auto;
	margin: 0 0 15px 0 ;
	padding: 0 6px 0 0 ;
	list-style: none;
	float: left;
	width:100px;
	}

.top_recommend_brand ul li span{
	font-size:65%;
	line-height:1.3;
	}

.top_recommend_brand ul li a img{
	border:1px solid #dadada;
	width:100px;
	height:75px;
	}

.top_recommend_brand ul li a:hover img{
	border:1px solid #EE9429;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	}

.top_recommend_brand p.text-link{
	list-style-type: none;
	font-size:65%;
	padding:0 0 0 10px;
	background:url(../images/common/mark-arrow.gif) no-repeat left center;
	line-height:1.8;
	}

/*----------------------------------------
 __news_style
 ZUTTOからのお知らせのスタイル
----------------------------------------*/

.top_news{
	width:652px;
	position:relative;
	margin:5px 0 0 0 ;
	}

* html .top_news{
	width:652px;
	position:relative;
	margin:5px 0 0 0 ;
	}

*:first-child+html .top_news{
	width:652px;
	position:relative;
	margin:20px 0 0 0 ;
	}

.top_news h2{
	border-bottom:2px solid #595959;
	margin:0 0 15px 0;
	}

.top_news p.list-all{
	position:absolute;
	top:10px;
	right:5px;
	}

dl.top_news_list{
	width: 650px;
	margin:10px 0 10px 0;
	padding:0 0 10px 0;
	background:url(../images/common/dot-x.gif) repeat-x bottom left;
	}

dl.top_news_list dt{
	float:left;
	width:6em;
	margin:0 10px 0 0;
	padding:0;
	background:none;
	font-weight:normal;
	font-family:"ＭＳ ゴシック",MS Gothic,"ＭＳ Ｐゴシック","ヒラギノ角ゴPro W3",Arial, Helvetica, Verdana,"Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,sans-serif;
	font-size:75%;
	line-height:1.5;
	}

dl.top_news_list dd{
	float:left;
	width:46em;
	padding:0;
	margin:0;
	font-size:75%;
	line-height:1.5;
	}

dl.top_news_list dd p.tit{
	font-weight:bold;
	}

dl.top_news_list dd p.disc{
	padding:2px 0 2px 0;
	}

/*----------------------------------------
 __top_bnr_style
 バナーのスタイル
----------------------------------------*/

.top_bnr_area{
	text-align:left;
	margin:15px 0 0 0 ;
	}

.top_bnr_area a img{
	border:1px solid #e2dfdf;
	padding:5px;
	}

.top_bnr_area a:hover img{
	border:1px solid #EE9429;
	padding:5px;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	}

.top_bnr_text{
	text-align:left;
	font-size:75%;
	margin:5px 0 0 0 ;
	}

/*----------------------------------------
 __backup_style
 旧レイアウトのスタイル
----------------------------------------*/

/*おすすめ商品*/
.toplsp {
	width: 6px;
	height: 10px;
	float: left;
	overflow: hidden;
	}

#category_wrap {
	width: 311px;
	float: left;
	}

#category_wrap h2 {
	width: 145px;
	height: 45px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 1px;
	text-indent: -9999px;
	background: url(../images/top/top_ti01.gif) no-repeat;
	}

.category_line {
	width: 289px;
	height: 1px;
	background-image: url(../images/top/top_line.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	}

#category_imgbut1 {
	width: 289px;
	height: 29px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/top/top_imgtextbut1.gif) no-repeat 0px 0px;
	}

#category_imgbut1 strong {
	width: 289px;
	height: 29px;
	background: url(../images/top/top_imgtextbut1.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	}

#category_imgbut1 a:hover {
	width: 289px;
	height: 29px;
	background-image: url(../images/top/top_imgtextbut1.gif);
	background-repeat: no-repeat;
	background-position: 0px -29px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	}

#category_imgbut2 {
	width: 289px;
	height: 29px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/top/top_imgtextbut2.gif) no-repeat 0px 0px;
	}

#category_imgbut2 strong {
	width: 289px;
	height: 29px;
	background: url(../images/top/top_imgtextbut1.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	}

#category_imgbut2 a:hover {
	width: 289px;
	height: 29px;
	background-image: url(../images/top/top_imgtextbut2.gif);
	background-repeat: no-repeat;
	background-position: 0px -29px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	}

#category_imgbut3 {
	width: 289px;
	height: 29px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/top/top_imgtextbut3.gif) no-repeat 0px 0px;
	}

#category_imgbut3 span {
	width: 289px;
	height: 29px;
	background: url(../images/top/top_imgtextbut1.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	}

#category_imgbut3 a:hover {
	width: 289px;
	height: 29px;
	background-image: url(../images/top/top_imgtextbut3.gif);
	background-repeat: no-repeat;
	background-position: 0px -29px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	}

#category_imgbut4 {
	width: 289px;
	height: 29px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/top/top_imgtextbut4.gif) no-repeat 0px 0px;
	}

#category_imgbut4 a {
	width: 289px;
	height: 29px;
	background-image: url(../images/top/top_imgtextbut4.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	}

#category_imgbut4 a:hover {
	width: 289px;
	height: 29px;
	background-image: url(../images/top/top_imgtextbut4.gif);
	background-repeat: no-repeat;
	background-position: 0px -29px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	}

#category_imgbut5 {
	width: 289px;
	height: 29px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/top/top_imgtextbut5.gif) no-repeat 0px 0px;
	}

#category_imgbut5 a {
	width: 289px;
	height: 29px;
	background-image: url(../images/top/top_imgtextbut5.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	}

#category_imgbut5 a:hover {
	width: 289px;
	height: 29px;
	background-image: url(../images/top/top_imgtextbut5.gif);
	background-repeat: no-repeat;
	background-position: 0px -29px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: absolute;
	}

/* 新商品ニュース */
#new_products{
	margin: 0;
	width: 270px;
	float: left;
	}

#new_products h2{
	width: 247px;
	height: 45px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 1px;
	text-indent: -9999px;
	background: url(../images/top/top_ti02.gif) no-repeat;
	}

#new_products p{
	width: 270px;
	height: auto;
	margin: 0;
	padding: 5px 0;
	font-size: 12px;
	line-height:150%;
	border-bottom:1px dotted #ccc;
	}

#new_products2{
	margin: 0;
	width: 270px;
	float: left;
	}

#new_products2 h2{
	width: 247px;
	height: 45px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 1px;
	text-indent: -9999px;
	background: url(../images/top/top_ti02.gif) no-repeat;
	}

.news-box{
	margin: 0;
	padding:15px;
	width: 270px;
	height: 270;
	float: left;
	background:#fff;
	border: 1px solid #ccc;
	}
	
.news-box h1{
	padding:0 0 5px 0;
	margin:0;
	width: 270px;
	height: auto;
	font-size: 14px;
	text-indent: left;
	color: #609B21;
	}

.news-box h2{
	padding:15px 0 0 0;
	margin:0;
	width: 270px;
	height: auto;
	font-size: 12px;
	font-weight:bold;
	text-indent: left;
	color: #666666;
	}

.news-box p{
	padding:10px 0 5px 0;
	margin:0;
	width: 270px;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	text-indent: left;
	color: #666666;
	border-bottom: 1px dotted #ccc;
	}

/* MAC IE用HACK */
#new_products h2{
	overflow: hidden;
	}

/* ＺＵＴＴＯからのお知らせ */
#zuttopress_wrap {
	font-size: 11px;
	line-height: 18px;
	width: 270px;
	float: left;
	margin: 0 0 0 15px;
	padding 0;
	}

#zuttopress_wrap h2 {
	width: 200px;
	height: 45px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 1px;
	text-indent: -9999px;
	background: url(../images/top/top_ti01.gif) no-repeat;
	}

#zuttopress_wrap p {
	width: 270px;
	height: auto;
	margin: 0;
	padding: 5px 0;
	font-size: 12px;
	line-height:150%;
	border-bottom:1px dotted #ccc;
	}

/* おすすめ商品タイトル */
#recommenditem_title {
	width: 560px;
	height: 65px;
	overflow: hidden;
	}

#recommenditem_title h2 {
	width: 30px;
	height: 65px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 1px;
	overflow: clip;
	}

#recommenditem_title h2 span {
	width: 560px;
	height: 65px;
	margin: 0;
	padding: 0;
	background-image: url(../images/top/top_ti09_02-3.gif);
	background-repeat: no-repeat;
	background-position: 0px 18px;
	display: block;
	overflow: hidden;
	position: absolute;
	}

#auto_recommenditem_title {
	width: 560px;
	height: 65px;
	background-image: url(../images/top/tit-background.gif);
	background-repeat: no-repeat;
	background-position: 0px 18px;
	}

#auto_recommenditem_title h2 {
	margin: 0;
	padding: 25px 0 0 152px;
	color: #666666;
	font-size: 12pt;
	}

.bnr-wrap{
	width: 570px;
	height: 66px;
	margin: 0;
	padding-bottom: 15px;
	display: block;
}
.bnr-wrap p{
	width: 560px;
	height: auto;
	font-size: 12px;
	margin: 0 0 3px 0;
	padding: 0;
	}

.bnr-wrap img{
	margin-right: 5px;
	padding: 0;
	}
.bnr-wrap a img {
	border: 1px solid #ccc;
	}

.bnr-wrap a:hover img {
	border-bottom: 1px solid #ff6600;
	}

/*おすすめ商品ボディ*/
.recommend_wrap {
	width: 270px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}

.recommendsp {
	width: 25px;
	height: 10px;
	float: left;
	overflow: hidden;
	}

/*おすすめ商品詳細*/
.item_wrap {
	margin-bottom: 10px;
	height: 70px;
	}

.item_wrap  a img {
	margin-right: 10px;
	padding: 0;
	border: 1px solid #FFF;
	float: left;
	}

.item_wrap  a:hover img {
	margin-right: 10px;
	padding: 0;
	border: 1px solid #EE9429;
	float: left;
	}

.item_wrap .line {
	width: 197px;
	height: 1px;
	background-image: url(../images/top/top_line.gif);
	background-repeat: no-repeat;
	background-position: 0px middle;
	overflow: hidden;
	margin: 3px 0;
	padding: 0;
	}

.item_wrap a p.read {
	color: #555;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
.item_wrap a:hover p.read {
	color: #EE9429;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}

.item_wrap a p {
	color: #666;
	font-size: 11px;
	line-height: 150%;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
.item_wrap a:hover p {
	color: #EE9429;
	font-size: 11px;
	line-height: 150%;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}

.item_wrap_r {
	width: 187px;
	float: left;
	}

#recommendbrand_title {
	width: 560px;
	height: 65px;
	overflow: hidden;
	}

#recommendbrand_title h2 {
	width: 30px;
	height: 65px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 1px;
	overflow: clip;
	}

#recommendbrand_title h2 span {
	width: 560px;
	height: 65px;
	margin: 0;
	padding: 0;
	background-image: url(../images/top/top_ti04.gif);
	background-repeat: no-repeat;
	background-position: 0px 18px;
	display: block;
	overflow: hidden;
	position: absolute;
	}

.recommendbrand_txt{
	width: 560px;
	height: auto;
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 12px;
	line-height: 150%;
	}

.border-line a img {
	border: 1px solid #ccc;
	}

.border-line  a:hover img {
	border: 1px solid #EE9429;
	}