@charset "utf-8";
/* ======================== 目次 ==========================

	[01]:各要素リセット・基本設定
	[02]:レイアウト
	[03]:リンク
	[04]:ヘッダ
	[05]:ナビゲーション
	[06]:タイトル ヘッドライン
	[07]:フッタ
	[08]:コンテンツ共有
	[09]:What'sNew
	[10]:キャンペーン情報
	[11]:WITHdom高価買取の秘密！
	[12]:高価買取のポイントお教え致します
	[13]:最近のお買取品
	[14]:よくある質問
	[15]:右ナビゲーション
	
======================================================== */


/* -------------------------[04]:ヘッダ */

div#header 			{ width: 950px; height: 127px; margin:0px auto; padding: 0px; position: relative; }
div#header h1		{ font-size: 10px; color: #630; padding: 3px 5px 0px; }
div#header .siteLogo	{ width: 205px; height: 60px; display: block; padding: 2px 5px 7px; }
div#header .contactBox	{ width: 485px; position: absolute; top: 22px; right: 3px; }
div#header .telNo		{ width: 307px; float: left; padding: 0px; }
div#header .contactBt	{ width: 169px; float: right; padding: 0px; }


#navi {
	height: 20px;
}



/* -------------------------[07]:フッタ */
div#footer		{ clear: both; width: 940px; height: 270px; color:#fff; margin: 0px auto; padding: 30px 0px 0px; margin: 0px auto; text-align: left; display: block; }

div#footer .contactBox	{ width: 932px; margin: 0px auto; padding: 3px; border: 1px solid #CCC; background: #FFF; }
div#footer .contactBox .telBox	{ width: 432px; height: 97px; float: left; }
div#footer .contactBox .mailBox	{ width: 496px; height: 97px; float: right; }
div#footer .contactBox .mailBox .cap	{ width: 496px; height: 45px; }
div#footer .contactBox .mailBox .btn	{ background: url(/img/footer_con_bg.gif) no-repeat; width: 496px; height: 52px; position: relative; }
div#footer .contactBox .mailBox .btn img{ position: absolute; top: 7px; right: 10px; }

div#footer ul.fnvgBox	{ width: 940px; padding: 21px 5px 5px; margin: 0px auto; }
div#footer ul.fnvgBox li{ float: left; padding: 0px 15px 0px 0px; }
div#footer ul.fnvgBox li a{ color: #FFF; height:13px; background:url(../img/fsnvg.gif) no-repeat left -1px; padding-left:8px; }
div#footer ul.fnvgBox li a:hover{ color: #C3A990; height:13px; background:url(../img/fsnvg.gif) no-repeat 1px -1px; }


div#footer .salonInfo	{ width: 950px; height: 64px; padding: 15px 0px 0px 5px; }
div#footer .salonInfo .logoBox	{ width: 211px; height: 64px; float: left; }
div#footer .salonInfo address	{ display: block; float: left; font-size: 10px; font-style: normal; line-height: 16px; padding: 0px 0px 0px 15px; }

div#footer .footerTlink	{ width: 300px; color: #FFF; padding: 15px 0px 0px 10px; float: left; }
div#footer .footerTlink a	{ color: #FFF; }
div#footer .copyRight	{ width: 400px; float: right; font-family: Arial; font-size: 10px; padding: 15px 10px 0px 0px; text-align: right; }



/* -------------------------[08]:コンテンツ共通 */
h2.pageTitle	{ width: 950px; height: 85px; margin: 0px auto; }

div#topContents	{ width: 940px; margin: 0px auto; padding: 15px 0px 0px; }
div#topContents .panList	{ font-size: 80%; padding: 3px 0px 3px 5px; height: 14px; color: #630; text-align: left; }
div#topContents .panList span	{ font-weight: bold; }

div#leftContents{ width: 700px; float: left; }

