@charset "UTF-8";

/* --
index
------------------------------------ */

/* --- キャンペーン情報,新着情報 --- */
div#indexBox01,
div#indexBox02{
  display:block;
  width:375px;
  height:250px;
  background-position:left top;
  background-repeat:no-repeat;
}
div#indexBox01{ float:left; background-image:url(http://www.briller.co.jp/img/index/indexBox01_bg.jpg); }
div#indexBox02{ float:right; position:relative; background-image:url(http://www.briller.co.jp/img/index/indexBox02_bg.jpg); }

div#indexBox01 h3,
div#indexBox02 h3{
  background-color:transparent;
  border-bottom:none;
  color:#ffffff;
  font-size:18px;
  font-weight:bold;
  padding-top:22px;
}
div#indexBox01 h3{ text-align:right;padding-right:60px; }
div#indexBox02 h3{ text-align:left;padding-left:20px;letter-spacing:0.2em; }

/* --- 新着リスト --- */
div#indexBox02 ul li{
  display:block;
  width:345px;
  height:24px;
  line-height:24px;
  margin:0px auto;
  background-image:url(http://www.briller.co.jp/img/common/list-icon.gif);
  background-position:left 50%;
  background-repeat:no-repeat;
  border-bottom:1px dashed #AC8551;
  text-indent:24px;
  list-style:none;
}
div#indexBox02 ul li a{
  color:#100400;
  text-decoration:none;
  background-color:transparent;
}
div#indexBox02 ul li a:hover{
  color:#100400;
  text-decoration:underline;
  background-color:transparent;
}
div#campaignBox{
  display:block;
  width:360px;
  height:180px;
  position:relative;
  margin:20px auto 15px auto;
}
div#campaignBox img{
  float:left;
}
div.campaignTxt{
  display:block;
  width:180px;
  height:132px;
  color:#ffffff;
  float:right;
  text-align:left;
  overflow:hidden;
}

/* -- more ボタン -- */
div.moreBox{
  position:absolute;
  top:220px;
  left:240px;
}

/* --- キャンペーン情報(カテゴリ) --- */
div.campaignBox02{
  width:560px;
  margin:10px auto 10px auto;
}
div.campaignBox02 img{
  float:left;
  margin-left:30px;
}
div.campaignTxt02{
  display:block;
  width:320px;
  color:#131313;
  float:right;
  text-align:left;
  margin-top:10px;
}
div.campaignDate{
  display:block;
  width:180px;
  padding:6px;
  border:1px solid #666666;
  color:#ffffff;
  background-image:url(http://www.briller.co.jp/img/campaign/CampaignDate_bg.jpg);
  background-position:left top;
  background-repeat:repeat-x;
  float:right;
}

/* --- 店舗情報 ---*/
div#shopinfoBox01 p{
  display:block;
  width:240px;
  float:right;
  clear:right;
}
div.shopinfoBox02{
  display:block;
  width:290px;
  float:left;
  text-align:center;
}
div.shopinfoBox03{
  margin:10px auto;
  text-align:center;
}
div.shopinfoBox04{
  display:block;
  margin:10px auto;
  padding:10px;
  border:1px solid #999999;
  background-color:#ededed;
}

div#indexBox03{
  display:block;
  width:615px;
  height:200px;
  float:left;
  position:relative;
  background-image:url(http://www.briller.co.jp/img/index/indexBox03_bg.jpg);
}

div.addressBox{
  display:block;
  position:absolute;
  top:60px;
  left:320px;
  color:#6f593a;
}
div#indexBox04{
  display:block;
  width:165px;
  height:200px;
  float:right;
  background-image:url(http://www.briller.co.jp/img/index/indexBox04_bg.jpg);
}
div#indexBox04 p{
  font-size:12px;
  position:relative;
  top:146px;
  left:20px;
}
/* ---------------------------------------------- */

/* --
メイン共通フッター
------------------------------------------------ */
div#mainFooter{
  display:block;
  width:545px;
  height:189px;
  background-image:url(http://www.briller.co.jp/img/common/mainFooter.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:10px auto;
  border:1px solid #d98c19;
  clear:both;
}
div#mainFooter img.leftImg{
  margin:10px 0 0 10px;
}
div.addressBox2{
  display:block;
  width:260px;
  float:right;
  clear:right;
  position:relative;
  top:50px;
  right:80px;
}
div.addressBox2 p{
  line-height:120%;
}

img.freeImg01{
  display:block;
  position:absolute;
  top:-44px;
  left:-16px;
}

/* -- W3Cロゴ -- */
div.w3cLogo{
  position:absolute;
  left:1040px;
  top:90px;
}

