@charset "EUC-JP";
/* ================================================ +

- GooBikeショッピング ガイドライン用CSS
- date : 2015/09/10

+ ================================================ */
/* ----------------------------------------------- +
01 : common
+ ----------------------------------------------- */
body {
	font-size: 14px;
	color: #333;
}
.gbs_guide #contents {
	font-family: "メイリオ","ＭＳ Ｐゴシック", verdana, arial, sans-serif;
}
/* table */
.gbs_guide #contents table {
	width: 100%;
	margin-top: 15px;
	border-collapse: collapse;
}
.gbs_guide #contents table th, .gbs_guide #contents table td {
	padding: 10px;
	border: 1px solid #d9d9d9;
	vertical-align: middle;
}
.gbs_guide #contents table th {
	width: 160px;
	background: #f2f2f2;
	font-weight: bold;
	text-align: left;
}

/* sup */
.gbs_guide #contents sup {
	display: inline-block;
	position: relative;
	padding-left: 16px;
	font-size: 14px;
	line-height: 1.2;
}
.gbs_guide #contents sup span {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.2;
}
.gbs_guide #contents sup.red {color: #df0000}
.gbs_guide #contents sup.bold {font-weight: bold;}

/* ol */
.gbs_guide #contents ol li {line-height: 1.5;}
.gbs_guide #contents ol.ol_num {
	display: block;
}
.gbs_guide #contents ol.ol_num li {
	position: relative;
	padding-left: 18px;
}
.gbs_guide #contents ol.ol_num li span {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.5;
}

/* dl */
.gbs_guide #contents dl {
	overflow: hidden;
	margin-bottom: 10px;
	clear: both;
}
.gbs_guide #contents dl dt, .gbs_guide #contents dt dd {float: left;}
.gbs_guide #contents dl dt {width: 199px;}
.gbs_guide #contents dl dd {padding-left: 212px;}



/* ----------------------------------------------- +
02 : general
+ ----------------------------------------------- */
/* #contents */
div#contents{
	padding-bottom: 0;
	background-color: #f2f2f2;
}
#contents .contents_wrap{padding: 0 8px 8px;}
#contents .contents_inner{
	background-color: #ffffff;
	padding: 20px 16px 17px;
}

/* ショッピングポイント廃止用文言 */
#point_close{
	background: #ffdbdb;
	color: #ff0000;
	margin: 10px 0 0 0;
	padding: 15px;
}

#point_close p span{
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

#point_close p.date_txt{
	text-align: right;
	padding-top: 15px;
}

/* //ショッピングポイント廃止用文言 */

#contents h3{
	background-color: #0f469c;
	height: 53px;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	padding-left: 15px;
	line-height: 2.7;
}
#contents .img_area{
	font-size: 0;
	line-height: 0;
	text-align: center;
}

/* nav */
#contents .nav {
	padding: 13px 8px 9px;
	overflow: hidden;
}
#contents .nav ul {
	float: left;
    padding: 0 10px;
    width: 214px;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	line-height: 1.357;
}
#contents .nav ul.first {border-left: none;}
#contents .nav ul.last {
	width: 215px;
	border-right: none;
}
#contents .nav ul li {
	margin-bottom: 6px;
	padding-left: 12px;
	background: url(../img/icon_arrow01.gif) 0 6px no-repeat;
}
#contents .nav ul li.last {margin-bottom: 0;}


/* ----------------------------------------------- +
03 : gbs_guide_box
+ ----------------------------------------------- */
/* .gbs_guide_box */
.gbs_guide_box {
	padding-bottom: 14px;
	overflow: hidden;
}
.gbs_guide_box h3 {margin-bottom: 14px;}
.gbs_guide_box h4 {font-weight: bold;}
.gbs_guide_box h5 {
	padding-bottom: 5px;
	border-bottom: 1px solid #d9d9d9;
	font-weight: bold;
}
.gbs_guide_box h5 span {
	display: block;
	padding-left: 10px;
	border-left: 5px solid #0f469c;
	font-size: 16px;
	font-weight: bold;
}
.gbs_guide_box h6 {
	padding: 10px;
	background: #525252;
	font-weight: bold;
	line-height: 1;
	font-size: 14px;
	color: #fff;
}
.gbs_guide_box li a {padding-left: 10px;}

