@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:
900px;
}
html body {
margin:0 auto;
margin-top: 10px;
text-align: center;
padding:0;
background-color:#000;
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;
	}

/* レイアウト */

.whole{
	margin:0 auto;
	text-align: left;
	width: 820px;
	background-color: #fff;
	}
#contain{
	padding: 15px;
	}
#content{
	}
#foot{
	padding-top:10px;
	margin-top:10px;
	}
#head{
	}
	
#navi{
	float: left;
	width: 230px;
	}

#navi li{
	font-size: 80%;
	text-align: center:
	}

#main{
	float: right;
	width:560px;
	}
	

#head_logo{
	float: left;
	width: 333px;
	}

#head_info{
	float: right;
	width: 200px;
	}

#top{
	border-top: 1px solid #2D5E49;
	border-bottom: 1px solid #2D5E49;
	}

#tab{
	width: 100%;
	float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #333;
	}
#tab_info {
	width: 100%;
	float: right;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	margin-bottom: 10px;
	}

#tab li,#tab_info li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#tab a:link, #tab a:visited,#tab_info a:link,#tab_info a:visited {
	float: left;
	font-size: 80%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #999;
	}

#tab a.active:link, #tab a.active:visited, #tab a:hover,#tab_info a.active:link,#tab_info a.active:visited,#tab_info a:hover {
	border-bottom: 4px solid #333;
	padding-bottom: 2px;
	color: #333;
	}
	
/* 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;
	}

	
/* whatnew */
#whatnew{
	padding-top: 10px;
	background: url("../image/indexback.jpg") bottom right no-repeat;
	}
#whatnew dl{
	margin: 0;
	padding-top: 10px;
	}
#whatnew dt{
	margin-top: 10px;
	}
#whatnew dd{
	text-indent: 25px;
	}
	
#whatnew dd,#whatnew dt{
	font-size: 80%;
	}
	
#whatnew_inner{
	height:250px;/* top_recommendによって調整 */
	overflow: auto;
	}
	
/* top_recommend */
#top_recommend{
	margin-bottom: 10px;
	float: right;
	}
	
#top_content1{
	margin-top: 10px;
	height:100%;
	}
#top_content1 h2{
	margin-bottom: 5px;
	}
	
#top_content2{
	margin-top: 10px;
	height:100%;
	}
#top_content2 h2{
	margin-bottom: 5px;
	}
	
#top_content3{
	margin: 10px 0;
	height:100%;
	}
#top_content3 h2{
	margin-bottom: 5px;
	}
	
.top_img{
	float: left;
	}
	
/* foot_navi */

#foot{
	width: 850px;
	margin: 0 auto;
	}

p.foot_navi{
	font-size: 80%;
	text-align: right;
	color: #fff;
	}
.foot_navi a:link, .foot_navi a:visited{
	color: #fff;
	}

.foot_navi a.active:link, .foot_navi a.active:visited , .foot_navi a:hover{
	color: #fff;
	}