﻿html {
	overflow-x: hidden;
	background: url(null);
}
body{
	margin: 0;
	font-size: 13px;
	cursor: default;
	background-repeat: no-repeat;

}

table{border-collapse: collapse;}
td{padding:0;}
img{

	border: 0px;
}
p,h1,h2{margin: 0px;}
ul{margin: 0px;padding: 0px;}
li{list-style-type: none;}

/*送料[数字]*/
var{
	font-style: normal;
	font-weight: bold;
}
/*比較ボックスの合計価格[数字]*/
em{
	font-style: normal;
	font-weight: bold;
}
/*送料無料[文字]*/
.souryoumuryou{
	font-weight: bold;
}
/*ショップ確認[文字]*/
#contents .shopkakunin,
#yahoo_contents .shopkakunin,
#right .shopkakunin,
#RshopList b,
#YshopList b
{
	color: red;
}
/*段組レイアウト*/

#main{	
	width: 100%;	/*IE用*/
	overflow: auto;	/*Firefox用*/
}
	#top{					/*ヘッド*/
		position: relative;
		height: 140px;
		border-bottom: 1px solid;
	}
		#sora_logo{				/*空/夢ロゴ*/
			background-repeat: no-repeat;
			background-position: center center;
			height: 100%;
			width: 234px;
			position: absolute;
			border-right: 1px solid;
			top: 0;
			left:0;
		}
		h1{						/*タイトル*/
			background-repeat: no-repeat;
			background-position: center center;
			padding-top: 0px;
			height: 140px;
			text-align: right;
			font-size: 1em;
			padding-right: 10px;
		}
#left{
	width: 100%;
	float:left;
	margin-right: -250px;
}
	#list{
		float: left;
		width: 234px;
		border-right: 1px solid;


	}
		#left_top{/*左上広告*/
			text-align: center;
		}
		#brand_list{					/*リスト*/
			margin-bottom: 10px;
		}
		#brand_list li{
			line-height: 20px;
			cursor: pointer;

			padding: 5px 0px;
			text-align: center;
			margin-bottom: 3px;
			color: #c0c0c0;
			font-weight: bold;
		}

		#brand_list li img{
			height: 20px;
			vertical-align: top;
		}
		#list form{						/*検索フォーム*/
			height: 87px;
			background-color: #c0c0c0;
			brder: 1px solid gray;
			text-align: center;
			padding-top: 13px;
			margin: 0px 0px 10px 0px;
		}
/*左中の写真部分*/
	#owner{
		padding-top: 10px;
		width: 234px;
		clear: left;
		border-right: 1px solid;
	}
	#ownerT{

		text-align: center;
		width: 160px;
		border-right: 10px solid;
		border-top: 1px solid;
		border-bottom: 1px solid;
		line-height: 30px;
	}
	#ownerG{
		padding: 10px 0px;
		height: 100px;
		background-repeat: no-repeat;
		background-position: center center;
	}
	#ownerG img{height: 100px;}
	#ownerP{
		text-align: center;
	}
/*左部のブックマーク*/
#owner #bookMark{
	text-align: center;
	border: 1px solid #c0c0c0;
	margin-top: 10px;
	padding: 10px 0px;
}
	#center{
		overflow: hidden;
		width: 100%;
		float: right;
		margin-left: -240px;
	}

		#shopping_mall{					/*ショッピングモール選択ボックス*/
			margin-left: 235px;
			margin-right: 239px;
			overflow: auto;
		}
			#shopping_mall_ul{
				width: 100%;	/*IE用*/
				overflow: auto;	/*Firefox用*/
			}
				#shopping_mall_ul li{
					cursor: pointer;
					float: left;
					width: 100px;
					line-height: 20px;
					text-align: center;
					margin-right: 10px;
					font-weight: bold;
				}
				#shopping_mall_ul #rakuten{
					background-color: #bf0000;
				}
				#shopping_mall_ul #yahoo{
					color: #ff0033;
					background-color: orange;
				}
		#contents,#yahoo_contents{					/*コンテンツボックス*/
			margin-left: 234px;
			margin-right: 238px;
			border-right:1px solid;
			border-left:1px solid;
		}
		#contents{
		}
		#yahoo_contents{
			display: none;
		}

			#result,#yahoo_result{
				margin-top: 10px;
				margin-bottom: 10px;
				width: 100%;

				overflow: hidden;
				
			}
	/*商品*/

