﻿@charset "utf-8";

/* browser style reset
------------------------------------------------------------*/
body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
p,blockquote,
form,fieldset,input,textarea,select,option,
table,th,td,
embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
h1,h2,h3,h4,h5,h6 {
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
}



table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}
caption {text-align: center;}
th {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}
td {vertical-align: middle;}
li {list-style: none;}
img {
	border: 0;
	vertical-align: middle;
}
fieldset {border: 0;}
input {vertical-align: middle;}
q:before,q:after {content:'';}
hr {display: none;}

/* ----- clearfix ----- */
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* style
------------------------------------------------------------*/
body {
	color: #333333;
	font-size: 12px !important;
}

/* ----- link ----- */
a {color: #663300;}
a:link {}
a:visited {}
a:hover {color: #FF6600}
a:active {}


/*------------------------------------------------------------

 layout

------------------------------------------------------------*/
body {background: #FFE98F url("img/bg_top.jpg") top left repeat-x;}

#wrapper {
  background: #FFFFFF url("img/bg01.jpg") top left repeat-y;
  width: 800px;
	position:relative;
	margin:0 auto;
	height:auto;
}
#topTitleWrap{
  background: #FFFFFF url("img/top_img.jpg") no-repeat top left;
  height:251px;
}
#otherTitleWrap{
  background: #FFFFFF url("img/other_top_img.jpg") no-repeat top left;
  height:134px;
}
#title {
	display: block;
	margin: 0 auto ;
	width: 800px;
	text-indent: -9999px;
}

#container {
	width: 800px;
	margin: 0 auto;
	text-align:left;
}

#containerInner {
	margin: 25px 20px 0 20px;
	background-color: #FFFFFF;
  /*background: #FFFFFF url("img/top_img02.jpg") no-repeat bottom right;*/
  min-height:300px;
}
#containerInner_blog {
margin: 25px 20px 0 20px;
  min-height:300px;
  padding-bottom:25px;
}

#containerInner {clear: both;}
#containerInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#containerInner {display: inline-block;}
/* Hides from IE-mac \*/
* html #containerInner {height: 1%;}
#containerInner {display: block;}
/* End hide from IE-mac */


/* メニューバー
------------------------------------------------------------*/
#topmenu {
	font-size: 1.3em;
  height:49px;
  _height:0px;
}
#topmenu ul {
  width:100%;
}
#topmenu li {
	display: block;
  float:left;
	text-indent: -9999px;
}

#navi01 a{
	display:block;
	background:url("img/navi01_top.jpg") top left no-repeat ;
	width:131px;
	height:59px;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}
#navi02 a{
	display:block;
	background:url("img/navi02_top.jpg") top left no-repeat ;
	width:131px;
	height:59px;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}

#navi03 a{
	display:block;
	background:url("img/navi03_top.jpg") top left no-repeat ;
	width:131px;
	height:59px;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}
#navi04 a{
	display:block;
	background:url("img/navi04_top.jpg") top left no-repeat ;
	width:131px;
	height:59px;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}
#navi05 a{
	display:block;
	background:url("img/navi05_top.jpg") top left no-repeat ;
	width:131px;
	height:59px;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}
#navi06 a{
	display:block;
	background:url("img/navi06_top.jpg") top left no-repeat ;
	width:145px;
	height:59px;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}

#navi01_other a{
	display:block;
	background:url("img/navi01_other.jpg") top left no-repeat ;
	width:135px;
	height:50px;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}
#navi02_other a{
	display:block;
	background:url("img/navi02_other.jpg") top left no-repeat ;
	width:134px;
	height:50px;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}

#navi03_other a{
	display:block;
	background:url("img/navi03_other.jpg") top left no-repeat ;
	width:134px;
	height:50px;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}
#navi04_other a{
	display:block;
	background:url("img/navi04_other.jpg") top left no-repeat ;
	width:134px;
	height:50px;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}
#navi05_other a{
	display:block;
	background:url("img/navi05_other.jpg") top left no-repeat ;
	width:134px;
	height:50px;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}
