@charset "utf-8";
/*===================================================================
初期化
===================================================================*/
html {
	height:100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote { 
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, address {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	}

body {
	font-family: MS UI Gothic, "MS P ゴシック", Osaka;
	/*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;*/
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	}

ol, li {
	list-style: none;
	}

table, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: separate;
	border-spacing: 0px;
	text-align: left;
	vertical-align: top;
	white-space: normal;
	}

fieldset,img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

a {
	color: #222222;
	text-decoration: none;
	}

a:link {
	color: #222222;
	text-decoration: none;
	}

a:visited {
	color: #222222;
	text-decoration: none;
	}

a:hover {
	color: #222222;
	text-decoration: underline;
	}

a:active {
	color: #222222;
	text-decoration: none;
	}


/*===================================================================
全体ラップ
===================================================================*/

#wrap {
	margin: 0 auto;
	width:960px;
	}


/*===================================================================
ヘッダー
===================================================================*/

#header {
	width: 960px;
	height: 85px;
	margin: 10px 0px 20px 0px;
	}
	/* IE6 */
	*html #header {
		margin: 10px 0px 0px 0px;
		}
	
	#header h1 {
		width: 960px;
		height: 10px;
		font-size: 10px;
		font-weight: normal;
		color: #888888;
		letter-spacing: 0.2em;
		margin: 0px 0px 15px 0px;
		}
	
	#header .logo {
		float: left;
		width: 230px;
		height: 60px;
		}
	
	#header .banner {
		float: right;
		width: 710px;
		height: 60px;
		}
		
		#header .banner .small {
			float: left;
			width: 235px;
			height: 60px;
			}
		
		#header .banner .large {
			float: right;
			width: 470px;
			height: 60px;
			text-align: right;
			}


/*===================================================================
ナビゲーション
===================================================================*/

#navi {
	clear: both;
	width: 940px;
	padding: 15px 10px 15px 10px;
	background: #FFFFFF url(../img/navi_bg.gif) repeat-x top left;
	}
	
	/* 検索フォーム */
	
	#navi .searchBox {
		margin: 0px 0px 20px 0px;
		}
		
		#navi form {
			display: inline;
			margin: 0px;
			padding: 0px;
			}
		
		#navi ul {
			display: inline;
			}
			
			#navi li {
				display: inline-block;
				float: left;
				white-space: nowrap;
				}
				
				#navi p.textAd {
					font-weight: bold;
					letter-spacing: 0.1em;
					}
					#navi p.textAd a:link { color: #A77742; text-decoration:none; }
					#navi p.textAd a:visited { color: #A77742; text-decoration:none; }
					#navi p.textAd a:hover { color: #A77742; text-decoration:underline; }
					#navi p.textAd a:active { color: #A77742; text-decoration:none; }
					
					#navi p.textAd img {
						margin: 0px 2px 0px 0px;
						}
		
		#navi select {
			margin: 0px 5px 0px 0px;
			}
		
		#navi .searchTxt {
			height: 16px;
			padding: 2px 2px 0px 2px;
			width: 255px;
			margin: 0px 5px 0px 0px;
			}
		
		#navi .searchBtn {
			margin: -2px 30px 0px 0px;
			/*vertical-align:bottom;*/
			}


/*===================================================================
サイトパス
===================================================================*/

#path {
	clear: left;
	width: 960px;
	margin: 0px 0px 15px 0px;
	}
	
	#path p {
		color: #A77742;
		}
		#path p a:link { color: #E60012; text-decoration:none; font-weight: bold; }
		#path p a:visited { color: #E60012; text-decoration:none; font-weight: bold; }
		#path p a:hover { color: #A77742; text-decoration:underline; font-weight: bold; }
		#path p a:active { color: #E60012; text-decoration:none; font-weight: bold; }
	
	#path span.item {
		font-weight: bold;
		color: #E60012;
		}


/*===================================================================
左
===================================================================*/

