﻿@charset "utf-8";

/* default.css */



/*-------------------------------------------------
///	リセット設定
-------------------------------------------------*/

a {
}

a img, img {
	border:0;
}

address, caption {
	font-style:normal;
	font-weight:normal;
}

blockquote, dd, div, dl, dt,
h1, h2, h3, h4, h5, h6,
li, ol, p, pre, span, td, th, ul {
	margin:0;
	padding:0;
}

caption, th {
	text-align:left;
}


h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

ol, ul {
	list-style:none;
}

q:before, q:after {
	content:'';
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}


/*-------------------------------------------------
///	basic設定
-------------------------------------------------*/

/* form */
fieldset {
	border:1px solid #ccc;
	margin-bottom:1em;
	padding:0 1em 1em 1em;
}

input, textarea {
	line-height:1.4;
	padding:0;
	vertical-align:middle;
}

input[type="checkbox"],
input[type="radio"] {
	vertical-align:text-bottom;
}

input[type="submit"] {
	padding:0.1em;
}

input[type="reset"] {
	padding:0.1em;
}

input[type="button"] {
	padding:0.1em;
}

legend {
	background:#FFFFFF;
	padding:0.3em;
}

select {
	padding:0;
}

/* for IE6 */
* html input {
	padding:0.1em;
}

* html input.checkbox,
* html input.radio {
	vertical-align:-0.3em;
}

* html input.submit {
	line-height:1.2;
	padding-top:0.2em;
}

* html select {
	vertical-align:-0.2em;
}

/* for IE7 */
*+html input {
	padding:0.1em;
}

*+html input.submit {
	line-height:1.2;
	padding-top:0.2em;
}

*+html select {
	vertical-align:-0.2em;
}

/* for Opera9.27 */
	html:first-child input {
	padding:0.1em;
}

html:first-child input[type="checkbox"],
html:first-child input[type="radio"] {
	vertical-align:middle;
}

html:first-child input[type="submit"] {
	padding:0.3em;
}

html:first-child select {
	padding:0.2em 0.5em;
}

/* for Opera9.5+ [Safari3 & Chrome] */
body:first-of-type input {
	padding:0.1em;
}

body:first-of-type input[type="checkbox"],
body:first-of-type input[type="radio"] {
	vertical-align:text-top;
}

body:first-of-type input[type="submit"] {
	padding:0.3em 0.3em 0.2em 0.3em;
}

/* for Safari3 & Chrome */
html:not(:only-child:only-child) input {
	padding:0;
	vertical-align:baseline;
}

html:not(:only-child:only-child) select {
	vertical-align:0;
}	


h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}

ol, ul {
	text-align:left;
}


ol li {
	list-style:decimal outside;
}

ul li {
	list-style: none;
}


th {
	font-weight:bold;
	text-align:center;
}

em, strong {
	font-weight:bold;
}

p {
	text-align:left;
	width:auto;
}

/* common.css */


/*-------------------------------------------------
///	基本全体共通設定	
-------------------------------------------------*/

/* html */
html {
	color: #333;
}

/* body */
body {
	font-size: 14px;
	background: url(/img/bg_body.jpg) repeat;
	text-align: center;
}

/* * */
* {
	font-size: 100%;
	line-height: 150%;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,Sans-Serif;
}

/* for IE7 */
*+html body {
}

/* for IE6 */
* html body {
	overflow: scroll;
}

/* for safari \*/
html:not(:only-child:only-child) {
	letter-spacing: 0;
}

a:link {
	color: #333;
}

a:hover {
	color: #FF3366;
	text-decoration: none;
}

a:visited {
	color: #333;
}

a:active {
}

img {
	vertical-align: top;
}

a {
	/*background: url(/img/icon_arrow.gif) no-repeat left center;*/
}


/*-------------------------------------------------
///	clear fix
-------------------------------------------------*/

.clear:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* for IE6 */
* html .clear {
	display: inline-block;
}

/* for IE7 */
*+html .clear {
	display: inline-block;
}


/*-------------------------------------------------
///	wrapper	
-------------------------------------------------*/

