@charset "UTF-8";

/* スタイルのリセット */
body,div,ul,li,ol,h1,h2,h3,p,form,fieldset,input,p,blockquote,th,td,dt,dd {
margin:0;
padding:0;
line-height: 1.4em;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
em,th,var {
font-style:normal;
font-weight:normal;
}
h1,h2,h3,p,th,td,dt,dd,li{
font-size:100%;
font-weight:normal;
}

/* 全体 */
html {
min-width:
800px;
}
html body {
margin:0 auto;
margin-top: 10px;
text-align: center;
padding:0;
background-color:#ffffff;
color: #666;
font-size: 100%;
font-family:
Verdana,
Arial,
Meiryo,
"メイリオ",
"Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3",
Osaka,
"MS P Gothic",
"ＭＳ Ｐゴシック",
sans-serif;
text-align: center;
}

/* テキスト系 */

a {
	text-decoration: none;
	}
a:hover {
	text-decoration:underline;
	}
a:visited{
	}
a:active{
	}
a:focus{
	outline: none;
	}

.clear {
	clear: both;
	}
.bold {
	font-weight: bold;
	}
li{
	list-style: none;
	}
.right{
	text-align: right;
	}
h1{
	background-color: #494949;
	text-align: left;
	color: white;
	font-size: 90%;
	width: 799px;
	margin-right: 1px;
	}

/* レイアウト */

.whole{
	margin:0 auto;
	text-align: left;
	width: 810px;
	font-size: 90%;
	background: url(../image/back.gif) right repeat-y;
	}
#contain{
	width: 800px;
	}
#content{
	margin-top: 10px;
	}
#head{
	width: 800px;
	height: 80px;
	background: url(../image/headback.jpg) no-repeat;
	}
	
#navi{
	float: right;
	width: 210px;
	}
	
#foot{
	margin-right: 1px;
	background-color: #494949;
	text-align: center;
	color: white;
	font-size: 80%;
	}	

#main{
	float:left;
	width:585px;
	}
#maininner{
	margin-left: 5px;
	}


#headlogo{
	width: 441px;
	float: left;
	margin-top: 26px;
	padding-left: 15px;
	}

#headinfo{
	width: 320px;
	float: right;
	margin-top: 26px;
	}

#tabs {
	width: 798px;
	clear:both;
	height:30px;
	background: url(../image/ulback.gif) bottom repeat-x;
	}

#tabs li {
	float: left;
	margin: 0; 
	padding: 0;
	padding-left: 10px;
	list-style: none;
	text-align: center;
	}
	
#tabs a:link, #tabs a:visited {
	float: left;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #000000;/* 基本色 */
	}

#tabs a.active:link, #tabs a.active:visited, #tabs a:hover {
	border-bottom: 4px solid #696969;/* マウスが乗ったときの下線の色 */
	padding-bottom: 2px;
	color: #910512;/* マウスが乗ったときの字の色 */
	}


/* navi */
#navi a:link img, #navi a:visited img{
	border: 1px solid #ddd;/* バナーのまわり */
	}

#navi a.active:link img, #navi a.active:visited img, #navi a:hover img{
	border: 1px solid #910512;/* リンク時バナーのまわり */
	}
	
#shop_info{
	margin-top: 30px;
	width: 200px;
	text-align: center;
	background-color: #dcdcdc;
	}
#shop_info h2 {
	background-color: #fff;
	}
#shop_info table {
	margin-top: 10px;
	font-size: 90%;
	}
#shop_info th {
	text-align: left;
	vertical-align: top;
	padding: 3px;
	}
#shop_info td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	width: 110px;
	}
	
/* whatnew */
#whatnew{
	float: left;
	width: 200px;
	}
#whatnew dl{
	border: 1px solid #666;
	margin: 0;
	margin-top: 5px;
	padding: 5px;
	height:150px;/* top_recommendによって調整 */
	overflow: auto;
	}
#whatnew dd{
	font-size: 100%;
	text-align: left;
	margin-bottom: 5px;
	margin-left: 10px;
	}
	
#whatnew dd,#whatnew dt{
	font-size: 80%;
	}
	
#category{
	float: left;
	width: 200px;
	}
#category ul {
	border: 1px solid #666;
	margin: 0;
	margin-top: 5px;
	padding: 5px;
	}
#category ul li ul {
	border: none;
	margin-top: 0px;
	padding: 0px;
	}
#category ul ul {
	border: none;
	margin: 0;
	margin-top: 5px;
	padding: 5px;
	}
#category li {
	text-align: left;
	padding-left: 10px;
	padding-bottom: 3px;
	}
#category a {
	text-decoration: underline;
	font-size: 90%;
	color: #333;
	}