@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;
}

body {
	/*background-color: #EEECE3;*/
	}

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: #990000;
	text-decoration: underline;
	}

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

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	}

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

#wrap {
	margin: 0 auto;
	width:960px;
	/*padding: 0px 10px 0px 10px;
	background-color: #FFFFFF;*/
	}


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

#header {
	width: 960px;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	}
	/* IE6 */
	*html #header {
		margin: 0px 0px 0px 0px;
		}
	
	#header h1 {
		float: left;
		font-size: 10px;
		font-weight: normal;
		color: #888888;
		margin: 0px 0px 10px 0px;
		}
	
	#header h2 {
		float: right;
		font-size: 10px;
		font-weight: normal;
		color: #888888;
		margin: 0px 0px 10px 0px;
		}
	
	#header .logo {
		float: left;
		width: 230px;
		}
	
	#header .banner {
		float: right;
		width: 710px;
		}
		
		#header .banner .small {
			float: left;
			width: 235px;
			}
		
		#header .banner .large {
			float: right;
			width: 470px;
			text-align: right;
			}


/*===================================================================
ブランドバー
===================================================================*/

#brand {
	width: 960px;
	height: 22px;
	background-color: #990000;
	margin: 0px 0px 10px 0px
	}
	
	#brand ul li {
		float: left;
		width: 120px;
		text-align: center;
		font-weight: bold;
		line-height: 1.8;
		}
		#brand ul li a:link { color: #EEECE3; text-decoration:none; display: block; }
		#brand ul li a:visited { color: #EEECE3; text-decoration:none; display: block; }
		#brand ul li a:hover { color:#990000; text-decoration:none; background-color:#CEC3A5; display: block; }
		#brand ul li a:active { color: #990000; text-decoration:none; display: block; }
	
	#brand ul li h3 {
		font-size: 12px;
		font-weight: bold;
		}


/*===================================================================
検索
===================================================================*/

#search {
	margin: 0px 0px 10px 0px;
	background-color: #EEECE3;
	padding: 10px;
	}
	
	#search ul li {
		float: left;
		}
		
		#search ul li select {
			margin: 0px 5px 0px 0px;
			}
		
		#search ul li input.searchTxt {
			height: 16px;
			padding: 2px 2px 0px 2px;
			width: 255px;
			margin: 0px 5px 0px 0px;
			}
		
		#search ul li input.searchBtn {
			margin: -1px 30px 0px 0px;
			/*vertical-align:bottom;*/
			}
		
		#search ul li.textAd {
			background: url(../img/icon_hot.gif) no-repeat top left;
			padding: 3px 0px 2px 20px;
			letter-spacing: 0.1em;
			}
			/*
			#search ul li.textAd a:link { color: #990000; text-decoration: none; }
			#search ul li.textAd a:visited { color: #990000; text-decoration: none; }
			#search ul li.textAd a:hover { color:#0099FF; text-decoration: underline; }
			#search ul li.textAd a:active { color: #990000; text-decoration: none; }
			*/


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

#path {
	margin: 0px 0px 10px 0px;
	}


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

#main {
	float: left;
	width: 640px;
	margin: 0px 0px 20px 0px;
	}


/* ### ./about/ 利用規約 ###################################### */

#main div.kiyaku {
	margin: 20px 0px 0px 0px;
	}
	
	#main div.kiyaku p.lead {
		font-weight: bold;
		margin: 0px 0px 20px 0px;
		}
	
	#main div.kiyaku p.text {
		line-height: 1.5em;
		margin: 0px 0px 20px 0px;
		}
	
	#main div.kiyaku ul {
		margin: 0px 0px 20px 20px;
		}
		#main div.kiyaku li {
			margin: 0px 0px 5px 0px;
			line-height: 1.2em;
			list-style-type: disc;
			}

/* ### ./about/adv.php 広告掲載 ###################################### */

#main div.advertise {
	margin: 20px 0px 0px 0px;
	}
	
	#main div.advertise p.media {
		font-size: 14px;
		color: #444444;
		font-weight: bold;
		margin: 0px 0px 20px 0px;
		}
	
	#main div.advertise p.information {
		line-height: 1.5em;
		margin: 0px 0px 40px 50px;
		}
		#main div.advertise p.information a {
			color: #990000;
			}



/*===================================================================
中央
===================================================================*/

#center {
	float: right;
	width: 440px;
	}
	



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