/* --
コンセプトページ
------------------------------------------------- */
div#conceptBox01{
  width:562px;
  height:498px;
  background-image:url(http://www.briller.co.jp/img/concept/conceptBox01_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
}
div#conceptBox01 p{
  font-size:14px;
  line-height:180%;
  position:relative;
  top:30px;
  left:30px;
  margin-bottom:20px;
}

/* --
まつげエクステページ
------------------------------------------------- */
div#eyelashBox01{
  margin-right:6px;
  background-image:url(http://www.briller.co.jp/img/eyelash/eyelash_bg01.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  padding-top:90px;
}
div#eyelashBox01 p{
  width:300px;
  text-align:left;
  clear:left;
}
table.eyelashTbl01{
  display:block;
  width:286px;
  border:1px solid #cc9900;
  margin:33px 0px 10px 20px;
}
table.eyelashTbl01 tr th{
  background-color:#cc9900;
  background-image:url(http://www.briller.co.jp/img/common/th_bg.jpg);
  background-position:left top;
  background-repeat:repeat-x;
  padding:6px 3px;
  color:#ffffff;
}

table.eyelashTbl01 tr td{
  padding:6px 3px;
  border:1px solid #ededed;
}
div#eyelashBox02{
  margin-bottom:20px;
}
div#eyelashBox02 h3{
  width:557px;
  height:56px;
  text-indent:-9999px;
  background-image:url(http://www.briller.co.jp/img/eyelash/menu_title.jpg);
  background-repeat:no-repeat;
  background-position:left top;
}
/* --- only first time --- */
div#onlyfirsttime{
  display:block;
  float:right;
  width:241px;
  height:248px;
  background-image:url(http://www.briller.co.jp/img/eyelash/oft_bg.jpg);
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
div#onlyfirsttime p{
  padding:0;
  margin:0;
}
div.oft-inner{
  width:201px;
  height:130px;
  margin:80px 10px 0px 10px;
  padding-left:10px;
  padding-right:10px;
}
div#onlyfirsttime p.title01{
  font-size:18px;
  font-weight:bold;
  letter-spacing:0.1em;
}
div#onlyfirsttime p.title02{
  height:30px;
  line-height:30px;
  color:#79420c;
  font-size:14px;
  font-weight:bold;
  letter-spacing:0.1em;
  text-indent:26px;
  background-image:url(http://www.briller.co.jp/img/nail/title02_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  border-bottom:1px solid #ccc;
}
div#onlyfirsttime p.price{
  border-bottom:1px solid #ccc;
  text-align:center;
}
div.oft-inner p.title02 span.price01
{ display:block;float:left;font-size:16px;color:#81420d;font-weight:bold;letter-spacing:0.06em; }
div.oft-inner p.title02 span.price02
{ display:block;float:right;font-size:18px;color:#b35807;font-weight:bold;letter-spacing:0.06em; }

/* --
フェイシャルエステページ
------------------------------------------------- */
div#facialsBox01{
  width:560px;
  margin:0px auto;
}
div.facialsTxt01{
  display:block;
  width:306px;
  background-image:url(http://www.briller.co.jp/img/facials/facials_title.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto;
  float:left;
  padding-top:80px;
}
div#facialsOptionMenu{
  width:560px;
  padding:3px;
  border-bottom:1px dashed #999999;
}
div#facialsOptionMenu table{
  font-size:14px;
  font-weight:bold;
}
div#facialsOptionMenu table tr td{
  padding:3px 10px 3px 3px;
  text-align:center;
}


div#facialsBox02{
  width:560px;
  margin:10px auto;
}
div.facialsBox_L{
  float:left;
}
div.facialsBox_R{
  width:280px;
  float:right;
}
div.facialsBox_R p{
  margin-top:0px;
  padding-top:0px;
}

span.menu01{
  display:block;
  width:280px;
  color:#CC780E;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size:14px;
  font-weight:bold;
  padding-top:4px;
  padding-bottom:0px;
  border-bottom:1px dashed #999999;
}
/* -- フェイシャルエステキャンペーンバナー -- */
div#facialsbanner{
  display:block;
  width:566px;
  height:114px;
  margin:10px auto;
  background-image:url(http://www.briller.co.jp/img/facials/facials_banner_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
}
div.fb-inner{
  display:block;
  padding-left:60px;
  padding-top:24px;
}
div.fb-inner p.title01{
  height:38px;
  line-height:38px;
  padding:0px 0px 0px 24px;
  margin:0px;
  color:#fff;
  letter-spacing:0.1em;
  font-weight:bold;
  font-size:16px;
  text-shadow:0px 1px 4px #000;
}
div.fb-price{
  position:relative;
}
div.fb-price span.price01{
  display:block;
  font-size:14px;
  letter-spacing:0.06em;
  font-weight:bold;
  color:#fff;
  position:absolute;
  left:130px;
  top:13px;
}
div.fb-price span.price02{
  font-size:28px;
  color:#d4910f;
  font-weight:bold;
  position:absolute;
  right:105px;
  top:3px;
}

