@charset "UTF-8";
/* CSS Document */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*If you want this size in pixels (px)	Declare this percent (%)
10	 77
11	 85
12	 93 (was 93)
13	 100
14	 108 (was 107)
15	 116 (was 114)
16	 123.1 (was 122)
17	 131 (was 129)
18	 138.5 (was 136)
19	 146.5 (was 144)
20	 153.9 (was 152)
21	 161.6 (was 159)
22	 167
23	 174
24	 182
25	 189
26	 197*/

body {
	font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
}


#wrap {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-y;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
#wrap.menu {
	color: #3F1000;
}

/*--------------------------------------*/
/*---------------contents---------------*/
/*--------------------------------------*/

#container {
	margin: 0px;
	padding: 0px 75px;
	width: 800px;
	background-image: url(../img/bg_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px -70px;
}
#contents {
	margin: 0px;
	padding: 0px;
	width: 800px;
}

h1{
	margin: 0px 0px 35px;
	padding: 0px;
}

.cClear{
	clear: both;
}

/*--------------------------------------*/
/*------------------top-----------------*/
/*--------------------------------------*/

/*----------------ranking---------------*/
.top iframe{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 240px;
	height: 300px;
}

/*------------------info----------------*/
#info{
	float: right;
	width: 538px;
	margin: 0px;
	padding: 0px;
}
/*-----------------topics---------------*/
#topics{
	background-color: #9F3400;
	width: 538px;
	margin-bottom: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#topics span{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 538px;
	overflow: hidden;
}
#topics h2{
	font-size: 1em;
	line-height: 1.5em;
	background-image: url(../img/top_t_h2.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	height: 0px;
	width: 538px;
	padding-top: 34px;
	overflow: hidden;
}
#topics iframe{
	width: 496px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 15px 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 149px;
	float: none;
	display: block;
}
#topics_f{
	margin: 0px;
	padding: 0px;
	height: 7px;
	width: 538px;
	display: block;
	overflow: hidden;
}
#topics_f p{
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 0px;
	width: 538px;
	background-image: url(../img/top_t_f.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}
#info ul{
	margin: 0px;
	padding: 0px;
	width: 538px;
	list-style-type: none;
}
#info li{
	float: left;
	height: 60px;
	width: 262px;
	display: block;
	overflow: hidden;
	padding: 0px;
}
#info li a{
	height: 0px;
	width: 262px;
	display: block;
	overflow: hidden;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	font-size: 1em;
	line-height: 1.5em;
}
#info li a:hover{
	height: 0px;
	width: 262px;
	display: block;
	overflow: hidden;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	font-size: 1em;
	line-height: 1.5em;
	background-position: 0px -60px;
}
#info li#b1{
	margin: 0px 14px 0px 0px;
	background-image: url(../img/top_btn_1.jpg);
	background-repeat: no-repeat;
}
#info li#b2{
	margin: 0px;
	background-image: url(../img/top_btn_2.jpg);
	background-repeat: no-repeat;
}
#info li#b1 a{
	background-repeat: no-repeat;
	background-image: url(../img/top_btn_1.jpg);
}
#info li#b2 a{
	background-image: url(../img/top_btn_2.jpg);
	background-repeat: no-repeat;
}
#info li#b1 a:hover{
	background-repeat: no-repeat;
	background-image: url(../img/top_btn_1.jpg);
}
#info li#b2 a:hover{
	background-image: url(../img/top_btn_2.jpg);
	background-repeat: no-repeat;
}

/*--------------------------------------*/
/*----------------concept---------------*/
/*--------------------------------------*/
.concept #container {
	margin: 0px;
	padding: 0px 75px;
	width: 800px;
	background-image: url(../img/bg_logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px -70px;
}
.concept span{
	display: block;
	padding: 0px;
	float: left;
	height: 20px;
	width: 184px;
	margin-top: 0px;
	margin-right: 35px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
}
.concept h2{
	background-image: url(../img/concept_h2.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	display: block;
	margin: 0px;
	height: 0px;
	width: 184px;
	padding-top: 20px;
	overflow: hidden;
	font-size: 1em;
	line-height: 1.5em;
}
.concept p{
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 108%;
	line-height: 1.5em;
	color: #3F1000;
	vertical-align: top;
}

/*--------------------------------------*/
/*-----------------menu-----------------*/
/*--------------------------------------*/
#new{
	background-color: #9F0B00;
	margin: 0px 0px 20px;
	padding: 0px;
	width: 800px;
	line-height: 1.5em;
}
#new span.h2{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 800px;
	overflow: hidden;
}
#new span h2{
	line-height: 1.5em;
	background-image: url(../img/menu_h2_01.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	height: 0px;
	width: 800px;
	padding-top: 31px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	font-size: 1em;
}
#new div{
	float: left;
	width: 264px;
	margin-left: 2px;
	padding: 5px 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	background-color: #FFF3DF;
	background-image: url(../img/menu_n_h.jpg);
	background-repeat: no-repeat;
}