#navi06_other a{
	display:block;
	background:url("img/navi06_other.jpg") top left no-repeat ;
	width:129px;
	height:50px;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}

#navi01 a:hover,
#navi02 a:hover,
#navi03 a:hover,
#navi04 a:hover,
#navi05 a:hover,
#navi06 a:hover
{
  background-position: 0 -59px ;
}

#navi01_other a:hover,
#navi02_other a:hover,
#navi03_other a:hover,
#navi04_other a:hover,
#navi05_other a:hover,
#navi06_other a:hover
{
  background-position: 0 -50px ;
}
/*
#side li.current_page_item_top a{
  background-position: 0 -38px ;
}
#side li.current_page_item a{
  background-position: 0 -37px ;
}
*/

/* side バー
------------------------------------------------------------*/
#side {
  width:250px;
  height:auto;
  float:left;
  display:inline;
}
#side#news, #side#shopInfo, #side#no1Cat{
  width:250px;
  height:auto;
}
#shopInfo, #mainBottom, #no1Cat {
  margin-top:20px;
}
#shopInfo img {
  display:block;
  font-size:0;
  line-height: 0;
  margin:0;
  padding:0;
}
#infoDetail {
  padding:10px 0;
  color:#663300;
}
#infoDetail h2{
  font-weight:bold;
  font-size:22px;
}
#shopInfo h3 {
  font-weight:bold;
  font-size:16px;
}
#shopInfo a{
  text-decoration: none;
  font-size:14px;
}
#infoDetail table{
  width:203px;
  height:auto;
  margin-top:20px;
  color:#663300;
  font-size:12px;
}
#infoDetail tr{
  height:40px;
}
#infoDetail th{
  font-weight:bold;
  width:65px;
}
#infoDetail td{
  vertical-align:top;
}
#side .innerBox {
  background-color:#F0EBE6;
  padding:10px;
}
#side ul {
  background-color:#FFFFFF;
  margin:0 auto;
  padding:15px;
  _padding:13px;
  margin:0px;
}
#news ul {
  height:136px;
}
#side li {
  display:inline;
}
#side dl {
  margin-bottom:10px;
}
#side dt,#side dd{
  padding-left:20px;
}
#news dt {
  background:transparent url(img/arrow01.jpg) no-repeat scroll 0 0;
  height:15px;
}
/* main
------------------------------------------------------------*/
#main {
	float: right;
	width: 510px;
}
#main p {margin-top: 10px;}
#mainTop, #mainBottom {
  margin-left:15px;
}
#mainTop {
	width: 495px;
  height: 215px;
  margin-left:15px;
}
#mainBottom {
	width: 495px;
  height:auto;
}
#calendarWrap{
  height:170px;
  margin:20px 0 ;
}
.calendarBox{
 width:145px;
 _width:155px;
 height:142px;
 float:left;
 color:#666666;
 padding:3px;
 background:transparent url(img/calender_bg.jpg) no-repeat scroll 0 0;
 margin-right:14px;
 _margin-right:7px;
}
.sun_color {
  color:#CC3300;
}
.sat_color {
  color:#6699CC;
}
.pageTop{
  text-align:right;
  margin:10px;
}
.pageTitle {
  margin:0px;
  padding:0px;
}
.entry {
  margin:20px;
}
#h3_no1Cat{
  background:transparent url(img/no1cat.jpg) no-repeat scroll 0 0;
  height:16px;
  width:200px;
  
}
#no1Detail {
  background-color:#FFFFFF;
  padding:15px;
}
#no1Detail table{
  width:200px;
  height:95px;
  margin-top:10px;
}
#no1Detail th{
  height:20px;
  padding: 0 3px;
  border-bottom:1px solid #CCCCCC;
  font-weight:bold;
  font-size:18px;
  color:#74491D;
}
#no1Detail td{
  vertical-align: top;
}
#introText {
  padding:5px 3px 3px 0;
  font-size:12px;
  color:#663300;
  
}
#introImg img {
  margin-left:5px;
}
#picture01 img{
  margin-bottom:10px;
}
/* blog　　タイトル部分ｐ要素をここだけ変更
------------------------------------------------------------*/
p.entryTitle {
    font-weight: bold;
    font-size:1.6em;}

