@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 { margin:0px; padding:0px; }

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


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


body { background:url(/img/header_back.gif) 50% 0% no-repeat; min-width: 920px;  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: 100%; margin: 0px auto; padding: 0px; position: relative; }

.left   { float:left; }
.right  { float:right; }
.clear    { clear:both; }
.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:#666; text-decoration:none; }
a:visited { color:#666; text-decoration:none; }
a:hover   { color:#999; text-decoration:underline; }
a:active  { color:#999; text-decoration:underline; }

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

div#header 	{ width: 882px; height: 104px; margin:0px auto; padding: 0px 18px 0px 20px; position: relative; }
div#header h1	{ font-size: 85%; line-height: 24px; color: #666; }
div#header .siteLogo	{ width: 229px; height: 55px; position: absolute; left: 33px; top: 38px; text-align: left; display: block; }
/* div#header .siteLogo	{ width: 229px; height: 55px; text-align: left; display: block; float: left; padding: 14px 0px 0px 13px; } */
div#header .contactBt	{ width: 199px; height: 42px; position: absolute; top: 0px; right: 10px; }

/* -------------------------[05]:ナビゲーション */

ul.globalNavi	{ width: 614px; height: 36px; font-size: 0px; line-height: 0px; position: absolute; top: 68px; left: 288px; }
ul.globalNavi li{ height: 36px; float: left; }
ul.globalNavi li.nvg01	{ width: 58px; }
ul.globalNavi li.nvg02	{ width: 148px; }
ul.globalNavi li.nvg03	{ width: 103px; }
ul.globalNavi li.nvg04	{ width: 118px; }
ul.globalNavi li.nvg05	{ width: 133px; }
ul.globalNavi li.nvg06	{ width: 54px; }

ul.subNavi	{ width: 230px; position: absolute; top: 1px; right: 210px; }
ul.subNavi li	{ height: 21px; font-size: 12px; line-height: 20px; color: #333; float: left; text-align: left; }
ul.subNavi li.blandList	{ background: url(/img/snvg_icon_001.gif) no-repeat; width: 100px; padding: 0px 0px 0px 23px; }
ul.subNavi li.siteMap	{ background: url(/img/snvg_icon_002.gif) no-repeat; width: 67px; padding: 0px 0px 0px 23px; }


/* -------------------------[06-1]:Flash */
div#flashBox		{ width: 639px; height: 198px; }

/* -------------------------[07]:フッタ */
div#footer		{ clear: both; background: url(/img/footer_back.gif) 0% 100% repeat-x; width: 920px; height: 106px; color:#fff; margin: 0px; padding: 0px; margin: 0px auto; text-align: left; display: block; }
div#footer .linkBox		{ width: 590px; height: 60px; padding: 15px 0px 0px 13px; font-size: 10px; line-height: 17px; float: left; }
div#footer .linkBox a	{ color: #FFF; }
div#footer .copyright	{ width: 527px; height: 28px; padding: 0px 0px 0px 8px; font-size: 0px; line-height: 0px; float: left; }

div#footer .footerContact	{ width: 242px; height: 87px; float: right; position: relative; padding: 13px 0px 0px; }
div#footer .footerContact .mailBox	{ background: url(/img/footer_contact_mail.gif) no-repeat; width: 242px; height: 44px; }
div#footer .footerContact .mailBox a{ width: 154px; height: 31px; position: absolute; top: 18px; right: 5px; }

div.btmLink	{ width: 904px; height: 15px; text-align: right; padding: 0px; margin: 0px auto; }


/* -------------------------[08]:コンテンツ共通 */
div#topMain			{ width: 904px; margin:0 auto 0; padding: 0px 0px 10px; text-align: left; }
div#contentsMain	{ width: 904px; margin:0 auto 0; padding: 0px 8px 0px; text-align: left; position: relative; }
div#contentsRight	{ width: 240px; display: block; float: left; padding: 20px 0px 20px; }
div#contentsRight .inBox	{ background: url(/img/rnvg_back_bg.gif) repeat-y; width: 224px; padding: 0px 8px; }

div#contentsLeft	{ width: 645px; padding: 0px; display: block; float: right; padding: 20px 0px 0px; }
div#contentsLeft .contensInbox	{ padding: 85px 0px 0px 10px; }
div#contentsLeft p.headText		{ padding: 0px 10px; line-height: 20px; }


/* -------------------------[06]:タイトル ヘッドライン */
div.panList		{ width: 630px; height: 20px; position: absolute; top: 10px; left: 275px; font-size: 12px; color: #666; }
div.panList a		{ color: #5fa223; }
div.panList span	{ color: #333; }
h2.contentsTitle	{ width: 645px; height: 86px; position: absolute; top: 10px; right: 8px; }
h2.contentsTitleBrand	{ background: url(/img/tit_back.jpg) no-repeat; width: 645px; height: 86px; position: absolute; top: 10px; right: 8px; }
h2.contentsTitleBrand div	{ width: 645px; font-size: 28px; font-weight: bold; font-family: 'Arial','Meirio'; padding: 38px 0px 0px 35px; }
h2.contentsTitleBrand span	{ font-size: 12px; color: #5fa223; line-height: 16px; display: block; padding: 7px 0px 0px 35px; }

/*** contactBtm ***/
div.contactBtm	{ width: 615px; padding: 30px 10px 20px; }
div.contactBtm .contactBox	{ width: 615px; height: 171px; position: relative; padding: 15px 0px 0px; }
div.contactBtm .mailData	{ background: url(/img/under_contact_bg) no-repeat; width: 590px; height: 71px; padding: 15px 10px 0px; }
div.contactBtm .mailData a	{ width: 382px; height: 62px; float: left; }
div.contactBtm .mailData .capBox{ width: 203px; height: 62px; float: left; }


/*--------------------------[09]:What'sNew */
/* div.newsBox		{ width: 904px; height: 59px; padding: 10px 0px 0px; }
div.newsBox .cap		{ width: 122px; height: 39px; display: block; float: left; }
div.newsBox .image		{ width: 92px; height: 39px; display: block; float: left; }
div.newsBox .textFlow	{ background: url(/img/top_news_txtbox.gif) no-repeat; width: 670px; height: 15px; padding: 12px 10px; float: left; }
div.newsBox .shadow		{ background: url(/img/top_news_image02.gif) no-repeat; width: 904px; height: 20px; display: block; }
 */
div.newsBox	{ width: 639px; margin: 20px auto 20px; }
div.newsBox h3	{ width: 639px; height: 41px; margin: 0px; padding: 0px; }
div.newsBox .dataBox	{ background: url(/img/news_back.gif) repeat-y; width: 609px; padding: 0px 15px; }
div.newsBox .dataBox ul	{ margin: 0px; padding: 0px; }
div.newsBox .dataBox li	{ font-size: 14px; line-height: 18px; padding: 3px 0px; }
div.newsBox .dataBox li a	{ color: #00F; text-decoration: underline; }
div.newsBox .btmBar	{ background: url(/img/news_btm.gif) no-repeat; width: 639px; height: 10px; }

/*--------------------------[10]:キャンペーン情報 */
div.campBox		{ width: 639px; }
div.campBox h3			{ width: 639px; height: 36px; display: block; }
div.campBox .dataBox	{ background: url(/img/top_camp_back.gif) no-repeat; width: 609px; height: 107px; padding: 8px 15px 0px; }
div.campBox .dataBox .campRight	{ width: 300px; height: 87px; display: block; float: left; }
div.campBox .dataBox .campLeft	{ width: 300px; height: 87px; display: block; float: right; }
div.campBox .dataBox .photoBox	{ width: 160px; height: 85px; display: block; float: left; }
div.campBox .dataBox .textBox	{ width: 125px; padding: 0px 0px 0px 5px; display: block; float: left; text-align: left; font-size: 12px; line-height: 16px; }
div.campBox .dataBox .textBox a	{ display: block; color: #963; font-weight: bold; padding: 0px 0px 5px; }

div.campaignBox	{ width: 639px; margin: 0px auto; }

div.camMiniBox	{ width: 639px; padding: 10px 0px 0px; margin: 0px auto; text-align: center; }
div.camMiniBox div.left		{ width: 210px; float: left; padding: 0px 4px 0px 0px; }
div.camMiniBox div.center	{ width: 210px; float: left; padding: 0px 0px 0px 0px; }
div.camMiniBox div.right	{ width: 210px; float: right; padding: 0px 0px 0px 0px; }



/*--------------------------[11]:WITHdom高価買取の秘密！ */
div.secretBox		{ width: 639px; padding: 0px; display: block; }
div.secretBox .textBox	{ background: url(/img/top_secret_txtbg.gif) no-repeat; width: 479px; height: 62px; display: block; text-align: left; padding: 5px 150px 0px 10px; line-height: 20px; }
div.secretBox .textBox strong	{  color: #630; }

div.wellBox	{ width: 639px; margin: 0px auto; }
div.wellBox .wellDetail	{ 639px; padding: 0px 0px 5px; }
div.wellBox .wellDetail .caps	{ width: 639px; height: 58px; }
div.wellBox .wellDetail .text	{ background: url(/img/wellbody.png) no-repeat; width: 589px; height: 80px; font-size: 12px; line-height: 18px; padding: 10px 20px 0px 30px; }

/*---Ajax---*/
div#Well {
	width: 619px;
	height: 154px;
	padding: 11px 10px 10px;
	background: url(/img/top_secret_back.gif) no-repeat;
}

div#Well_detail {
	margin: 0px;
	width: 639px;
}


div#Well_detail ul {
	height: 47px;
	position: relative;
}

div#Well_detail li {
	display: block;
	float: left;
}

/* これ以降Mac IE 5のみに適用される \*//*/
div#Well_detail ul li h2 {
	float: left;
}
/* これ以降Mac IE 5以外にも適用される */

div#Text {
	padding: 15px 11px 0px 11px;
	background: url(/img/top/parenthesis_bottom.gif) no-repeat left bottom;
	width: 617px;
	position: relative;
	font-size: 12px;
	line-height: 22px;
}

/* これ以降Mac IE 5のみに適用される \*//*/
div#Text { height: 60px; }
/* これ以降Mac IE 5以外にも適用される */

div#Text p.Text01 {
	clear: both;
	width: 580px;
	position: absolute;
	margin: 0 0 0 5px;
}

div#Text img {
	text-align: right;
	float: right;
	width: 20px;
	padding: 10px 4px 0px 0px;
}

/* hide from Mac IE \*/
* html div#Text img { margin: 0 0px 0 0; }
/* */ 

ul#tab {
	width: 613px;
}

ul#tab li h2 img { cursor: pointer; }


/*--------------------------[12]:高価買取のポイントお教え致します */
div.pointBox	{ width: 639px; padding: 0px 0px 15px; }
div.pointBox .shadeGroup{
	padding-bottom:1.5em;
}
div.pointBox .shadeBtn		{ width: 639px; height: 58px; }
div.pointBox .shadeContents	{ background: url(/img/top_point_box.gif) no-repeat; width: 599px; height: 57px; padding: 20px; line-height: 22px; }
div.pointBox .shadeOpen .shadeBtn,
div.pointBox .shadeClose .shadeBtn{
	cursor:pointer;
}


/*--------------------------[13]:最近のお買取品 */
div.recentItem	{ width: 639px; height: 199px; }
div.recentItem h3	{ width: 280px; height: 47px; float: left; }
div.recentItem .listLink	{ background: url(/img/top_recent_linkbg.gif) no-repeat; width: 359px; height: 47px; float: right; text-align: right; }

div.recentItem .itemBox	{ background: url(/img/top_recent_back.gif) no-repeat; width: 624px; display: block; height: 152px; padding: 0px 0px 0px 15px; }
div.recentItem .itemBox ul	{ width: 627px; height: 152px; display: block; }
div.recentItem .itemBox li			{ background: url(/img/recent_bg.jpg) no-repeat; width: 100px; height: 120px; float: left; padding: 9px 10px 11px 8px; margin: 0px 5px 0px 0px; font-size: 0px; line-height: 0px; }
div.recentItem .itemBox li:hover	{ background: url(/img/recent_bg_on.jpg) no-repeat; }
div.recentItem .itemBox li span		{ display: block; color: #694d29; font-size: 11px; line-height: 11px; padding: 5px 0px 0px; }
div.recentItem .itemBox li a:hover	{ text-decoration: underline; }


/*--------------------------[14]:よくある質問 */
div.faqBox	{ width: 639px; padding: 0px 0px 20px; }
div.faqBox h3	{ width: 254px; height: 38px; float: left; }
div.faqBox .linkBg	{ background: url(/img/top_faq_linkbg.gif) no-repeat; width: 385px; height: 38px; float: right; text-align: right; }

div.faqBox .faqBtm	{ width: 639px; height: 12px; font-size: 0px; line-height: 0px; }
div.faqBox .listBox	{ background: url(/img/top_faq_bg.gif) repeat-y; width: 639px; }
div.faqBox .listBox ul	{ padding: 5px 18px; }
div.faqBox .listBox li	{ background: url(/faq/img/faq_icon.gif) no-repeat; padding: 0px 0px 0px 35px; line-height: 30px; font-size: 14px; }
div.faqBox .listBox li a{ color: #963; }



/*--------------------------[15]:右ナビゲーション */
/*** Sample ***/
div.sampleRbox	{ padding: 2px 0px 7px; }

/*** Campaign ***/
div.camBox	{ width: 224px; padding: 1px 0px 9px; }
div.camBox .banar	{ width: 224px; height: 85px; font-size: 0px; line-height: 0px; }

/*** Contact ***/
div.contactRight	{ width: 220px; position: relative; margin: 0px auto; padding: 5px 0px; }
div.contactRight h3	{ width: 220px; height: 46px; }
div.contactRight .conBt		{ background: url(/img/contact_btn_bg.gif) no-repeat; text-align: center; width: 220px; height: 65px; padding: 0px 0px 0px 0px; }
div.contactRight .conTel	{ width: 220px; height: 48px; }
div.contactRight .iconBox	{ position: absolute; top: -10px; right: -5px; }

/*** threeSecret ***/
div.threeRbox	{ width: 224px; height: 154px; }
div.threeRbox h3	{ width: 224px; height: 49px; }
div.threeRbox .bt01	{ width: 224px; height: 31px; }
div.threeRbox .bt02	{ width: 224px; height: 35px; }
div.threeRbox .bt03	{ width: 224px; height: 35px; }
div.threeRbox .btmImage	{ width: 224px; height: 4px; line-height: 0px; font-size: 0px; }

/*** blandRank ***/
div.blandRank	{ width: 224px; height: 322px; padding: 7px 0px 0px; }
div.blandRank h3	{ width: 224px; height: 35px; }
div.blandRank .rankData	{ background: url(/img/rnvg_ranking_back.gif) no-repeat; width: 224px; height: 249px; }
div.blandRank .rankData ul	{ padding: 0px 0px 0px 40px; }
div.blandRank .rankData li	{ font-size: 12px; line-height: 25px; color: #826540; }
div.blandRank .rankData li.bold	{ font-weight: bold; }

/*** faqContents ***/
div.faqContents	{ width: 224px; padding: 8px 0px 0px; }
div.faqContents .listBox{ background: url(/img/rnvg_faq_back.gif) repeat-y; width: 209px; height: 161px; padding: 5px 10px 5px 5px; font-size: 14px; }
div.faqContents li		{ background: url(/faq/img/faq_icon.gif) no-repeat; padding: 0px 0px 10px 35px; line-height: 16px; }
div.faqContents li a	{ color: #963; }
div.faqContents .listLink	{ background: url(/img/rnvg_ranking_arrow.gif) no-repeat; font-size: 12px; padding: 0px 0px 0px 17px; line-height: 14px; display: block; float: right; font-weight: bold; }
div.faqContents .listLink a	{ color: #963; }

/*** mobileQR ***/
div.mobileQRBox	{ width: 224px; height: 177px; background: url(/img/mobile_box.gif) no-repeat; position: relative; margin: 10px 0px 0px; }
div.mobileQRBox span	{ width: 75px; display: block; position: absolute; bottom: 10px; right: 5px; font-size: 10px; line-height: 14px; }