/*初期化*/

html {overflow-x: hidden;
scrollbar-base-color: #efefef;

background: url(null);
} 
body{}
#top_link{
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 5px;
}
#top_link img{border: 0;}
#layer{
	line-height:500px;
	text-align:center;
	color: gray;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	filter: Alpha(opacity=60);
	opacity: 0.6;
	width: 105%;
	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'); 
}

#hikaku_box #annai{
	font-weight: bold;
padding: 10px 5px 10px 10px;
}



#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;
}
body{
	font-size: 13px;
	cursor: default;
}
table{border-collapse: collapse;}
td{padding:0;}

img{
	vertical-align: middle;
}
p,h1,h2{
	margin: 0px;
}
ul{
	margin: 0px;
	padding: 0px;
}
li{
	list-style-type: none;
}
span{


}
b{
color: #3300cc;
}
#right .kakaku
{
	color: #3300cc;
}
#RshopList b,#YshopList b{
color: red;
}
em{
	color: #ff84ff;
	font-style: normal;
	font-weight: bold;
}

strong{
	background-color: #ffffee;
	color: #ff84ff;
}
var {
	color: green;
	font-style: normal;
	font-weight: bold;
}
#contents .shopkakunin,
#yahoo_contents .shopkakunin,
#right .shopkakunin
{
	color: red;
}

.souryoumuryou{
	color: #ff84ff;
	font-weight: bold;
}

/*段組レイアウト*/

#main{	
	width: 100%;	/*IE用*/
	overflow: auto;	/*Firefox用*/
}
	#top{					/*ヘッド*/
		background-image: url(../api_style_image/top_def_center.gif);
		position: relative;
		height: 140px;
		margin-bottom: 10px;
	}
		#sora_logo{				/*そらロゴ*/
			background-image: url(../api_style_image/top_def_left.gif);
			background-repeat: no-repeat;
			background-position: left center;
			height: 100%;
			width: 200px;
			position: absolute;
			top: 0;
			left:0;
		}
		h1{						/*タイトル*/
			background-image: url(../api_style_image/top_def_right.gif);
			background-repeat: no-repeat;
			background-position: right center;
			padding-top: 0px;
			height: 140px;
			text-align: center;
			font-size: 1.5em;
		}
			h1 embed{
				height: 80px;
				width: 80px;
			}
#left{
	width: 100%;
	float:left;
	margin-right: -250px;
}
	#list{
		float: left;
		width: 182px;
		margin-bottom: 10px;
	}
		#left_top{						/*左上広告*/
			text-align: center;
			border: 1px solid #c0c0c0;
			margin-bottom: 10px;
			padding: 5px;
		}
		#brand_list{					/*リスト*/
			margin-bottom: 10px;
		}
		#brand_list li{
			line-height: 20px;
			cursor: pointer;
			background-image: url(../api_style_image/botan_w182_h40_def.gif);
			padding: 5px 0px;
			text-align: center;
			margin-bottom: 3px;
			color: white;
			font-weight: bold;
		}

		#brand_list li img{
			height: 20px;
			vertical-align: top;
		}
		#list form{						/*検索フォーム*/
			height: 87px;
			background-image: url(../api_style_image/botan_w182_h100_def.gif);
			brder: 1px solid gray;
			text-align: center;
			padding-top: 13px;
			margin: 0px 0px 10px 0px;
		}
	#owner{
		width: 160px;
		border: 1px solid #c0c0c0;
		clear: left;
		padding: 10px;
	}
	#ownerT{
		text-align: center;
		color: gray;
	}
	#ownerG{
		height: 100px;
		background-repeat: no-repeat;
		background-position: center center;
	}
	#ownerG img{height: 100px;}
	#ownerP{
		text-align: center;
		color: gray;
	}
	#center{
		width: 100%;
		float: right;
		margin-left: -200px;
	}
		#ken_sentaku_div{				/*県選択ボックス*/
			background-image: url(../api_style_image/back_gray.gif);

			padding: 10px;
			text-align: center;
			margin-bottom: 5px;
			color: #efefef;
			font-size: 1.1em;
			font-weight: bold;
		}
#ken_sentaku_div p:hover{
	background-image:url(../css/img/souryouhyouji2.gif);
}
#ken_sentaku_div p{
	height: 25px;
	line-height: 25px;
	background-image:url(../css/img/souryouhyouji.gif);
}
		#ken_sentaku_div b{
			border: 1px solid #cfcfcf;
			color: white;
			font-size: 0.9em;
			padding: 2px 10px;
			margin-left: 10px;
			font-weight: normal;
			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;
		}