#center .syouhin{
	width: 20%;
	*width: 19.93%;
	float: left;
	text-align: center;
	margin-bottom: 10px;
	height: 300px;
}
.price{
	padding-top: 3px;
	text-align: left;
}
.price,.souryou{
	width: 80%;
	line-height: 15px;
	height: 15px;
	padding-left: 5%;
	padding-right: 5%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.souryou{text-align: right;}
/*商品のブランド画像*/
.brandname{
	margin-top: 5px;
	padding: 2px 0px;
	height: 20px;
}
.brandname img{
	height: 20px;
}

.brandname,.card,.image{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

/*レビュー*/
.review,.reviewOn{
	font-weight: bold;
}
.reviewOn{
	color: blue;
	line-height: 15px;
	height: 15px;
	overflow: hidden;
}
/*商品画像*/
.image p{
	width: 90%;
	height: 128px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid gray;
	overflow: hidden;
	
}
.image p table{
	width: 100%;
	border-collapse: collapse;
}
.image p table td{
	text-align:center;
	overflow: hidden;
	height: 128px;
	vertical-align: middle;
}
.image p table td img{
}
.image img{
	border: 0;
}
.image p:hover{
	border: 1px solid red;
}
/*商品のショップ名[共通]*/
.shopname{
	height: 20px;
	font-size: 0.7em;
	border: 1px solid gray;
	width: 90%;
	margin: 5px auto;
	overflow: hidden;
	padding: 5px 0px;
	cursor: pointer;
	color: #c0c0c0;
}
/*商品のショップ名[楽天]*/
#contents .shopname{
	background-color: #800000;
}
/*商品のショップ名[ヤフー]*/
#yahoo_contents .shopname{
	background-color: #e17100;
}
/*比較ボックスに移動ボタン[共通]*/
.ido{
	width: 90%;
	line-height: 20px;
	height: 20px;
	font-size: 0.8em;
	border: 1px solid;
	margin: 0px auto;
	cursor: pointer;
	overflow: hidden;
}
				/*ステータス・ページリスト*/
			#state,#bottom_state,#yahoo_state,#yahoo_bottom_state{
				text-align: center;
				line-height: 20px;
				height: 20px;
			}

			#state{
				border-top:1px solid #bf0000;
			}
			#bottom_state{
				border-bottom:1px solid #bf0000;
			}
			#yahoo_state{
				border-top:1px solid orange;
			}
			#yahoo_bottom_state{
				border-bottom:1px solid orange;
			}

			#pagelist li,#bottom_pagelist li,#yahoo_pagelist li,#yahoo_bottom_pagelist li{
				text-align: center;
				float: left;
				width: 5%;
				cursor: pointer;
				font-size: 1em;
				display: inline;
			}

			#state,#bottom_state,#yahoo_state,#yahoo_bottom_state{
				width: 100%;
				overflow: hidden;

			}
			#bottom_pagelist,#pagelist,#yahoo_bottom_pagelist,#yahoo_pagelist{
				width: 100%;
				*width: 100%;/*ie6とie7だけ適用[cssハック]*/

			}

	#right{	
		width: 238px;
		float:right;
		border-left: 1px solid;
	}
		#right h2{
			text-align: center;
			width: 160px;
			border-left: 10px solid;
			border-top: 1px solid;
			border-bottom: 1px solid;
			margin-top: 20px;
			margin-bottom: 10px;
			font-size: 0.9em;
			line-height: 20px;
			padding: 5px;
			float: right;
		}
			#right h2 img{
				float: right;
				vertical-align: center;
			}
		#hikaku_box_menu{
			width: 100%;	/*IE用*/
			overflow: auto;	/*Firefox用*/
			clear:right;
		}
			#hikaku_box_menu li{
				width: 50%;
				float: left;
				line-height: 20px;
				text-align: center;
				font-weight: bold;
			}

	#right_parts{/*右ブログパーツ*/
		border-left: 1px solid;
	width: 238px;
	float: right;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	#right_google{/*右グーグル*/
		border-left: 1px solid;
		width: 238px;
		float: right;
		text-align: center;
		padding-bottom: 5px;
	}
	#right_bottom{/*右下広告*/
		overflow: hidden;
		width: 238px;
		clear: right;		float: right;
		height: 1200px;
	}
	#right_bottom iframe{
		width: 238px;
		text-align:center;
		background-color: transparent;
		height: 1200px;
		margin: 0px auto;
	}

