@charset "UTF-8";
/*=====================================================================================*

	layout.css

 *=====================================================================================*/

*		{ margin:0; padding:0; letter-spacing:0.1em; }
body	{
	min-width:		900px;
	word-break:		normal;
	word-wrap:		break-word;
	color:			#006699;
	font-size:		13px;
	font-family:	"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clearfix:after		{ visibility:hidden; height:0; display:block; font-size:0; content:" "; clear:both; }
* html .clearfix	{ zoom:1; }
*:first-child+html .clearfix	{ zoom:1; }

/*-----------------------------*
	link
 *-----------------------------*/
a					{ text-decoration:underline; color:#FF6699; }
a:hover				{ text-decoration:underline; color:#FF9999; }
a[href^="mailto:"]	{ padding-left:20px; margin-left:5px; }

/*-----------------------------*
	head
 *-----------------------------*/
#head				{ padding:0; background-color:#CC0000; position:relative; z-index:0; }
#head_inner			{ width:900px; max-width:100%; height:100px; margin:0 auto; padding:0 0 10px 0; }
#head_inner h1		{ color:#fff; padding:5px 0 20px 0; }
#head_inner h1 img	{ width:140px; }
#SPhead_inner		{ display:none; }

/*----------------------------------------*
	page_base
 *----------------------------------------*/
#page_base		{ width:100%; overflow:hidden; }
#page_inner		{ clear:both; width:880px; margin:0 auto; padding:40px 10px 50px 10px; background-color:#fff; }

/* リスト */
.p_list			{ padding-left:1em; text-indent:-1em; margin-bottom:0.8em; }

.hissu		{ color:#ff0000; }
.cl_pink	{ color:#ee819e; }
.cl_red		{ color:#ff0000; }

/*----------------------------------------*
	Contents
 *----------------------------------------*/
.container				{ margin:0px 10px; padding:10px 10px 30px 10px; background-color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px #ccc solid; }
.container h2			{ position:relative; color:#fff; background:#cc0000; font-size:16px; line-height:1; margin:0px -20px 20px -20px; padding:12px 5px 10px 40px; box-shadow:0 1px 3px #777; }
.container h2:after,
.container h2:before	{ content:""; position:absolute; top:100%; height:0; width:0; border:5px solid transparent; border-top:5px solid #333; }
.container h2:after		{ left:0; border-right:5px solid #333; }
.container h2:before	{ right:0; border-left:5px solid #333; }


/*----------------------------------------*
	ページタイトル
 *----------------------------------------*/
#top_catch {
	position: relative;
	border: solid 3px #000;
	border-radius: 15px;
	padding: 25px 0;
	font-size: 28px;
	line-height:1.4em;
	color:#000;
	text-align: center;
	margin: -70px auto 0 auto;
	z-index: 999;
	width: 580px;
	background:#fff;
}
#top_catch span	{ display:block; }


/*----------------------------------------*
	概要テーブル
 *----------------------------------------*/
#Gaiyo table td p { margin:0; }


/*----------------------------------------*
	フォーム
 *----------------------------------------*/
#S_Form	{ padding:0px 10px; }

input[type="text"]				{ padding:5px; border-radius:3px; border:1px solid #ccc; }
input[type=checkbox]			{ position:relative; top:-2px; }
input[type=checkbox] + label	{ position:relative; display:inline-block; margin-left:5px; line-height:1.6em; cursor:pointer; }
select							{ padding:5px; margin:.3em 0; border-radius:3px; border:1px solid #ccc; }
textarea						{ padding:5px; width:95%; height:100px; border-radius:3px; border:1px solid #ccc; }

table.present_info			{ width:100%; margin:20px auto 0 auto; border-collapse:collapse; line-height:1.6em; border:1px solid #cfcfcf; }
table.present_info th		{ width:10%; background:#f5f5f5; color:#555; padding:10px 10px; border:1px solid #cfcfcf; vertical-align:top; }
table.present_info td		{ width:30%; padding:10px 10px; border:1px solid #cfcfcf; }
table.present_info td label	{ margin-left:.5em; }
table.basic_info			{ width:100%; margin:20px auto 0 auto; border-collapse:collapse; line-height:1.6em; border:1px solid #cfcfcf; }
table.basic_info th			{ width:10%; background:#f5f5f5; color:#555; padding:10px 10px; border:1px solid #cfcfcf; vertical-align:top; }
table.basic_info td			{ width:30%; padding:10px 10px; border:1px solid #cfcfcf; }
table.basic_info td input	{ margin-bottom:.5em; }

table.sub_info		{ width:100%; border:solid 1px #ccc; border-collapse:collapse; margin:20px auto 0 auto;line-height:1.6em; }
table.sub_info th	{ padding:1em 1em .5em 1em; border-top:solid 1px #ccc; text-align:left; color:#666; }
table.sub_info td	{ padding:.5em 1em 1em 2em; border-bottom:solid 1px #ccc; text-align:left;  }

span.items				{ margin:.5em 0 .5em 0; }
span.items + span.items	{ margin:.5em 0 .5em 2em; }
/*
label + .license	{ margin:.5em 0 .5em 2em; }
label + .buy		{ margin:.5em 0 .5em 2em; }
label + .kikaku		{ margin:.5em 0 .5em 2em; }
label + .cover		{ margin:.5em 0 .5em 2em; }
label + .magazine	{ margin:.5em 0 .5em 1em; }
label + .area		{ margin:.5em 0 .5em 2em; }
.ss label			{ font-size:12px; margin:0 .5em 0 1em; }
*/
.interest + .interest{ margin-top:8px; }


dl	{ margin:.3em 0; }
dt	{ display:inline; font-weight:bold; }
dd	{ display:inline; padding-left:20px; }


/*----------------------------------------*
	form collection
 *----------------------------------------*/
#page				{ width:5% }
#bike_name_01		{ width:34%; }
#bike_name_02		{ width:34%; }
#cc_01				{ width:5%; }
#cc_02				{ width:5%; }
#product_year_01	{ width:5%; }
#product_year_02	{ width:5%; }

#email,
#confirm_email,
#city1,
#city2,
#city3,
#chara,
#appeal {
	width:95%;
}
#tel1,
#zip1,
#age {
	width:15%;
}

#tel2,
#tel3,
#zip2 {
	width:20%;
}

#car_name		{ width:60%; }
#car_year		{ width:20%; }
#car_grade		{ width:60%; }
#car_mission	{ width:30%; }
#car_long		{ width:30%; }

.good,.bad		{ width:50%; }
.good_no,.bad_no{ width:6%; }



.lbl_car_name		{ padding-right:4.2em; }
.lbl_car_year		{ padding-right:4.2em; }
.lbl_car_grade		{ padding-right:2.1em; }
.lbl_car_mission	{ padding-right:1em; }
.lbl_car_long		{ padding-right:2.1em; }






.hover				{ padding:.3em 0; }
.hover:hover		{ background:#ffff00; }






@media screen and (max-width: 767px) {

	*		{ box-sizing:border-box; }
	html	{ background:none; }
	body	{ min-width:100%; font-size:14px; -webkit-text-size-adjust:none; }
	a		{ -webkit-tap-highlight-color:#FF6699; }

	.pc_block	{ display:none; }

	/*-----------------------------*
		head
	 *-----------------------------*/
	#head_inner			{ width:100%; max-width:100%; height:100px; }
	#head_inner h1		{ padding:10px 1%; }
	#head_inner h1 img	{ width:120px; }
	#head_inner_sp		{ display:block; }
	#head_inner_sp img	{ max-width:100%; max-height:100%; }

	/*----------------------------------------*
		page_base
	 *----------------------------------------*/
	#page_base		{ width:96%; overflow:hidden; margin:0 auto; }
	#page_inner		{ clear:both; width:100%; padding:20px 0 10px 0; }

	/*----------------------------------------*
		ページタイトル
	 *----------------------------------------*/
	#top_catch		{ padding:.5em 1em; width:80%; font-size:20px; margin:-40px auto 30px auto; }


	table.present_info			{ width:100%; margin:20px auto 0 auto; border-collapse:collapse; line-height:1.6em; border:1px solid #cfcfcf; }
	table.present_info th		{ width:100%; display:block; background:#f5f5f5; color:#555; padding:10px 10px; border:1px solid #cfcfcf; vertical-align:top; }
	table.present_info td		{ width:100%; display:block; padding:10px 10px; border:1px solid #cfcfcf; }
	table.basic_info			{ width:100%; margin:20px auto 0 auto; border-collapse:collapse; line-height:1.6em; border:none; }
	table.basic_info th			{ width:100%; display:block; background:#f5f5f5; color:#555; padding:10px 10px; border:none; vertical-align:top; text-align:left; }
	table.basic_info td			{ width:100%; display:block; padding:10px 10px; border:none; }
	table.basic_info td input	{ margin-bottom:.5em; }

	table.sub_info		{ width:100%; border:none; border-collapse:collapse; margin:20px auto 0 auto;line-height:1.6em; }
	table.sub_info th	{ padding:2em 0 .5em 0; border-top:none; text-align:left; color:#666; }
	table.sub_info td	{ padding:.5em 0 2em 0; border-bottom:solid 1px #ccc; text-align:left;  }

	span.items				{ display:block; margin:.5em 0 .5em 0; }
	span.items + span.items	{ margin:.5em 0 .5em 0; }


	dl	{ margin:.3em 0; }
	dt	{ display:block; font-weight:bold; margin:1em 0 0 0; }
	dd	{ display:block; padding-left:1em; margin:.3em 0; }


	/*----------------------------------------*
		form collection
	 *----------------------------------------*/
	select				{ max-width:70%; margin:.3em 0; }
	#page				{ width:20% }
	#item				{ width:50% }
	#bike_name_01		{ width:80%; }
	#bike_name_02		{ width:80%; }
	#cc_01				{ width:20%; }
	#cc_02				{ width:20%; }
	#product_year_01	{ width:30%; }
	#product_year_02	{ width:30%; }

	.good,.bad		{ width:70%; }
	.good_no,.bad_no{ width:20%; }
















}