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

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

/*  border:1px solid red; */

/* -------------------------[01]:各要素リセット・基本設定 */

html,body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,form,dl,dt,dd,iframe { margin:0px; padding:0px; }

html{ background: url(/img/footer_back.gif) 0% 100% repeat-x; }

iframe { border:0;  }


div:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	font-size: 0px;
	visibility:hidden;
}


body.topStyle { background:url(/img/header_back.gif) repeat-x; margin: 0px auto; padding: 0px; font-family:'ＭＳ Ｐゴシック', sans-serif; color:#333; font-size: 12px; line-height: 18px; text-align: center; position: relative; z-index: -2px; }
body.secStyle { background:url(/img/common/header_back.gif) repeat-x ; margin: 0px auto; padding: 0px; font-family:'ＭＳ Ｐゴシック', sans-serif; color:#333; font-size: 12px; line-height: 18px; text-align: center; }


img { border:none; }

ul,li { list-style:none; }

h1,h2,h3,h4,h5 { font-size: small; font-weight: normal; color: #333; text-align: left; }

.fontS { font-size:80%; line-height:150%; }
.fontM { font-size:90%; line-height:150%; }
.fontL { font-size:120%; line-height:150%; }
.fontX { font-size:140%; line-height:150%; }


.fRed {color:#c00;}
.fRedB {color:#c00; font-weight:bold;}

/* -------------------------[02]:レイアウト */

div#container	{ width: 950px; margin: 0px auto; padding: 0px; position: relative; }

.left   { float:left; }
.right  { float:right; }
.clear    { clear:both; font-size: 0px; line-height: 0px; }
.center {text-align:center;}

.margin_T5 { margin-top:5px; }
.margin_T10{ margin-top:10px;}
.margin_T15{ margin-top:15px;}
.margin_T20{ margin-top:20px;}
.margin_T25{ margin-top:25px;}
.margin_T70{ margin-top:70px;}

.margin_B5 { margin-bottom:5px; }
.margin_B10{ margin-bottom:10px;}
.margin_B15{ margin-bottom:15px;}
.margin_B20{ margin-bottom:20px;}
.margin_B25{ margin-bottom:25px;}

.margin_B50{ margin-bottom:50px;}

.padding_T5 { padding-top:5px; }
.padding_T10{ padding-top:10px;}
.padding_T15{ padding-top:15px;}
.padding_T20{ padding-top:20px;}
.padding_T25{ padding-top:25px;}

.padding_B5 { padding-bottom:5px; }
.padding_B10{ padding-bottom:10px;}
.padding_B15{ padding-bottom:15px;}
.padding_B20{ padding-bottom:20px;}
.padding_B25{ padding-bottom:25px;}


/* -------------------------[03]:リンク */

a:link    { color:#630; text-decoration:none; }
a:visited { color:#630; text-decoration:none; }
a:hover   { color:#300; text-decoration:underline; }
a:active  { color:#300; text-decoration:underline; }

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

div#header 			{ width: 950px; height: 127px; margin:0px auto; padding: 0px; position: relative; text-align: left; }
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; }
div#header .contactBt	{ width: 169px; float: right; }


/* -------------------------[05]:ナビゲーション */
/* div#header ul.gNavi		{ clear: both; width: 950px; height: 50px; }
div#header ul.gNavi li		{ height: 50px; float: left; }
div#header ul.gNavi li.nvg01	{ width: 147px; }
div#header ul.gNavi li.nvg02	{ width: 133px; }
div#header ul.gNavi li.nvg03	{ width: 133px; }
div#header ul.gNavi li.nvg04	{ width: 133px; }
div#header ul.gNavi li.nvg05	{ width: 133px; }
div#header ul.gNavi li.nvg06	{ width: 133px; }
div#header ul.gNavi li.nvg07	{ width: 138px; } */
/* ========================================================
	ドロップダウンメニュー style
======================================================== */

#toc_container	{ width: 950px; padding: 0px; margin: 0px 0px 0px 0px; float: left;position: relative; }
#toc_container ul,#toc_container li	{ list-style:none; margin:0; padding:0; }
#root_toc ul{  }
#root_toc li,#root_toc li a	{  z-index: 100; }
#root_toc li				{ float:left; }
#root_toc li.plist			{  }
#root_toc li.plist ul		{ display:none; position: absolute;/*IE4-6のみ適用*/ }
*:first-child+html #root_toc li.plist ul{/*IE7のみ適用*/ z-index: 100; }
#root_toc li.plist:hover  > a	{ background: url(/img/se_subnavi_bg.gif) no-repeat; }
#root_toc li.plist:hover ul		{ display: block; }
#root_toc li.plist li			{ float:none; display:list-item; }
#root_toc ul.sub_navi			{ padding: 0px; margin: 0px; position: relative; z-index: 100; }
#root_toc .sub_navi li	{ width: 133px; }
#root_toc .sub_navi li a{
	background: url(/img/common/se_subnavi_bg.png) repeat-x bottom;
	width: 103px;
	margin: 0px;
	font-size: 12px;
	color: #FFF;
	line-height: 18px;
	padding: 5px 15px 5px 15px;
	display: block;
	text-align: left;
	text-decoration:none;
}

#root_toc .sub_navi li a:hover{
	background: url(/img/common/se_subnavi_bg_on.png) repeat-x bottom;
	color: #FFFFFF;
}


/************************  navi01  ************************/
#root_toc li.plist .main_navi01 a		{ display: block; width: 147px; height: 50px; }
#root_toc li.plist .main_navi02 a		{ display: block; width: 133px; height: 50px; }
#root_toc li.plist .main_navi03 a		{ display: block; width: 133px; height: 50px; }
#root_toc li.plist .main_navi04 a		{ display: block; width: 133px; height: 50px; }
#root_toc li.plist .main_navi05 a		{ display: block; width: 133px; height: 50px; }
#root_toc li.plist .main_navi06 a		{ display: block; width: 133px; height: 50px; }
#root_toc li.plist .main_navi07 a		{ display: block; width: 138px; height: 50px; }

div#header ul.sNavi		{ position: absolute; top: 4px; right: 3px; }
div#header ul.sNavi li		{ height: 50px; float: left; padding: 0px 10px 0px 0px; }
div#header ul.sNavi li.nvg01	{ width: 147px; }
div#header ul.sNavi li.nvg02	{ width: 133px; }
div#header ul.sNavi li.nvg03	{ width: 133px; }


/* -------------------------[07]:フッタ */
div#footer		{ clear: both; width: 960px; height: 270px; color:#fff; margin: 0px; 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: 525px; 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]:コンテンツ共通 */
div#topContents	{ width: 940px; margin: 0px auto; padding: 15px 0px 0px; }
div#rightNavi	{ width: 224px; float: right; }

div#rightNavi .contactBox	{ width: 224px; height: 144px; padding: 0px 0px 7px; }


div#rightNavi .mobileBox	{ width: 224px; height: 122px; }
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: 115px; float: left; line-height: 16px; font-size: 12px; }
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; }

/* -------------------------[08]:TopFlash */
div.mainBack	{ width: 950px; height: 275px; display: block; position: relative; z-index: -2; }
div.mainVisual	{ width: 950px; height: 275px; display: block; position: absolute; top: 140px; left: 2px; z-index: 0; /z-index: -2; }


/* -------------------------[09]:キャンペーン情報 */
div.campaignBox		{ width: 940px; padding: 0px 0px 20px; }
div.campaignBox h3	{ width: 700px; height: 34px; }
div.campaignBox .detailBox			{ background: url(/img/dotted.gif) repeat-x bottom; width: 465px; height: 220px; text-align: left; }
div.campaignBox .detailBox .leftBox		{ width: 355px; float: left; }
div.campaignBox .detailBox .leftBox p	{ font-size: 85%; line-height: 14px; padding: 0px 0px 0px 5px; color: #630; }
div.campaignBox .detailBox .rightBox	{ width: 110px; float: right; position: relative; }
div.campaignBox .detailBox .rightBox .detailBt	{ width: 95px; height: 20px; position: absolute; top: 35px; right: 7px; }
div.campaignBox .detailBox .rightBox .reserveBt	{ width: 95px; height: 20px; position: absolute; top: 60px; right: 7px; }


/* -------------------------[09]:Bloomのお約束 */
div.promBox		{ width: 413px; float: left; }
div.promBox h3	{ width: 413px; height: 65px; }
div.promBox .detailBox	{ background: url(/img/prom_bg.gif) no-repeat; width: 413px; height: 487px; }
div.promBox .btm		{ width: 413px; height: 7px; font-size: 0px; line-height: 0px; }
div.promBox ul.pointBox		{ width: 360px; margin: 0px auto; padding: 10px 0px 0px; }
div.promBox ul.pointBox li	{ width: 179px; height: 39px; float: left; }
div.promBox ul.textLink		{ float: right; padding: 20px 0px 0px; }
div.promBox ul.textLink li	{ background: url(/img/org_point.gif) no-repeat 0% 30%; padding: 0px 15px 0px 8px; font-weight: bold; float: left; margin: 3px 0px 0px; }
div.promBox ul.textLink li a{ color: #963; }


/* -------------------------[09]:トップバナーBOX */
div.banarBox	{ width: 275px; float: left; padding: 0px 0px 0px 12px; }
div.banarBox .voiceBnr	{ width: 275px; height: 230px; padding: 0px 0px 8px; }
div.banarBox .blogBnr	{ width: 275px; height: 170px; margin-bottom:8px; }
div.banarBox .eyelashBnr{ width: 275px; height: 170px; padding: 0px 0px 5px; }
div.banarBox .tatooBnr	{ width: 275px; height: 150px; }