#wrapper {
	width: 948px;
	background: #FFF;
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 80px;
	position: relative;
} 

* html #wrapper {
	width: 950px;
}

#wrapper p.contents_top {
	clear: both;
	margin-top: 14px;
	margin-bottom: 14px;
}


/*-------------------------------------------------
///	header	
-------------------------------------------------*/

#header_top {
	background: #494C64;
	padding: 3px 10px;
	width: 928px;
}

* html #header_top {
	width: 950px;
}

#header_top h1 {
	width: 500px;
	float: left;
}

#header_top h1 {
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
}

#header_top p {
	float: right;
	width: 90px;
	border-left: #FFF 1px dotted;
	text-align: right;
	background: url(/img/icon_sitemap.gif) no-repeat 8px 7px;
}

#header_top p a {
	font-size: 12px;
	color: #FFF;
}


#header {
	width: 948px;
	background: url(/img/bg_header.jpg) repeat-y;
	overflow: hidden;
}

* html #header {
	width: 950px;
}

#header .header_logo {
	width: 600px;
	float: left;
	padding-top: 17px;
}

#header .header_logo h2 {
	float: left;
	width: 211px;
}

#header .header_logo h2 img {
	margin-left: 5px;
	margin-top: 6px;
}

#header .header_logo p {
	font-size: 12px;
	padding-top: 14px;
	margin-left: 225px;
	line-height: 130%;
}

#header .header_info {
	float: right;
	width: 239px;
	
}

#header .header_info dl {
	margin-rihgt: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url(/img/bg_header_info.jpg) no-repeat;
	height: 80px;
	padding-top: 3px;
}

* html #header .header_info dl {
	height: 83px;
}

#header .header_info dl dt {
	font-size: 12px;
	margin-left: 12px;
	margin-bottom: 0;
}

#header .header_info dl dd.header_tel {
	font-size: 26px;
	font-family: Impact, "Arial Black";
	color: #CA0000;
	background: url(/img/icon_tel_header.gif) no-repeat 12px 14px;
	padding-left: 42px;
	margin-top: -8px;
	font-weight: bold;
}

#header .header_info dl dd img {
	margin-left: 12px;
	margin-top: -4px;
}


/*-------------------------------------------------
///	contents	
-------------------------------------------------*/

#contents {
	padding: 0 14px;
	width: 920px;
	position: relative;
}

* html #contents {
	width: 948px;
}

#contents h2 {
	letter-spacing: 1px;
}

/* フォーム 上h3 */
#contents h3.form_top_title {
	position: absolute;
	right: 23px;
	top: 25px;
}

* html #contents h3.form_top_title {
	top: 38px;
}

*+html #contents h3.form_top_title {
	top: 38px;
}

/* フォーム全体 */
#contents #satei-left {
	width: 500px;
	top: 104px;
	text-align: left;
	margin: 0;
	position: absolute;
	right: 8px;
}

* html #contents #satei-left {
	top: 118px;
}

*+html #contents #satei-left {
	top: 118px;
}

#contents .request_type, #contents .bike-kind, #contents .satei02 {
	margin-bottom: 10px;
	padding-top: 2px;
}

#contents .form01 {
	margin-bottom: 5px;
	color: #333A6F;
	background: url(/img/icon_form_topmain.gif) no-repeat left 6px;
	padding-left: 13px;
}

/*-------------------------------------------------
///	FirstCol	
-------------------------------------------------*/

#FirstCol {
	width: 685px;
	float: left;
}

#FirstCol .bg_main_bottom {
	width: 685px;
	height: 7px;
	background: url(/img/bg_main_bottom.jpg) no-repeat;
	font-size: 0;
}

#FirstCol .bg_lower_top {
	background: url(/img/bg_main_top.jpg) no-repeat top;
	width: 680px;
	height: 6px;
	font-size: 0px;
}

#FirstCol .bg_lower_bottom {
	background: url(/img/bg_main_bottom.jpg) no-repeat top;
	width: 680px;
	height: 6px;
	font-size: 0px;
	margin-bottom: 15px;
}

