@charset "Shift_JIS";

/* トップページスタイル
 * **************************************************
 */

/* ======================================
	message
====================================== */
#index #content .msgarea {
    margin:12px 0 15px;
	padding:20px;
	border:1px solid #dddddd;
	background:#eeeeee;
	text-align:center;
	font-size:12px;
	line-height:1.6em;
    }
/* ======================================
	メインイメージ 
====================================== */
#index #content .mainImage {
    margin:20px 0 0 0;
    }
#index #content .mainImage img{
    float:left;
    }

/* スライド
------------------------------------------------------------------ */
#index #content #slide{
	margin:20px 0 0 2px;
	width:1024px;
	overflow:hidden;
	}
#index #content #slide .anyClass {
	height:100px;
	overflow:hidden;
	padding:0 0 0 10px;
	float:left;
    }
#index #content #slide .anyClass ul{
    overflow:hidden;
    }
#index #content #slide .anyClass ul li{
    margin: 0 10px 0 0;
	float:left;
	width:188px;
    }

/* 前へ（PREV）の設定 */
#slide .prev {
    cursor:pointer;
	float:left;
    }
/* 次へ（NEXT）の設定 */
#slide .next {
    cursor:pointer;	
    }

/* ======================================
	左サイド
====================================== */
#index #leftSide{
     width:195px;
	 margin:0 29px 0 0;
	 float:left;
	 }
#index #leftSide dl{
     margin:30px 0 0 0;
	 }
#index #leftSide dl dt{
     margin:0 0 10px 0;
	 }	 
	 
/* バナー 
------------------------------------------------------------------ */
#index #leftSide ul.banner{
     margin:30px 0 0 0;
	 }
#index #leftSide ul.banner li{
     padding:0 0 10px 0;
	 }

/* 商品カテゴリー：アコーディオン （変更箇所）
------------------------------------------------------------------ */
#index #leftSide .category{
    margin:30px 0 0 0;
	}
#index #leftSide .category ul.accordion {
    }
#index #leftSide .category ul.accordion li{
    }
#index #leftSide .category ul.accordion p {
	padding:5px 0 0 0; 
	cursor: pointer;
	display:block;
    }
#index #leftSide .category ul.accordion span {
	display:block;
    }
			
/* アコーディオンリセット */
#index #leftSide .category ul.accordion p span a {
	padding:0; 
	text-decoration:none;
	filter:alpha(opacity=100);
    -ms-filter:"alpha(opacity=100)";
    opacity:1;
    }
#index #leftSide .category ul.accordion li a {
	display:block; 
	padding:10px 0 0 7px; 
	font-size:12px; 
	color:#666666;
    }
#index #leftSide .category ul.accordion ul {
	margin:0 0 15px 0;
	display:none;
    }
#index #leftSide .category ul.accordion ul li {
    }

#index #leftSide .category ul.accordion li p img:hover {
    filter:alpha(opacity=60);
    -ms-filter:"alpha(opacity=60)";
    opacity:0.6;
    }
	
/* 話題のキーワード 
------------------------------------------------------------------ */
#index #leftSide dl.keyWord dd{
     font-size:14px;
	 background:url(../images/side/arrow_red.gif) no-repeat;
	 padding:0 0 8px 15px;
	 color:#E60012;
	 }
#index #leftSide dl.keyWord dd a{
     color:#E60012;
	 }

/* お買い物ガイド
------------------------------------------------------------------ */
#index #leftSide dl.shoppingGuide dd{
     font-size:12px;
	 background:url(../images/side/arrow_2.gif) no-repeat;
	 padding:0 0 5px 15px;
	 margin:0 0 5px 0;
	 color:#666666;
	 border-bottom:1px dotted #666666;
	 }
#index #leftSide dl.shoppingGuide dd a{
     color:#666666;
	 }

/* メールマガジン 
------------------------------------------------------------------ */
#index #leftSide .mailMagazine{
	 background:url(../images/side/side_mail_magazine.jpg) no-repeat;
	 height:297px;
	 margin:30px 0 0 0;
	 }
#index #leftSide .mailMagazine p{
     padding:115px 0 0 11px;
	 }

/* モバイルショッピング 
------------------------------------------------------------------ */
#index #leftSide dl.mobileShopping dd{
	 color:#00A0E9;
	 }
#index #leftSide dl.mobileShopping dd a{
	 color:#00A0E9;
	 }

/* セキュリティについて */
#index #leftSide dl.security dt{
     color:#FFFFFF;
	 background-color:#666666;
	 text-align:center;
	 font-size:12px;
	 padding:4px 0 0 0;
	 height:17px;
	 margin:0;
	 letter-spacing:0.25em;
	 }
#index #leftSide dl.security dd{
	 text-align:left;
	 font-size:12px;
	 padding:10px 10px 0;
	 line-height:1.5;
	 border:1px solid #666666;
	 }
#index #leftSide dl.security dd span{
	 text-align:center;
	 display:block;
	 }

/* ======================================
	メインコンテンツ
====================================== */
#index #content #main{
    width:800px;
	margin:30px 0 0 0;
	float:left;
	}

/* 2カラム */
#index #content #main .twoColumnLeft{
    width:576px;
   	float:left;
	}
#index #content #main .twoColumnRight{
    width:195px;
	float:left;
	margin:0 0 0 29px;
	}
	
/* 共通 */
#index #content #main .section{
    clear:both;
	margin:0 0 50px 0;
	}
#index #content #main p{
    clear:both;
	}	
	
/* twoColumnLeft
------------------------------------------------------------------ */
/* NEWS for YOU! */
#index #content #main .twoColumnLeft .newsBlock{
    float:left;
	font-size:11px;
	padding:10px 10px 10px 0;
	width:278px;
    }
