@charset "utf-8";
/* CSS Document */

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

DEFAULT CSS

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

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #FFF;
	color: #333;
	font-size: 100%;
	line-height: 160%;
	background:url(../img/body_bg_01.jpg) left top repeat;
}
html>/**/body {
	font-size: 12px;
}

* + html body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

A STYLE

*-*-*-*-*-*-*-*-*-*/
a:link	{
	text-decoration: none;
	color:#333;
}

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

a:hover	{
	text-decoration: underline;
	color:#333;
}

a:active	{
	text-decoration: none;
	color:#333;
}

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

FRAME SETTING

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

#header {
	width:100%;
	background:url(../img/header_bg_01.jpg) left top repeat-x;
}

#headerInner, #topVisualInner, #footerInner {
	width:980px;
	margin:0 auto;
}

#container {
	width:994px;
	margin:0 auto;
	padding-bottom:10px;
	background:url(../img/container_bg_01.jpg) center top repeat-y;
	position:relative;
	z-index:1;
	margin-top:-4px;
}

#headerInner {
	position:relative;
	height:98px;
}

#topVisual {
	width:100%;
	background-color:#000;
	-moz-box-shadow: 0px 5px 10px #B39871;
	-webkit-box-shadow: 0px 5px 10px #B39871;
	box-shadow: 0px 5px 10px #B39871;
	position:relative;
	z-index:3;
}

#topVisualInner {
	width:980px;
	padding:3px 0 3px 0;
	text-align:center;
	width:100%;
	position: relative;
	z-index:2;
}

#contents {
	width:595px;
	margin-top:30px;
	margin-left:0;
	margin-right:47px;
	float:right;
}

* html #contents {
	display:inline;
}

#sidebar {
	width:275px;
	margin-top:30px;
	margin-right:0;
	margin-left:47px;
	float:left;
}

* html #contents {
	display:inline;
}