#FirstCol .main_border_top {
	background: url(/img/bg_contents_border_top.jpg) no-repeat left top;
	width: 685px;
	height: 6px;
	font-size: 0;
}

#FirstCol .main_border_bottom {
	background: url(/img/bg_content_bottom.jpg) no-repeat left top;
	width: 685px;
	height: 5px;
	margin-bottom: 15px;
	font-size: 1px;
}

#FirstCol .topcotegory {
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	padding: 12px 0 8px 9px;
}

#FirstCol .topcotegory li {
	display: inline;
	margin-right: 3px;
}

#FirstCol .main_info_left {
	width: 334px;
	float: left;
}

#FirstCol .main_info_left dl {
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	padding: 10px 10px 5px 10px;
}

* html #FirstCol .main_info_left dl {
	width: 334px;
}

#FirstCol .main_info_left dl dt {
	margin-bottom: 5px;
}

#FirstCol .main_info_left dl dt.form_left {
	margin-bottom: 10px;
}

#FirstCol .main_info_left dl dd {
	text-align: center;
	margin-bottom: 7px;
}
	

#FirstCol .main_info_right {
	width: 334px;
	float: right;
}

#FirstCol .main_info_right dl {
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	padding: 10px 10px 6px 10px;
}

* html #FirstCol .main_info_right dl {
	width: 334px;
}

#FirstCol .main_info_right dl dt {
	margin-bottom: 5px;
}

#FirstCol .main_info_right dl dd {
	margin-left: 28px;
	line-height: 140%;
}

#FirstCol .main_info_right dl dd.tel {
	font-size: 30px;
	font-weight: bold;
	background: url(/img/icon_tel_topcontents.gif) no-repeat left 7px;
	padding-left: 62px;
	font-family: Impact, "Arial Black";
}


#FirstCol .main_bordermini_bottom {
	background: url(/img/bg_contents_bottom.gif) no-repeat left top;
	width: 334px;
	height: 5px;
	margin-bottom: 15px;
	font-size: 1px;
}

#FirstCol .merit {
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	padding: 15px 15px 0px 15px;
}

#FirstCol .merit dt {
	background: url(/img/icon_arrow_merit.jpg) no-repeat left 0px;
	padding-left: 25px;
	color: #CA0000;
	margin-bottom: 5px;
}

#FirstCol .merit dd {
	padding-bottom: 10px;
	font-size: 12px;
}

#FirstCol .area_top {
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	padding: 15px 10px 10px 10px;
}

#FirstCol .area_top dl {
	border: #999 1px solid;
	margin-bottom: 5px;
	height: 29px;
}

#FirstCol .area_top dl.last_dl {
	margin-bottom: 0;
}

#FirstCol .area_top dl dt {
	background: url(/img/bg_dt_area.gif) no-repeat left top;
	width: 139px;
	height: 29px;
	font-weight: bold;
	float: left;
	padding-top: 4px;
}

#FirstCol .area_top dl dt a {
	color: #FFF;
	padding-left: 20px;
}

* html #FirstCol .area_top dl dt {
	width: 139px;
	height: 29px;
}

#FirstCol .area_top dl dd {
	font-size: 12px;
	display: inline;
	margin-left: 10px;
}

#FirstCol .area_top dl dd a {
	line-height: 250%;
}

#FirstCol .office_top {
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	padding: 15px 10px 0px 10px;
}

#FirstCol .office_border_top {
	background: url(/img/bg_office_top.gif) no-repeat left bottom;
	width: 210px;
	height: 5px;
	font-size: 1px;
}

#FirstCol .office_border_bottom {
	background: url(/img/bg_office_bottom.gif) no-repeat left top;
	width: 210px;
	height: 5px;
	font-size: 1px;
}

#FirstCol .office_top dl {
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	padding: 10px;
	text-align: center;
	width: 188px;
}

* html #FirstCol .office_top dl {
	width: 210px;
}

#FirstCol .office_top dl dd {
	margin-top: 10px;
}

#FirstCol .office_top dl dd.office_text {
	text-align: left;
	font-size: 12px;
}

#FirstCol .office_wrapper {
	padding-bottom: 10px;
}

