@charset "utf-8";

/*
 *  RESET
 */

/* ---------- reset ---------- */

body
{
	margin:0;
	padding:0;
	font-size:100%;
	font-family: Verdana, Arial, sans-serif;
}

p,
blockquote,
address,
div,
noscript
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

h1,h2,h3,h4,h5,h6
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-weight:normal;
}

ul,ol,li,dl,dt,dd
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

pre
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

img,map,q,sub,sup,span,bdo
{
	margin:0;
	padding:0;
	border:0;
}

a
{
	margin:0;
	padding:0;
	border:0;
}

br
{
	margin:0;
	padding:0;
	border:0;
	letter-spacing:0; /* IE */
}

tt,i,b,big,small
{
	margin:0;
	padding:0;
	border:0;
}

code,samp,var
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

strong,dfn,kbd,cite,abbr,acronym,em
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-style:normal;
	font-weight:bold;
}

ins
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
}

del
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-style:normal;
}

form,
fieldset
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

legend,label,select,optgroup,option
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

div.clear
{
	clear:both;
}

div.clear hr
{
	display:none;
}

/* ---------- reset_end ---------- */

/*
 *  FONT SETTING
 */

/* except ie */
html>/**/ body
{
	font-size:12px;
}
body
{
	font-size:75%;
}

/*
 *  SYTLE
 */

.m-side-none { margin-right:0 !important; margin-left:0 !important; }
.border-none { border:none !important; }


/*form-style*/

#satei { background:url(image/form-back.gif) no-repeat 0 0; margin-bottom:25px; position:relative; width:586px; height:213px; background-position:bottom; background-repeat:no-repeat; margin-left:28px; }
#satei-inner { margin-left:13px; }


.bike-kind p { font-size:110%; }

.bike-kind { margin-bottom:2px; margin-top:2px; }
.bike-kind ul { margin-left:25px; }
.bike-kind ul li { display:inline; }
.form_question { margin-left:30px; }
.form_question select{ border:2px inset threedface;width:270px;}
.form01 {
	background-image:url(image/form-01.gif); background-position:left top; background-repeat:no-repeat; padding:2px 0 0 32px; height:24px;
}
.form02 {
	background-image:url(image/form-01.gif); background-position:left top; background-repeat:no-repeat; padding:2px 0 0 32px; height:24px;;
}
.form03 {
	background-image:url(image/form-02.gif); background-position:left top; background-repeat:no-repeat; padding:2px 0 0 32px; height:24px;
}

.panelContainer{ margin-left:16px; }

#linkselfweb,#linkyubinweb { font-size:85%; }

.form-bt { position:absolute; right:30px; top:43px; }


#getZipCD table td { padding-bottom:8px; padding-right:10px; font-size:12px!important; }


#getZipCD { margin-top:3px; }
#spinner1, #spinner2 {	 display:none; }
#getZipCD select{ width:220px; margin-bottom:2px; border:1px solid #cccccc; }
#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: 340px; 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;
	margin:5px 0 0 8px;
	height:147px;
	clear: both;
	width:340px;
}

.stripViewer .panelContainer {
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
}

.stripViewer .panelContainer .panel { float:left; height: 147px; position: relative; width: 340px; }

.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 }

/*
 *  FORMAT
 */