#archives {
  font-size: 15px;
  font-weight:bold;
  text-align:left;
}
#blogLink {
  background-color:#F0EBE6;
  padding:10px;
  margin: 0 auto;
  width:430px;
  _width:450px;
  _margin-left:150px;
  _text-align:center;
}
#bInner {
  width:390px;
  _width:430px;
  height:90px;
  background-color:#FFFFFF;
  padding:20px;
}
#bInner p {
  margin-top:10px;
  _text-align:left;
}
#alink {
  background:transparent url(img/mark01.jpg) no-repeat scroll 0 0;
  width:110px;
  _width:140px;
  margin:0 auto;
  height:20px;
  padding-left:25px;
  font-weight:bold;
}
#blogLink h3 {
  font-size:22px;
  font-weight:bold;
  color:#FF7D03;
}

/* メニューページのテーブル
------------------------------------------------------------*/

div#gazou {
         font-size:1.2em;
	}

table#menu {
         float:left;
         font-size:1.2em;
	border-collapse: collapse;
	border-spacing: 0;
         width:300px;
}

table#menu2 {
         float:left;
         font-size:1.2em;
	border-collapse: collapse;
	border-spacing: 0;
         width:300px;
         margin:0 0 0 30px;
}

td#menu{
border-bottom:1px #333 solid;/*dashed*/
padding:15px 15px 3px 15px;
vertical-align:top;
}

th#menu {
border-bottom:1px #333 solid;  /*dashed*/
padding:15px 15px 3px 15px;
vertical-align:top;
}
th#menu {
text-align:left;
white-space:nowrap;
width:1%
}



/* footer
------------------------------------------------------------*/
#footer {
	clear: both;
	width: 800px;
	margin: 0 auto;
  padding: 10px 0;
  background-color:#FD9810;
	text-align: center;
  color:#FFFFFF;
}

#footer ul {margin-bottom: 2em;}
#footer li {
	display: inline;
	padding: 0 5px 0 6px;
	border-left: 1px solid #1a1a1a;
}
#footer li.first {border: none;}

/* IE6
------------------------------------------------------------*/
* html body 
/*{	background: none;
	background-color: #c7d8e0;
	font-size: 62.5%;
	text-align: center;}*/
  {
  background: #FFE98F url("img/bg_top.jpg") top left repeat-x;
  text-align: center;
	font-size: 62.5%;
  }


* html #title {
	background: url("img/top_title.jpg") no-repeat 0 0;
}
* html #container {background: none;}
* html #containerInner {text-align: left;}
* html #footer {background-color: #FD9810;}

/* price_page
------------------------------------------------------------*/
/*.plan{
  color:#363636;
  padding-bottom:15px;
}
.plan li{
  padding-left:20px;
  font-weight:bold;
}
.price_title{
	background: url("img/h1.jpg") no-repeat 0 0;
  font-size:14px;
  font-weight:bold;
  padding:3px 5px;
  color:#4A4A45;
  height:30px;
}

.picture{
  margin:30px 10px 30px 10px;
}

#couponMsg {
  margin-bottom:1em;
  text-align:left;
  width:550px;
  color:#D4145A;
  display:inline;
  font-weight:bold;
}

#couponMsg p{
  padding-left:30px;
}
#couponMsg span{
  font-size:large;
}
#couponMsg a{
  color:#D4145A;
  text-decoration: none
}
.album {
  background:transparent url("img/link_icon2.gif") no-repeat scroll left top;
}
.album u {
  padding-left:20px;
  /*color:#5B4900;*/
  /*color:#622B20;
}
.priceWrap {
  background-color:#E0EEEE; 
  padding-left:15px;
  border:1px solid #A4C0CC
}
*/

/* コメント
------------------------------------------------------------*/
#comments {clear:both}
div#com {border:solid 1px #2b76cc;
         padding:0 18px;
         margin-top:45px}
textarea {width:400px}