#FirstCol .office_top .office_first {
	width: 437px;
	float: left;
}

#FirstCol .office_top .office_first .office_first01 {
	float: left;
	width: 220px;
}

#FirstCol .office_top .office_first .office_first02 {
	float: right;
	width: 210px;
}

#FirstCol .office_top .office_second {
	width: 210px;
	float: right;
}

/* エリア */
#FirstCol .area_h3 {
	margin-bottom: 20px;
}

#FirstCol .area_h4 {
	margin-bottom: 20px;
	background: url(/img/bg_h_area.jpg) no-repeat left top;
	padding-left: 55px;
	padding-top: 18px;
	width: 630px;
	height: 27px;
	color: #FFF;
	font-size: 16px;
}

* html #FirstCol .area_h4 {
	width: 685px;
	height: 45px;
}

#FirstCol .area_border_top {
	background: url(/img/bg_area_border_top.gif) no-repeat left top;
	width: 335px;
	height: 6px;
	font-size: 0;
}

#FirstCol .area_border_bottom {
	background: url(/img/bg_area_border_bottom.gif) no-repeat left top;
	width: 335px;
	height: 6px;
	font-size: 0;
}

#FirstCol .list_wrapper {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}

#FirstCol .area_list_first {
	width: 335px;
	float: left;
}

#FirstCol .area_list_second {
	width: 335px;
	float: right;
}

#FirstCol .area_company {
	padding: 10px;
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	width: 313px;
	height: 240px;
}

* html #FirstCol .area_company {
	width: 335px;
	height: 270px;
}

#FirstCol .area_company dl.company_top dt {
	float: left;
	width: 110px;
	margin-top: 5px;
}

* html #FirstCol .area_company dl.company_top dt {
	margin-top: -3px;
}

*+html #FirstCol .area_company dl.company_top dt {
	margin-top: -3px;
}

#FirstCol .area_company dl.company_top dd {
	margin-left: 110px;
	margin-top: -5px;
}

#FirstCol .area_company dl.company_top dd a {
	font-size: 12px;
	
}

#FirstCol .area_company dl.company_top dd.company_tel {
	font-size: 20px;
	color: #CA0000;
	font-family: Impact, "Arial Black";
	background: url(/img/icon_tel_header.gif) no-repeat left 9px;
	padding-left: 28px;
	margin-top: -10px;
}

#FirstCol .area_company dl.company_bottom {
	clear: both;
}

#FirstCol .area_company dl.company_bottom dt {
	padding-top: 10px;
	padding-bottom: 3px;
	border-bottom: #999 1px solid;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

#FirstCol .area_company dl.company_bottom dt a {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

#FirstCol .area_company dl.company_bottom dd {
	font-size: 12px;
}

#FirstCol p.area_p {
	text-align: center;
	padding-top: 50px;
	clear: both;
}

* html #FirstCol p.area_p {
	padding-top: 25px;
}

*+html #FirstCol p.area_p {
	padding-top: 25px;
}

#FirstCol p.aboutus_p {
	text-align: center;
}

/* ブランド紹介 */
#FirstCol .intro_main_border_bottom {
	background: url(/img/bg_content_bottom.jpg) no-repeat left top;
	width: 685px;
	height: 5px;
	margin-bottom: 35px;
	font-size: 0;
}

#FirstCol .intro_company .intro_h4 {
	margin-bottom: 15px;
}

#FirstCol .intro_company .intro_h3 {
	width: 98px;
	height: 43px;
	float: left;
	padding: 32px 80px 23px 80px;
	border: #999 1px solid;
}

* html #FirstCol .intro_company .intro_h3 {
	width: 260px;
	height: 100px;
}

#FirstCol .intro_company {
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	padding: 10px 14px 20px 14px;
	width: 655px;
}

* html #FirstCol .intro_company {
	width: 685px;
}

#FirstCol .intro_company .intro_h3 img {
	text-align: center;
}

#FirstCol .intro_company dl.company_top {
	margin-left: 275px;
}

#FirstCol .intro_company dl.company_top dt {
	padding-left: 8px;
	border-left: #5E6177 4px solid;
	font-size: 18px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	margin-bottom: 10px;
}

