/*
Theme Name: bike
Description: bike import
*/

/* ===================================================================
CSS information

file name  :url(img/common/.css
file composition:
 
 リセット,基本設定,レイアウト,横幅設定など
 汎用class
 #navSkip
 #index
 #page
  #header
  ##gNav
  #contents
   #main
   #sub
  #footer
=================================================================== */

/*----------------------------------------------------
	リセット,基本設定,レイアウト,横幅設定など
----------------------------------------------------*/
/*--- リセットt */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	background: #FFF;
	color: #333;
	font-size: small;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

html,body{
	height: 100%;
}

#page{
	height:100%;
}

a:link {
	text-decoration:none;
	color:#F60;
	}

a:visited {
	color:#F90;
	text-decoration:underline;
	}

a:hover,a:active {
	text-decoration:underline;
	color:#F60;
	}

a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
	}

a[href $='.pdf'] { 
padding-right: 18px;
background: transparent url(img/common/icon_pdf.gif) no-repeat center right; 
}
a[href $='.xls'] { 
padding-right: 18px;
background: transparent url(img/common/icon_xls.gif) no-repeat center right; 
}
a[href $='.doc'] { 
padding-right: 18px;
background: transparent url(img/common/icon_doc.gif) no-repeat center right; 
}

/*----------------------------------------------------
	汎用class , icon
----------------------------------------------------*/


.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}

.cRed{color:#F00;}
.cGreen{color:#090;}


.btn {
	text-align: center;
	}

.red{
	color:#C00;
	}

.bold {
	font-weight:bold;
	}

.icon_arrow_left{
	text-decoration: none;
	padding:2px 0 0px 17px;
	background:url(img/common/arrow_left.png) no-repeat 0px 5px;
	}

.icon_folder{
	text-decoration: none;
	padding:4px 0 0px 20px;
	margin:2px auto;
	background:url(img/common/folder.png) no-repeat 0px 5px;
	}

.imgSpace{
	margin:5px 0;
	}

.dotted{
	width:95%;
	margin:0px auto;
	border-bottom:dotted 1px #CCC;
	}

.icon_arrow_top{
	display: block;
	text-decoration: none;
	margin:0px;
	padding:2px 0 0 17px;
	background:url(img/common/arrow_top.gif) no-repeat 705px 5px;
	}


.alignright {
	float: right;
	margin:0px 0px 10px 7px;
	}

.alignleft {
	float: left
	}
	
.aligncenter {
	margin:0px auto;
	}


/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

/* clearfix */
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 100%;
	height:100%;
	margin: 0 auto;
	text-align: left;
}

/*----------------------------------------------------
	#header トップロゴ、ユーティリティーナビ
----------------------------------------------------*/
#top_bar {
	width:100%;
	height:7px;
	background-image:url(img/common/top_bar.jpg);	
	}

#header {
	width: 860px;
	margin:0px auto;
	height:60px;
	}


#ad {
	width:234px;
	height:50px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 100px;
	}

#topLogo {
	float:left;
	}

#topLogo a{
	float:left;
	margin:5px 0px 0px 0px;
	background-image:url(img/common/logo.jpg);	
	background-repeat:no-repeat;
	width:170px;
	height:50px;
	display:block;
	text-indent:-3000px;
	text-decoration:none;
	}

#topLogo h1{
	padding:18px 0px 0px 175px;
	font-weight:normal;
	}

#utilityNav {
	float:right;
	height:24px;
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px;
	background:url(img/common/header/utilityRightBg.jpg) no-repeat right -2px;
	}
	
#utilityNav ul{
	height:24px;
	background:url(img/common/header/utilityLeftBg.jpg) no-repeat left -2px;
	padding:0px 8px 0px 3px;
	}


#utilityNav li {
	font-size:10px;
	float:left;
	padding:2px 0px 3px 5px;
	}

#utilityNav li a {
	color:#FFF;
	}



/*----------------------------------------------------
	#gNav ナビ パンくず
----------------------------------------------------*/
#gNav {
	background-image:url(img/common/gnavBg.jpg);
	padding:10px 0px 60px 0px;
	}

#gNav ul{
	width:860px;
	height:45px;
	margin:0px auto;
	}

#gNav ul li {
	float: left;
	}

#gNav ul li a {
	background-image:url(img/common/gnav.jpg);
	background-repeat:no-repeat;
	width:140px;
	height:45px;
	display:block;
	text-indent:-3000px;
	text-decoration:none;
	}

