@charset "Shift_JIS";

/*------------------------------------------------------------
00_リサイクルバッテリー_共通部分
------------------------------------------------------------*/
#recyclebtr-wrap {
	display: block;
	margin: 0 auto;
	width: 750px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
}

#recyclebtr-wrap #nav-rb { /*  ナビ  */
	display: block;
	position: relative;
	margin: 10px auto;
	width: 720px;
	height: 84px;
    background: url(../img/battery/nav_rb.jpg) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

#recyclebtr-wrap #nav-rb a {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 120px;
	height: 84px;
	background-image: url(../img/battery/nav_rb.jpg);
	background-repeat: no-repeat;
	outline: none;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	text-indent: -9999px;
	white-space: nowrap;
}

#nav-rb #navi1 a {
	top: 0;
	left: 0;
	background-position: 0 0;
}

#nav-rb #navi1 a:hover {
	background-position: 0 -84px;
}

#nav-rb #navi1_fix a {
	top: 0;
	left: 0;
	background-position: 0 -84px;
}

#nav-rb #navi2 a {
	top: 0;
	left: 120px;
	background-position: -120px 0;
}

#nav-rb #navi2 a:hover {
	background-position: -120px -84px;
}

#nav-rb #navi2_fix a {
	top: 0;
	left: 120px;
	background-position: -120px -84px;
}

#nav-rb #navi3 a {
	top: 0;
	left: 240px;
	background-position: -240px 0;
}

#nav-rb #navi3 a:hover {
	background-position: -240px -84px;
}

#nav-rb #navi3_fix a {
	top: 0;
	left: 240px;
	background-position: -240px -84px;
}

#nav-rb #navi4 a {
	top: 0;
	left: 360px;
	background-position: -360px 0;
}

#nav-rb #navi4 a:hover {
	background-position: -360px -84px;
}

#nav-rb #navi4_fix a {
	top: 0;
	left: 360px;
	background-position: -360px -84px;
}

#nav-rb #navi5 a {
	top: 0;
	left: 480px;
	background-position: -480px 0;
}

#nav-rb #navi5 a:hover {
	background-position: -480px -84px;
}

#nav-rb #navi5_fix a {
	top: 0;
	left: 480px;
	background-position: -480px -84px;
}

#nav-rb #navi6 a {
	top: 0;
	left: 600px;
	background-position: -600px 0;
}

#nav-rb #navi6 a:hover {
	background-position: -600px -84px;
}

#nav-rb #navi6_fix a {
	top: 0;
	left: 600px;
	background-position: -600px -84px;
}

div#recyclebtr-wrap h1 {  /*  ヘッダー画像  */
	display: block;
	width: 750px;
	height: 50px;
}

div#recyclebtr-wrap h2 {  /*  見出し（h2）  */
	display: block;
	margin: 15px 0;
	padding: 15px 0 0 10px;
	height: 30px;
	border-left: #003399 solid 6px;
	font-size: 24px;
}

div#recyclebtr-wrap h3 {  /*  見出し（h3）float:right解除はこのプロパティ先頭clear: both;  */
	clear: both;
	display: block;
	margin-bottom: 10px;
	padding: 10px 0 0 5px;
	width: 720px;
	height: 24px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 20px;
}

div#recyclebtr-wrap h4 {  /*  見出し（h4）  */
	display: block;
	margin: 15px 0 10px 0;
	padding-top: 10px;
	width: 720px;
	height: 20px;
	border-bottom: solid 1px #3FA9F5;
	font-size: 18px;
	font-weight: bold;
}

div#recyclebtr-wrap h5 {  /*  見出し（h5）  */
	display: block;
	margin: 10px 0 5px 0;
	padding: 3px 0;
	font-size: 16px;
	font-weight: bold;
}

div#lead {                 /*  前後ページヘの誘導（最下部）  */
	display: block;
	margin: 30px auto;
	text-align: center;
}

