@charset "utf-8";

/*
-----------------------------------------------

	1: color
	2: layout
	3: header
	4: navi
	5: contents
		:main
		:sub
	6: footer
	
*/

/* 1: color
----------------------------------------------- */

body{ color:#565757;}
a{	color:#8B7518; text-decoration:none;}
a:hover{  color:#C09B0F;  text-decoration: underline;}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,div,table,tr,td,th,a{
	border-color:#ccc;
}

.red{color:#BE2021;}
.red2{color:#E60011;}
.gray{color:#ccc;}
.gold{ color:#8B7518;}
.navy{ color:#0E3773;}


.o:hover{
	background:#fff;
}
.o:hover img{
	opacity:0.5;
}


/* 2: layout
----------------------------------------------- */
/*
html{
	background:#fff;
}
*/
body{
	font-family: Verdana,Arial,Helvetica,"Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
	text-align:center;
	font-size: 75%;
/*	
	background:#F4F3EE;
*/	
}
html>/**/body {font-size: 12px;}

#container{
}

.frame{
	width:900px;
	margin:0px auto;
	text-align:left;
	position:relative;
}
#header{
	background:#fff;
	border-bottom:2px solid #a11112;
	border-top:2px solid #a11112;
	height:98px;
	
	
}
#header-frame{
	position:fixed;
	width:100%;
	top:0px;
	left:0;
	z-index:100000;
}

#header-dammy{
	height:140px;
}
#home-p #header-dammy{
	height:166px;
}


#contents{
	padding-bottom:50px;
}


#footer{
	background:#fff;
}
* html #footer{
	zoom:1;
}


/* 3: header
----------------------------------------------- */

#header .frame{
}
#logo{
	position:absolute;
	top:20px;
	left:0px;
}

#h-co{
	position:absolute;
	right:447px;
	top:4px;
}

#h-club{
	position:absolute;
	top:4px;
	right:0;
}
#h-club ul{
	position:absolute;
	left:7px;
	top:32px;
}
#h-club li{
	float:left;
}

/* h-navi */

#h-navi{
	background:#a11112;
	text-align:center;
	color:#fff;
	padding-bottom:2px;
}
#h-navi ul{
	width:900px;
	margin:0 auto;
	text-align:right;
}

#h-navi li{
	display:inline;
	margin-left:10px;
}
#h-navi a{
	color:#fff;
}



#h-nenmatsu{
	position:absolute;
	top:6px;
	left:310px;
}
#h-nenmatsu .east,
#h-nenmatsu .west{
	background-image:url(../img/parts/empty.gif);
	text-indent:-9000px;
	width:96px;
	height:23px;
	display:block;
	position:absolute;
	top:32px;
}
#h-nenmatsu .east{left:32px;}
#h-nenmatsu .west{left:152px;}



#h-nenmatsu2{
	position:absolute;
	top:0;
	left:400px;
	color:#fff;
	font-weight:bold;
}
#h-nenmatsu2 a{
	color:#fff;
	text-decoration:underline;
}
#h-nenmatsu2 a:hover{
	text-decoration:none;
}



/* 4: navi
----------------------------------------------- */

#navi{
	background:url(../img/common/navi-bg.jpg) top repeat-x;
}

#navi ul{
	overflow:hidden;
	display: inline-block;
}
#navi:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}


#navi li{
	float: left;
}

#navi a{
	display:block;
	text-indent:-9000px;
	height:38px;
	background-image:url(../img/common/navi.jpg);
}

#n1 a{ background-position:0px 0px; width:151px;}
#n2 a{ background-position:-151px 0px; width:150px;}
#n3 a{ background-position:-301px 0px; width:149px;}
#n4 a{ background-position:-450px 0px; width:150px;}
#n6 a{ background-position:-600px 0px; width:150px;}
#n5 a{ background-position:-750px 0px; width:150px;}

#home-p #n1 a,#n1 a:hover{ background-position:0px -38px;}
.shop-p #n2 a,#n2 a:hover{ background-position:-151px -38px;}
.search-p #n3 a,#n3 a:hover{ background-position:-301px -38px;}
.clubdynac-p #n4 a,#n4 a:hover{ background-position:-450px -38px;}
#n6 a:hover{ background-position:-600px -38px;}
.campaign-p #n5 a,#n5 a:hover{ background-position:-750px -38px;}


