@charset "Shift_JIS";

/* ------------------------------------------------------
body
------------------------------------------------------ */
body {
	background:#000000 url(../img/bg_black.gif) left top repeat;
	color: #D0CEC1;
	font-size: 14px;
	line-height:1.5;
}
body#Windex {
	background:none;
	background:#000000;
}

a:link {
	color: #F7F6BC;
	text-decoration: none;
}

a:visited {
	color: #E0DFBF;
	text-decoration: none;
}

 a:hover,
	a:active {
	color: #FFEDBC;
	text-decoration: underline;
}





/* ------------------------------------------------------
header
------------------------------------------------------ */

#header {
	width :100%;
	height: 120px;
	background:#000000 url(../img/head_bg.jpg) center top no-repeat;
	
}


#header .inner {
	position:relative;
	width: 860px;
	margin: auto;
}

#header h1 {
	position: absolute;
	top: 20px;
	left: 0px;
}
#header #headBuy {
	position: absolute;
	top: 65px;
	left: 285px;
}
#header #headIn {
	position: absolute;
	top: 65px;
	left: 455px;
}

#header .btnCart {
	position: absolute;
	top: 10px;
	left: 793px;
}
#header .tel {
	position: absolute;
	top: 37px;
	left: 690px;
}



/* ------------------------------------------------------
gnavi
------------------------------------------------------ */
#gnavi {
	width:100%;
	height: 75px;
	margin: auto;
	background: url(../img/gnavi_bg.jpg) left top repeat-x;
	}

#gnavi ul {
	width: 840px;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	height: 55px;
	overflow: hidden;
	margin-bottom: 20px;
}

#gnavi ul li{
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
}

#gnavi ul li a{
	display: block;
	overflow: hidden;
	width: 100%; /*Windows IE対策*/
	height: 0 !important;
	height /**/: 55px;
	padding-top: 55px;
	background-image: url(../img/gnavi.jpg); 
}

/* オフマウス */
#gnavi .nv00,
#gnavi .nv00 a{ background-position: 0 0; width:120px;}
#gnavi .nv01,
#gnavi .nv01 a{ background-position: -120px 0; width:120px;}
#gnavi .nv02,
#gnavi .nv02 a{ background-position: -240px 0; width:120px;}
#gnavi .nv03,
#gnavi .nv03 a{ background-position: -360px 0; width:120px;}
#gnavi .nv04,
#gnavi .nv04 a{ background-position: -480px 0; width:120px;}
#gnavi .nv05,
#gnavi .nv05 a{ background-position: -600px 0; width:120px;}
#gnavi .nv06,
#gnavi .nv06 a{ background-position: -720px 0; width:120px;}

/* オンマウス */
#gnavi .nv00 a:hover{ background-position: 0 -55px;}
#gnavi .nv01 a:hover{ background-position: -120px -55px;}
#gnavi .nv02 a:hover{ background-position: -240px -55px;}
#gnavi .nv03 a:hover{ background-position: -360px -55px;}
#gnavi .nv04 a:hover{ background-position: -480px -55px;}
#gnavi .nv05 a:hover{ background-position: -600px -55px;}
#gnavi .nv06 a:hover{ background-position: -720px -55px;}

/* ページフォーカス */
.tab00 #gnavi .nv00 a{ background-position: 0 -55px;}
.tab00 #gnavi .nv00 a:hover{ background-position: 0 -55px;}
.tab01 #gnavi .nv01 a{ background-position: -120px -55px;}
.tab01 #gnavi .nv01 a:hover{ background-position: -120px -55px;}
.tab02 #gnavi .nv02 a{ background-position: -240px -55px;}
.tab02 #gnavi .nv02 a:hover{ background-position: -240px -55px;}
.tab03 #gnavi .nv03 a{ background-position: -360px -55px;}
.tab03 #gnavi .nv03 a:hover{ background-position: -360px -55px;}
.tab04 #gnavi .nv04 a{ background-position: -480px -55px;}
.tab04 #gnavi .nv04 a:hover{ background-position: -480px -55px;}
.tab05 #gnavi .nv05 a{ background-position: -600px -55px;}
.tab05 #gnavi .nv05 a:hover{ background-position: -600px -55px;}
.tab06 #gnavi .nv06 a{ background-position: -720px -55px;}
.tab06 #gnavi .nv06 a:hover{ background-position: -720px -55px;}