#FirstCol .intro_company dl.company_top dd {
	margin: 0;
	padding: 0;
	line-height: 130%;
}

#FirstCol .intro_company dl.company_top dd.tel {
	font-size: 26px;
	color: #CA0000;
	font-family: Impact, "Arial Black";
	background: url(/img/icon_tel_header.gif) no-repeat left 12px;
	padding-left: 30px;
	margin-top: -4px;
}

/* 無料相談・見積もり依頼完了 */

#contents #FirstCol .complete {
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	padding: 10px;
	width: 663px;
}

* html #contents #FirstCol .complete {
	width: 685px;
}

#contents #FirstCol .complete dt {
	margin-bottom: 10px;
}

#contents #FirstCol .complete_hint {
	padding: 15px;
	width: 655px;
	background: #E9EDF8;
	margin-bottom: 20px;
}

* html #contents #FirstCol .complete_hint {
	width: 685px;
}

#contents #FirstCol .complete_hint dt {
	margin-bottom: 10px;
}

#contents #FirstCol p.complete_p {
	text-align: center;
	width: 685px;
	margin-bottom: 30px;
}

/*-------------------------------------------------
///	調査可能項目 
-------------------------------------------------*/

#FirstCol .intro_company .company_cotegory {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
}

#FirstCol .intro_company .company_cotegory .intro_h4 {
	border-top: #999 1px solid;
	padding-top: 10px;
}

#FirstCol .intro_company .company_cotegory ul {
	margin-left: 1px;
	border-bottom: #999 1px solid;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

#FirstCol .intro_company .company_cotegory ul li {
	display: inline;
	margin-right: 4px;
}

#FirstCol .intro_company .company_cotegory ul li.last_li {
	margin-right: 0;
}

#FirstCol .intro_company .company_cotegory p {
	margin-bottom: 15px;
}


/*-------------------------------------------------
///	アクセスマップ
-------------------------------------------------*/

#FirstCol .intro_company .map_h4 {
	margin-bottom: 10px;
}
	
#FirstCol .intro_company .company_map {
	width: 653px;
	height: 550px;
	border: #999 1px solid;
	margin-bottom: 10px;
}

#FirstCol .intro_company dl.company_map_dl {
	margin-bottom: 20px;
}

#FirstCol .intro_company dl.company_map_dl dt {
	font-weight: bold;
	font-size: 16px;
}

#FirstCol .intro_company table {
	width: 100%;
}

#FirstCol .intro_company table th {
	padding: 7px 10px;
	text-align: left;
	width: 120px;
}

#FirstCol .intro_company table th span {
	padding-right: 20px;
	border-right: #999 2px solid;
	display: block;
} 

#FirstCol .intro_company table td {
	padding: 7px 10px;
}

#FirstCol .intro_company table .bg01 {
	background: #DADAE0;
}

#FirstCol p.center{
	text-align:center;
}

/* 運営会社 */
#FirstCol .aboutus_h3 {
	margin-bottom: 20px;
}

#FirstCol .about_us {
	background: #E9EDF8;
	padding: 10px;
	margin-bottom: 50px;
}

#FirstCol .about_us table {
	width: 100%;
}

#FirstCol .about_us table th {
	border: #999 1px solid;
	border-right: none;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 120px;
	background: #FFF;
	text-align: left;
}

#FirstCol .about_us table th span {
	display: block;
	border-right: #999 1px solid;
}

#FirstCol .about_us table td {
	border: #999 1px solid;
	border-left: none;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: #FFF;
}

/*-------------------------------------------------
///	SecondCol	
-------------------------------------------------*/
#SecondCol {
	width: 220px;
	float: right;
}

#SecondCol .bg_secondcol_bottom {
	background: url(/img/bg_secondcol_bottom.gif) no-repeat left top;
	width: 220px;
	height: 6px;
	font-size: 0;
	margin-bottom: 15px;
}

#SecondCol .bt_assessment {
	margin-top: 11px;
}

/* 無料相談 */