* html #sidebar {
	display:inline;
}
#onlineshop{
margin-bottom:10px;
}
/*-*-*-*-*-*-*-*-*-*

HEADER

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

h1, #headRead, #headAdrs, #gNavi, #gNavi2 {
	position:absolute;
}

h1 {
	top:5px;
	left:0;
}

#headRead {
	top:22px;
	left:178px;
}

#headAdrs {
	top:10px;
	left:660px;
}

#gNavi {
	top:50px;
	left:180px;
	width:800px;
	line-height:0;
}

#gNavi li {
	float:left;
	text-indent:-9999px;
}

#gNavi a {
	display:block;
	height:32px;
}

#gn1 a {
	width:176px;
	background:url(../img/gNavi.gif) left top no-repeat;
}

#gn2 a {
	width:74px;
	background:url(../img/gNavi.gif) -176px top no-repeat;
}

#gn3 a {
	width:146px;
	background:url(../img/gNavi.gif) -250px top no-repeat;
}

#gn4 a {
	width:81px;
	background:url(../img/gNavi.gif) -396px top no-repeat;
}

#gn5 a {
	width:217px;
	background:url(../img/gNavi.gif) -477px top no-repeat;
}

#gn6 a {
	width:102px;
	background:url(../img/gNavi.gif) -694px top no-repeat;
}

#gn1 a:hover {
	background:url(../img/gNavi.gif) left -32px no-repeat;
}

#gn2 a:hover {
	background:url(../img/gNavi.gif) -176px -32px no-repeat;
}

#gn3 a:hover {
	background:url(../img/gNavi.gif) -250px -32px no-repeat;
}

#gn4 a:hover {
	background:url(../img/gNavi.gif) -396px -32px no-repeat;
}

#gn5 a:hover {
	background:url(../img/gNavi.gif) -477px -32px no-repeat;
}

#gn6 a:hover {
	background:url(../img/gNavi.gif) -694px -32px no-repeat;
}


#gNavi2 {
	top:50px;
	left:180px;
	width:800px;
	line-height:0;
}

#gNavi2 li {
	float:left;
	text-indent:-9999px;
}

#gNavi2 a {
	display:block;
	height:32px;
}

#new_gn1 a {
	width:197px;
	background:url(../img/gNavi2.gif) left top no-repeat;
}

#new_gn2 a {
	width:146px;
	background:url(../img/gNavi2.gif) -197px top no-repeat;
}

#new_gn3 a {
	width:194px;
	background:url(../img/gNavi2.gif) -343px top no-repeat;
}

#new_gn4 a {
	width:142px;
	background:url(../img/gNavi2.gif) -537px top no-repeat;
}



#new_gn5 a {
	width:117px;
	background:url(../img/gNavi2.gif) -679px top no-repeat;
}

#new_gn1 a:hover {
	background:url(../img/gNavi2.gif) left -32px no-repeat;
}

#new_gn2 a:hover {
	background:url(../img/gNavi2.gif) -197px -32px no-repeat;
}

#new_gn3 a:hover {
	background:url(../img/gNavi2.gif) -343px -32px no-repeat;
}

#new_gn4 a:hover {
	background:url(../img/gNavi2.gif) -537px -32px no-repeat;
}



#new_gn5 a:hover {
	background:url(../img/gNavi2.gif) -679px -32px no-repeat;
}


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

CONTAINER

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

h2 {
	margin-bottom:10px;
}

#contents h3 {
	margin-bottom:10px;
}

p {
	margin-bottom:1em;
}

#localNavi {
	_border-top:1px dotted #B2B2B2;
	border-bottom:1px dotted #B2B2B2;
	margin-top:-1px;
	margin-bottom:20px;
}
#localNavi li {
	list-style: none;
	border-top:1px dotted #B2B2B2;
	border-bottom:1px dotted #f9f9f9;
	}

#localNavi a:link, #localNavi a:visited {
	padding:5px 0 5px 30px;
	display:block;
	color:#222;
	text-decoration:none;
	background:url(../img/localNavi_icon_01.gif) 9px center no-repeat;
	}

#localNavi a:hover {
	padding:5px 0 5px 30px;
	color:#FFF;
	text-decoration:none;
	background:#630 url(../img/localNavi_icon_02.gif) 9px center no-repeat;
	}




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

FOOTER

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

#footNavi {
	clear:both;
	text-align:center;
	font-size:85%;
	height:77px;
	background:url(../img/footNavi_bg_01.jpg) left bottom no-repeat;
}

* html #footNavi {
	background:none;
}

#footNavi p {
	padding-top:30px;
}

#footer {
	background:url(../img/footer_bg_01.jpg) left top repeat-x;
	height:47px;
	-moz-box-shadow: 0px -5px 10px #B39871;
	-webkit-box-shadow: 0px -5px 10px #B39871;
	box-shadow: 0px -5px 10px #B39871;
	position:relative;
	z-index:4;
}

#footerInner {
	text-align:center;
	width:100%;
	margin-top: -10px;
	position: relative;
	z-index:5;
}

#footerInner p {
	text-align:center;
	color:#FFF;
	padding-top:10px;
}

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

PARTS

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


.section {
	background:url(../img/section_bg_01.jpg) left top repeat;
	border:#E2DAC6 1px solid;
	padding:20px;
	margin-bottom:20px;
}

#storeNavi ul{
	width:275px;
	margin-bottom:20px;
}

#storeNavi ul li{
	height: 105px;
	margin: 5px 0;
	border:1px solid #E2DAC6;
}

#storeNavi ul li a{
	background:url(../img/section_bg_01.jpg) left top repeat;
	color:#666;
	font-size:77%;
	display: block;
	margin: 0px;
	height:105px;
	overflow:hidden;
	white-space: nowrap;
	text-decoration: none;
}

#storeNavi ul li a span{
	color:#333;
	font-size:133%;
	display:block;
	font-weight:bold;
	padding-top:5px;
}

#storeNavi ul li img{
	float: left;
	height: 64px;
	width: 64px;
	margin-top:18px;
	margin-right:10px;
	margin-left:5px;
}

.pageup {
	text-align:right;
	margin-bottom:20px;
}

.smallTxt {
	font-size:80%;
}

.pd1 {
	padding:5px;
}

.flL {
	float:left;
}

.flR {
	float:right;
}

.mr30{
	margin-right:30px;
}

img.flL {
	margin:0 20px 20px 0;
}

img.flR {
	margin:0 0 20px 20px;
}

.contactBtn {
	text-align:center;
	margin:20px;
}

.clr {
	clear:both;
}

.iconLink a {
	display:block;
	color:#4E2103;
	background:url(../img/icon01.gif) left center no-repeat;
	padding-left:15px;
}

.rightBorder {
	border-right:#666 1px dotted;
}

.clrfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clrfix {
  min-height: 1px;
}

* html .clrfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.fade {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
} 