/* 5: contents
----------------------------------------------- */

.pagecopy{
	font-weight:normal;
	position:absolute;
	right:0px;
	top:0px;
	line-height:34px;
}
#home-p .pagecopy{
	top:-26px;
}

#breadcrumbs{
	line-height:34px;
}
#breadcrumbs li{
	display:inline;
	line-height:34px;
}


#main{
	width:604px;
	float:right;
	display:inline;
}

#sub{
	width:283px;
	float: left;
	display:inline;
}


.gray-box{
	position:relative;
	padding:8px;
	width:884px;
	margin-bottom:20px;
	
	background-image: url("../img/search/entry/search-contents-top.jpg"),url("../img/search/entry/search-contents-bottom.jpg"),url("../img/search/entry/search-contents-middle.jpg");
	background-repeat: no-repeat, no-repeat,repeat;
	background-position:0 0, bottom left, 0 0;
  
	-pie-background:
	url(../img/search/entry/search-contents-top.jpg) no-repeat 0 0 ,
	url(../img/search/entry/search-contents-bottom.jpg) no-repeat 0 bottom,
	url(../img/search/entry/search-contents-middle.jpg) repeat;
	
	display: inline-block;
}
.gray-box:after{content: ".";display: block;height:0;clear:both;visibility: hidden; overflow:hidden;}


/*
===== main =====
*/

.main-gray-box{
	padding: 35px;
	position:relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border:1px solid #D5D4D2;
	border-radius: 4px;
	-pie-border-radius: 4px;
	-webkit-box-shadow: #E0DFDB 2px 2px 1px;
	-moz-box-shadow: #E0DFDB 2px 2px 1px;
	box-shadow: #E0DFDB 2px 2px 1px;
	background: #ffffff;
	background: -webkit-gradient(linear, 6% 50%, 12% 53%, from(#FFFFFF), to(#EAEAEA));
	background: -webkit-linear-gradient(#ffffff, #EAEAEA);
	background: -moz-linear-gradient(100% 18% 160deg,#EAEAEA, #FFFFFF);
	background: -ms-linear-gradient(#ffffff, #EAEAEA);
	background: -o-linear-gradient(120deg,rgb(230,230,230),rgb(256,256,256));
	background: linear-gradient(#ffffff, #EAEAEA);
	-pie-background: linear-gradient(100% 18% 160deg,#EAEAEA, #FFFFFF);
}


.block-head{
	border-bottom:2px solid #333;
	margin-bottom:5px;
	font-size:18px;
	padding-bottom:3px;
	color:#333;
	font-weight:normal;
}


/*
===== sub =====
*/

.sub-block{
	width:276px;
	margin-bottom:14px;
	padding-bottom:1px;
	position:relative;
}
.main-info{
	background:none;
	width:auto;
}


.banner li{
	margin-bottom:10px;
}


#sub-clubdynac{
	position:relative;
	margin-bottom:10px;
}


#sub-ir{
	margin-bottom:15px;
}

#sub-facebook{
	position:relative;
	margin-bottom:10px;
}

#sub-facebook iframe{
	position:absolute;
	left:168px;
	top:47px;
	
	width:100px;
	height:26px;
	overflow:hidden;
}

/* search */

#sub-search{
	color:#8B7417;
	background:none;
}
#sub-search a{	color:#8B7417;}
#sub-search a:hover{color:#C09B0F;}

#sub-search h3{
	margin-bottom:12px;
}



#sub-search .area{
	padding:0 10px 10px 20px;
	font-size:14px;
	
}

#sub-search .parent-list{
	min-width:200px;
}
* html #sub-search .parent-list{display: inline-block;}
#sub-search .area ul:after{content: ".";display: block;height:0;clear:both;visibility: hidden; overflow:hidden;}


#sub-search .parent{
	float:left;
	display:inline;
	padding-right:3px;
	padding-bottom:3px;
	margin-right:2px;
	z-index:1;
/*
	position:relative;
*/
	white-space:nowrap;
}

#sub-search .child{
	visibility: hidden;
	position: absolute;


}