/* .bottom_line */
.gbs_guide_box .bottom_line {
	padding-bottom: 14px;
	background: url(../img/border01.gif) 0 bottom repeat-x;
}

/* .gbs_guide_head */
.gbs_guide_box .gbs_guide_head {
	margin-bottom: 20px;
	padding: 0 2px 9px;
	background: url(../img/border02.gif) 0 bottom repeat-x;
}
.gbs_guide_box .gbs_guide_head p strong {
	font-size: 14px;
	font-weight: bold;
}
.gbs_guide_box .gbs_guide_head sup {margin-top: 5px;}

/* img_area */
.gbs_guide_box .img_area {
	text-align: center;
}

/* .gbs_guide_inBox */
.gbs_guide_box .gbs_guide_inBox {margin-top: 20px;}
.gbs_guide_box .gbs_guide_inBox .box_info {
	padding: 12px 16px;
	background: #3a5ca8;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}
.gbs_guide_box .gbs_guide_inBox .inner {
	padding: 7px 17px 17px;
	border: 3px solid #d9d9d9;
	border-top: none;
}
.gbs_guide_box .gbs_guide_inBox .inner h6 {margin-top: 20px;}

/* .line_box */
.gbs_guide_box .line_box {
	padding-bottom: 10px;
	background: url(../img/border01.gif) 0 bottom repeat-x;
}

/* .page_top */
.gbs_guide_box .page_top {
	padding-top: 9px;
	text-align: right;
	clear: both;
}
.gbs_guide_box .page_top a {
	text-decoration: none;
	padding-left: 15px;
	font-size: 12px;
	background: url(../img/icon_arrow02.gif) left 4px no-repeat;
}

/* #gbs_guide_01 - GooBikeショッピングについて
+ ----------------------------------------------- */
#gbs_guide_01.gbs_guide_box .line_box {padding: 30px 0 23px;}
#gbs_guide_01.gbs_guide_box ul.support {
	background: url(../img/bg_support.jpg) 0 0 no-repeat;
	width: 910px;
	height: 417px;
}
#gbs_guide_01.gbs_guide_box ul.support li.title {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    padding: 295px 26px 5px;
}
#gbs_guide_01.gbs_guide_box ul.support li.text {
	font-size: 14px;
	padding: 0 26px 5px;
	line-height: 1.1;
}
#gbs_guide_01.gbs_guide_box ul.support li.link {
	text-align: right;
	padding: 0 43px 0 26px;
}
#gbs_guide_01.gbs_guide_box ul.support li.link a {
	font-size: 14px;
}
#gbs_guide_01.gbs_guide_box dl {
	margin-top: 20px;
	border: 3px solid #e6e6e6;
}
#gbs_guide_01.gbs_guide_box dl dt {
	width: 187px;
	height: 121px;
}
#gbs_guide_01.gbs_guide_box dl dd {padding: 3px 15px 0 202px;}
#gbs_guide_01.gbs_guide_box dl dd p {
	padding-top: 10px;
	font-size: 12px;
	line-height: 1.3;
}


/* #gbs_guide_02 - 掲載バイク販売店について
+ ----------------------------------------------- */
#gbs_guide_02.gbs_guide_box ul {
	display: block;
	position: relative;
	width: 831px;
	height: 152px;
	background: url(../img/bg_carrying_store.gif);
}
#gbs_guide_02.gbs_guide_box ul li {
	position: absolute;
	left: 309px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1
}
#gbs_guide_02.gbs_guide_box ul li.about01 {top:  17px;}
#gbs_guide_02.gbs_guide_box ul li.about02 {top:  69px;}
#gbs_guide_02.gbs_guide_box ul li.about03 {top: 122px;}
#gbs_guide_02.gbs_guide_box .page_top {padding-top: 18px;}


/* #gbs_guide_03 - 掲載バイクについて
+ ----------------------------------------------- */
#gbs_guide_03.gbs_guide_box {padding-bottom: 15px;}
#gbs_guide_03.gbs_guide_box sup {font-size: 13px;}
#gbs_guide_03.gbs_guide_box ol li {margin-bottom: 2px;}


/* #gbs_guide_04 - ご注文方法について
+ ----------------------------------------------- */
#gbs_guide_04.gbs_guide_box .gbs_guide_head {padding-bottom: 16px;}
#gbs_guide_04.gbs_guide_box .gbs_guide_head sup {font-size: 12px;}