li#gNav1 a:link, li#gNav1 a:visited{
	background-position: 0px 0px;
	}
li#gNav1 a:hover, li#gNav1 a:active {
	background-position: 0px -45px;
	}
body.page-id-3 li#gNav1 a , body.parent-pageid-3 li#gNav1 a {
	background-position: 0px -45px;
	}


li#gNav2 a:link, li#gNav2 a:visited{
	background-position: -140px 0px;
	}
li#gNav2 a:hover, li#gNav2 a:active {
	background-position: -140px -45px;
	}
body.page-id-60 li#gNav2 a , body.parent-pageid-60 li#gNav2 a {
	background-position: -140px -45px;
	}
	
li#gNav3 a:link, li#gNav3 a:visited{
	background-position: -280px 0px;
	}
li#gNav3 a:hover, li#gNav3 a:active {
	background-position: -280px -45px;
	}
body.page-id-28 li#gNav3 a , body.parent-pageid-28 li#gNav3 a {
	background-position: -280px -45px;
	}

li#gNav4 a:link, li#gNav4 a:visited{
	background-position: -420px 0px;
	}
li#gNav4 a:hover, li#gNav4 a:active {
	background-position: -420px -45px;
	}
body.page-id-1426 li#gNav4 a , body.parent-pageid-1426 li#gNav4 a {
	background-position: -420px -45px;
	}

li#gNav5 a:link, li#gNav5 a:visited{
	background-position: -560px 0px;
	}
li#gNav5 a:hover, li#gNav5 a:active {
	background-position: -560px -45px;
	}
body.page-id-1113 li#gNav5 a , body.parent-pageid-1113 li#gNav5 a {
	background-position: -560px -45px;
	}

body.page-template-page02-php #pan {
	font-size:10px;
	padding:7px 0px 3px 10px;
	}

#pan {
	font-size:10px;
	padding:7px 0px 7px 0px;
	}

#adPan{
	font-weight:bold;
	float:right;
	text-align:right;
	padding:0px 0px 0px 0px;
	display:block;
	}

#adPan a{
	}

#adPan a:hover {
	}


/*----------------------------------------------------
	#index
----------------------------------------------------*/
#topImg{
	width:860px;
	height:250px;
	text-indent:-3000px;
	background-image:url(img/top/top.jpg);
	}

.home #main{
	float: right;
	width: 620px;
	margin:0px 3px 0px 0px;
	font-size:15px;
	}

.home #main a img{
	border:1px solid #DDD;
	}

#intro{
	margin:20px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	border:solid #CCCCCC 1px;
	color:#999;
	font-size:11px;
	}
	
.home #main a h3{
	margin:10px 0px 0px 0px;
	}

.home ul#result, .home ul#news{
	margin:0px 0px 0px 10px;
	}

.home ul#result li, .home ul#news li {
	padding:3px 0px 3px 0px;
	border-bottom:dotted 1px #DDD;
	}

.home ul#result li a, .home ul#news li a{
	}
	


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width: 860px;
	height:auto;
	margin:-40px auto 0px auto;
	background:url(img/common/contents/contentsBg.gif) no-repeat 0px 0px;
	}

#toTop {
	margin:0px ;
	padding:10px;
	clear: both;
	text-align: right;
}

#wapper {
	width:880px;
	margin:0px auto;
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main a:link {
	text-decoration:none;
  color: #006699;
	}

#main a:visited {
  color: #15227c;
	text-decoration:underline;
	}

#main a:hover,
a:active {
	text-decoration:underline;
  color: #0093e3
	}



#main {
	float: right;
	width: 620px;
	margin:0px 5px 0px 0px;
	font-size:15px;
	}

#main h2 {
	font-size:20px;
	background:url(img/common/mainH2.jpg) no-repeat 0 0;
	border:1px solid #DDD;
	padding:17px 0 11px 20px;
	text-shadow: 1px 1px 2px #ddd;
	margin:0px 0px 10px 0px;
	clear:both;
	}

#main h3 {
	background:url(img/common/mainH3.jpg) no-repeat 0 0;
	border:1px solid #DDD;
	margin-bottom:16px;
	padding:5px 0px 3px 20px;
	text-shadow: 1px 1px 2px #ddd;
	clear:both;
	}

#main h4{
	height:30px;
	background-image:url(img/common/mainH3.jpg);
	background-repeat:no-repeat;
	padding:6px 0 7px 20px;
	text-shadow: 1px 1px 2px #ddd;
	}