/*左部*/





/*ジャンルリスト・ショップリスト【バックグラウンド関係】*/
#GenreTopImg{
	overflow:hidden;/*これがないと高さが１行分から下がらないIE*/
	height: 10px;
	margin-top: 10px;
}
#GenreTopImg,#shopList{

	background-position: center top;
	background-repeat: no-repeat;
}
#rakuten_genre,#yahoo_genre,#shopList ul{

	width: 234px;

}
#genre ul,#yahoo_genre_list ul,#list{

	background-position: center bottom;
	background-repeat: no-repeat;

}
/*ジャンルリスト*/

#rakuten_genre,#yahoo_genre{

	margin-bottom: 10px;
}
#yahoo_genre{
	display: none;
}
#top_genre,#yahoo_top_genre,#RshopListTitle,#YshopListTitle{
	text-align: center;
	width: 160px;
	border-right: 10px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: bold;


}
#top_genre img,#yahoo_top_genre img{

}
#back_genre,#yahoo_back_genre{
	width: 234px;
	text-align: center;


}

#back_genre li,#yahoo_back_genre li{
	border: 1px dashed;
	padding: 3px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}
li#jigenre{
	border: 1px solid;
	margin-left: 10px;
	margin-right: 10px;
}
#back_genre li#jigenre:hover,
#yahoo_back_genre li#jigenre:hover
{
	background-image: none;

}
#genre,#yahoo_genre_list{
	background-repeat: no-repeat;
	background-position: center bottom;
}
#genre ul,#yahoo_genre_list ul,#list{
}

#genre li,#yahoo_genre_list li{
	width: 224px;
	text-align: right;
	line-height: 20px;
	padding-right:10px;
	cursor: pointer;

}
#genre li:hover,#yahoo_genre_list li:hover{
}
	/*ショップリスト*/
#shopList{

}
#shopList ul{
	margin-top: 5px;
}
#RshopList li,#YshopList li{
	text-align: center;
	padding: 10px 0px;
	font-weight: bold;
	width: 234px;
	margin-top: 5px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	cursor: pointer;
	word-break: break-all;
}
#YshopList,#YshopListTitle{
	display: none;
}
	/*左下広告*/
#left_bottom{
	clear:left;
	width: 234px;
	text-align: center;
	border-right: 1px solid #c0c0c0;
}
/*左したブランドメニュー*/
#b_menu{
	text-align: left;
	height: 500px;
	overflow: auto;
	margin-top: 10px;
}
#b_menu li{
	width: 200px;
	line-height: 0;
	border-left: 5px solid;
	margin: 1px;
	padding-left: 10px;
}
#b_menu a{
	width: 100%;/*これがないとie6ie7で隙間が開く*/
	color: gray;
	text-decoration: none;
	line-height: 20px;
	display: block;
}
#b_menu a:hover{
	text-decoration: underline;
}

/*中央部*/




/*右部*/

/*アイテム別比較ボックス*/
#hikaku_box{
	margin-bottom: 10px;
}
#hikaku_box #annai{
	font-weight: bold;
padding: 10px 5px 10px 10px;
}
#hikaku_box #rakuten,
#hikaku_box #yahoo{
	margin-top: 5px;
	text-align: center;
	padding: 3px;
	border-width: 3px;
	border-style: solid;
	overflow: auto;
	width: 226px;	/*IE用*/
}
#hikaku_box #rakuten{border-color: #bf0000;}
#hikaku_box #yahoo  {border-color: orange;}
#hikaku_box .n{
	border: 1px solid;
	text-align: center;
	margin-bottom: 3px;
	text-decoration: underline;
}

#hikaku_box .i{
	width: 82px;
	height: 82px;
	border: 1px solid gray;
	float: left;
	overflow: hidden;
}