#SecondCol .secondcol_advice {
	width: 218px;
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	padding-top: 10px;
	padding-bottom: 10px;
}

* html #SecondCol .secondcol_advice {
	width: 220px;
	padding-bottom: 0;
}

#SecondCol .secondcol_advice dl dt {
	margin-left: 10px;
	color: #CA0000;
/*	margin-bottom: 8px; */
}

#SecondCol .secondcol_advice dl dd {
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 130%;
	padding-bottom: 8px;
}

#SecondCol .secondcol_advice dl.advice_tel dt {
	margin-bottom: 0;
}

#SecondCol .secondcol_advice dl.advice_tel dd {
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 8px;
	padding-left: 9px;
	paddgin-right: 9px;
}

#SecondCol .secondcol_advice dl.advice_tel dd.number {
	background: url(/img/icon_tel_header.gif) no-repeat 9px 17px;
	font-size: 22px;
	font-weight: bold;
	color: #CA0000;
	padding-left: 37px;
	margin-top: -15px;
	padding-bottom: 3px;
	font-family: Impact, "Arial Black";
}

#SecondCol .secondcol_advice .secondcol_border_bottom {
	background: url(/img/bg_secondcol_minibottom.gif) no-repeat left top;
	width: 200px;
	height: 5px;
	margin-left: 10px;
}



#SecondCol .secondcol_advice dl.advice_form dt {
	margin-top: 10px;
	
}

* html #SecondCol .secondcol_advice dl.advice_form dt {
	margin-top: 0;
}


#SecondCol .secondcol_advice dl.advice_form dd {
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 8px;
	padding-left: 7px;
	paddgin-right: 7px;
	padding-bottom: 0;
}

#SecondCol .secondcol_advice dl.advice_form dd img {
	margin-bottom: 5px;
}

	

/* エリア検索 */

#SecondCol .secondcol_lesson {
	width: 218px;
	border-right: #999 1px solid;
	border-left: #999 1px solid;
}

*html #SecondCol .secondcol_lesson {
	width: 220px;
}

#SecondCol .lesson_select {
	text-align: left;
	margin-left: 9px;
	margin-right: 9px;
	padding-bottom: 10px;
}

#SecondCol .first {
	padding-top: 10px;
}

#SecondCol .lesson_select dt {
}

#SecondCol .lesson_select dd {
	padding-top: 5px;
	padding-bottom: 3px;
	border: #999 1px solid;
	border-top: none;
}

#SecondCol .lesson_select dd ul {
	margin-left: 10px;
	margin-right: 10px;
}

#SecondCol .lesson_select dd ul li {
	margin-bottom: 5px;
	font-size: 12px;
}


/* モバイル */

#SecondCol .secondcol_mobile {
	width: 218px;
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	padding-bottom: 5px;
}

* html #SecondCol .secondcol_mobile {
	width: 220px;
}

#SecondCol .secondcol_mobile dl {
	margin: 0 10px;
	padding: 10px 0;
}

#SecondCol .secondcol_mobile dl dt {
	width: 61px;
	float: left;
	margin-bottom: 5px;
}

#SecondCol .secondcol_mobile dl dd {
	margin-left: 74px;
	padding-top: 5px;
}





/*-------------------------------------------------
///	footer	
-------------------------------------------------*/

#footer {
	width: 100%;
	text-align: center;
	clear: both;
	font-size: 12px;
	background: #FFF;
	position: relative;
	padding-bottom: 10px;
}

#footer #bg_footer_topnavi {
	background: url(/img/bg_footer_navi.jpg) repeat-x left top;
	width: 100%;
	height: 61px;
	margin-bottom: 10px;
}

#footer #bg_footer_topnavi ul {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	padding-top: 23px;
}

#footer #bg_footer_topnavi ul li {
	display: inline;
	background: url(/img/img_footernavi_line.gif) no-repeat right 0px;
	margin-right: 13px;
	padding-right: 13px;
}

#footer #bg_footer_topnavi ul li.last_footer_navi {
	background: none;
}

#footer .footer_last_area {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	position: relative;
} 