#main02 {
	width: 860px;
	padding:0px 10px 10px 10px;
	}
	
#main02 h1 {
	font-size:20px;
	height:60px;
	background-image:url(img/common/main02H1.jpg);
	background-repeat:no-repeat;
	padding:17px 0 7px 20px;
	margin:4px 0px 0px 0px;
	}
	
#main02 h2 {
	width: 821px;
	background-image:url(img/common/main02H2.jpg);
	background-repeat:no-repeat;
	margin-bottom:16px;
	padding:6px 0px 4px 17px;
	border:1px solid #DDD;
	}

#main02 h3 {
	padding:6px 0 7px 20px;
	}

#main02 p {
	margin:0px 35px 15px 25px;
	}

	
#main p {
	margin:10px 15px 15px 15px;
	}

/* adsens1, estimate/entry, social  */
#main .action {
	margin:50px 0px 0px 0px;
	padding:10px 0px;
	width:600px;
	height:100px;
	border:solid 1px #DDD;
	background-color:#F5F5F5;
	}

#main .action .estimate {
	float:left;
	height:100px;
	background:url(img/common/side/estimateBottomBg.jpg) no-repeat 0px bottom;
	margin:0px 0px 5px 80px;
	padding:0px 0px 0px 0px;
	}
#main .action .estimate div {
	float:left;
	height:41px;
	background:url(img/common/side/estimateTopBg.jpg) no-repeat 0px 0px;
	margin:0px 0px 0px 0px;
	padding:50px 10px 7px 11px;
	}
#main .action .entry {
	float:left;
	height:100px;
	background:url(img/common/side/entryBottomBg.jpg) no-repeat 0px bottom;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	}
#main .action .entry div {
	height:41px;
	background:url(img/common/side/entryTopBg.jpg) no-repeat 0px 0px;
	margin:0px 0px 0px 0px;
	padding:50px 10px 7px 11px;
	}

#main .action .estimate .btn,
#main .action .entry .btn{
	background:none;
	margin:0px;
	padding:0px;
	}

#main  #nextBack{
	width:600px;
	text-align:center;
	margin:10px auto 100px auto;
	padding:10px;
	border:solid 1px #DDD;
	background-color:#F5F5F5;
	}
	
/*qa*/

.icon_q{
	font-size:14px;
	font-weight:bold;
	margin:10px 0px 0px 15px;
	padding:3px 0px 3px 40px;
	background:url(img/first/icon_q.jpg) no-repeat 0px 0px ;
	background-repeat:no-repeat;
}

.icon_a{
	margin:5px 0px 25px 15px;
	padding:3px 0px 3px 40px;
	background:url(img/first/icon_a.jpg) no-repeat 0px 0px ;
	background-repeat:no-repeat;
}


/*cost*/

#campaign{
	height:65px;
	width:550px;
	margin:0px auto 2px auto;
	background-image:url(img/cost/campaign.jpg);
	text-indent:-3000px;
}

#tableCost{
	width:550px;
	margin:0px auto;
	}
#tableCost th{
	text-align:center;
	padding:10px 20px;
	border: 1px solid #DDD;
	color: #333;
	background-image:url(img/common/table_title.jpg);
	}
#tableCost td {
	text-align:center;
	padding:10px 20px;
	border: 1px solid #DDD;
	color: #333;
	}
#tableCost .pickT{
	background-color:#E85176;
	color:#FFF;
}
#tableCost .pick{
	background-color:#FDEDF1;
	color:#E85176;
}

/*entry contact auction_entry*/

#form_entry{
	width:700px;
	margin:0px auto;
	}

#form_entry table{
	margin:0px auto 10px auto;
	width:700px;
	border:1px solid #DDD;
	}
#form_entry th{
	padding:8px 20px;
	border:1px solid #DDD;
	background-image:url(img/entry/th.gif);
	color: #333;
	}
#form_entry td {
	padding:8px 20px;
	border:1px solid #DDD;
	color: #333;
	}

#form_entry .title {
	height:15px;
	width:auto;
	margin:0px;
	background-image:url(img/entry/td_title.gif);
	font-weight:bold;
}

#privacyPro{
	width:688px;
	margin:0px auto 10px auto;
	border:1px solid #DDD;
	background-color:#F8F8F8;
	padding:5px 5px 0px 5px;
	font-weight:bold;
}