.hokkaido{background-color: gray;}
.touhoku {background-color: green;}
.kantou  {background-color: blue;color:#c0c0c0;}
.sinetsu {background-color: orange;}
.hokuriku{background-color: brown;}
.kansai  {background-color: navy;color:#c0c0c0;}
.chugoku {background-color: yellow;}
.sikoku  {background-color: pink;}
.kyuusyu {background-color: skyblue;}
.okinawa {background-color: red;}
.toukai  {background-color: #c0c0c0;}
		#shopping_mall{					/*ショッピングモール選択ボックス*/
			margin-left: 195px;
			margin-right: 250px;
			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{					/*コンテンツボックス*/
			border-width: 5px;
			border-style: solid;
			margin-left: 190px;
			margin-right: 245px;

		}
		#contents{
			border-color: #bf0000;
		}
		#yahoo_contents{
			border-color: orange;
			display: none;
		}

			#result,#yahoo_result{					/*商品ボックス*/
				background-color: #efefef;overflow: auto;

				width: 100%;	/*IE用*/
			}
	#right{	
		width: 238px;
		float:right;
	}
		#right h2{


			background-image: url(../api_style_image/botan_w238_h40_def.gif);
			font-size: 0.9em;
			color: white;
			line-height: 20px;
			padding: 11px 10px 9px 85px;

		}
			#right h2 img{
				float: right;
				vertical-align: middle;
			}
		#hikaku_box_menu{
			width: 100%;	/*IE用*/
			overflow: auto;	/*Firefox用*/
		}
			#hikaku_box_menu li{
				width: 50%;
				float: left;
				line-height: 20px;
				text-align: center;
				font-weight: bold;
			}
	#right_google{/*右グーグル*/
		border: 1px solid #c0c0c0;

		width: 236px;
		float: right;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 5px;
	}
	#right_bottom{/*右下広告*/
		overflow: hidden;
		width: 238px;
		float: right;
		height: 1300px;
		margin-top: 10px;
	}
	#right_bottom iframe{
		width: 238px;
		text-align:center;
		background-color: transparent;
		height: 1300px;
		margin: 0px auto;
	}

/*左部*/





/*ジャンルリスト・ショップリスト【バックグラウンド関係】*/
#GenreTopImg{
	overflow:hidden;/*これがないと高さが１行分から下がらないIE*/
	height: 10px;
	margin-top: 10px;
}
#GenreTopImg,#shopList{
	background-image: url(../api_style_image/list_def_top.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#rakuten_genre,#yahoo_genre,#shopList ul{
	background-image: url(../api_style_image/list_def_center.gif);
	width: 182px;
}
#genre ul,#yahoo_genre_list ul,#list{
	background-image: url(../api_style_image/list_def_bottom.gif);
	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;
	border: 1px solid black;
	background-color: #eeede4;
	margin: 0px 30px;
	padding: 3px;

}
#top_genre img,#yahoo_top_genre img{

}
#back_genre,#yahoo_back_genre{
	text-align: center;


}

#back_genre li,#yahoo_back_genre li{
	border: 1px dashed #cfcfcf;
	background-color: white;
	padding: 3px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	color: gray;
	cursor: pointer;
}
li#jigenre{
	border: 1px solid gray;
	background-color: #c0c0c0;
	margin-left: 10px;
	margin-right: 10px;
	color: black;
}
#genre,#yahoo_genre_list{
	background-repeat: no-repeat;
	background-position: center bottom;
}
#genre ul,#yahoo_genre_list ul,#list{

	padding: 2px 0px 10px 0px;
}

#genre li,#yahoo_genre_list li{
	width: 140px;
	border: 1px solid gray;
	padding:10px;
	margin: 3px 10px 0px 10px;
	cursor: pointer;
	background-color:white;
}
	/*ショップリスト*/
#shopList{

	background-repeat: no-repeat;

	text-align: center;
	padding-top: 10px;
}
#shopList ul{
	margin-top: 5px;
}
#RshopList li,#YshopList li{
	width: 150px;
	padding: 10px 5px;
	margin:3px 10px 0px 10px;
	border: 1px solid gray;
	background-color:white;
	cursor: pointer;
	word-break: break-all;
}
#YshopList,#YshopListTitle{
	display: none;

}
	/*中下広告*/