/* .step */
#gbs_guide_04.gbs_guide_box .step {overflow: hidden;}
#gbs_guide_04.gbs_guide_box .step .step_box {
	float: left;
	padding: 0 20px 14px 0;
	margin: 0 0 20px 0;
	background: url(../img/border01.gif) left bottom repeat-x;
}
#gbs_guide_04.gbs_guide_box .step .step_box p.notation {
	text-align: right;
	color: #df0000;
	font-size: 10px;
	margin-bottom: 10px;
}
#gbs_guide_04.gbs_guide_box .step .step_box p.redtext {
	color: #df0000;
	font-size: 10px;
}
#gbs_guide_04.gbs_guide_box .step .step_box.step_bottom {
	padding-bottom: 0;
	background: none;
}
#gbs_guide_04.gbs_guide_box .step .step_box.last {padding-right: 0px;}
#gbs_guide_04.gbs_guide_box .step .step_box div {
	width: 290px;
	padding-bottom: 14px;
}
#gbs_guide_04.gbs_guide_box .step .step_box div img {
	margin-bottom: 10px;
}
#gbs_guide_04.gbs_guide_box .step .step_box div p {
	line-height: 1.286;
	color: #333;
}
#gbs_guide_04.gbs_guide_box .step .step_box div .step_band {
	position: relative;
	width: 66px;
	height: 25px;
	margin-bottom: 10px;
	padding: 0;
	font-family: Arial;
	color: #fff;
	line-height: 1;
	background: url(../img/bg_band.gif) 0 0 no-repeat;
}
#gbs_guide_04.gbs_guide_box .step .step_box div .step_band .band_01 {
	position: absolute;
	top: 6px;
	left: 11px;
	font-size: 13px;
}
#gbs_guide_04.gbs_guide_box .step .step_box div .step_band .band_02 {
	position: absolute;
	top: 3px;
	left: 39px;
	font-size: 20px;
}
#gbs_guide_04.gbs_guide_box .step .step_box div .step_mail {
	overflow: hidden;
	margin-top: 10px;
}
#gbs_guide_04.gbs_guide_box .step .step_box div .step_mail li {
	width: 45%;
	font-size: 12px;
	line-height: 1.333;
	float: left;
}
#gbs_guide_04.gbs_guide_box .step .step_box div .step_mail li.even {
	width: 55%;
	float: right;
}
#gbs_guide_04.gbs_guide_box .step .step_box div .step_mail li.full {
	width: 100%;
	float: none;
	clear: both;
}


/* #gbs_guide_05 - 売買契約の成立について
+ ----------------------------------------------- */


/* #gbs_guide_06 - お支払について
+ ----------------------------------------------- */
#gbs_guide_06.gbs_guide_box h5 {margin-top: 20px;}
#gbs_guide_06.gbs_guide_box ol {padding-top: 7px;}


/* #gbs_guide_07 - 納車について
+ ----------------------------------------------- */
#gbs_guide_07.gbs_guide_box dl h6 {
	padding: 0 0 3px 0;
	color: #0f469c;
	font-size: 14px;
	background: none;
	border-bottom: 2px solid #d9d9d9;
	line-height: 1.2;
}
#gbs_guide_07.gbs_guide_box dl dd p {
	padding-top: 6px;
	padding-bottom: 14px;
}

/* .delivered */
#gbs_guide_07.gbs_guide_box .delivered {
	margin: 15px 0 20px 0;
	padding-bottom: 20px;
}
#gbs_guide_07.gbs_guide_box .delivered .delivered_box {overflow: hidden;}
#gbs_guide_07.gbs_guide_box .delivered .delivered_box div {
	float: left;
	margin-right: 35px;
	padding-top: 5px;
	font-size: 12px;
}
#gbs_guide_07.gbs_guide_box .delivered .delivered_box .delivered_01 {width: 95px;}
#gbs_guide_07.gbs_guide_box .delivered .delivered_box .delivered_02 {width: 170px;}
#gbs_guide_07.gbs_guide_box .delivered .delivered_box .delivered_03 {width: 170px;}
#gbs_guide_07.gbs_guide_box .delivered .delivered_box .delivered_04 {width: 165px;}
#gbs_guide_07.gbs_guide_box .delivered .delivered_box .delivered_05 {
	width: 155px;
	margin-right: 0;
}
#gbs_guide_07.gbs_guide_box .delivered .delivered_box div ul li {
	list-style: disc;
	margin: 0 0 5px 10px;
}