/*IE6向けCSSハック*/
* html #new div{
	float: left;
	width: 264px;
	margin-left: 1px;
	padding: 5px 0px 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 2px;
	background-color: #FFF3DF;
	background-image: url(../img/menu_n_h.jpg);
	background-repeat: no-repeat;
}
#new div img{
	margin: 0px auto;
	padding: 0px;
	display: block;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#new div strong{
	font-size: 77%;
	font-weight: normal;
	margin: 0px;
	padding-left: 15px;
}
#new div h3{
	margin: 0px 0px 6px;
	padding-left: 15px;
	font-size: 100%;
}
#new div p{
	margin: 0px;
	padding-left: 15px;
	font-size: 85%;
	display: block;
	padding-bottom: 15px;
	padding-right: 15px;
	width: 234px;
	background-image: url(../img/menu_n_f.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#new .new_f{
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 800px;
	float: none;
	background-color: #9F0B01;
}
#new .new_f span{
	display: block;
	overflow: hidden;
	background-image: url(../img/menu_n_f02.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 0px;
	width: 800px;
}

#standard{
	background-color: #9F3300;
	margin: 0px;
	padding: 0px;
	/*padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;*/

	width: 800px;
	line-height: 1.5em;
}
#standard span.h2{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 800px;
	overflow: hidden;
}
#standard span h2{
	line-height: 1.5em;
	background-image: url(../img/menu_h2_02.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	height: 0px;
	width: 800px;
	padding-top: 31px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	font-size: 1em;
}
#standard div{
	float: left;
	width: 264px;
	margin-left: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	background-color: #FFFFFF;
	background-image: url(../img/menu_s_h.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*IE6向けCSSハック*/
* html #standard div{
	float: left;
	width: 264px;
	margin-left: 1px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 2px;
	background-color: #FFFFFF;
	background-image: url(../img/menu_s_h.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}






#standard div img{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 140px;
}
#standard div strong{
}
#standard div h3{
	margin: 0px 0px 6px;
	padding-left: 15px;
	font-size: 100%;
}
#standard div p{
	margin: 0px;
	padding-left: 15px;
	font-size: 85%;
	display: block;
	padding-bottom: 15px;
	padding-right: 15px;
	width: 234px;
	background-image: url(../img/menu_s_f.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}


#standard .brank{
	float: left;
	width: 264px;
	margin-left: 2px;
	padding: 145px 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	background-color: #F6EBE7;
	background-image: url(../img/menu_blank.jpg);
	background-repeat: no-repeat;
}

/*IE6向けCSSハック*/
* html #standard .brank{
	float: left;
	width: 264px;
	margin-left: 1px;
	padding: 145px 0px 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 2px;
	background-color: #F6EBE7;
	background-image: url(../img/menu_blank.jpg);
	background-repeat: no-repeat;
}

#standard .brank h3{
	margin: 0px 0px 6px;
	padding-left: 15px;
	font-size: 100%;
}
#standard .brank p{
	margin: 0px;
	padding-left: 15px;
	font-size: 85%;
	display: block;
	padding-bottom: 15px;
	padding-right: 15px;
	width: 234px;
	background-image: url(../img/menu_blank_f.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#standard .standard_f{
	background-image: url(../img/menu_s_f02.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 15px 35px 0px 0px;
	height: 27px;
	width: 765px;
	float: none;
	text-align: right;
}
#standard .standard_f a{
	font-size: 93%;
	color: #FFFFFF;
	line-height: 1em;
	font-weight: bold;
	text-decoration: none;
}

