@charset "utf-8";

/*---------------------------------------------
01. *, body
---------------------------------------------*/
*      { margin: 0px; padding: 0px; font-size: 100%; }
body   { color: #444444; font-family: "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; text-align: center; background-color: #ffffff; }
#wrap  { width: 960px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; text-align: left; background-color: #ffffff; }
hr     { display: none; }
img    { border: none; vertical-align: middle; }
sup, sub { font-size: 80%; }

a { overflow: hidden }
a:link            { color: #000000; text-decoration: underline; }
a:visited         { color: #444444; text-decoration: underline; }
a:hover, a:active { color: #FF6600; text-decoration: underline; }

/*---------------------------------------------
02. header
---------------------------------------------*/
#header         { width: 960px; margin: 0px auto; line-height: 1em; text-align: left; }
#headerLogo     { float: left; width: 136px; height: 79px; }
#headerLogo h1,
#headerLogo p   { width: 136px; height: 30px; position: relative; top: 0px; left: 0px; }

#header .catch  { width: 275px; float: left; margin-top: 28px; padding-left: 12px; font-size: 10px; line-height: 1.4em; color: #444444; }
#headerRight     { float: right; width: 410px; padding-top: 15px; }
#headerRight p   { font-size: 10px; line-height: 1.4em; color: #FF6600; text-align: right; }
#headerRight ul{ padding: 0; margin: 0; list-style-type:none; }
#headerRight li{ float: right; padding: 0; margin: 5px; text-indent:-9999px; }

#headerRight li a{ display: block; height: 26px; }

li.mem01 a { width: 90px; background: url(../imgs/mem01.gif)  0 0; }
li.mem02 a { width: 90px; background: url(../imgs/mem02.gif)  0 0; }
li.mem03 a { width: 90px; background: url(../imgs/mem03.gif)  0 0; }
li.mem04 a { width: 90px; background: url(../imgs/mem04.gif)  0 0; }
li.mem05 a { width: 90px; background: url(../imgs/mem05.gif)  0 0; }
li.mem06 a { width: 90px; background: url(../imgs/mem06.gif)  0 0; }

/*---------------------------------------------
03. NaviArea
---------------------------------------------*/
#NaviArea{ clear: both; width: 958px; margin: 0px; height: 35px; border: 1px #444444 solid; }
#NaviArea ul{ padding: 0; margin: 0; list-style-type:none; }
#NaviArea li{ float: left; padding: 0; margin: 0; text-indent:-9999px; }

#NaviArea li a{ display: block; height: 35px; }

li.top a { width: 54px; background: url(../imgs/navi_top.gif)  0 0; }
li.top a:hover  { background: url(../imgs/navi_top_on.gif)  0 0; }
li.topics a { width: 138px; background: url(../imgs/navi_topics.gif)  0 0; }
li.topics a:hover { background: url(../imgs/navi_topics_on.gif)  0 0; }
li.bri a { width: 127px; background: url(../imgs/navi_bridal.gif)  0 0; }
li.bri a:hover  { background: url(../imgs/navi_bridal_on.gif)  0 0; }
li.eco a { width: 95px; background: url(../imgs/navi_eco.gif)  0 0; }
li.eco a:hover  { background: url(../imgs/navi_eco_on.gif)  0 0; }
li.pick a { width: 133px; background: url(../imgs/navi_pick.gif)  0 0; }
li.pick a:hover  { background: url(../imgs/navi_pick_on.gif)  0 0; }
li.machi a { width: 118px; background: url(../imgs/navi_machi.gif)  0 0; }
li.machi a:hover  { background: url(../imgs/navi_machi_on.gif)  0 0; }
li.pre a { width: 119px; background: url(../imgs/navi_present.gif)  0 0; }
li.pre a:hover  { background: url(../imgs/navi_present_on.gif)  0 0; }
li.bbs a { width: 71px; background: url(../imgs/navi_bbs.gif)  0 0; }
li.bbs a:hover  { background: url(../imgs/navi_bbs_on.gif)  0 0; }
li.bn a { width: 103px; background: url(../imgs/navi_bn.gif)  0 0; }
li.bn a:hover  { background: url(../imgs/navi_bn_on.gif)  0 0; }

/*---------------------------------------------
04. SearchArea
---------------------------------------------*/
#SearchArea{ width: 958px; margin: 0px; height: 35px; border-left: 1px #444444 solid; border-right: 1px #444444 solid; border-bottom: 1px #444444 solid; background-color: #F0F0F0; }
#SearchAreaRight { float: left; width: auto; margin: 10px 6px 6px 6px;}
#SearchArea form { float: left; width: auto; margin: 0;}
#SearchArea select { margin: 6px 0 6px 6px; font-size: 80%;}
#SearchArea input.txt { height: 15px; margin: 6px 0 6px 6px; font-size: 80%;}
#SearchArea input { margin: 0 10px 0 5px; }

/*---------------------------------------------
05. main
---------------------------------------------*/
#content { width: 960px; margin: 15px auto; text-align: left; }
#pan{width: 960px; margin: 0 0 10px 10px; }
#pan ul{ margin: 0; padding: 0; list-style-type: none;}
#pan li{ float: left; margin: 0 0 auto 5px; font-size:80%; }
#mainLeft { float: left; width: 640px; margin: 0 10px 20px 10px; padding: 0; text-align: left; }
#mainRight { float: right; width: 260px; margin: 0 10px 20px 0; padding: 0; text-align: left; }
.cl{clear: both;}

#s-title{width: 640px; height: 30px; margin: 0; padding: 0; background: url(../imgs/shop/title_bg.gif)  0 0;}
#s-title-l{ float: left; width: 55%; height: 20px; margin: 10px 0 0 0; padding: 0;}
#s-title-r{ float: right; width: 40%; height: 20px; margin: 10px 5px 0 0; padding: 0; text-align: right; font-weight: bold;}
#name{width: 640px; height: 100px; margin: 0; padding: 0; background: url(../imgs/shop/name_bg.gif)  0 0;}
#subtitle{width: 600px; margin: 15px 20px 0 20px; padding: 0; font-size: 10px; color:#FF6600;}
#shopname{width: 600px; margin: 5px 20px 0 20px; padding: 0; }
.sname{ color:#FF6600; font-weight: bold;}
.kana{ font-size: 92%; }
#catearea{width: 600px; margin: 15px 20px 0 20px; padding: 0; font-size: 75%;}


#BaseMenu{width: 635px; height: 25px; margin: 20px 0 0 0; padding: 0; }
#BaseMenu ul{ padding: 0; margin: 0; list-style-type:none; }
#BaseMenu li{ float: left; padding: 4px; margin: 0 2px 2px 0; font-size: 80%;}

li.btop{ border: 1px solid #CCCCCC; width: 80px; text-align: center; background: url(../imgs/shop/list_bg.jpg)  repeat-x 0 0; }
li.btop-on{ border: 1px solid #CCCCCC; width: 80px; text-align: center; background: url(../imgs/shop/list_bg_on.jpg)  repeat-x 0 0; color:#FF6600; }

li.event{ border: 1px solid #CCCCCC; width: 80px; text-align: center; background: url(../imgs/shop/list_bg.jpg)  repeat-x 0 0; }
li.event-on{ border: 1px solid #CCCCCC; width: 80px; text-align: center; background: url(../imgs/shop/list_bg_on.jpg)  repeat-x 0 0; color:#FF6600; }
li.map{ border: 1px solid #CCCCCC; width: 100px; text-align: center; background: url(../imgs/shop/list_bg.jpg)  repeat-x 0 0; }
li.map-on{ border: 1px solid #CCCCCC; width: 100px; text-align: center; background: url(../imgs/shop/list_bg_on.jpg)  repeat-x 0 0; color:#FF6600; }
li.mail{ border: 1px solid #CCCCCC; width: 120px; text-align: center; background: url(../imgs/shop/list_bg.jpg)  repeat-x 0 0; }
li.mail-on{ border: 1px solid #CCCCCC; width: 120px; text-align: center; background: url(../imgs/shop/list_bg_on.jpg)  repeat-x 0 0; color:#FF6600; }
#OpMenu{clear: both;width: 635px; height: 25px; margin: 2px 0 0 0; padding: 0; }
#OpMenu ul{ padding: 0; margin: 0; list-style-type:none; }
#OpMenu li{ float: left; padding: 4px; margin: 0 2px 2px 0; font-size: 80%;}

li.freeA{ border: 1px solid #CCCCCC; width: 170px; text-align: center; background: url(../imgs/shop/list_bg.jpg)  repeat-x 0 0; }
li.freeA-on{ border: 1px solid #CCCCCC; width: 170px; text-align: center; background: url(../imgs/shop/list_bg_on.jpg)  repeat-x 0 0; color:#FF6600; }

li.freeB{ border: 1px solid #CCCCCC; width: 170px; text-align: center; background: url(../imgs/shop/list_bg.jpg)  repeat-x 0 0; }
li.freeB-on{ border: 1px solid #CCCCCC; width: 170px; text-align: center; background: url(../imgs/shop/list_bg_on.jpg)  repeat-x 0 0; color:#FF6600; }
li.freeC{ border: 1px solid #CCCCCC; width: 170px; text-align: center; background: url(../imgs/shop/list_bg.jpg)  repeat-x 0 0; }
li.freeC-on{ border: 1px solid #CCCCCC; width: 170px; text-align: center; background: url(../imgs/shop/list_bg_on.jpg)  repeat-x 0 0; color:#FF6600; }
#infobody{ width: 638px; margin: 20px 0 20px 0; padding: 0; border: 1px #CCCCCC solid; }
#infoPR{ width: 605px; margin: 14px; padding: 0; font-weight: bold; color: #FF6600; }

#infoTT{ width: 600px; margin: 14px; padding: 5px; font-weight: bold; background-color: #F0F0F0; }


#info{ width: 638px; margin: 0; padding: 0; }
#info dl{ margin:5px 3px 5px 10px;}
#info dt, #info dd{ display: block; font-size: 80%; margin:10px 5px 0 5px; line-height: 120%; }
#info dt { width: 280px; float: left; margin: 0px 20px 0px 0px; }
#info dt img { float: left; margin:0 10px 0 0; border: 5px #F0F0F0 solid; }

#infoA{ width: 630px; margin: 0; padding: 0; font-size: 80%;}
#infoA dl{ margin:5px 3px 5px 10px;}
#infoA dt, #infoA dd{ display: block; margin:10px 5px 0 5px; }
#infoA dt img { float: left; margin:0 10px 0 0; }

.subPH{ width: 608px; margin: 10px; padding: 0;}
.subPH td{ width: 33%; font-size: 80%;}

#infoB{ width: 630px; margin: 0; padding: 0;}
.infoB-box{ width: 268px; border: 1px #CCCCCC solid; float: left; margin: 0 15px 20px 15px;}
.infoB-box img{ margin: 10px; padding: 0;}
.infoB-box p{ font-size: 80%; margin: 10px;}

.infoC{ width: 608px; margin: 0 0 15px 15px; padding: 0; border: 1px #CCCCCC solid;}
.infoC dl{ margin:5px 3px 10px 10px; font-size: 80%;}
.infoC dt{ display: block; margin:10px 5px 0 5px; }
.infoC dd{ display: block; margin:10px 5px 0 5px; }
.infoC dt img { float: left; margin:0 10px 5px 0; }
.infoC dd p{ color: #FF6600; font-weight: bold; margin-bottom: 10px; }

#news{ width: 610px; margin: 20px 0 0 15px;padding: 0; background-color: #F0F0F0; }
#news h3 { margin: 10px 0 10px 15px;}
.box-w{ width: 560px; margin: 0 15px 15px 15px; padding: 10px; font-size: 80%; background-color: #FFFFFF;}
#event{ width: 610px; margin: 20px 0 20px 15px;padding: 0; background-color: #F0F0F0; }
#event h3 { margin: 10px 0 10px 15px;}
.ebox{ width: 560px; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: dotted 1px #CCCCCC;}
.tit{ width: 560px; margin: 0 0 15px 15px; padding: 10px; background-color: #FFFFFF;}
.tit-l{ float: left; width:350px ; font-size: 80%; font-weight: bold; text-align: left; color: #FF6600;}
.tit-r{ float: right; width:180px ; font-size: 80%; text-align: right; color: #FF6600;}
#event dl{ margin:5px 3px 5px 0;}
#event dt, #event dd{ display: block; margin:10px 5px 0 5px; }
#event dt img { float: left; margin:0 10px 0 0; }

#pickup{ width: 610px; margin: 20px 0 0 15px;padding: 0; background-color: #F0F0F0; }
#pickup h3 { margin: 10px 0 10px 15px;}
#pickup dl{ margin:5px 3px 5px 0;}
#pickup dt, #pickup dd{ display: block; margin:10px 5px 0 5px; }
#pickup dt img { float: left; margin:0 10px 0 0; }

#pickupBox{ width: 610px; margin: 20px 0 20px 15px; padding: 0;}
#pickupBox-L{ width: 304px; margin: 0; padding: 0; border-right: 1px #CCCCCC dotted; float: left;}
#pickupBox-R{ width: 304px; margin: 0; padding: 0; float: right;}



#contact{ width: 610px; margin: 20px 0 0 15px;padding: 0; background-color: #F0F0F0; }
#contact h3 { margin: 10px 0 10px 15px;}
.tx{ width:590px; margin: 20px 0 0 25px;padding: 0; font-size: 80%; }
.tx-o{ font-size: 10px; color: #FF6600;}
#submit{ width: 100%; margin: 10px 0 20px 0; text-align: center;}
.error_msg {
margin: 10px 0px 10px 0px;
padding: 10px 10px 10px 10px;
line-height: 140%;
text-align: left;
border-color: #CC7777;
border-style: solid;
border-width: 1px;
background-color: #FEFBE0;
}
.error_msg ul {
margin: 4px 0px 4px 0px;
padding: 0px 0px 0px 30px;
}

.menulist{ list-style-type: none; }
.menu-t{ float: left; width: 210px; font-weight: bold; color: #FF6600;}
.dot{ float: left; margin: 0 5px; text-align: center;}
.price{ float: left; width: 120px; font-weight: bold; text-align: right;}

.menulist2{ list-style-type: none; font-size: 80%; margin-left: 5px; width: 600px;}
.menu-t2{ float: left; width: 60%; color: #FF6600;}
.dot2{ float: left; width: 5% ;margin: 5px 5px 0 0; text-align: center;}
.price2{ float: left; width: 25%; text-align: right;}




#coupon{ width: 610px; margin: 20px 0 0 15px;padding: 0; background-color: #F0F0F0; }
#coupon h3 { margin: 10px 0 10px 15px;}
.box-wo{ width: 560px; margin: 0 15px 15px 15px; padding: 10px; font-size: 80%; background-color: #FFFFFF; font-weight: bold; color: #FF6600;}
.box-wo img { float: right; margin: 0 5px;}

#recruit{ width: 610px; margin: 20px 0 0 15px;padding: 0; background-color: #F0F0F0; }
#recruit h3 { margin: 10px 0 10px 15px;}
.box-w2{ width: 560px; margin: 0 15px 15px 15px; padding: 10px; font-size: 80%; background-color: #FFFFFF; font-weight: bold; color: #FF6600;}
.rec-t{ width: auto; margin:  0 10px 5px 10px; padding: 0; font-weight: bold; color: #FF6600; border-bottom: 1px #CCCCCC dotted;}
.rec-m{ width: auto; margin:  5px 10px 0 10px; padding: 0; }

#service{ width: 610px; margin: 20px 0 20px 15px;padding: 0; background-color: #FFECC7; }
#service h3 { margin: 10px 0 10px 15px;}
#service ul{ width: 560px; margin: 0 15px 15px 15px; padding: 0px; list-style-type: none; }
#service li{ float: left; margin: 0 8px 8px 0; padding: 0px; background-color: #FF6600;}
#service li p{  margin: 4px; padding: 0px; font-size: 10px; color:#FFFFFF; white-space:nowrap;}

#sdata{width: 640px; margin: 0; padding: 0; }
#d-title{width: 640px; height: 30px; margin: 0; padding: 0; background: url(../imgs/shop/title_bg.gif)  0 0;}
#d-title h2{ margin: 8px 0 0 0;}
.data{ width: 610px; margin: 10px 0 20px 15px; text-align: left;}
.data th{ width: 35%; padding: 4px 0 4px 10px; background-color: #F0F0F0; font-weight: normal; font-size: 80%;}
.data td{ width: 65%; padding: 4px 0 4px 10px; background-color: #FAFAFA;  font-size: 80%;}
.small{ font-size: 10px;}
.data td img{ float: right; margin: 0 10px 0 0;}

#c-title{width: 640px; height: 30px; margin: 20px 0 0 0; padding: 0; background: url(../imgs/shop/title_bg.gif)  0 0;}
#c-title h2{ margin: 8px 0 0 0;}
#pcoupon{width: 640px; height: 200px; margin: 20px 0 10px 0; padding: 0; background: url(../imgs/shop/coupon_bg.jpg)  0 0;}
#pcoupon-date{ width: 470px; height: 25px; margin: 8px 5px 0 165px; text-align: right; font-size: 80%;}
#pcoupon-n{ width: 470px; height: 25px; margin: 10px 5px 0 165px; text-align: center; font-weight: bold; color: #FFFFFF;}
#pcoupon-t{ width: 400px; height: 50px; margin: 5px 5px 0 165px; text-align: left; font-weight: bold; color: #000000;}
#pcoupon-s{ width: 470px; margin: 5px 5px 0 165px; text-align: left; border-top: 1px #CCCCCC solid; font-size: 10px; padding-top: 5px;}

#print{ width: 100%; margin: 10px 0 20px 0; text-align: center;}

#gmap{ width: 638px; height: 300px; margin: 10px 0; border: 1px #CCCCCC solid;}
#pagetop{ width: 100%; margin: 10px 0 10px 0; text-align: right;}

#calendar { width: 260px; margin: 0; padding: 0px; background-color: #F0F0F0;}
.title{margin: 10px 0 10px 15px;}
.month{ text-align: right; font-family: tahoma; padding: 0px; font-size: 12px; font-weight: bold; margin: 0 5px 0 0;}
#cal-body { width: 245px; height: 152px; margin: 10px 0 10px 15px; padding: 0; background: url(../imgs/cal_body.gif)  0 0;}
#cal-body ul{ list-style: none; width: 235px; margin: 10px 5px 10px 5px ; padding: 0px; }
#cal-body li{ width: 14%; float: left; margin: 0px; padding: 0px; text-align: center; }
ul.days{ list-style: none; width: 235px; margin: 8px 5px 5px 5px ; padding: 0px; }
li.day{width: 14%; float: left; margin:0; padding:0px; font-family:'tahoma'; text-align: center; font-size: 13px; }
li.today{width: 14%; float: left; margin:0; padding:0px; font-family:'tahoma'; background-color: #444444; text-align: center; font-size: 13px; color: #FFFFFF;}

li.day a:link, a:visited { color: #FF6600; text-decoration: underline; }
li.day a:hover, a:active  { color: #000000; text-decoration: underline; }
li.today a:link, a:visited { color: #FF6600; text-decoration: underline; }
li.today a:hover, a:active  { color: #FFFFFF; text-decoration: underline; }

.info { width: 260px; margin: 10px 0 0 0; padding: 0px; background-color: #F0F0F0;}
.body{ width: 226px; height:auto; margin: 0 12px 12px 12px; padding: 5px; background-color: #FFFFFF;}
.body-t{ font-size: 80%; font-weight: bold;}
.body-l{ width: auto; float: left; margin:5px 3px 10px 3px;}
.body-r{ width: auto; font-size: 10px; margin:10px 5px 0 0;}
.body-r p{ font-size: 10px; margin:10px 5px 0 0;}
.more{ margin: 10px 0 10px 5px; padding: 0px;}

.body2{ width: 226px; margin: 0 12px 12px 12px; padding: 5px; background-color: #FFFFFF;}
.body3{ width: 226px; height:80px; margin: 0 12px 12px 12px; padding: 5px; background-color: #FFFFFF;}
.body3 dl{ margin:5px 3px 5px 3px;}
.body3 dt.body3 dd{ display: block; font-size: 10px; margin:10px 10px 0 5px;}
.body3 dt img { float: left; margin:0 5px 0 0}

.body4{ width: 226px; height:70px; margin: 0 12px 12px 12px; padding: 5px; background-color: #FFFFFF;}
.body4 dl{ margin:5px 3px 5px 3px;}
.body4 dt, .body4 dd{ display: block; font-size: 10px; margin:10px 5px 0 5px;}
.body4 dt img { float: left; margin:0 5px 0 0}
.kiji{ width: 100%; margin: 0 0 5px 0; padding-bottom:5px;  border-bottom: 1px #444444 dotted;}
.date{ width:60px; font-family:'tahoma'; text-align: center; font-size: 10px; background-color: #000000; padding:2px; color: #FFFFFF;}
.cate{ font-size: 10px; margin:0 0 0 10px;}

.kiji{ width: 100%; margin: 0 0 5px 0; padding-bottom:5px;  border-bottom: 1px #444444 dotted;}
.date2{ width:60px; font-family:'tahoma'; text-align: center; font-size: 10px; background-color: #FF6600; padding:2px; color: #FFFFFF;}
.more2{ width: 210px; margin: 5px; padding: 0px; text-align: right;}
.body3{ width: 226px; height:80px; margin: 0 12px 12px 12px; padding: 5px; background: url(../imgs/shop/mobile_bg.gif)  0 0;}
.body-txt{ width: auto; font-size: 10px; margin:20px 20px 0 0;}
.body4{ width: 226px; height:70px; margin: 0 12px 12px 12px; padding: 5px; background-color: #FFFFFF;}

.banner-img { margin:10px 0 0 0; padding: 0;}

/*---------------------------------------------
06. footer
---------------------------------------------*/
#footer         { clear: both; width: 960px; margin: 0px auto; text-align: left; border-top: double #CCCCCC; font-family: tahoma; font-size: 10px;}
#footer-l         { float: left; width: 55%; margin: 4px 0px; text-align: left; }
#footer-r         { float: right; width: 40%; margin: 4px 0px; text-align: right; }
#footer-l ul { margin: 0 0 0 10px; list-style-type: circle; }
#footer-l li { float: left; margin: 0 10px ; }