#index #content #main .twoColumnLeft .newsBlock p{
    border:3px solid #CCCCCC;
	width:93px;
	float:left;
	margin: 0 10px 0 0;
    }
#index #content #main .twoColumnLeft .newsBlock dl{
    float:left;
	width:169px;
	}
#index #content #main .twoColumnLeft .newsBlock dl dt{
    color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:3px 0;
    }
#index #content #main .twoColumnLeft .newsBlock dl dt span{
	background-color:#999999;
	padding:3px 10px 2px 10px;
    }
#index #content #main .twoColumnLeft .newsBlock dl dd{
    line-height:1.3;
	padding:3px 0 0 0;
    }
#index #content #main .twoColumnLeft .newsBlock dl dd span{
    font-weight:bold;
	display:block;
	padding:3px 0 0 0;
    }

/* 新着アイテム！ */
#index #content #main .twoColumnLeft p.ttlTxt{
	padding:8px 0 0 100px;
	background:url(../images/index/ttl_new_item.gif) no-repeat;
	height:25px;
	font-size:16px;
	font-weight:bold;
    }
#index #content #main .twoColumnLeft .newItemBlock{
    clear:both;
	font-size:11px;
	padding:0;
	line-height:1.3;
	width:576px;
	overflow:hidden;
    }
#index #content #main .twoColumnLeft .newItemBlock dl{
    float:left;
	width:128px;
	margin:15px 10px 0 0;
	padding:0 0 5px 5px;
	border-left:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
    }
#index #content #main .twoColumnLeft .newItemBlock dl dt{
    text-align:center;
	padding:0 0 5px 0;
    }
#index #content #main .twoColumnLeft .newItemBlock dl dd{  
	text-align:left;
	margin:0 0 5px 0;
    }
#index #content #main .twoColumnLeft .newItemBlock dl dd span{
	background-color:#999999;
	padding:3px 10px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:3px 0 5px 0;
    }
	
/* 隠れた逸品 */
#index #content #main .twoColumnLeft .gemBlock{
    float:left;
	font-size:11px;
	margin:15px 16px 0 0;
	width:274px;
	border:3px solid #CCCCCC;
    }
#index #content #main .twoColumnLeft  .right{
	margin:15px 0 0 0;
    }
#index #content #main .twoColumnLeft .gemBlock p{
	margin: 0 auto;
	text-align:center;
    }
#index #content #main .twoColumnLeft .gemBlock dl{
	padding:10px;
	}
#index #content #main .twoColumnLeft .gemBlock dl dt{
    color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:3px 0 0 0;
    }
#index #content #main .twoColumnLeft .gemBlock dl dt span{
	background-color:#999999;
	padding:3px 10px 2px 10px;
    }
#index #content #main .twoColumnLeft .gemBlock dl dd{
    line-height:1.3;
	padding:3px 0 0 0;
	font-size:12px;
    }
#index #content #main .twoColumnLeft .gemBlock dl dd span{
    font-weight:bold;
	font-size:14px;
	display:block;
	padding:3px 0 5px 0;
    }

/* twoColumnReft
------------------------------------------------------------------ */
/* WEEKLY RANKING */
#index #content #main .twoColumnRight .ranking{
    clear:both;
	font-size:11px;
	padding:0;
	line-height:1.3;
    }
#index #content #main .twoColumnRight .ranking dl{
	margin:0;
	padding:10px 0 10px 10px;
    border:1px dotted #CCCCCC;
	border-top:none;
    }
#index #content #main .twoColumnRight .ranking dl dt{
    text-align:left;
	padding:0 0 5px 0;
    }
#index #content #main .twoColumnRight .ranking dl dd.rankImg{
    text-align:center;
    }

/* Twitter */
#index #content #main .twoColumnRight .twitter{
    margin:30px 0 0 0;
    }

/* 800px
------------------------------------------------------------------ */
/* ピックアップアイテム */
#index #content #main .pickupBlock{
    float:left;
	font-size:11px;
	padding:0;
	margin:10px 0 0 10px;
	line-height:1.3;
	width:189px;
	border-left:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
    }
#index #content #main .left{
	margin:10px 0 0 0;
    }
#index #content #main .pickupBlock p{
	text-align:center;
    }
#index #content #main .pickupBlock dl{
	padding:10px;
	}
#index #content #main .pickupBlock dl dt{
    color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:3px 0 0 0;
    }
#index #content #main .pickupBlock dl dt span{
	background-color:#999999;
	padding:3px 10px 2px 10px;
    }
#index #content #main .pickupBlock dl dd{
    line-height:1.3;
	margin:5px 0 0 0;
    }

/* バナー */
#index #content #main .bannerBlock{
    width:825px;
	margin-right:-25px;
	overflow:hidden;
    }
#index #content #main .bannerBlock ul{
    }
#index #content #main .bannerBlock ul li{
    width:250px;
	margin:0 25px 25px 0;
	float:left;
    }

/* ファクトリーサービス */
#index #content #main .factoryService{
    background:url(../images/index/bg_factory_service.gif) no-repeat;
	height:115px;
	margin:20px 0 0 0;
    }
#index #content #main .factoryService ul{
    padding: 40px 0 0 0;
    }
#index #content #main .factoryService ul li{
	padding: 0 0 0 15px;
	float:left;
    }

/* カテゴリ非表示 */
#index .category_tree_{
display:none;
}

/* ジャンル非表示 */
#index .genre_tree_{
display:none;
}

/* タグ非表示 */
#index .tag_highest_{
display:none;
}

#SS_searchQuery {
    height: 18px;
    margin-top: 2px;
    width: 180px;
}