/*A tag*/
.navigation .category a,.head-navi a,.rank a,.read-content a,.company-list a,.footer a,#linkselfweb a,#linkyubinweb a,.cancel a
{ color:#0b6cce;	text-decoration:underline; }

.navigation .category a:hover,.head-navi a:hover,.rank a:hover,.read-content a:hover,.company-list a:hover,.footer a:hover,#linkselfweb a:hover,#linkyubinweb a:hover,.cancel a:hover
{ color:#0b6cce;	text-decoration:none; }

.head-navi a { margin:0 4px; }


body { text-align:center; margin:0; padding:0; }

div#container { text-align:left; margin:0 auto; padding:0; width:880px; background-image:url(image/body-bg.gif); background-repeat:repeat-y; background-position:left top; }

div#container_inner { margin:0; padding:0;}

/*header*/

div#header
{
	width:100%;
	height:73px;
	background-color:#ffffff;
	background-image:url(image/header-bg.gif);
	background-repeat:repeat-x;
}

div#header_inner { width:880px; text-align:left; margin:0 auto;	position:relative; }

.site-name { position:absolute; top:18px; left:0; }
.site-discription { position:absolute; top:16px; left:225px; line-height:1.4; }

.head-navi { position:absolute; right:0; top:46px; font-size:85%; }
.head-navi ul li,.rank dd ul li,.reason ul li,.flow ol li { list-style:none; }
.head-navi li,.flow li { display:inline; }


/*content*/

.content { position:relative;  width:675px; float:right; }
.content-inner { width:640px; margin-left:15px; }
.main-content { background-image:url(image/main.jpg); background-position:50% 4px; background-repeat:no-repeat; padding-top:315px; }

.top-title h1 { position:absolute; right:12px; top:25px; }

.content-inner h1 { 
	border-bottom:3px solid #0865BD;
	color:#000000;
	font-size:18px;
	font-weight:bolder;
	height:25px;
	margin:0 0 25px;
	padding:0;
	text-indent:0;
}
.content-inner .main-content h1{
	border-bottom:0 none;
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
.content-inner h2 { 
	background:#FFFFFF none repeat scroll 0 0;
	border-color:#FFAD08;
	border-style:solid;
	border-width:0 0 1px 7px;
	font-size:16px;
	font-weight:bolder;
	margin-top:10px;
	margin-bottom:5px;
	padding:3px 5px;
}
.content-inner .main-content h2{
	border-bottom:0 none;
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}

.reason h2 {position:absolute; right:55px; top:144px;}
.reason ul { position:absolute; right:55px; top:174px;}
.reason p { position:absolute; right:332px; top:144px; }

.flow h3 { position:absolute; left:45px; top:212px; }
.flow ol { position:absolute; left:55px; top:267px; }


.content-inner h5 { margin-bottom:10px; }

.read-content dd,.company-list a,.footer p { line-height:1.4; }

.company-list ul { background-image:url(image/company-list.gif); background-position:bottom; background-repeat:no-repeat; text-align:center; margin-bottom:10px; }
.company-list ul li { width:151px; border-top:1px solid #cccccc; padding:10px 0; list-style:none; float:left; margin-right:12px; }
.company-list ul li img { margin-bottom:4px; }
.company-list ul li a { background-image:url(image/company-a.gif); background-position:left; background-repeat:no-repeat; padding-left:12px; margin-left:2px; }
.company-list ul li span a { font-size:110%; background-image:none !important; padding:0 !important; margin-left:0 !important; }
.company-list ul li p { text-align:left; padding:0 12px; margin-top:4px; }

.advantage { border-top:2px solid #c9c9c9; padding-top:24px; margin:25px 0 10px 0;}
.advantage dt
{ background-image:url(image/advantage-dt.gif); background-repeat:no-repeat; background-position:left top; height:26px; padding:4px 0 0 34px; font-size:120%; margin-bottom:8px; }
.advantage dd { margin-bottom:5px; padding-left:14px; background-image:url(image/advantage-li.gif); background-position:left; background-repeat:no-repeat; margin-left:10px; }


.read-content dl,.advantage dl { width:290px; float:left; margin-right:24px; padding-left:10px; margin-bottom:14px;}
.read-content dt { margin-bottom:5px; }
.read-content a { background-image:url(image/read-content-li.gif); background-repeat:no-repeat; background-position:left; padding-left:18px; }

#topic_path{
	margin-bottom:35px;
	margin-top:5px;
}

/*navigation*/

.navigation { width:200px; padding:0 0 5px 0; float:left; margin:0!important;}
.navigation-inner { width:197px; margin-left:2px; }
.navigation-inner img { vertical-align:bottom; }

.side-form-btn { padding:4px 0; text-align:cener; width:197px; }

.navigation .category {  padding-bottom:5px; width:197px;}
.navigation .category dt { margin:0 0 5px 0; padding:0; }
.navigation .category dd { margin:0 0 8px 5px; padding:2px 0 2px 22px; }

.cate-01{background-image:url(image/navigation/cate-icon01.gif); background-repeat:no-repeat; background-position:left; }
.cate-02{background-image:url(image/navigation/cate-icon02.gif); background-repeat:no-repeat; background-position:left; }
.cate-03{background-image:url(image/navigation/cate-icon03.gif); background-repeat:no-repeat; background-position:left; }
.cate-04{background-image:url(image/navigation/cate-icon04.gif); background-repeat:no-repeat; background-position:left; }
.cate-05{background-image:url(image/navigation/cate-icon05.gif); background-repeat:no-repeat; background-position:left; }
.cate-06{background-image:url(image/navigation/cate-icon06.gif); background-repeat:no-repeat; background-position:left; }
.cate-07{background-image:url(image/navigation/cate-icon07.gif); background-repeat:no-repeat; background-position:left; }
.cate-08{background-image:url(image/navigation/cate-icon08.gif); background-repeat:no-repeat; background-position:left; }
.cate-09{background-image:url(image/navigation/cate-icon09.gif); background-repeat:no-repeat; background-position:left; }
.cate-10{background-image:url(image/navigation/cate-icon10.gif); background-repeat:no-repeat; background-position:left; }
.cate-cost{background-image:url(image/navigation/cate-icon_cost.gif); background-repeat:no-repeat; background-position:left; }
.cate-question{background-image:url(image/navigation/cate-icon_question.gif); background-repeat:no-repeat; background-position:left; }
.cate-syouko{background-image:url(image/navigation/cate-icon_syouko.gif); background-repeat:no-repeat; background-position:left; }

.rank { background-color:#ffffff; width:197px; }
.rank dt { margin-bottom:4px; }
.rank dd { border-bottom:1px #cccccc solid; padding-bottom:4px; margin-bottom:5px; padding-right:4px; }
.rank ul,.footer p { font-size:85%; }
.rank ul,.company-list ul { zoom: 100%; }
.rank ul:after,.company-list ul:after{ content: " "; clear: both; height: 0; display: block; visibility: hidden; }
.rank li { margin-bottom:3px; }
.rank dd img { float:left; margin-right:10px; padding-bottom:2px; padding-left:2px; }
.rank .name { font-weight:bold; }
.rank .kaitori span { background-color:#d80000; color:#FFFFFF; padding:1px 2px 1px 2px; }
.rank .kakaku { font-weight:bold; color:#d80000; }
.rank a { background-image:url(image/rank-li.gif); background-repeat:no-repeat; background-position:left 50%; padding-left:8px; }



/*footer*/

.footer { clear:both; width:880px; margin-top:30px; border-top:1px solid #cccccc; position:relative; }
.footer_inner { padding:20px 0 20px 20px; margin:0 2px; background-color:#FFFFFF; }
.footer ul { margin-bottom:10px; }
.footer ul li { display:inline; }
.footer p { margin-top:10px; }
.page-top { position:absolute; right:20px; top:-22px; }
.geotrust { position:absolute; right:20px; top:10px; }

/* ---------- 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 ---------- */