@charset "utf-8";
/* ----------------------------------------------------------------
 Author     : DRC
---------------------------------------------------------------- */


/* デフォルト設定 */
html,body,p,ul,li,h1,h2,h3,h4,h5,h6,form { margin:0px; padding:0px; }

img { border:none; }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* 基本設定 */
body { font-size:14px; font-family: 'ＭＳ Ｐゴシック', arial, helvetica, clean, sans-serif; color:#858585; background:url(../img/common/bg_body.jpg) repeat-x; line-height:150%;}
a { color:blue; text-decoration:none;}
a:hover { color:blue; text-decoration:underline; }


/* 基本レイアウト */
#wrapper { width: 100%; margin:0 auto; background:; border:none; }

/* */
#h1 { background:none; width:900px; margin:0 auto;}

/* ヘッダー */
#header_o { width:900px; margin:0 auto;}
#header { margin:0; height:78px; background:none; padding:10px 0 0 0;}

#logo { float:left; margin:0 0 0 0;}
.logo_text { font-weight:bolder; font-size:36px; padding:20px 0 0 0; line-height:36px;}
.logo_text a { font-weight:bolder; font-size:36px; padding:20px 0 0 0; text-decoration:none; color:#fff;}

/* メインイメージ */
#mainimg0_o { width:100%; background:url(../img/common/bg_mainimg0_o.jpg);}
#mainimg0 { width:900px; clear:both; margin:0 auto 20px; background:#fff; text-align:center;}
ul#mainimg {list-style-type:none; text-align:center; margin:0 auto;}
#mainimg li {text-align:center; width:900px; height:240px; vertical-align:middle;}
#mainimg li div {text-align:center; width:900px; height:240px; display:table-cell; vertical-align:middle;}


/* コンテナ */
#container_o { width:900px; margin:0 auto;}
#container { clear:both; margin:20px 0 0 0;}

/* メインコンテンツ */
#content { width:640px; float:right; background:; padding:0; }
#content p {margin:10px 0;}

.newsul { list-style-type:none; margin:10px 0; }
.newsul li { border-bottom:1px #666 dotted; margin:0 0 10px 0; padding:2px 0;}
.newsul li a { color:blue;}
.newsul li .news1 { margin:0 15px 0 0;}

/* サイドバー */

#sidebar { width:240px; float:left; margin:0 20px 0 0;}
#sidebar .sidemenuul { list-style-type:none; }
#sidebar .sidemenuul li { background:url(../img/common/bgsidebarlist01.jpg) center left no-repeat; padding:0 0 0 25px; line-height:39px; color:#858585; text-align:left; height:39px; border-bottom:1px #858585 dashed;}
#sidebar .sidemenuul li:hover { color:#A5A5A5; background:url(../img/common/bgsidebarlist01_o.jpg) center left no-repeat; text-decoration:none; }
#sidebar .sidemenuul li a { color:#858585; display:block; text-decoration:none; }
#sidebar .sidemenuul li a:hover { text-decoration:none; color:#A5A5A5; text-decoration:none; }
p.smtitle, p.smtitle2 { font-size:14px; font-weight:lighter; margin:0; padding:0 0 0 25px; color:#858585; background:url(../img/common/bg_smtitle.jpg) no-repeat; line-height:40px; text-align:left; height:40px; font-weight:bolder;}
p.smtitle2 { margin:40px 0 5px 0;}
p.qr_p { text-align:center; margin:40px 0 0 0;}


/* フッター */
#footer { clear:both; margin:80px 0 0 0; text-align:center;}

#pagetop { width:900px; text-align:right; padding:0 0 15px 0; margin: 20px auto 0; border-bottom:1px #858585 solid;}
#pagetop a { background:url(../img/common/pagetop01.jpg) no-repeat left center; padding:0 0 0 10px; color:#666; }

#copy { background:; text-align:center; color:#333; line-height:60px; margin:20px 0 0 0; height:60px; }
#copy a { color:#333; font-weight:bolder;}



/* 見出し設定 */

h1 { font-size:14px; font-weight: lighter; color:#fff; }
h2, h2.h2news { clear:both; font-size:18px; color:#858585; line-height:38px; padding:0 0 0 30px; margin:0 0 20px; height:40px; background:url(../img/common/bg_h201.jpg) no-repeat; }
h2.h2news { margin-top:40px;}
h3 { clear:both; font-size:15px; color:#858585; background:url(../img/common/bg_h301.jpg) no-repeat; height:29px; line-height:29px; margin:20px 0 10px 0; padding:0 0 0 16px;}
h4 { clear:both; color:#333; font-size:14px; margin:10px 0 5px 0;}

/* クーポンページ */
.coupon_table { border-collapse:collapse; width:100%; margin:10px 0 0 0; }
.coupon_table td { border:1px #bcbcbc solid; }
.coupon_table01 { font-weight:bolder; color:#333; background:url(../img/common/bgcoupon01.jpg) no-repeat; width:150px; padding:30px;}
.coupon_table02 { padding:10px;}


/* 店舗概要ページ */

.gaiyo_table { margin:15px 0 10px; background:#bcdae4;}
.gaiyo_table { width:100%; border-collapse:separate; border-spacing:1px; border:none;}
.gaiyo_table th,
.gaiyo_table td{ padding:8px 10px; border:1px solid #fff; vertical-align:top;}
.gaiyo_table th{ background:#ecf9fd; font-weight:lighter; text-align:left; white-space:nowrap; width:120px; color:#333;}
.gaiyo_table td{ background:#fbfdfd; color:#333;}



/* 商品紹介ページ */
.shohin_table { border-collapse:collapse; width:100%; margin:10px 0 0 0; }
.shohin_table th { border-bottom:1px #565656 dotted; width:30%; height:100%; padding:20px 0 10px 0; text-align:left; vertical-align:top; }
.shohin_table td { border-bottom:1px #565656 dotted; #bcbcbc solid; padding:20px 0 10px 0; }
h3.shohin_h3 {clear:both; font-size:14px; color:#333; background:none; height:100%; line-height:100%; margin:0; padding:0 0 0 10px; border-left:4px #AE6F5E solid; }

.shohin_table th img { margin:10px 0 0 0; }
.shohin_td1 { vertical-align:middle; width:50%; padding:0 0 0 10px; }
.shohin_td2 { vertical-align:bottom; width:20%; text-align:right; }

/* フォトギャラリー */
#gallery { background-color: #f5f5f5; padding: 20px;}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img { border: 5px solid #E6E6E6; border-width: 5px 5px 20px; margin:0 15px 15px 0;}
#gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 20px; color: #fff;}
#gallery ul a:hover { color: #fff; }



/* アクセスマップ */
.map_canvas { color:#333;}


/* other */
.right{ text-align:right;}

img[align=left] {
float: left;
vertical-align: top;
margin:0 10px 10px 0;
}

