@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:#333; background:url(../img/common/bg_body.jpg) repeat-x; line-height:150%;}
a { color:#00f; text-decoration:none;}
a:hover { color:#00f; text-decoration:underline; }


/* 基本レイアウト */
#wrapper { width: 900px; margin:0 auto; background:#fff; border:none; }

/* */
#h1 { background:none; background:url(../img/common/bg_body.jpg) repeat-x; color:#fff;}

/* ヘッダー */
#header { margin:0; height:78px; background:url(../img/common/bg_header.jpg) no-repeat; padding:10px 0 0 0;}

#logo { float:left; margin:0 0 0 20px;}
.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:#333;}
#topnav { float:right; margin:0 20px 0 0;}
#topnav .topnavul { list-style-type:none; }
#topnav .topnavul li { background:url(../img/common/bgtopnav01.png) no-repeat left center; padding:2px 0 0 18px; margin:0 0 0 10px; float:left;}
#topnav .topnavul li a { text-decoration:none; color:#333; }
#topnav .topnavul li a:hover { text-decoration:underline; }


/* メインイメージ */
#mainimg0 {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 { clear:both; margin:20px 0 0 0;}

/* メインコンテンツ */
#content { width:640px; float:left; background:#fff; 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:#00BFFF;}
.newsul li .news1 { margin:0 15px 0 0;}

/* サイドバー */

#sidebar { width:240px; float:right; margin:0 0 0 20px;}
#sidebar .sidemenuul { list-style-type:none; }
#sidebar .sidemenuul li { background:url(../img/common/bgsidebarlist01.jpg) no-repeat; padding:0 0 0 30px; line-height:39px; color:#333; text-align:left; height:39px; }
#sidebar .sidemenuul li:hover { color:#333; background:url(../img/common/bgsidebarlist01_o.jpg) no-repeat; text-decoration:none; }
#sidebar .sidemenuul li a { color:#333; display:block; text-decoration:none; }
#sidebar .sidemenuul li a:hover { text-decoration:none; color:#333; text-decoration:none; }
p.smtitle, p.smtitle2 { font-size:14px; font-weight:lighter; margin:0; padding:0 0 0 25px; color:#fff; background:url(../img/common/bg_smtitle.jpg) no-repeat; line-height:31px; text-align:left; height:31px;}
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;}

#pagetop { text-align:right; border-bottom:1px #000 dotted; padding:0 0 15px 0; margin: 20px 0 0 0; }
#pagetop a { background:url(../img/common/pagetop01.jpg) no-repeat left center; padding:0 0 0 10px; color:#666; }

#copy { background:url(../img/common/bg_footer.jpg) no-repeat; text-align:center; color:#fff; line-height:60px; margin:20px 0 0 0; height:60px; }
#copy a { color:#fff; font-weight:bolder;}



/* 見出し設定 */

h1 { font-size:14px; font-weight: lighter; }
h2, h2.h2news { clear:both; font-size:16px; color:#333; 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:#333; background:url(../img/common/bg_h301.jpg) no-repeat; height:29px; line-height:23px; margin:20px 0 10px 0; padding:0 0 0 16px;}
h4 { clear:both; color:#206BDE; 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; 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; }
.gaiyo_table td{ background:#fbfdfd; }



/* 商品紹介ページ */
.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; }


/* other */
.right{ text-align:right;}

img[align=left] {
float: left;
vertical-align: top;
margin:0 10px 10px 0;
}