#left {
	float: left;
	width: 180px;
	margin: 0px 0px 20px 0px;
	}
	
	/* カテゴリタイトル */
	#left .cat_title {
		width: 168px;
		height: 16px;
		padding: 4px 5px 0px 5px;
		background: #F6F6F6 url(../img/cat_title_bg.gif) repeat-x top left;
		font-weight: bold;
		border: solid 1px #CCCCCC;
		color: #444444;
		}
	
	/* アドセンス180x150 */
	#left .adsense180 {
		width: 180px;
		height: 150px;
		background-color: #F6F6F6;
		padding: 0px 0px 10px 0px;
		}
	
	/* カテゴリリスト */
	#left .catbox {
		background: #F6F6F6 url(../img/cat_bg.gif) repeat-x top left;
		width: 180px;
		padding: 10px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
		}
		
		#left .catbox ul {
			margin: 0px 0px 0px 25px;
			}
			
			#left .catbox ul li {
				font-size: 12px;
				line-height: 1.2em;
				margin: 0px 0px 8px 0px;
				list-style: square outside url(../img/cat_list.gif);
				}
				#left .catbox ul li a:link { color: #666666; text-decoration:none; }
				#left .catbox ul li a:visited { color: #666666; text-decoration:none; }
				#left .catbox ul li a:hover { color: #EC6941; text-decoration:underline; }
				#left .catbox ul li a:active { color: #666666; text-decoration:none; }
				
				#left .catbox ul li.bold {
					font-weight: bold;
					}
				
				/* 親カテゴリ表示 */
				#left .catbox h2 {
					width: 160px;
					padding: 0px 0px 10px 0px;
					border-bottom: solid 1px #666666;
					margin: 0px 0px 10px 10px;
					font-size: 12px;
					color: #E60012;
					font-weight: bold;
					}
					#left .catbox h2 a:link { color: #666666; text-decoration:none; }
					#left .catbox h2 a:visited { color: #666666; text-decoration:none; }
					#left .catbox h2 a:hover { color: #EC6941; text-decoration:underline; }
					#left .catbox h2 a:active { color: #666666; text-decoration:none; }
	
	/* Yahooおすすめ */
	#left dl {
		width: 180px;
		height: 56px;
		padding: 10px 0px 0px 0px;
		background-color: #F6F6F6;
		}
		
		#left dl dt {
			float: left;
			width: 56px;
			height: 56px;
			}
		
		#left dl dd {
			float: right;
			width: 120px;
			height: 56px;
			line-height: 1.3em;
			color: #666666;
			}
			#left dl dd a {
				font-weight: bold;
				color: #444444;
				}
	
	/* クリア */
	#left .clear {
		clear: both;
		width: 180px;
		height: 10px;
		background-color: #F6F6F6;
		}

/*===================================================================
右
===================================================================*/

#right {
	float: right;
	width: 300px;
	margin: 0px 0px 20px 0px;
	}
	
	/* アドセンス */
	#right .adsense300 {
		width: 300px;
		height: 250px;
		margin: 0px 0px 20px 0px;
		}
	
	/* タイトルバー */
	#right .title_header {
		width: 280px;
		height: 16px;
		padding: 4px 10px 0px 10px;
		background: #A77742 url(../img/pickup_bg.gif) repeat-x top left;
		color: #FFFFFF;
		font-weight: bold;
		}
		
		#right .margin10 {
			margin: 0px 0px 10px 0px;
			}
	
	/* ランキング */
	#right dl {
		width: 300px;
		height: 90px;
		margin: 10px 0px 0px 0px;
		}
		
		#right dl dt {
			float: left;
			width: 90px;
			height: 90px;
			text-align: right;
			}
			
			#right dl dt img {
				padding: 5px;
				border: solid 1px #A77742;
				}
		
		#right dl dd {
			float: right;
			width: 200px;
			height: 90px;
			line-height: 1.2em;
			}
			
			#right dl dd .price {
				color: #EC6941;
				}
	
	/* クリア */
	#right .clear {
		clear: both;
		width: 300px;
		height: 1px;
		}

/*===================================================================
メイン
===================================================================*/

#main {
	width: 440px;
	margin: 0px 0px 20px 200px;
	}
	/* IE6 */
	*html #main {
		margin: 0px 0px 20px 197px;
		}

/* ページナビ上部 */
#main .pagenavi {
	width: 440px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	}

/* ページナビ下部 */
#main .pagenavi2 {
	clear: left;
	width: 440px;
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	}
	/* IE6 */
	*html #main .pagenavi2 {
		padding: 0px 0px 0px 0px;
		}
	/* IE7 */
	*:first-child+html #main .pagenavi2 {
		padding: 0px 0px 0px 0px;
		}
	
	#main .pagenavi a, #main .pagenavi2 a {
		font-size: 12px;
		font-weight: normal;
		color: #E60012;
		padding: 3px;
		border-top: solid 1px #CCCCCC;
		border-right: solid 1px #CCCCCC;
		border-bottom: solid 1px #CCCCCC;
		border-left: solid 1px #CCCCCC;
		}

/*===================================================================
フッター
===================================================================*/

#footer {
	clear: both;
	text-align: center;
	line-height: 1.5em;
	border-top: solid 2px #EC6941;
	padding: 10px 0px 0px 0px;
	}