/*--------------------------------------*/
/*-----------------shop-----------------*/
/*--------------------------------------*/
.shop #contents{
	width: 800px;
	background-color: #122700;
	margin: 0px;
	padding: 0px;
}
#read{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 181px;
	width: 800px;
	overflow: hidden;
}
#read p{
	font-size: 1em;
	line-height: 1.5em;
	background-image: url(../img/shop_read.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	height: 0px;
	width: 800px;
	padding-top: 181px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
}
.detail{
	background-image: url(../img/shop_d_h.jpg);
	background-repeat: no-repeat;
	width: 794px;
	margin: 0px auto 3px;
	padding: 5px 0px 0px;
	background-color: #FFFFFF;
	color: #122600;
}
.d_l{
	margin: 0px;
	padding: 0px 0px 0px 17px;
	float: left;
	width: 460px;
}
.d_r{
	padding: 0px 5px 0px 0px;
	float: right;
	width: 303px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.d_l span{
	display: block;
	margin: 0px 0px 20px;
	padding: 33px 0px 7px;
	height: 21px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #122600;
	overflow: hidden;
	width: 460px;
}
.d_l span.h2_1 h2, .d_l span.h2_2 h2, .d_l span.h2_3 h2, .d_l span.h2_4 h2, .d_l span.h2_5 h2, .d_l span.h2_6 h2{
	display: block;
	margin: 0px;
	padding: 28px 0px 0px;
	height: 0px;
	width: 460px;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 1.5em;
}
.d_l span.h2_1 h2{
	background-image: url(../img/shop_h2_01.jpg);
}
.d_l span.h2_2 h2{
	background-image: url(../img/shop_h2_02.jpg);
}
.d_l span.h2_3 h2{
	background-image: url(../img/shop_h2_03.jpg);
}
.d_l span.h2_4 h2{
	background-image: url(../img/shop_h2_04.jpg);
}
.d_l span.h2_5 h2{
	background-image: url(../img/shop_h2_05.jpg);
}
.d_l span.h2_6 h2{
	background-image: url(../img/shop_h2_06.jpg);
}
.d_l h3{
	font-size: 153.9%;
	line-height: 1em;
	margin-bottom: 12px;
	margin-top: 0px;
}
.d_l p{
	line-height: 1.2em;
	margin: 0px 0px 15px;
}
.d_l p a:link{
	color: #122600;
	text-decoration: none;
}
.d_l p a:visited{
	color: #122600;
	text-decoration: none;
}
.d_l p a:hover{
	color: #122600;
	text-decoration: underline;
}
.d_l h4{
	font-size: 116%;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}
.d_l p.p1{
	background-image: url(../img/shop_logo01.jpg);
	display: block;
	background-repeat: no-repeat;
	background-position: 330px 45px;
	margin-bottom: 0px;
}
.d_l p.p2{
	background-image: url(../img/shop_logo02.jpg);
	display: block;
	background-repeat: no-repeat;
	background-position: 330px 45px;
	margin-bottom: 0px;
}
.d_l p.p3{
	background-image: url(../img/shop_logo03.jpg);
	display: block;
	background-repeat: no-repeat;
	background-position: 330px 45px;
	margin-bottom: 0px;
}
.d_l p.p4{
	background-image: url(../img/shop_logo04.jpg);
	display: block;
	background-repeat: no-repeat;
	background-position: 330px 30px;
	margin-bottom: 0px;
}
.d_l p.p6{
	background-image: url(../img/shop_logo06.jpg);
	display: block;
	background-repeat: no-repeat;
	background-position: 330px 30px;
	margin-bottom: 0px;
}
.d_r img{
	margin-bottom: 6px;
}
.d_r iframe{
	margin: 0px;
	padding: 0px;
	height: 176px;
	width: 303px;
}
.detail_f{
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 794px;
	display: block;
	overflow: hidden;
}
.detail_f p{
	background-image: url(../img/shop_d_f.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 0px;
	width: 794px;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
}
#pagetop{
	background-image: url(../img/shop_d_f02.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 15px 35px 0px 0px;
	height: 27px;
	width: 765px;
	float: none;
	text-align: right;
}
#pagetop a{
	font-size: 93%;
	color: #FFFFFF;
	line-height: 1em;
	font-weight: bold;
	text-decoration: none;
}



/*--------------------------------------*/
/*----------------footer----------------*/
/*--------------------------------------*/
#footer{
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 75px;
	padding-left: 75px;
	text-align: right;
	line-height: 1em;
	font-size: 77%;
	padding-top: 20px;
	height: 50px;
	background-image: url(../img/bg_footer.jpg);
	background-repeat: no-repeat;
	color: #3F1000;
}