div#lead p {
	display: inline-block;
	*display: inline;
	*zoom:1; /* hasLayout を true にする */
	padding: 8px;
	background-color: #F3F3F3;
	border: solid 1px #999999;
}



/*------------------------------------------------------------
01_リサイクルバッテリー_トップページ・商品検索
------------------------------------------------------------*/
#top-search { /* トップページ・商品検索ブロック */
	display:block;
	margin: 0 auto;
	width: 720px;
}

#top-search #main-visual { /* メインビジュアル */
	display: block;
	overflow: hidden;
	width: 720px;
	height: 300px;
	background: url(../img/battery/bg_mainvisual.jpg) 0 0 no-repeat;
	outline: none;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	text-indent: -9999px;
	white-space: nowrap;
}

div#recyclebtr-wrap h1 #ttl {  /* メインビジュアルテキスト背景化 */
	display:block;
	overflow: hidden;
	width: 720px;
	height: 300px;
	outline: none;
	font-size: 0;
	line-height: 0;	
	text-decoration: none;
	text-indent: -9999px;
	white-space: nowrap;
}

#top-search .btn-maker { /* ボタン：リサイクル・メーカー名 */
	display: block;
	width: 720px;
	height: 100px;
}

#top-search .btn-maker ul li{
	display: inline-block;
	*display: inline;
	*zoom:1; /* hasLayout を true にする */
	padding: 0 30px 10px 0;
	width: 206px;
	height: 40px;
}

#top-search .btn-maker ul li a:hover {
	zoom:1;
	-webkit-opacity: 0.6;              /* Chrome、Safari */
	-moz-opacity:0.6;                 /* Firefox, Netscape */
	filter: alpha(opacity=60);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	opacity: 0.6;
}

#top-search #recycle-others { /* その他のメーカー名 */
	display: block;
	padding: 20px;
	width: 674px;
	height: 190px;
	border: #CCCCCC solid 3px;
}

#top-search #recycle-others ul {
	margin-top: 10px;
	width: 674px;
}

#top-search #recycle-others ul li {
	display: inline-block;
	*display: inline;
	*zoom:1; /* hasLayout を true にする */
	padding-left: 10px;
	width: 210px;
	line-height: 2.3;
}

#officialproduct { /* 純正品ブロック */
	display: block;
	margin: 20px 0;
}

#keywordBox {  /* キーワード検索窓 */
	padding-left: 30px;
}

#rcySearch #rcyKeyword {
	margin: 10px auto 0 auto;
	height: 30px;
}
#rcyKeyword input.rcbtfocus {
	margin: 0;
 	padding: 0 10px;
	border: 1px solid #186eb9;
	font-size: 16px;
	width: 500px;
	height: 28px;
	color: #969696;
	line-height: 160%;
	line-height: 100%\9;/*IE8以下用*/
	padding-top: 7px\9;
	height: 21px\9;
	vertical-align: middle;
}



/*------------------------------------------------------------
02_リサイクルバッテリー_リサイクルバッテリーとは
------------------------------------------------------------*/
#about {  /* リサイクルバッテリーとはブロック */
	display:block;
	margin: 0 auto;
	width: 720px;
}

#about #about-box { /* リサイクルバッテリーとは */
	display: block;
	padding-right: 10px;
	width: 510px;
	height: 220px;
	line-height: 1.8;
	text-align: justify;
	text-justify: auto;
}
#about #about-box-img {
	display: block;
	float: right;
	width: 193px;
	height:193px;
}

#about #btr-partsbox { /* バッテリーの構造 */
	display: block;
	margin: 5px auto 10px;
	width: 720px;
}

#about #btr-partsbox .btr-parts {
	display: inline-block;
	*display: inline;
	*zoom:1; /* hasLayout を true にする */
	margin: 2px;
	padding: 17px;
	width: 185px;
	border: solid 5px #CCCCCC;
	border-radius: 20px;      /* 角丸の指定 */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