#footer .footer_last_area p.pagetop {
	clear: both;
	text-align: right;
	position: absolute;
	right: 14px;
	top: -87px;
	z-index: 100;
}

#footer .footer_last_area #footer_area {
	width: 659px;
	float: left;
	text-align: left;
}

#footer .footer_last_area #footer_area h4 {
	float: left;
	width: 130px;
}

#footer .footer_last_area .bg_footer_area {
	margin-left: 128px;
	background: url(/img/bg_dd_dooterarea.gif) no-repeat right top;
	padding-top: 8px;
	height: 144px;
	text-align: left;
	position: relative;
}

* html #footer .footer_last_area .bg_footer_area {
	height: 152px;
}

#footer .footer_last_area .bg_footer_area .footer_area_wrapper {
	position: absolute;
	bottom: 7px;
	right: 90px;
}

#footer .footer_last_area .bg_footer_area dl {
	margin-left: 15px;
	padding-bottom: 1px;
	clear: both;
}

#footer .footer_last_area .bg_footer_area dl dt {
	float: left;
	width: 85px;
	font-size: 10px;
	font-weight: bold;
	margin-right: 15px;
	padding-right: 15px;
	background: url(/img/img_footernavi_line.gif) no-repeat right top;
	padding-top: 2px;
}

#footer .footer_last_area .bg_footer_area dl dd {
	font-size: 10px;
	display: inline;
	margin-right: 10px;
	line-height: 180%;
}

#footer .footer_last_area .bg_footer_area dl dd a {
	line-height: 180%;
}

#footer .ssl_ad {
	width: 272px;
	float: right;
}

#footer .ssl_ad dl {
	background: url(/img/bg_ssl_area.gif) no-repeat left top;
	width: 272px;
	height: 113px;
	margin-bottom: 11px;
}

#footer .ssl_ad dl dt {
	padding-top: 10px;
	margin-bottom: 10px;
}

#footer .ssl_ad dl dd {
	font-size: 10px;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}

#footer address {
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*-------------------------------------------------
///	class
-------------------------------------------------*/

.text_red {
	color: #CA0000;
}

.text10p {
	font-size: 10px;
}

.text12p {
	font-size: 12px;
}

.text14p {
	font-size: 14px;
}

.text16p {
	font-size: 16px;
}

.text_b {
	font-weight: bold;
}

.text_n {
	font-weight: normal;
}

.form50 {
	width: 50px;
}

.form70 {
	width: 70px;
}

.form100 {
	width: 100px;
}

.form110 {
	width: 110px;
}


.form130 {
	width: 130px;
}

.form150 {
	width: 150px;
}

.form200 {
	width: 200px;
}

.form250 {
	width: 250px;
}

.form300 {
	width: 300px;
}

.form350 {
	width: 350px;
}

.form400 {
	width: 400px;
}

.form510 {
	width: 505px;
}

.form550 {
	width: 550px;
}

.focus {
	background: #FFBC5D;
}

.mr40 {
	margin-right: 40px;
}

.mr20 {
	margin-right: 20px;
}


.mr15 {
	margin-right: 15px;
}

.mr10 {
	margin-right: 10px;
}

.mr5 {
	margin-right: 5px;
	vertical-align: top;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.ml39 {
	margin-left: 39px;
}

.ml50 {
	margin-left: 50px;
}

.ml30 {
	margin-left: 30px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml10 {
	margin-left: 10px;
}

.ml5 {
	margin-left: 5px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 59px;
}

.mp10 {
	padding-bottom: 10px;
}

#wrapper #contents .va {
	vertical-align: top;
}

#wrapper #contents .va02 {
	vertical-align: middle;
}

#wrapper #contents .va03 {
	vertical-align: -3px;
}

/*-------------------------------------------------
///	globalNavi	
-------------------------------------------------*/

#globalNavi li {
	width: 190px;
	height: 51px;
	float: left;
}

#globalNavi li a {
	width: 190px;
	height: 51px;
	display: block;
	overflow: hidden;
}

#globalNavi li.top {
	width: 188px;
}

#globalNavi li.top a {
	width: 188px;
}