#center_bottom{
padding: 5px;
	text-align: center;
	border: 5px solid gray;
	margin-left: 190px;
	margin-right: 245px;
	margin-top: 10px;
}
	/*左下広告*/
#left_bottom{
	clear: left;
	width: 180px;
	text-align: center;
	border: 1px solid #c0c0c0;

	margin-top: 10px;
}
#left_bottom iframe{
	vertical-align: bottom;


}

/*中央部*/

	/*ステータス・ページリスト*/
#result,#yahoo_result{
	margin-top: 10px;
	margin-bottom: 10px;
}
#state,#bottom_state,#yahoo_state,#yahoo_bottom_state{
	text-align: center;
	line-height: 20px;
	height: 20px;
}

#pagelist li,#bottom_pagelist li,#yahoo_pagelist li,#yahoo_bottom_pagelist li{
	width: 20px;
	text-align: center;
	border: 1px solid #efefef;
	float: left;
	margin: 3px;
	padding: 1px;
	cursor: pointer;
	font-size: 0.8em;
	color: gray;
}

#state,#bottom_pagelist,#pagelist,#bottom_state,#yahoo_state,#yahoo_bottom_pagelist,#yahoo_pagelist,#yahoo_bottom_state{

	width: 100%;
	overflow: hidden;

}

	/*商品*/
#center .syouhin em{
	color: green;
}
#center .syouhin{
	width: 19.9%;
	background-color: #efefef;
	float: left;
	text-align: center;

	margin-bottom: 10px;
	height: 300px;

}
.price{letter-spacing: 2px;padding-top: 3px;text-align: left;}
.souryou{letter-spacing: 2px;text-align: right;}
.brandname,.price,.souryou,.card,.image{
	background-color: white;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.brandname{
	margin-top: 5px;
	padding: 2px 0px;
	height: 20px;
}
.brandname img{
	height: 20px;

}
					/*レビュー*/
.review,.reviewOn{
	font-weight: bold;
	color: gray;
}
.reviewOn{
	color: blue;
	line-height: 15px;
	height: 15px;
	overflow: hidden;
}












.image p{
	width: 90%;
	height: 128px;
	background-image: url(../api_style_image/no_image.gif);
	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;
}
.image p table td img{

}
.image img{
	border: 0;

}

.image p:hover{
	border: 1px solid blue;
}
.price,souryou{
	line-height: 15px;
	height: 15px;
}
.shopname{
	height: 20px;
	font-size: 0.7em;
	border: 1px solid gray;
	width: 90%;
	margin: 5px auto;
	overflow: hidden;
	padding: 5px 0px;
	cursor: pointer;
}

.ido{
	width: 90%;
	line-height: 20px;
	height: 20px;
	font-size: 0.8em;
	border: 1px dashed gray;
	margin: 0px auto;
	background-color: white;
	cursor: pointer;
	overflow: hidden;
}
/*右部*/

/*アイテム別比較ボックス*/
#hikaku_box{
	margin-bottom: 10px;
}
#hikaku_box #rakuten,
#hikaku_box #yahoo{
	background-color: white;
	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 #afafaf;
	text-align: center;
	margin-bottom: 3px;
	background-color: #c0c0c0;
	text-decoration: underline;
}

#hikaku_box .i{
	width: 82px;
	height: 82px;
	border: 1px solid #afafaf;
	float: left;
	overflow: hidden;
}

#hikaku_box .i img{
	border: 0px;

}
#hikaku_box .k{letter-spacing: 2px;
	margin-top: 3px;
	line-height: 18px;
	text-align: left;
}
#hikaku_box .k img{
	float: right;

	height: 18px;

}
#hikaku_box .s{letter-spacing: 2px;	text-align: right;
	margin-top: 3px;
	height:15px;
}
#hikaku_box .c{
	margin-top: 3px;
	height: 16px;
	padding-bottom: 3px;
}
#hikaku_box .g{letter-spacing: 2px;
	line-height: 18px;
	margin-top: 4px;
	font-size: 1em;
	border: 2px solid #afafaf;
	border-left: 10px solid #afafaf;
	border-right: 10px solid #afafaf;
	margin-left: 85px;
}
/*ショップ別比較ボックス*/
#hikaku_shop_div{
	display: none;
	margin-bottom: 10px;
}
#hikaku_shop_div #rakuten,
#hikaku_shop_div #yahoo{
	padding: 3px;
	width: 226px;
	border-style: solid;
	border-width: 3px;
	margin-top: 5px;
	background-color: white;
}
#hikaku_shop_div #rakuten{
	border-color:#bf0000;
}
#hikaku_shop_div #yahoo{
	border-color:orange;
}
#hikaku_shop_div .n{
	text-align: center;
	border: 1px solid #afafaf;
	text-decoration: underline;
	margin-bottom: 3px;
	background-color: #c5c5ee;
}
#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 #afafaf;
	text-align:center;
	overflow: hidden;
}
#hikaku_shop_div .i td{
	width: 106px;
	text-align: center;

}
#hikaku_shop_div .i img{

	border: 0;
}
#hikaku_shop_div .k{letter-spacing: 2px;padding-top: 3px;