/* --
ネイルページ
----------------------------------- */
div#nailBox01{
  width:560px;
  margin:0px auto;
}
div.nailTxt01{
  display:block;
  width:306px;
  background-image:url(http://www.briller.co.jp/img/nail/nail_title.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto;
  float:left;
  padding-top:90px;
}
/* --- 料金テーブル1 --- */
table.nailTbl01{
  display:block;
  width:360px;
  float:right;
}
table.nailTbl01 tr th{
  padding:6px;
  border:1px solid #999999;
  background-image:url(http://www.briller.co.jp/img/common/th_bg.jpg);
  background-position:left top;
  background-repeat:repeat-x;
}
table.nailTbl01 tr td{
  padding:6px;
  border:1px solid #999999;
}
/* --- 料金テーブル2 --- */
table.nailTbl02{
  display:block;
  float:right;
  position:relative;
  top:40px;
  right:60px;
}
table.nailTbl02 tr th{
  padding:6px;
  border:1px solid #999999;
  background-image:url(http://www.briller.co.jp/img/common/th_bg.jpg);
  background-position:left top;
  background-repeat:repeat-x;
}
table.nailTbl02 tr td{
  padding:6px;
  border-bottom:1px dashed #999999;
}
/* ----------------- */
div#nailBox02 h3{
  width:557px;
  height:56px;
  text-indent:-9999px;
  background-image:url(http://www.briller.co.jp/img/nail/menu_title.jpg);
  background-repeat:no-repeat;
  background-position:left top;
}
div#nailBox03{
  width:560px;
  margin:10px auto;
  clear:both;
}

/* --- only weekday --- */
div#onlyweekday{
  display:block;
  float:right;
  width:241px;
  height:193px;
  background-image:url(http://www.briller.co.jp/img/nail/img03.jpg);
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
div#onlyweekday p{
  padding:0;
  margin:0;
}
div.ow-inner{
  width:201px;
  height:130px;
  margin:40px 10px 23px 10px;
  padding-left:10px;
  padding-right:10px;
}
div#onlyweekday p.title01{
  font-size:18px;
  font-weight:bold;
  letter-spacing:0.1em;
}
div#onlyweekday p.title02{
  height:30px;
  line-height:30px;
  color:#79420c;
  font-size:14px;
  font-weight:bold;
  letter-spacing:0.1em;
  text-indent:26px;
  background-image:url(http://www.briller.co.jp/img/nail/title02_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  border-bottom:1px solid #ccc;
}
div#onlyweekday p.price{
  border-bottom:1px solid #ccc;
  text-align:center;
}
div#onlyweekday div.pricetitle{
  display:block;
  width:200px;
  height:33px;
  text-indent:-9999px;
  background-image:url(http://www.briller.co.jp/img/nail/price-title.jpg);
  background-position:left top;
  background-repeat:no-repeat;
}
p.price span.price01{ font-size:16px;color:#81420d;font-weight:bold;letter-spacing:0.06em; }
p.price span.price02{ font-size:18px;color:#b35807;font-weight:bold;letter-spacing:0.06em; }

/* --
脱毛ページ
--------------------------------- */
div#hairBox01{
  width:560px;
  margin:0px auto;
}
div.hairTxt01{
  display:block;
  width:300px;
  background-image:url(http://www.briller.co.jp/img/hair/hair_title.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto;
  float:left;
  padding-top:90px;
}
div#hairBox03{
  width:560px;
  margin:10px auto;
  clear:both;
}
/* --- ヘアー料金テーブル1 --- */
table.hairTbl01{
  display:block;
  width:280px;
  float:right;
}
table.hairTbl01 tr th{
  padding:6px;
  border:1px solid #999999;
  background-image:url(http://www.briller.co.jp/img/common/th_bg.jpg);
  background-position:left top;
  background-repeat:repeat-x;
}
table.hairTbl01 tr td{
  padding:6px;
  border:1px solid #999999;
}

/* --- Q&A ---*/
div.faqBox{
  display:block;
  width:272px;
  height:275px;
  background-image:url(http://www.briller.co.jp/img/hair/faqBox_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  float:left;
}
div.faqTitle{
  display:block;
  width:272px;
  height:73px;
  line-height:70px;
  color:#ffffff;
  font-weight:bold;
  text-indent:40px;
}
div.buttonbox{
  margin:0px auto;
  text-align:center;
}
/* --
リクルートページ
--------------------------------------- */
div#recruitBox02{
  width:560px;
}
div#recruitBox02 h5{
  display:block;
  width:380px;
  text-align:left;
  float:right;
}
table.recruitTbl01{
  display:block;
  width:380px;
  border:1px solid #cc9900;
  float:right;
}
table.recruitTbl01 tr th{
  background-color:#cc9900;
  background-image:url(http://www.briller.co.jp/img/common/th_bg.jpg);
  background-position:left top;
  background-repeat:repeat-x;
  padding:3px;
  color:#ffffff;
}

table.recruitTbl01 tr td{
  padding:3px;
  border:1px solid #ededed;
}
div#recruitBox03{
  width:560px;
  margin:20px auto;
}
div#recruitBox03 img{
  display:block;
  float:left;
  margin:0px 6px;
}