#sub-search .child ul{
	position:relative;
	z-index: 30;
	top:-3px;
	left:10px;
	background:#fff;
	width:200px;
	padding:10px;

	opacity: .9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: 3px 3px 5px #888;
	-webkit-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;

}

* html #sub-search .child ul{
	top:10px;
	left:-30px;
	background:url(../img/common/sub-search-child.gif) right bottom no-repeat #fff;
	border-width:2px 0 0 2px;
	border-color:#ddd;
}

*:first-child+html #sub-search .child ul{
	top:10px;
	left:-30px;
}

#sub-search .child li{
	display:inline;
	white-space: normal;
}

#sub-search .child li a{
	text-indent:0;
	background:none;
	height:auto;
	width:auto;
}
* html #sub-search .child li a{zoom:1;}


.parent-list #child78,
.parent-list #child79{display:none!important;}



#sub-search .category{
	padding:10px 20px 5px 20px;
}

#sub-search .category li{
	margin-bottom:5px;
}



/* sub-info */

.sub-info{
	position:relative;
}
.sub-info .more{
	position:absolute;
	right:10px;
	top:3px;
}
.main-info .more{
}
.sub-info .more a{
	color:#333;
}


.scroll-pane {
	width: 276px;
	height: 320px;
	overflow: auto;
	float: left;
	background:url(../img/common/sub-block.jpg) bottom no-repeat #E9E5DA;
}
.main-info .scroll-pane {
	width:603px;
	height:300px;
}
.main-pickup .scroll-pane {
	height:220px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url(../img/common/sub-info-scroll-bg.jpg) left repeat-y #fff;
}
.jScrollPaneDrag {
	position: absolute;
	background:url(../img/common/sub-info-scroll-bar.jpg) left repeat-y #fff;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
a.jScrollArrowUp:hover {
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}


.sub-info dl{
	padding:10px;
}
.sub-info dt{
	position:absolute;
	left:10px;
}
.sub-info dd{
	padding-left:60px;
	background:url(../img/common/sub-info-line.jpg) left bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
}

.sub-info dd p{
	margin-bottom:0;
	display:inline;
}


#sub-club{
	margin-bottom:10px;
}

/* 6: footer
----------------------------------------------- */

#footer .frame{
	min-height:80px;
}
* htnl #footer .frame{
	zoom:1;
}

#footer a{	color:#BE2021;}
#footer a:hover{  color:#E50012;}


#f-list{
	position:absolute;
	top:16px;
	left:0px;
	color:#D4011A;
	z-index:10;
}

#f-list li{
	float:left;
	padding-right:20px;
	background:url(../img/common/f-list.jpg) right no-repeat;
	margin-right:15px;
	
}

#f-ir{ font-weight:bold;}

#f-list .lastChild{background:none;}

#footer #copyright{
	position:absolute;
	top:16px;
	right:0px;
	z-index:5;

}


/* f-other */

#f-other{
	clear:both;
	margin-bottom:50px;
	color:#565757;
	font-size:13px;
}
#f-other a{
	color:#565757;
}


#f-other li{
	display:inline;
	margin-right:15px;
}
#f-other li.lastChild{
	margin-right:0;
}



#footer .line{
	height:2px;
	overflow: hidden;
	background:#BE2021;
	margin-bottom:5px;
}


/* f-shop */

#f-shop{
	padding:20px 0 30px 0;
	color:#565757;
}
#f-shop a{
	color:#565757;
}

#f-shop .head{
	margin-bottom:25px;
	font-size:15px;
}
#f-shop .head a{
	text-decoration:underline;
}

#f-shop table{
	width:100%;
}
#f-shop td{
	vertical-align:top;
	padding-right:8px;
}


#f-shop .subhead{
	margin-bottom:10px;
}

#f-shop ul{
	float:left;
	width:50%;
}

#f-shop .group2 ul,
#f-shop .group3 ul,
#f-shop .group5 ul{
	float:none;
	width:auto;
}


#f-shop ul.lastChild{
	margin-right:0;
}

#f-shop li{
	margin-right:8px;
	margin-left:0.6em;
	text-indent:-0.6em;
	line-height:1.2;
	margin-bottom:5px;
}
#f-shop ul.lastChild li{
	margin-right:0;
}