text-align: left;

}
#hikaku_shop_div span{letter-spacing: 2px;
	text-align: right;
}
#hikaku_shop_div .c{
	clear: left;
	text-align: center;
}
#hikaku_shop_div .g{letter-spacing: 2px;
	text-align: center;
	border: 2px solid #afafaf;
	border-left: 10px solid #afafaf;
	border-right: 10px solid #afafaf;
}


	#bottom{/*ボトム部*/
		margin-top: 10px;
		padding: 5px;
		clear: both;
		text-align: center;
	}




#keyWordList{/*キーワードリスト*/
	overflow: auto;
}
#keyWordList li#zensyouhin{
	width: 180px;
	line-height: 40px;
}
#keyWordList li{
	float: left;
	border: 1px solid #c0c0c0;
	width: 89px;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
}
#sizeList{
	width: 180px;
	border: 1px solid #c0c0c0;
	overflow: auto;
}
#sizeList li#zensize{
	width: 174px;
}
#sizeList li{
	width: 30px;
	float: left;
	border: 3px solid #c0c0c0;
	text-align: center;
	font-weight: bold;
}

/*カラーリストのスタイル*/
#colorList{
	border: 1px solid #c0c0c0;
	width: 180px;
	overflow: auto;

}
#colorList li{
	text-align: center;
	float: left;
	width: 30px;
	margin: 2px;
	line-height: 25px;
	height: 25px;
	font-size: 0.5em;
	border: 1px solid #c0c0c0;
	display: inline;/*IE マージンが二倍になるバグ用*/
	overflow: hidden;

}
#colorList #colorclear{
	width: 174px;
	font-size: 0.8em;
}
.black		{background-color: black;color:gray;}
.red		{background-color: red;}
.brown		{background-color: brown;}
.pink		{background-color: pink;}
.green		{background-color: green;}
.white		{background-color: white;}
.blue		{background-color: blue;}
.yellow		{background-color: yellow;}
.gold		{background-color: gold;}
.silver		{background-color: silver;}
.purple		{background-color: purple;}
.gray		{background-color: gray;}
.bejyu		{background-color: #ffcc99;}
.orange		{background-color: orange;}
.navy		{background-color: navy;}
.turquoise	{background-color: #32b2d4;}
.olive		{background-color: #808449;}
/*人気キーワードリストのスタイル*/
#bestKeyList{
	border: 1px solid #c0c0c0;
	width: 180px;
	overflow: auto;

}
#bestKeyList li{
	text-align: center;
	float: left;
	width: 54px;
	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: 30px;
	width: 174px;
	background-color: red;
	font-size: 0.8em;
	border: 1px solid #c0c0c0;
	margin-bottom: 3px;
}
#bestKeyList h2{
	clear: left;
	font-size: 1em;
	text-align: center;
	line-height: 30px;

}
/*左部の用語説明*/
#left_bottom dfn{
	color: #00f0f0;
	font-weight: bold;
}
#left_bottom p{
	padding: 10px;
	text-align: justify;
	text-justify: distribute;
	line-height: 20px;
	font-size: 1em;
	color: gray;
}
/*左部のブックマーク*/
#owner #bookMark{
	text-align: center;
	border: 1px solid #c0c0c0;
	margin-top: 10px;
	padding: 10px 0px;
}
#site{
	position: absolute;
	bottom: 10px;
	right:20px;
	color: gray;
}
#pankuzu{
	position: absolute;
	bottom: 10px;
	left:20px;
	color: gray;
}
#pankuzu a,#site a{
	color: gray;
}
#pankuzu h2{
	font-size: 12px;
	display: inline;
}
/*左したブランドメニュー*/
#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;
}