#hikaku_box .k{
	margin-top: 3px;
	padding-left: 90px;
	line-height: 18px;
	text-align: left;
}
#hikaku_box .k img{
	float: right;
	height: 18px;
}
#hikaku_box .s{
	text-align: right;
	margin-top: 3px;
	height:15px;
}
#hikaku_box .c{
	margin-top: 3px;
	height: 16px;
	padding-bottom: 3px;
}
#hikaku_box .g{
	line-height: 18px;
	margin-top: 4px;
	font-size: 1em;
	border: solid;
	border-width: 2px 10px;
	margin-left: 85px;
}

/*ショップ別比較ボックス*/
#hikaku_shop_div{
	display: none;
	margin-bottom: 10px;
}
#hikaku_shop_div #rakuten,
#hikaku_shop_div #yahoo{
	padding: 3px;
	width: 226px;
	border:3px solid;
	margin-top: 5px;
}
#hikaku_shop_div #rakuten{
	border-color:#bf0000;
}
#hikaku_shop_div #yahoo{
	border-color:orange;
}
#hikaku_shop_div .n{
	text-align: center;
	border: 1px solid;
	text-decoration: underline;
	margin-bottom: 3px;
}
#hikaku_shop_div .syouhin{
	float: left;
	width: 113px;
	text-align: right;

}
#hikaku_shop_div .syouhin img{
	left: 15px;
	top: 2px;
}
#hikaku_shop_div .i{
	width: 106px;
	height: 82px;
	border: 1px solid;
	text-align:center;
	overflow: hidden;
}
#hikaku_shop_div .i td{
	width: 106px;
	text-align: center;
}
#hikaku_shop_div .k{
	padding-top: 3px;
	text-align: left;
}
#hikaku_shop_div span{
	text-align: right;
}
#hikaku_shop_div .c{
	clear: left;
	text-align: center;
}
#hikaku_shop_div .g{
	text-align: center;
	border: solid;
	border-width: 2px 10px;
}


	#bottom{/*ボトム部*/
		margin-top: 10px;
		padding: 5px;
		clear: both;
		text-align: center;
	}




#keyWordList{/*キーワードリスト*/
	overflow: auto;
}
#keyWordList li#zensyouhin{
	width: 232px;
	line-height: 40px;
}
#keyWordList li{
	float: left;
	border: 1px solid;
	width: 115px;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
}
#sizeList{
	width: 234px;
	overflow: auto;
}
#sizeList li#zensize{
	width: 228px;
}
#sizeList li{
	width: 33px;
	float: left;
	border: 3px solid;
	text-align: center;
	font-weight: bold;
}

/*カラーリストのスタイル*/
#colorList{
	width: 230px;
	overflow: auto;
	padding: 2px;
}
#colorList li{
	text-align: center;
	float: left;
	width: 20%;/*割り切れる幅じゃないとおかしくなる*/
	line-height: 25px;
	height: 25px;
	font-size: 0.8em;
	display: inline;/*IE マージンが二倍になるバグ用*/
	overflow: hidden;
	color: gray;
}
#colorList li:hover{
	text-decoration: underline overline;
}
#colorList #colorclear{
	width: 230px;
	font-size: 0.8em;
}
/*人気キーワードリストのスタイル*/
#bestKeyList{
	width: 234px;
	overflow: auto;

}
#bestKeyList li{
	text-align: center;
	float: left;
	width: 72px;
	margin: 2px;
	line-height: 25px;
	height: 25px;
	font-size: 0.9em;
	border: 1px solid #c0c0c0;
	display: inline;/*IE マージンが二倍になるバグ用*/
	overflow: hidden;
}
#bestKeyList #bestKeyclear{
	clear: both;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	line-height: 25px;
	width: 174px;
	background-color: red;
	color: white;
	font-size: 0.8em;
	border: 1px solid;
	margin-bottom: 3px;
}



/*右上ホームページリンク*/
#site{
	position: absolute;
	bottom: 5px;
	right:20px;
}
/*左上パンくずリスト*/
#pankuzu{
	position: absolute;
	bottom: 5px;
	left:235px;
	padding-left: 10px;
	color: red;
}
#pankuzu li{
	float: left;
}
#pankuzu a,#site a{
	text-decoration: none;
}
#pankuzu h2{
	font-size: 12px;
	display: inline;
}