#about #btr-partsbox .btr-parts img {
	display: block;
	margin: 0 auto;
}

#about #table-price { /* 価格は純正品の最大60％OFF！ */
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	width: 720px;
	height:250px;
	background: url(/img/battery/table_price.jpg) 0 0 no-repeat;
	outline: none;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	text-indent: -9999px;
	white-space: nowrap;	
}

#about #price-box {
	display: block;
	margin-bottom: 20px;
	padding-right: 20px;
	width: 720px;
	line-height: 1.6;
	text-align: justify;
	text-justify: auto;
}

#about #about-flow { /* お預かりから納品までの流れ */
	display: block;
	margin: 5px auto 15px;
	width: 720px;
	height: 700px;
	background: url(/img/battery/img_flow_about.jpg) 0 0 no-repeat;
	font-size: 0;
	line-height: 0; 
	text-indent: -9999px;
}

#about .guarantee-box { /* 安心の保証 */
	display: block;
	margin-bottom: 5px;
	line-height: 1.6;
}



/*------------------------------------------------------------
03_リサイクルバッテリー_注文から納品までの流れ
------------------------------------------------------------*/
#orderflow { /* 注文から納品までの流れブロック */
	display:block;
	margin: 0 auto;
	width: 720px;
}

#orderflow p {
	line-height: 1.4;
}

#orderflow #img-box img { /* 注文から納品までの流れ図 */
	display: block;
	margin: 0 auto;
}


#orderflow #bnr-box { /* 新規会員登録・クーポンバナー */
	display: block;
	margin: 10px 0;
	width: 720px;
	height: 50px;
}

#orderflow #bnr-box p {
	display: inline-block;
	*display: inline;
	*zoom:1; /* hasLayout を true にする */
	width: 172px;
	height: 30px;
}

#orderflow #bnr-box p a:hover {
	zoom:1;
	-webkit-opacity: 0.6;              /* Chrome、Safari */
	-moz-opacity:0.6;                 /* Firefox, Netscape */
	filter: alpha(opacity=60);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	opacity: 0.6;
}



/*------------------------------------------------------------
04_リサイクルバッテリー_サポート
------------------------------------------------------------*/
#support { /* サポートブロック */
	margin: 0 auto;
	width: 720px;
}

#support #callcenter { /* お問い合わせ */
	display: block;
	width: 720px;
	height: 200px;
}

#support #callcenter p {
	display: block;
	width: 442px;
}

#callcenter #note { /* お問い合わせ チェックボックス部分 */
	display: block;
	margin-top: 10px;
	padding: 5px 0 0 10px;
	width: 430px;
	height: 50px;
	background-color: #FDF2FC;
	font-size: 14px;
	font-weight: bold;
}

#callcenter #note p {
	display: block;
	padding: 0 0 5px 20px;
	background: url(/img/battery/icon_checkbox.png)  no-repeat;
	line-height: 1.4;
}

#support #inq-form { /* フォームでのお問い合わせ */
	display: block;
	width: 720px;
	height: 120px;
}


#support #inq-form p {
	display: block;
	width: 420px;
	padding-top: 25px;
}

#support #inq-telephone { /* お電話でのお問い合わせ */
	display: block;
	width: 720px;
	height: 120px;
}

#support #inq-telephone p {
	display: block;
	width: 420px;
	padding-top: 45px;
	font-size: 16px;
}

#support .pic-right { /* 画像・ボタンのフロート（右）※解除は00_リサイクルバッテリー_共通部分 見出し（h3）先頭にclear:bothあります */
	display: block;
	float: right;
	width: 277px;
}

#support .pic-right a {
	display: block;
	width: 277px;
	height: 70px;
}

#support .pic-right a:hover {
	zoom:1;
	-webkit-opacity: 0.6;              /* Chrome、Safari */
	-moz-opacity:0.6;                 /* Firefox, Netscape */
	filter: alpha(opacity=60);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	opacity: 0.6;
}