/* --
ご予約・お問合せ
-------------------------------------- */
div#contactBox01{
  display:block;
  width:560px;
  height:127px;
  margin:20px auto;
  background-image:url(http://www.briller.co.jp/img/contact/contact_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  position:relative;
}
p.contactTxt01,
p.contactTxt02,
p.contactTxt03{
  display:block;
  position:absolute;
  top:30px;
}
p.contactTxt01{ left:0px; }
p.contactTxt02{ left:134px; }
p.contactTxt03{ left:268px; }

div.contactBox02{
  display:block;
  border:1px solid #cc9900;
  margin:10px auto;
  padding:6px;
  text-align:center;
}
table.contactTbl01{
  display:block;
  border:1px solid #cc9900;
  margin:10px auto;
}
table.contactTbl01 tr th{
  width:140px;
  background-color:#cc9900;
  background-image:url(http://www.briller.co.jp/img/common/th_bg.jpg);
  background-position:left top;
  background-repeat:repeat-x;
  padding:3px;
  color:#ffffff;
}
table.contactTbl01 tr td{
  width:400px;
  padding:3px;
  border:1px solid #ededed;
}

/* -- フッターリンク -- */
div.linkBox{
  width:700px;
  color:#ffffff;
  text-align:left;
  font-size:12px;
  margin:20px auto 0px auto;
  line-height:140%;
}
div.linkBox a{
  color:#ffffff;
  text-decoration:none;
}
div.linkBox a:hover{
  text-decoration:underline;
}
div#linkButton{
  position:absolute;
  right:236px;
  top:74px;
}
div#linkButton2{
  position:absolute;
  right:130px;
  top:74px;
}

/* --
お客様の声
------------------------------------- */
div.voiceBox{
  display:block;
  width:554px;
  height:245px;
  background-image:url(http://www.briller.co.jp/img/voice/voice_bg.gif);
  background-position:left top;
  background-repeat:no-repeat;
}
div.voiceBox img{
  position:relative;
  top:20px;
  left:20px;
}
span.voiceTitle{
  display:block;
  width:554px;
  text-align:left;
  font-size:18px;
  font-weight:bold;
  height:40px;
  line-height:40px;
  text-indent:20px;
}
div.voiceTxt{
  font-size:90%;
  display:block;
  width:400px;
  float:right;
}

/* --
良くある質問
------------------------------------- */
div.faqBox02{
display:block;
width:520px;
margin:0 auto 10px auto;
}

/* ---
その他装飾
------------------------------------ */
span.yen{
  text-align:center;
  font-size:14px;
  font-weight:bold;
  color:#ff0000;
}
span.yen_s{
  text-align:center;
  font-size:11px;
  font-weight:bold;
  color:#131313;
}
div.centerTxt{
  text-align:center;
  margin:0 auto;
}

p.bigRed{
  font-size:20px;
  font-weight:bold;
  color:#ff0000;
}
fieldset{
  padding:10px;
  background-color:#ffffff;
}
ul.site-archives{
  display:block;
}
ul.site-archives li{
  display:block;
}

span.boxImg{
  display:block;
  width:230px;
  height:173px;
  position:relative;
  top:40px;
  float:right;
}

/* -- 良くある質問Q&A --*/
.qanda01,.qanda02,.qanda03,.qanda04,.qanda05,.qanda06,.qanda07,.qanda08,.qanda09,
.qanda10,.qanda11,.qanda12,.qanda13,.qanda14,.qanda15,.qanda16,.qanda17,.qanda18,
.qanda19,.qanda20,.qanda21{
  border:3px solid #CC9900;
  background-color:#ffffff;
  font-size:90%;
}
.qanda01 p,.qanda02 p,.qanda03 p,.qanda04 p,.qanda05 p,.qanda06 p,.qanda07 p,.qanda08 p,.qanda09 p,
.qanda10 p,.qanda11 p,.qanda12 p,.qanda13 p,.qanda14 p,.qanda15 p,.qanda16 p,.qanda17 p,.qanda18 p,
.qanda19 p,.qanda20 p,.qanda21 p{
display:block;
position:relative;
left:-10px;
width:510px;
letter-spacing:0.1em;
}