#privacyProIn{
	width:660px;
	height:90px;
	margin:5px auto 10px auto;
	border:1px solid #DDD;
	background-color:#FFF;
	overflow:auto;
	font-weight:normal;
	}

#submit{
	width:100px;
	height:40px;
	margin:0px auto;
 }
 
#submitIn{
	width:100px;
	height:40px;
	font-weight:bold;
}


/*law*/

#tableLaw{
	width:600px;
	margin:0px auto;
	}
#tableLaw th{
	text-align:center;
	padding:10px 20px;
	border: 1px solid #DDD;
	color: #333;
	background-image:url(img/common/table_title.jpg);
	}
#tableLaw td {
	text-align:center;
	padding:10px 20px;
	border: 1px solid #DDD;
	color: #333;
	}
/* -----------------------------------------------------------
	#sub
----------------------------------------------------------- */
 
* html #sub {
	float:left;
	width: 222px;
	height:100%;
	margin:0px 0px 0px 0px;
	}

#sub {
	float:left;
	width: 222px;
	height:100%;
	margin:5px 0px 0px 5px;
	}	

/* estimate,entry  */

#sub .estimate {
	background:url(img/common/side/estimateBottomBg.jpg) no-repeat 0px bottom;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	}
#sub .estimate div {
	height:41px;
	background:url(img/common/side/estimateTopBg.jpg) no-repeat 0px 0px;
	padding:50px 10px 7px 11px;
	margin:0px 0px 0px 0px;
	}
#sub .entry {
	background:url(img/common/side/entryBottomBg.jpg) no-repeat 0px bottom;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
#sub .entry div {
	height:41px;
	background:url(img/common/side/entryTopBg.jpg) no-repeat 0px 0px;
	padding:50px 10px 7px 11px;
	margin:0px 0px 0px 0px;
	}
#sub .estimate .btn, #sub .entry .btn{
	background:none;
	margin:0px;
	padding:0px;
	}


/* sidebarPage,sidebar,tagcloud  */

ul.sidebarPage, ul.sidebar{
	width: 216px;
	background-color:#EEE;
	padding:2px;
	margin:5px 0px 0px 0px;
	border:solid 1px #DDD;
	}
ul.sidebarPage li, ul.sidebar li ul li {
	list-style:none;
	}

ul.sidebarPage li a, ul.sidebar li ul li a  {
	color: #333;
	padding:5px 0px 5px 10px;
	display: block;
	background:url(img/common/side/liBg.jpg) repeat-x 0 0;
	border-top:;
	border-left:solid #DDD 1px;
	border-right:solid #DDD 1px;
	border-bottom:solid #DDD 1px;
	}
ul.sidebarPage li a:hover, ul.sidebar li ul li a:hover {
	background:url(img/common/side/liOverBg.jpg) repeat-x 0 0;
	text-decoration:none;
	}

ul.sidebarPage li ul{	}
ul.sidebarPage li ul li, ul.sidebar li ul li ul li{
	font-size:12px;
	}
ul.sidebarPage li ul li a, ul.sidebar li ul li ul li a{
	color: #333;
	display: block;
	padding:3px 0px 3px 15px;
	background:url(img/common/side/liBg.jpg) repeat-x 0 0;
	}
ul.sidebarPage li ul li a:hover, ul.sidebar li ul li ul li a:hover{
	background:url(img/common/side/liOverBg.jpg) repeat-x 0 0;
	text-decoration:none;
	}

ul.sidebar li h2.widgettitle {
	list-style:none;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:url(img/common/side/h2.jpg) repeat-x 0px 0px;
	border-bottom:solid #DDD 1px;
	padding:7px 0 7px 5px;
	height:20px;
	}

ul.sidebarPage li h2.widgettitle {
	list-style:none;
	}
	
ul.sidebarPage li h2.widgettitle a {
	list-style:none;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background:url(img/common/side/h2.jpg) repeat-x 0px 0px;
	border-bottom:solid #DDD 1px;
	padding:7px 0 7px 5px;
	height:20px;
	}


.tagcloud{
	background-color:#FFF;
	padding:0px 3px 0px 3px;
	border-top:;
	border-right:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	border-left:solid 1px #DDD;
	}


/* サブ バナー等box*/

.bnrboxOut{
	width: 220px;
	height:auto;
	border:solid #DDDDDD 1px;
	background-color:#EEE;
	margin:10px 0px;
	padding:0px;
	}