/*------------------------------------------------------------
05_リサイクルバッテリー_運営会社
------------------------------------------------------------*/
#company { /* 運営会社ブロック */
	margin: 0 auto;
	width: 720px;
}

#company #about-box { /* リサイクルバッテリーの取り組みについてブロック */
	display: block;
	padding-right: 10px;
	width: 720px;
	height: 120px;
	line-height: 1.8;
	text-align: justify;
	text-justify: auto;
}

#company #office { /* 会社概要 画像 */
	display: block;
	margin: 20px auto;
	text-align: center;
}

#company table { /* 会社概要 表 */
    margin: 15px auto 0 auto;
    width: 678px;
    border: 1px solid #999999;
    border-collapse: collapse;
}

#company tbody {
    display: table-row-group;
    border-color: inherit;
    vertical-align: middle;
}

#company tr {
    display: table-row;
    border-color: inherit;
    vertical-align: inherit;
}

#company th {
    padding: 5px;
    background: #eeeeee;
    border: 1px solid #999999;
    text-align: center;
    vertical-align: top;
}

#company td {
    padding: 5px 10px;
    background: #ffffff;
    border: 1px solid #999999;
    text-align: left;
    vertical-align: top;
}

#company #btn-regist { /* 新規会員登録ボタン */
	display: block;
	margin: 20px auto;
	width: 346px;
	height: 42px;
}

#company #btn-regist a:hover {
	zoom:1;
	-webkit-opacity: 0.6;              /* Chrome、Safari */
	-moz-opacity:0.6;                 /* Firefox, Netscape */
	filter: alpha(opacity=60);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	opacity: 0.6;
}



/*------------------------------------------------------------
06_リサイクルバッテリー_よくある質問
------------------------------------------------------------*/
#faq { /* よくある質問ブロック */
	margin: 0 auto;
	width: 720px;
}

#faq #faq-box { /* リード文 */
	display: block;
	margin: 5px 0 20px;
	width: 720px;
}

#faq #box-left { /* 質問集ブロック（左側） */
	display: block;
	float: left;
	width: 350px;
	height: 680px;
}

#faq #box-right { /* 質問集ブロック（右側） */
	display: block;
	float: right;
	width: 350px;
	height: 700px;
}

.q-box { /* 質問ジャンルブロック */
	display:block;
	width: 350px;
}

.q-box h3 {
	display:block;
	width: 350px !important;
	text-decoration: none;
}

.q-box h3 a {
	text-decoration: none !important;
	color: #FFFFFF;
	font-size: 12px;
}

.q-box h3 a:hover {
	text-decoration: none !important;
	color: #FFFFFF;
	font-size: 12px;
}


.q-box #rclbtr,
.q-box #service,
.q-box #order,
.q-box #after,
.q-box #guarantee { /* 質問ジャンル（リサイクルバッテリー・サービス内容・注文・回収・納期・納品後・保証） */
	display: block;
	width: 350px;
	line-height: 2;
}

#faq dl { /* 質問・回答（詳細） */
	display: block;
	margin: 20px 0;
	width:720px;
}

#faq dl dt { /* 質問・回答（質問） */
	display: block;
	padding: 5px 0 3px;
	background-color: #E2EDFE;
	border-bottom: #013DA0 dotted 1px;
	font-size: 15px;
}

#faq dl dd { /* 質問・回答（回答） */
	display: block;
	padding-top: 3px;
	padding-left: 3em;
	text-indent: -3em;
	line-height: 1.6;
}

#faq .q_color { /* 「Q00.」 */
	display: inline-block;
	color: #339900;
	font-size: 14px;
	font-weight:bold;
}

#faq .a_color { /* 「A00.」 */
	display: inline-block;
	color: #FF9900;
	font-size: 14px;
	font-weight:bold;
}