/*検索ナビゲーション*/
#navi{
	z-index:1;
	border: 1px solid gray;
	background-color:white;
	position: fixed;
	padding: 10px;
	top: 0px;
	left: 0px;
	/*IEでもfixedが効くための処理*/
	/* IE5 later && javascript-on */ 
	position: expression('absolute'); 
	top: expression(documentElement.scrollTop + 0 + 'px'); 
	left: expression(documentElement.scrollLeft + 0 + 'px'); 
}
#navi th{
	height: 54px;
	padding: 0px 10px;
	border:1px solid gray;
}
#navi td{
	line-height: 20px;
	padding: 0px 20px;
	text-align: center;
	border-left:1px solid gray;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
}
#navi th.no{
	border: 0px;
}
#navi td.no{
	border: 0px;
}
#navi th.line{
	background-repeat: no-repeat;
	background-position: center center;
}
#navi th.color{
	background-repeat: no-repeat;
	background-position: center center;
}
/*ロードレイヤー*/
#layer{
	line-height:500px;
	text-align:center;
	color: #c0c0c0;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	filter: Alpha(opacity=60);
	opacity: 0.6;
	width: 100%;
	height: 800px;
	z-index:4;
	position: fixed;
	top: 0px;
	left: 0px;
	/*IEでもfixedが効くための処理*/
	/* IE5 later && javascript-on */ 
	position: expression('absolute'); 
	top: expression(documentElement.scrollTop + 0 + 'px'); 
	left: expression(documentElement.scrollLeft + 0 + 'px'); 
	background-image: url(../api_style_image/loaderw.gif);
	background-color: black;
}
/*県選択地図*/
#ken_sentaku_div{

	text-align: center;
	margin-bottom: 5px;
	color: #efefef;
	font-size: 1.1em;
	font-weight: bold;
}
#ken_sentaku_div p{
	height: 25px;
	line-height: 25px;
	background-image:url(../css/img/souryouhyouji.gif);
}
#ken_sentaku_div p:hover{
	background-image:url(../css/img/souryouhyouji2.gif);
}
#ken_sentaku_div b{

	color: #c0c0c0;
	font-size: 0.9em;
	font-weight: normal;
	margin-left: 10px;
	letter-spacing: 2px;
}
#ken_list_div{
	display: none;
	position: absolute;
	right: 300px;
	top: 200px;
}
#ken_list_div li{
	float: left;
	width: 100px;
	line-height: 20px;
	margin: 5px;
	font-weight: bold;
}
#ken_list_div table td{
	padding: 10px;
	text-align: center;
	font-size: 12px;
}
/*県選択地図[優先させるためcolor:gray;は必要]*/
.hokkaido{background-color: purple;		color:gray;}
.touhoku {background-color: lightgreen;	color:gray;}
.kantou  {background-color: blue;		color:gray;}
.sinetsu {background-color: orange;		color:gray;}
.hokuriku{background-color: brown;		color:gray;}
.kansai  {background-color: navy;		color:gray;}
.chugoku {background-color: yellow;		color:gray;}
.sikoku  {background-color: pink;		color:gray;}
.kyuusyu {background-color: skyblue;	color:gray;}
.okinawa {background-color: red;		color:gray;}
.toukai  {background-color: #c0c0c0;}
/*カラースタイル[優先させるため#colorListは必要]*/
#colorList .black		{background-color: black;}
#colorList .red			{background-color: red;}
#colorList .brown		{background-color: brown;}
#colorList .pink		{background-color: pink;}
#colorList .green		{background-color: green;}
#colorList .white		{background-color: white;}
#colorList .blue		{background-color: blue;}
#colorList .yellow		{background-color: yellow;}
#colorList .gold		{background-color: gold;}
#colorList .silver		{background-color: silver;}
#colorList .purple		{background-color: purple;}
#colorList .gray		{background-color: gray;color: #c0c0c0;}
#colorList .bejyu		{background-color: #ffcc99;}
#colorList .orange		{background-color: orange;}
#colorList .navy		{background-color: navy;}
#colorList .turquoise	{background-color: #32b2d4;}
#colorList .olive		{background-color: #808449;}