.red	{ color: #F00; }

/* --コンテンツタイトル-- */
h3.contentsTit	{ background: url(/img/common/sti_back.gif) no-repeat; width: 650px; height: 28px; color: #FFF; font-size: 120%; font-weight: bold; padding: 12px 0px 0px 50px;  }
h3.contentsTit2	{ background: url(/img/common/sti_back2.gif) no-repeat; width: 650px; height: 28px; color: #FFF; font-size: 120%; font-weight: bold; padding: 12px 0px 10px 50px;  }


/* --コンテンツテーブル-- */
table.opDetail	{ width: 680px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
table.opDetail th	{ width: 90px; background: #f5efea; padding: 8px; font-weight: bold; text-align: left; vertical-align: top; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
table.opDetail td	{ background: #FFF; padding: 8px; text-align: left; vertical-align: top; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
table.opDetail caption	{ text-align: left; padding: 3px 0px; }

table.opDetail2	{ width: 680px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
table.opDetail2 th	{ background: #f5efea; padding: 8px; font-weight: bold; text-align: left; vertical-align: top; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
table.opDetail2 td	{ background: #FFF; padding: 8px; text-align: left; vertical-align: top; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
table.opDetail2 td ul{ padding: 0px; margin: 0px; }
table.opDetail2 td li{ background: url(/img/tab_point.gif) no-repeat 0 4px; padding: 0px 0px 3px 15px; }
table.opDetail2 caption	{ text-align: left; padding: 3px 0px; }

/* --コンテンツリンク-- */
div.underLink		{ background: url(/img/common/org_arrow.gif) no-repeat right; padding: 7px 12px 0px 0px; text-align: right; margin-right: 5px; }

/* --施術の流れ-- */
div.stepData	{ background: url(/img/common/step_bg.gif) no-repeat; width: 660px; height: 410px; padding: 10px 10px 20px; }/* height: 305px; */
div.stepData .stepList	{ width: 220px; float: left; }
div.stepData .stepList a{ color: #FFF; text-decoration: underline; font-size: 90%; width:220px; height:27px; display:block;  padding:8px 0 0 0 ; }
div.stepData .stepList span	{ font-size: 70%; }
div.stepData .stepList .step01	{ background: url(/img/common/camp_flow01_bg.gif) no-repeat; width: 220px; height: 35px; font-size: 16px; font-weight: bold; color: #FFF; text-align: center; padding: 0px 0px 0px; }
div.stepData .stepList .step02	{ background: url(/img/common/camp_flow02_bg.gif) no-repeat; width: 220px; height: 35px; font-size: 16px; font-weight: bold; color: #FFF; text-align: center; padding: 0px 0px 0px; }
div.stepData .stepList .step03	{ background: url(/img/common/camp_flow03_bg.gif) no-repeat; width: 220px; height: 35px; font-size: 16px; font-weight: bold; color: #FFF; text-align: center; padding: 0px 0px 0px; }
div.stepData .stepList .step04	{ background: url(/img/common/camp_flow04_bg.gif) no-repeat; width: 220px; height: 35px; font-size: 16px; font-weight: bold; color: #FFF; text-align: center; padding: 0px 0px 0px; }
div.stepData .stepList .step05	{ background: url(/img/common/camp_flow05_bg.gif) no-repeat; width: 220px; height: 35px; font-size: 16px; font-weight: bold; color: #FFF; text-align: center; padding: 0px 0px 0px; }
div.stepData .stepList .step06	{ background: url(/img/common/camp_flow06_bg.gif) no-repeat; width: 220px; height: 35px; font-size: 16px; font-weight: bold; color: #FFF; text-align: center; padding: 0px 0px 0px; }
div.stepData .stepList .step07	{ background: url(/img/common/camp_flow07_bg.gif) no-repeat; width: 220px; height: 35px; font-size: 16px; font-weight: bold; color: #FFF; text-align: center; padding: 0px 0px 0px; }
div.stepData .stepList .step08	{ background: url(/img/common/camp_flow08_bg.gif) no-repeat; width: 220px; height: 35px; font-size: 16px; font-weight: bold; color: #FFF; text-align: center; padding: 0px 0px 0px; }

div.stepData .stepList .arrow	{ width: 220px; height: 10px; font-size: 0px; line-height: 0px; }
div.stepData .stepPhoto	{ width: 425px; height: 410px; float: right; }
div.campBox h3.campTit	{ height: 65px; }


/*-----右ナビゲーション-----*/
div#rightNavi	{ width: 224px; float: right; padding: 0px 0px 30px; }
div#rightNavi .contactBox	{ width: 224px; height: 144px; padding: 0px 0px 7px; }

div#rightNavi .mobileBox	{ width: 224px; height: 184px; }
div#rightNavi .mobileBox h3	{ width: 224px; height: 65px; }
div#rightNavi .mobileBox .detailBox	{ background: url(/img/mobile_bg.gif) no-repeat; width: 198px; height: 110px; padding: 5px 13px; text-align: left; }
div#rightNavi .mobileBox .detailBox p		{ width: 112px; float: left; line-height: 16px; font-size: 12px; padding: 0px 3px 0px 0px; }
div#rightNavi .mobileBox .detailBox p span	{ font-size: 10px; display: block; }
div#rightNavi .mobileBox .detailBox .qrCode	{ width: 82px; height: 82px; float: right; }
div#rightNavi .mobileBox .detailBox .txtLink{ background: url(/img/pink_point.gif) no-repeat 0% 30%; padding: 0px 0px 0px 10px; margin: 5px 0px 0px; }

div#rightNavi .bodyBnr	{ padding: 10px 0px 0px; }
div#rightNavi .exeBnr	{ padding: 10px 0px 0px; }
div#rightNavi .eyelashBnr	{ padding: 10px 0px 0px; }
div#rightNavi .tatooBnr	{ padding: 5px 0px 0px; }

div#rightNavi .snvgBox	{ width: 224px; padding: 10px 0px 0px; }
div#rightNavi .snvgBox h3	{ width: 224px; height: 24px; }
div#rightNavi .snvgBox .btm	{ width: 224px; height: 4px; font-size: 0px; line-height: 0px; }
div#rightNavi .snvgBox ul	{ width: 224px; }
div#rightNavi .snvgBox li	{ width: 200px; height: 28px; font-size: 120%; text-align: left; padding: 12px 0px 0px 24px; }
div#rightNavi .snvgBox li a	{ color: #FFF; font-weight: bold; }
div#rightNavi .snvgBox li.n01	{ background: url(/img/common/snvg_001.gif) no-repeat; }
div#rightNavi .snvgBox li.n02	{ background: url(/img/common/snvg_002.gif) no-repeat; }
div#rightNavi .snvgBox li.n03	{ background: url(/img/common/snvg_003.gif) no-repeat; }
div#rightNavi .snvgBox li.n04	{ background: url(/img/common/snvg_004.gif) no-repeat; }
div#rightNavi .snvgBox li.n05	{ background: url(/img/common/snvg_005.gif) no-repeat; }
div#rightNavi .snvgBox li.n06	{ background: url(/img/common/snvg_006.gif) no-repeat; }
div#rightNavi .snvgBox li.n07	{ background: url(/img/common/snvg_007.gif) no-repeat; }
div#rightNavi .snvgBox li.n08	{ background: url(/img/common/snvg_008.gif) no-repeat; }
div#rightNavi .snvgBox li.n09	{ background: url(/img/common/snvg_009.gif) no-repeat; }

/* clearfix */
.clearfix:after {
content:"";
display:block;
clear:both;
}

	/* for IE6 */
	* html .clearfix {
	display:inline-block;
	}
	
	/* for IE7 */
	*+html .clearfix {
	display:inline-block;
	}