/* ------------------------------------------------------
contents
------------------------------------------------------ */
#contents {
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	background-color:#242623;
}
#contents .inner {
	position:relative;
	width: 860px;
	margin: auto;
}
#Windex #contents .inner {
	position:relative;
	width: 860px;
	margin: auto;
	padding-bottom:40px;
}
.group {
	margin-bottom: 20px;
}

.group p {
	margin-bottom: 10px;
}

/* ------------------------------------------------------
main
------------------------------------------------------ */
#main {
	width: 640px;
	float: right;
	padding-bottom: 50px;
}



/* ------------------------------------------------------
side
------------------------------------------------------ */
#side { 
	width: 200px;
	float: left;
	text-align: center;
}
#side p {
	margin-bottom:10px;
}

#side .desc {
	margin-bottom:20px;
	font-size: 0.85em;
}

#side .ph img {
	margin-bottom:5px;
}
#side .ph {
	margin-bottom: 20px;
	padding: 9px;
	border: solid 1px #3E3D37;
	font-size: 0.8em;
}
#side h3 {
	padding: 3px;
	margin-bottom: 5px;
	background-color: #000000;
	font-weight: bold;
}



/* ------------------------------------------------------
footer
------------------------------------------------------ */
#footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
}

#footer .inner{
	width: 860px;
	margin: auto;
	margin-bottom:10px;

}

#footer .inner .kura-info {
	float: left;
	width: 580px;
	background: url(../img/foot_map_kyushu.gif) right center no-repeat;
}
#footer .inner .kura-info .itemscope {
	float: left;
	width: 200px;
}
#footer .inner .kura-info .ph {
	float: left;
	width: 200px;
}
#footer .inner .kura-info .kura-ph {
	float: left;
	width: 200px;
}
#footer .inner .kura-info .inst {
	display: inline-block;
	margin-top: 15px;
}
#footer .inner .kura-info .data {
	float: right;
	width: 350px;
}
#footer .inner .kura-info .data li	{
	margin-bottom: 3px;
}

#footer .inner .store-link {
	float: right;
	width: 205px;
}

#footer .inner .store-link p {
	margin-bottom: 10px;
}

#footer .navi {
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	border-top: 1px solid #3E3D37;
	border-bottom: 1px solid #3E3D37;
}

#footer .navi ul {
	width: 860px;
	margin: 10px auto;
}

#footer .navi ul li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #3E3D37;
	text-align: center;
}
#footer a:link {
	color: #CDB87E;
	text-decoration: none;
}

#footer a:visited {
	color: #BCAD85;
	text-decoration: none;
}

#footer a:hover,
#footer a:active {
	color: #FFEDBC;
	text-decoration: underline;
}
#footer .navi ul li.rt {
	border-right: none;
}


#footer #copyright {
	margin-bottom: 20px;
	text-align: center;
	font-size: 0.85em;
}

#footer .link {
	float: right;
	width: 205px;
	margin-bottom: 10px;
	background:#5E882D url(../img/link_bg_yame.jpg) no-repeat 0 0;
}
#footer .link ul {
	padding:120px 10px 5px 10px;
}
#footer .link ul li{
	text-align:left;
	font-size:0.85em;
	font-weight:bold;
}


/* ------------------------------------------------------
title
------------------------------------------------------ */
h2,h3 {
	margin-bottom: 10px;
}



/* ページ内リンク
------------------------------------------------------ */
a.nextLink{
	background: url(../img/arrow_next.gif) left center no-repeat;
	padding-left: 16px;
	font-weight: bold;
}
a:hover.nextLink{
	background: url(../img/arrow_next_ov.gif) left center no-repeat;
	font-weight: bold;
}
a.backLink{
	background: url(../img/arrow_back.gif) left center no-repeat;
	padding-left: 16px;
	font-weight: bold;
}
a:hover.backLink{
	background: url(../img/arrow_back_ov.gif) left center no-repeat;
	font-weight: bold;
}
a.nextRLink{
	background: url(../img/arrow_next.gif) right center no-repeat;
	padding-right: 16px;
	font-weight: bold;
}
a:hover.nextRLink{
	background: url(../img/arrow_next_ov.gif) right center no-repeat;
	font-weight: bold;
}