/*-------------------------------------------------
///	topicPath	
-------------------------------------------------*/

#topicPath {
	clear: both;
	font-size: 80%;
	padding: 10px 0 10px 10px;
}

/*-------------------------------------------------
///	インターファーム追加
-------------------------------------------------*/

/* フォーム */

#linkselfweb,#linkyubinweb { font-size:85%; }
.form-bt { position:absolute; right:27px; top:2px; }
#getZipCD table td { padding-bottom:8px; padding-right:10px; font-size:12px!important; }
.bike-kind { margin-top:2px; }

#getZipCD { margin-top:3px; }
#spinner1, #spinner2 {	 display:none; }
#getZipCD select{ width:180px; margin-bottom:2px; }
#getZipCD select option{ width:170px; white-space:normal; }
#getZipCD .cancel{	float:right; font-size:85%; }

p#cross-links { text-align: center;	margin-top: 5px;	margin-bottom: 5px; }
a:focus { outline:none }
.stripViewer .panelContainer .panel ul { text-align: left; }

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px;
	position: relative;
	width: 380px;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 295px; height: 300px; background: #fff; overflow: scroll}
.csw .loading {/*margin: 200px 0 300px 0; text-align: center*/}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	height:156px;
	clear: both;
	width:295px;
}

.stripViewer .panelContainer {
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
}

.stripViewer .panelContainer .panel { float:left; height: 147px; position: relative; width: 295px; }

.stripViewer .panelContainer .panel .wrapper { padding: 10px;}

.stripNav { 
	margin: auto;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	width: 300px;
	padding-right: 20px;
	padding-left: 20px;
}

.stripNav ul { list-style: none; margin: 0px;	padding: 0px; }

.stripNav ul li { float:left; width:100px; }

.stripNav a { 
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	color: #66CCFF;
	text-decoration: none;
	display: block;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
	width: 100px;
}

.stripNav li a:hover { color: #66CCFF; }

.stripNav li a.current { color:#ffffff; }

.stripNavL, .stripNavR { position:absolute; top:160px; text-indent: -9000em; }

.stripNavL a, .stripNavR a { display: block; height: 20px; width: 20px; }

.stripNavL { left: 0; }

.stripNavR { right: 0; }

.stripNav { display: none }


/* ---------- table ---------- */

table.sub_contents_table {
 width: 640px;
 background-color: #CCCCCC;
 margin: 0px auto 0px auto;
}
table.sub_contents_table tr {
 border-bottom: solid 1px #CCCCCC;
}
table.sub_contents_table tr th {
 border: solid 1px #FFFFFF;
 background-color: #EFEFEF;
 color:006699;
 padding: 10px;
 text-align: left;
 font-size: 12px;
}
table.sub_contents_table tr th p{
 color: #252525;
 font-size: 12px;
 text-align: left;
 line-height: normal;
 margin: 0px;
 padding: 0px;
}
table.sub_contents_table tr th img{
 float: right;
}
table.sub_contents_table tr th span{
 font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
 color: #007CC2;
 font-weight: normal;
 line-height: normal;
 margin: 0px;
 padding: 0px;
 font-size: 10px;
}
table.sub_contents_table tr td {
 border: solid 1px #FFFFFF;
 background-color: #FFFFFF;
 padding: 5px;
 text-align: left;
 font-size: 12px;
 line-height: 2em;
}
table.sub_contents_table tr td strong {
 font-size: 12px;
 color: #993300;
}
table.sub_contents_table tr td span {
 font-size: 10px;
 color: #999999;
}

.w-txt table, .w-txt td{
	border-collapse: collapse;
	border:1px solid #000000;
}

#uservoice blockquote{
	margin:10px;
}

#uservoice h3{
	font-size:110%;
	font-weight:bold;
}
#privacy_table dt {
	border-bottom:thin none #FFFFFF;
	border-left:thick solid #FFAD08;
	font-weight:bold;
	margin:5px;
	padding-left:5px;
}
#privacy_table dd {
	margin-bottom:20px;
	padding-left:20px;
}
#privacy_table blockquote{
	margin:10px;
}
/* ---------- end ---------- */