/* about */
#gbs_guide_07.gbs_guide_box .about_02 p{padding: 0 0 10px}
#gbs_guide_07.gbs_guide_box .about_03 p{padding: 4px 0 10px 0}
#gbs_guide_07.gbs_guide_box .about_04 p {padding-bottom: 3px}


/* #gbs_guide_08 - 販売店保証について
+ ----------------------------------------------- */
#gbs_guide_08.gbs_guide_box p {padding-bottom: 14px;}
/* .flag */
#gbs_guide_08.gbs_guide_box .flag {
	height: 31px;
	margin-top: 12px;
}
#gbs_guide_08.gbs_guide_box .flag dt {
	float: left;
	width: auto;
	padding: 0 16px;
	background: #3a5ca8;
	font-size: 16px;
	font-weight: bold;
	line-height: 31px;
	color: #fff;
}
#gbs_guide_08.gbs_guide_box .flag dd {
	float: left;
	padding: 0 0 0 10px;
	line-height: 31px;
}
/* table */
#gbs_guide_08.gbs_guide_box table {line-height: 1;}
#gbs_guide_08.gbs_guide_box table td {
	padding-top: 6px;
	padding-bottom: 6px;
}



/* #gbs_guide_09 - ポイントについて
+ ----------------------------------------------- */
#gbs_guide_09.gbs_guide_box .gbs_guide_head {margin-bottom: 11px;}


/* #gbs_guide_10 - キャンセル・返品について
+ ----------------------------------------------- */
#gbs_guide_10.gbs_guide_box h5 {
	margin-bottom: 6px;
	padding-top: 21px;
}
#gbs_guide_10.gbs_guide_box h5.first {padding-top: 0px;}
#gbs_guide_10.gbs_guide_box .mail {
	margin: 11px 0;
	padding: 11px 18px;
	border: 2px solid #d9d9d9;
}
#gbs_guide_10.gbs_guide_box .mail a {padding-left: 5px;}


/* #gbs_guide_11
+ ----------------------------------------------- */
#gbs_guide_11.gbs_guide_box .img_area {height: 102px;}
#gbs_guide_11.gbs_guide_box .img_area .tel {float: left;}
#gbs_guide_11.gbs_guide_box .img_area .mail {float: right;}


/* #gbs_guide_12
+ ----------------------------------------------- */
#gbs_guide_12.gbs_guide_box table td strong {
	display: block;
	padding: 12px 0 5px;
	font-weight: bold;
	color: #0f469c;
	line-height: 1;
}
#gbs_guide_12.gbs_guide_box table td strong.first {padding-top: 0;}
#gbs_guide_12.gbs_guide_box table td strong span {font-size: 12px;}



*html .gbs_guide #contents ol.ol_num,*+html .gbs_guide #contents ol.ol_num {zoom: 1;}
*html .gbs_guide #contents ol.ol_num li,*+html .gbs_guide #contents ol.ol_num li {
	position: relative;
	padding-left: 0;
	margin-left: 18px;
}
*html .gbs_guide #contents ol.ol_num li span,*+html .gbs_guide #contents ol.ol_num li span {
	position: absolute;
	top: 0;
	left: -18px;
}

*html #contents .nav {zoom: 1;}
*html .gbs_guide_box,
*html .gbs_guide #contents dl,
*html #gbs_guide_04.gbs_guide_box .step,
*html #gbs_guide_04.gbs_guide_box .step .step_box div .step_mail,
*html #gbs_guide_07.gbs_guide_box .delivered .delivered_box,
*+html #contents .nav,
*+html .gbs_guide_box,
*+html .gbs_guide #contents dl,
*+html #gbs_guide_04.gbs_guide_box .step,
*+html #gbs_guide_04.gbs_guide_box .step .step_box div .step_mail,
*+html #gbs_guide_07.gbs_guide_box .delivered .delivered_box {
	zoom: 1;
}

*html .gbs_guide_box h6,*+html .gbs_guide_box h6 {line-height: 1.3;}
.pt07{padding-top: 7px !important;}