.bnrboxIn{
	width: 174px;
	height:auto;
	border:solid #DDDDDD 1px;
	background-color:#FFFFFF;
	margin:5px auto;
	}

.bnrboxOut h3{
	font-seiz:15px;
	font-weight: bold;
	text-align:center;
	margin:5px 0px;
	}

.bnrboxOut p{
	width: 170px;
	margin:5px auto;
	}

.bnrboxOut a{
	}

/* -----------------------------------------------------------
	#footer 
		フッター
----------------------------------------------------------- */
#footer1 {
	clear: both;
	width: 100%;
	font-size:11px;
	background-color:#F60;
	padding:20px 0px;
	}

#footer1 a {
	color:#FFF;
	}

#footer1Inner{
	margin:0px auto;
	width:860px;
	padding:0px 0px 0px;
	}

#footer1Inner ul {
	padding:0px 0px 0px 0px;
	text-align: center;
	}

#footer1Inner ul li {
	margin:0px 5px;
	display: inline;
	}

#footer2 {
	clear: both;
	width: 100%;
	font-size:11px;
	background-color:#FFF;
	padding:20px 0px;
	}

#footer2Inner{
	margin:0px auto;
	width:860px;
	text-align:right;
	padding:0px 0px 0px;
	}

#footer2Inner ul {
	padding:0px 0px 0px 0px;
	text-align: center;
	}

#footer2Inner ul li {
	margin:0px 5px;
	display: inline;
	}



/* flow give */


ul {
	list-style:none;
	}


body#tab_sample div#javascript_tab {
	margin:20px auto 0 auto;
	text-align:left;
	}

div#javascript_tab ul#tab {
	margin:0;
	padding:0;
	border-bottom:1px solid #DDD;
	background-color:#FFF;
	float:left;
	width:100%;
	}

div#javascript_tab ul#tab li {
	margin:0 0 0 1em;
	padding:5px 10px 5px 5px;
	text-align:center;
	border-bottom:none;
	float:left;
	background-color:#FFF;
	border-top:3px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:;
	border-left:1px solid #DDD;
	}

div#javascript_tab ul#tab li.selected {
	background-color:#FFF;
	border-top:3px solid #ff870c;
	border-right:1px solid #DDD;
	border-bottom:;
	border-left:1px solid #DDD;
	}

div#javascript_tab ul#tab li.selected a:hover {
	}

div#javascript_tab dl {
	margin:0;
	padding:5px 0px 0px 0px;
	border-top:none;
	background-color:#FFF;
	clear:both;
	}

div#javascript_tab dl dt {
	margin-bottom:1em;
	padding-bottom:1em;
	}

div#javascript_tab dl dd {

	}


/**blog, single**/

.summary{
	width:600px;
	margin:0px auto 20px auto;
	font-size:13px;
	}
.summary .postInfo{
	color:#999;
	font-size:11px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

.summary .thumbnail{
	width:150px;
	height:150px;
	margin:0px 10px 10px 0px;
	float:left;
	}

.summary ul{
	margin:0px 0px 7px 0px;
	}

.summary ul li{
	}

.summary ul li.name{
	font-size:14px;
	font-weight:bold;
	}

.summary ul li.price{
	font-size:15px;
	}

.postInfo{
	color:#999;
	font-size:11px;
	width:620px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	}
.postInfo a{
	color:#999;
	}

.mainContents hr{
	height: 1px;
	border: 0;
	border-top: 1px solid #DDD;
	margin:0px 0px 0px 0px;
	padding: 0;
	}
/**home summary**/

.home .summary{
	width:600px;
	float:left;
	margin:0px 0px 0px 10px;
	}

.home .summary .thumbnail {
	width:80px;
	height:80px;
	margin:5px 10px 0px 0px;
	float:left;
	}
	
.home .summary ul{
	font-size:12px;
	margin:0px 0px 0px 0px;
	}

/* changeName */
.changeName {
	width:600px;
	margin:0px auto 30px auto;
	font-size:12px;
	}

.changeName th {
	padding:8px 0px;
	border: 1px solid #DDD;
	background-image:url(img/common/table_title.jpg);
	text-align:center;
	color: #333;
	}

.changeName td {
	padding:5px;
	border: 1px solid #DDD;
	color: #333;
	}

.changeName td.gray {
	background:#FAFAFA;
	}

.min {
	font-size:12px;
	}