/* #######################################################
 * ItemSearch_ver2.0.0
 * [Description]
 *	ItemSearch_ver2.0.0のトップ画面のデザインを定義する.
 *
 * [Date]
 *	2007/10/02 ver0.0
 * #######################################################
 * index:
 * 1.ページ内メインボックスの定義
 * 2.ヘッダー内コンテンツのデザイン定義
 * 3.メインコンテンツ内コンテンツのデザイン定義
 * 4.サイドコンテンツ内コンテンツのデザイン定義
 *
 */

/*
 * 1.ページ内メインボックスの定義
 * 構成：
 * wrapper(header,container(maincontents,sidecontents),footer)
 */

/* ページコンテンツ全体 */
#wrapper {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 765px;
}

/* ヘッダー */
#header {
	width: 100%;
}

/* コンテンツ全体（サイドコンテンツ + メインコンテンツ） */
#container {
	width: 100%;
}

/* メインコンテンツ */
#maincontents {
	width: 570px;
	float: left;
}

/* サイドコンテンツ */
#sidecontents {
	width: 180px;
	float: right;
}

/* フッター */
#footer {
	margin-top: 50px;
	clear: left;
	text-align: center;
	width: 100%;
}

/*
 * 2.ヘッダー内コンテンツのデザイン定義
 */
#topovi {
	margin-top:0px;
	margin-bottom:3px;
	padding: 2px 0;
	background-color:#EEAEEE;
	color:#FFFFFF;
}


/*
 * 3.メインコンテンツ内コンテンツのデザイン定義
 */



/* 注目タグbox */
#pickuptagsbox {
	width:550px;
	height: 93px;
 	margin: 0 auto 10px;
	background:url(../images/keyword_bg.gif) 0 0 no-repeat;    
}
#pickuptagsbox h3{
	margin:0 0 0 7px;
	padding:8px 0 0 0;
}
#pickuptags {
 	padding: 5px 15px 10px 15px;
	line-height:1.5;
	overflow: hidden;
}
#pickuptags a:hover{
	background-color:#FFDFDF;
}


.tag_LL {
	font-size: 120%;
	font-weight:bold;
}

.tag_L {
	font-size: 110%;
	font-weight:bold;
}
.tag_M {
	font-size: 100%;
}
.tag_S {
	font-size: 90%;
}

.tag_SS {
	font-size: 80%;
}

/* おすすめ */
.recommendgoods {
	width: 140px;
	overflow: hidden;
	float:left;
	text-align:center;
}

/* 新着ショップ */
#newshoptable,
#newshoptable2 {
	border: 1px solid #CCCCCC;
	margin: 0 0 20px 0;
}

.colborder,
.colborder2 {
	background:url(../images/dotline2.gif) right 0 repeat-y
}

p.shopinfo {
	color: #008B00;
}


#newshop1 .nslink img,
#newshop2 .nslink img,
#newshop3 .nslink img{
	vertical-align:middle;
	padding:3px;
}

/* おすすめ商品 */
.recomitem{
	text-align: center;
	padding:3px 0 5px 0;
}
.recomitem a img{
	border:2px solid #DDDDDD;
}
.recomitem a:hover img{
	border:2px solid #EE4000;
}



/* カテゴリーテーブル */
#category{
	position:relative;
	margin:5px auto;
}
#category .categorylink{
 position:absolute;
 top:8px;
 left:500px;
}

#shop1{
	position:relative;
	margin:5px auto;
}
#shop1 .shoplink{
 position:absolute;
 top:8px;
 left:500px;
}

#shop2{
	position:relative;
	margin:5px auto;
}
#shop2 .shoplink{
 position:absolute;
 top:8px;
 left:470px;
}


td.indexline1,
td.indexline2,
td.indexline3,
td.indexline4,
td.indexline5,
td.indexline6,
td.indexline7 {
	border-bottom:1px solid #EEEEEE;	
}

/* サイト紹介 */
.underline {
	border: 1px solid #4F4F4F;
}

/*
 * 4.サイドコンテンツ内コンテンツのデザイン定義
 */
 
/* お知らせ */
#t_news {
	margin: 0 0 10px 0;
	padding:3px;
	width: 174px;
	height: 130px;
	overflow: auto;
	border: 1px solid #CCCCCC;
}

/* トピックス */
#bg1 {
	width:177px;
	margin-bottom:10px;
	padding:3px 0 0 3px;
	border:1px solid #CCCCCC;
}

#line1 {
	text-align:left;
	padding: 0 0px;
}

table.type1 {
	bgcolor:'';
	width:170px;
	hspace:170px;
	align:center;
}

td.type1 a{
	font-size:11px;
}
 
/* おすすめショップ */ 
#recommendshop{
	width:180px;
	border:1px solid #CCCCCC; 
	margin:10px auto;
}
#recommendshop dl{
	margin:0 auto;
	padding:5px;
}
#recommendshop dt{
	width:120px;
	margin:0 auto;
}
#recommendshop dl dd.shopname{
	font-weight:bold;
}
#recommendshop dl dd.shopname img{
	vertical-align:middle;
	margin:0 3px;
}

/* ランキングテーブル */
.ranktable {
 	margin: 0 0 10px 0;
 	border: 1px solid #CCCCCC;          
}

/* TOPランキング用 */
#rank_1 {
	font-size: 13px;
	font-weight: bold;
}

#rank_2 {
	font-size: 13px;
	font-weight: bold;
}

#rank_3 {
	font-size: 13px;
	font-weight: bold;
}

.top10box{
	width:180px;
	height:auto;
 	margin: 0 0 10px 0;
	overflow: hidden;
	border:1px solid #CCCCCC;
}
.top10box h3{
	width:176px;
	margin:3px auto 0;
}
.top10box dl{
	width:178px;
}
.top10box dt{
	float:left;
	clear:both;
	padding:2px 0 2px 1px;
	width:24px;
	text-align:center;
}
.top10box dt{
	vertical-align:middle;
}

.top10box dd{
	padding:2px 3px 1px 0;
	margin-left:31px;
}


/*-----------------------------------------
	キャンペーン用スタイル 
-----------------------------------------*/
/* 外枠 */
//デフォルト用
/*div#cp_box{
	position:relative;
	width:570px;
	border-top:2px solid #eb465a;
	border-left:1px solid #eb465a;
	border-right:1px solid #eb465a;
	border-bottom:1px solid #eb465a;
}*/

//お中元用
div#cp_box{
	position:relative;
	width:570px;
	height:100%;
	border:1px solid #004694;
}

/* リンク位置 */
.cp_link{
	position:absolute;
	top:90px;
	left:413px;
}
.cp_link a{
	color:#FFFFFF;
}