#left {
	float: left;
	width: 180px;
	}
	
	/* カテゴリタイトル */
	#left .cat_title {
		width: 170px;
		padding: 5px 0px 5px 5px;
		background-color: #CEC3A5;
		border-left: solid 5px #990000;
		font-weight: bold;
		}
		#left .cat_title_pb2 {
			padding-bottom: 2px;
			}
	
	/* カテゴリリスト */
	#left .catbox {
		background-color: #EEECE3;
		width: 170px;
		padding: 10px 10px 10px 0px;
		margin: 0px 0px 0px 0px;
		}
		
		#left ul {
			margin: 0px 0px 0px 25px;
			}
			
			#left .catbox ul li {
				line-height: 1.2em;
				margin: 0px 0px 5px 0px;
				list-style: square outside url(../img/cat_list.gif);
				}
				
				#left .catbox ul li.icon12_smartphone {
					list-style: square outside url(../img/icon12_smartphone.gif);
					}
				#left .catbox ul li.icon12_mobile {
					list-style: square outside url(../img/icon12_mobile.gif);
					}
				#left .catbox ul li.icon12_twitter {
					list-style: square outside url(../img/icon12_twitter.gif);
					}
			
			/* 親カテゴリ表示 */
			#left .catbox h5 {
				background: url(../img/cat_list2.gif) no-repeat top left;
				padding: 0px 0px 10px 13px;
				border-bottom: solid 1px #CEC3A5;
				margin: 0px 0px 10px 10px;
				font-size: 12px;
				color: #990000;
				font-weight: bold;
				}
				#left .catbox h5 a:link { color: #666666; text-decoration:none; }
				#left .catbox h5 a:visited { color: #666666; text-decoration:none; }
				#left .catbox h5 a:hover { color: #990000; text-decoration:underline; }
				#left .catbox h5 a:active { color: #666666; text-decoration:none; }
	
	/* 170x60pxバナー */
	#left .bannerLeft {
		padding: 10px 0px 0px 0px;
		background-color: #EEECE3;
		}
		
		#left .bannerLeft .banner170 {
			text-align: center;
			padding: 0px 0px 10px 0px;
			}
	
	/* Yahooおすすめ */
	#left .yahoo {
		background-color: #EEECE3;
		width: 180px;
		padding: 10px 0px 0px 0px;
		}
		
		#left .yahoo dl {
			width: 160px;
			height: 56px;
			margin: 0px 10px 10px 10px;
			}
			
			#left .yahoo dl dt {
				float: left;
				width: 56px;
				}
			
			#left .yahoo dl dd {
				float: right;
				width: 100px;
				line-height: 1.3em;
				}
	
	/* Yahooおすすめ */
	#left .adsense {
		margin: 20px 0px 0px 0px;
		text-align: center;
		}

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

#right {
	float: right;
	width: 300px;
	margin: 0px 0px 20px 0px;
	background-color: #CEC3A5;
	}
	
	/* バナー */
	#right .banner {
		margin: 0px 0px 20px 0px;
		}
	
	/* バナー */
	#right .adsense {
		width: 298px;
		overflow: hidden;
		padding: 0px 1px 0px 1px;
		margin: 0px 0px 20px 0px;
		}
	
	/* カテゴリタイトル */
	#right .cat_title {
		padding: 5px 0px 5px 10px;
		margin: 0px 0px 10px 0px;
		background-color: #EEECE3;
		border-top: solid 3px #990000;
		border-bottom: solid 1px #990000;
		font-weight: bold;
		}
	
	/* ランキング */
	#right dl {
		margin: 0px 10px 10px 10px;
		width: 280px;
		height: 88px;
		}
		
		#right dl dt {
			float: left;
			width: 90px;
			}
			
			#right dl dt img {
				padding: 5px;
				border: solid 1px #990000;
				background-color: #FFFFFF;
				}
		
		#right dl dd {
			float: right;
			width: 185px;
			line-height: 1.2em;
			color: #444444;
			}
			#right dl dd a {
				color: #444444;
				}
			
			#right dl dd .price {
				color: #666666;
				}
	
	/* サイト説明 */
	#right .rightInfo {
		padding: 0px 10px 0px 10px;
		margin: 0px 0px 10px 0px;
		color: #666666;
		line-height: 1.3em;
		}
	
/*===================================================================
フッター
===================================================================*/

#footer {
	border-top: solid 2px #990000;
	padding: 10px 0px 50px 0px;
	color: #444444;
	}
	#footer a { color: #444444; }
	
	#footer dl {
		margin: 0px 0px 10px 0px;
		}
		
		#footer dl dt {
			background: url(../img/cat_list.gif) no-repeat top left;
			padding: 0px 0px 5px 10px;
			border-bottom: dotted 2px #CEC3A5;
			margin: 0px 0px 5px 0px;
			}
		
		#footer dl dd {
			display: inline;
			margin: 0px 10px 0px 0px;
			line-height: 1.3em;
			}
	
	#footer .copyright {
		/*padding: 10px 0px 0px 0px;*/
		/*border-top: solid 2px #990000;*/
		}
	
	#footer p {
		margin: 0px 0px 10px 0px;
		text-align: center;
		}