/* target_blank リンク
------------------------------------------------------ */
a.urlLink{
	background: url(../img/arrow_url.gif) right center no-repeat;
	padding-right: 16px;
}
a:hover.urlLink{
	background: url(../img/arrow_url_ov.gif) right center no-repeat;
}



/* page-navi
------------------------------------------------------ */
ul.page-navi	{
	padding: 5px;
	margin:5px auto 10px auto;
	border: 1px solid #3E3D37;

}
ul.page-navi li.back {
	float: left;
	width: 10em;
}
ul.page-navi li.onlyback {
	float: right;
	width: 10em;
}
ul.page-navi li.next {
	float: right;
	text-align: right;
	width: 10em;
}
ul.page-navi li.page-top {
	padding:5px 5px 5px 15px;
	background: url(../img/arrow_pagetop.gif) no-repeat left center;
}

a.page-top  {
	background: url(../img/arrow_up.gif) right center no-repeat;
	padding-right: 16px;
	font-size: 0.8em;
}
a:hover.page-top  {
	background: url(../img/arrow_up_ov.gif) right center no-repeat;
}


ul#btmtop {
	position: absolute;
	bottom:0;
	right:0;
	width: 73px;
}
ul#btmtop li {
	width: 73px;
}

/* ------------------------------------------------------
path-list
------------------------------------------------------ */
ol#path-list {
	list-style-type: none;
	margin-bottom: 10px;
	padding: 0;
	font-size: 0.9em;
}
ol#path-list li {
	float: left;
	padding:0 10px 0 12px;
	background: url(../img/path_arrow.jpg) no-repeat 0 50%;
}
ol#path-list li strong {
	font-weight: bold;
}
ol#path-list li.home {
	padding-left: 0;
	background: none;
}





/* ------------------------------------------------------
tag normal
------------------------------------------------------ */
table.normal {
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}
table.normal th,
table.normal td{
	vertical-align: top;
	padding: 5px;
}

table.line {
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}
table.line th,
table.line td {
	vertical-align: top;
	padding: 5px;
	border: 1px solid #3E3D37;
}
table.line tr.even td {
}

table.line th {
	background-color:#171817;
	color: #96927C;
	font-weight: normal;
}

table.line caption {
	margin-bottom: 3px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color:#ffffff;
}

tr.db {
	border-bottom: 3px double  #3E3D37;
}


h4{
	margin-bottom: 10px;
}

ol.normal li {
	list-style-type: decimal;
	margin-left: 30px;
}

ul.normal li {
	list-style-type: disc;
	margin-left: 30px;
}

.pdf-s {
	margin-left: 5px;
}

.left {
	float: left;
}
.right {
	float: right;
}

.accentType{
	font-family: "ＭＳ 明朝", "平成明朝", serif;
}

.dame{
	color: #ff0000;
	font-weight: bold;
}

.daijobu{
	color: #ffffff;
	font-weight: bold;
}

.memo {
	font-size: 0.85em;
	font-weight: normal;
}

.solduot {
	padding: 1px 3px;
	margin: 2px;
	border: 1px solid #cc0000;
	color: #cc0000;
}

.soldout-cmt {
	color: #cc0000;
	font-weight: bold;
}
.qr {
	margin-left:5px;
}
.qr a {
	font-size:0.85em;
	padding:1px 3px;
	border:1px solid #ff0000;
	color: #ff0000;
	text-decoration: none;
}
.qr a:hover {
	background: #ff0000;
	color: #fff;
}

/* ******************** 段落設定 ******************** */
.paragraph{
	margin-bottom: 20px;
}
.paraHalf{
	margin-bottom: 10px;
}
.paraCenter{
	text-align: center;
}
.paraRight{
	text-align: right;
}



/* ------------------------------------------------------
Clear Fix
------------------------------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hides from IE-mac \*/