@charset "UTF-8";

/* ****************************************************
Title: base.css
***************************************************** */

/* # General Elements
---------------------------------------------------------------------------- */
a:link    {
	color:#993300;
	text-decoration: underline;}
a:visited {
	color:#993300;
	text-decoration: underline;}
a:hover   {
	text-decoration: none;
}

.space_btm {
	margin-bottom: 10px;
}


.bold {
	font-weight: bold;
}

/* # body
---------------------------------------------------------------------------- */
body {
	background:#F6F5EF;
}


/* # header
---------------------------------------------------------------------------- */
div#header {
	border-top:#8A7A67 solid 8px;
	width: 100%;
}

div.header_wrap {
	margin: 0 auto 15px;
	width: 960px;
}

div.header_wrap div.head_cont {
	margin-bottom: 20px;
}

div.header_wrap div.head_cont h1 {
	float: left;
}

div.header_wrap div.head_cont h1 a:link {
	color: #555555;
	text-decoration: none;
}

div.header_wrap div.head_cont h1 a:visited {
	color: #555555;
	text-decoration: none;
}

div.header_wrap div.head_cont h1 a:hover {
	color: #555555;
	text-decoration: none;
}

div.header_wrap div.head_cont ul.h_nav {
	float: right;
}

div.header_wrap div.head_cont ul.h_nav li {
	float: left;
}


div.header_wrap .logo {
	float: left;
	margin-right: 160px;
}

div.header_wrap ul#gNavi li {
	float: left;
	margin-top: 20px;
}


/* # gNavi
---------------------------------------------------------------------------- */
ul#gNavi {
}


/* # pageBody
---------------------------------------------------------------------------- */
div#page_cont {
	background:url(../images/common/footer_bg.jpg) repeat-x bottom left;
	width: 100%;
}

div#page_wrap {
	margin: 0 auto;
	background: url(../images/common/cont_foot_bg.png) bottom center no-repeat;
	_background: url(../images/common/cont_foot_bg_ie6.jpg) bottom center no-repeat;
	padding-bottom: 30px;
	width: 1054px;
	z-index:100;
}

div#pageBody {
	margin: 20px auto 0;
	width: 960px;
}




/* # content
---------------------------------------------------------------------------- */
div#contents {
	float: left;
	font-size: 115%;
	margin-right: 25px;
	width: 662px;
}

div#contents h3 {
	margin-bottom: 15px;
}

/* # sideMenu
---------------------------------------------------------------------------- */
div#sideMenu {
	float: right;
	width: 273px;
}

div#sideMenu ul {
	margin-bottom: 20px;
}


div#sideMenu ul li {
	margin-bottom: 10px;
}

div#sideMenu ul li img {
width: 100%;
}

.btn {
	transition: filter 0.3s;
}
.btn:hover {
    filter: brightness(130%);
}

/*  .pan_kuzu
---------------------------------------------------------------------------- */
ul.pan_kuzu {
	margin: 30px 0 0 60px;
	_margin: 30px 0 0 30px;
	float: left;
}

ul.pan_kuzu li {
	float: left;
}

/*  .move_top
---------------------------------------------------------------------------- */
p.move_top {
	float: right;
	margin: 30px 60px 0 0;
	_margin: 30px 30px 0 0;
}


/* # lNavi
---------------------------------------------------------------------------- */
ul#lNavi {
}


/* # footer
---------------------------------------------------------------------------- */
div#footer {
	clear: both;
	font-size: 115%;
}

div#footer div.footer_wrap {
	margin: 0 auto;
	width: 960px;
}

div#footer div.nav {
	margin-bottom: 30px;
}

div#footer div.footer_wrap p#sitemap {
	background: url(../images/common/sitemap.png) no-repeat;
	background: url(../images/common/sitemap_ie6.jpg) no-repeat;
	font-weight: bold;
	float: left;
	margin-right: 20px;
	text-align: center;
	padding: 12px 0;
	width: 132px;
}

div#footer div.footer_wrap ul#lNavi {
	background: url(../images/common/l_nav.png) no-repeat;
	background: url(../images/common/l_nav_ie6.jpg) no-repeat;
	padding: 12px 0;
	width: 782px;
	float: right;
}

div#footer div.footer_wrap ul#lNavi li.first {
	padding-left: 24px;
}

div#footer div.footer_wrap ul#lNavi li {
	float: left;
	margin-right: 20px;
}

div#footer div.footer_wrap ul#lNavi li.last {
	margin-right: 0;
}

div#footer div.footer_wrap div.shopinfo {
	clear: both;
	margin-bottom: 15px;
}

div#footer div.footer_wrap div.shopinfo p.foot_logo,
div#footer div.footer_wrap div.shopinfo div.shop_oka,
div#footer div.footer_wrap div.shopinfo div.shop_ofu {
	float: left;
}

div#footer div.footer_wrap div.shopinfo p.foot_logo {
	margin-right: 80px;
	padding-top: 40px;
}


div#footer div.footer_wrap div.shopinfo div.shop_oka h4,
div#footer div.footer_wrap div.shopinfo div.shop_ofu h4 {
	margin-bottom: 5px;
}

div#footer div.footer_wrap div.shopinfo table {
	color: #F6F3ED;
	width: 420px;
}

div#footer div.footer_wrap div.shopinfo th {
	width: 23%;
    vertical-align: top;

}

div#footer div.footer_wrap div.shopinfo td {
    width: 77%;

}

div#footer div.footer_wrap div.shopinfo td img {
	vertical-align: top;
}

div#footer div.footer_wrap div.shopinfo th,
div#footer div.footer_wrap div.shopinfo span.bold {
	font-weight: bold;
}

div#footer div.footer_wrap address {
	color: #F6F3ED;
	clear: both;
	font-size: 90%;
	text-align: right;
}

/* その他
---------------------------------------------------------------------------- */
.imgover {}

.bold{font-weight:bold;}
.red {color:red;}
.fl {float:left;}
.fr {float:right;}

/* ----------------------------------------
  マージン設定
---------------------------------------- */
.m0{margin:0px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}

.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mr0{margin-right:0px;}
.mr3 {
	margin-right:3px;
}
.mr5{margin-right:5px;}

.mr10 {
	margin-right:10px;
}

.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.ml0{margin-left:0px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb35 {
	margin-bottom:35px !important;
}

.mb40{margin-bottom:40px !important;}

/* ----------------------------------------
  余白設定
---------------------------------------- */
.p0{padding:0px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}

.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}

.pr0{padding-right:0px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}

.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}

.pb0{padding-bottom: 0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}

.ptb0{padding-bottom: 0px;padding-top: 0px;}
.ptb5{padding-bottom: 0px;padding-top: 0px;}
.ptb10{padding-bottom: 10px;padding-top: 10px;}
.ptb15{padding-bottom: 15px;padding-top: 15px;}
.ptb20{padding-bottom: 20px;padding-top: 20px;}
.ptb30{padding-bottom: 30px;padding-top: 30px;}
.ptb40{padding-bottom: 40px;padding-top: 40px;}

.plr0{padding-left: 0px;padding-right: 0px;}
.plr5{padding-left: 0px;padding-right: 0px;}
.plr10{padding-left: 10px;padding-right: 10px;}
.plr15{padding-left: 15px;padding-right: 15px;}
.plr20{padding-left: 20px;padding-right: 20px;}
.plr25{padding-left: 25px;padding-right: 25px;}
.plr30{padding-left: 30px;padding-right: 30px;}
.plr40{padding-left: 40px;padding-right: 40px;}

/* ----------------------------------------
  行間
---------------------------------------- */
.lh110{line-height:110%;}
.lh120{line-height:120%;}
.lh130{line-height:130%;}
.lh140{line-height:140%;}
.lh150{line-height:150%;}
.lh160{line-height:160%;}
.lh170{line-height:170%;}
.lh180{line-height:180%;}
.lh190{line-height:190%;}
.lh200{line-height:200%;}

/* clearfix
---------------------------------------------------------------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

/*
behavior: url(/css/pie/PIE.htc); 
*/