/* CSS Document */


/* index (トップページ)
------------------------------------------------------------ */
#index
#index-img {
	width:960px;
	min-height:120px;
	_height:120px;
	margin-bottom:15px;
	background:url(../images/index/index_img.gif) left top no-repeat;
}
#index #index-img
img {
	margin-left:9px;
	padding:5px;
	border:1px dotted #CCC;
	background:#FFFFFF;
}

#index
#whats-new-box {
	line-height: 16px;
	width:540px;
	height:200px;
	overflow:auto;
	margin:5px 0 30px 0;
	padding: 10px 0 0 0;
}
#index
#whats-new-box ul li {
	padding:8px 0;
	border-bottom:1px dotted #ccc;
}

#index
#mColumnLeft {
	width:540px;
	float:left;
}

#index
#mColumnLeft
ul#bikes-list {
	padding-bottom:25px;
	float:left;
}

#index
#mColumnLeft ul#bikes-list
li {
	margin-bottom:8px;
	padding-bottom:10px;
	border-bottom:1px dotted #CCC;
	float:left;
}

#index
#mColumnLeft ul#bikes-list
dl {
	background:url(../images/index/bikes_bg.gif) repeat-y;
	float:left;
}

#index
#mColumnLeft ul#bikes-list dl
dt {
	width:200px;
	min-height:150px;
	_height:150px;
	margin-right:20px;
	float:left;
}

#index
#mColumnLeft ul#bikes-list dl
dd {
	width:320px;
	float:left;
}

#index
#mColumnLeft
ul#parts-list {
	padding-bottom:25px;
	float:left;
}

#index
#mColumnLeft ul#parts-list
li {
	margin-bottom:8px;
	padding-bottom:10px;
	border-bottom:1px dotted #CCC;
	float:left;
}

#index
#mColumnLeft ul#parts-list
dl {
	background:url(../images/index/wes_bg.gif) repeat-y;
	float:left;
}

#index
#mColumnLeft ul#parts-list dl
dt {
	width:120px;
	min-height:90px;
	_height:90px;
	margin-right:20px;
	float:left;
}

#index
#mColumnLeft ul#parts-list dl
dd {
	width:400px;
	float:left;
}

#index
#mColumnRight {
	width:180px;
	float:right;
}

#index
#mColumnRight
#shop {
	background:url(../images/index/shop_bg.gif) repeat-y;
}

#index
#mColumnRight #shop dl
dt {
	width:160px;
	margin:15px auto 10px;
}

#index
#mColumnRight #shop dl
dd {
	width:160px;
	margin-left:10px;
	padding-bottom:15px;
	border-bottom:1px solid #CCC;
}
#mColumnRight #shop dl dd
.tel-free {
	font-size:16px;
	font-weight:bold;
	color:#006600;
	height:18px;
	line-height:normal;
	margin:3px 0 5px 0;
	padding-left:35px;
	background:url(../images/common/tel_free.gif) left top no-repeat;
}

#index
#mColumnRight #shop
ul {
	font-size:10px;
	width:160px;
	margin:10px auto;
}



/* about (会社概要)
------------------------------------------------------------ */
#about
table {
	width:740px;
	border-top:1px dotted #CCC;
}
#about table
th {
	font-weight:bold;
	width:125px;
	padding:10px;
	background:#FFFDEE;
	border-bottom:1px dotted #CCC;
}
#about table
td {
	padding:10px;
	border-bottom:1px dotted #CCC;
}

/* recruit (採用情報)
------------------------------------------------------------ */
#recruit
table {
	width:740px;
	border-top:1px dotted #CCC;
}
#recruit table
th {
	font-weight:bold;
	width:125px;
	padding:10px;
	background:#FFFDEE;
	border-bottom:1px dotted #CCC;
}
#recruit table
td {
	padding:10px;
	border-bottom:1px dotted #CCC;
}

/* privacy (プライバシーポリシー)
------------------------------------------------------------ */
#privacy #mColumn
ul {
	list-style-type:decimal;
	margin-left:25px;
}
#privacy #mColumn ul
li {
	margin-bottom:30px;
}
#privacy #mColumn ul li
ul {
	list-style-type:lower-alpha;
	margin-top:5px;
}
#privacy #mColumn ul li ul
li {
	margin-bottom:5px;
}

/* sitemap (サイトマップ)
------------------------------------------------------------ */
#sitemap {
}


/* beginner (初心者講習)
------------------------------------------------------------ */
#beginner #mColumn
.flow-box {
	float:left;
	width:740px;
	border-bottom:1px dotted #CCC;
}
#beginner #mColumn .flow-box
.photo-area {
	float:left;
	width:215px;
	height:180px;
	background:url(../images/beginner/img_bg01.gif) left top no-repeat;
}
#beginner #mColumn .flow-box .photo-area
img {
	margin-top:24px;
	margin-left:17px;
}
#beginner #mColumn .flow-box
.text-area {
	float:left;
	margin-top:20px;
}
#beginner #mColumn
.mens {
	color:#006699;
}
#beginner #mColumn
.ladies {
	color:#FF3366;
}


/* shop (ショップ＆スタッフ)
------------------------------------------------------------ */
#shop #mColumn
ul.shop-list {
	margin-bottom:40px;
}
#shop #mColumn ul.shop-list
li {
	clear:both;
}
#shop #mColumn ul.shop-list li dl
dt {
	font-size:14px;
	font-weight:bold;
	color:#000;
	letter-spacing:1px;
	height:29px;
	margin:40px 0 10px 0;
	padding:6px 0 0 15px;
	background:url(../images/common/sub_title_mark01.gif) left top no-repeat;
}
#shop #mColumn ul.shop-list li dl dd {
	height:130px;
}
#shop #mColumn ul.shop-list li dl dd
.list-img-box {
	float:left;
	width:195px;
	height:145px;
}
#shop #mColumn ul.shop-list li dl dd .list-img-box
img {
	margin:0 10px 0 0;
	padding:2px;
	background:#EEE;
	border:1px solid #CCC;
}
#shop #mColumn ul.shop-list li dl dd
.list-text-box {
	float:left;
	width:500px;
}
#shop #mColumn ul.shop-list li dl dd .list-text-box
.tel-free {
	font-size:16px;
	font-weight:bold;
	color:#006600;
	height:18px;
	line-height:normal;
	padding-left:40px;
	background:url(../images/common/tel_free.gif) left top no-repeat;
}


#shop #mColumn .shop-entry-box {
	margin-bottom:40px;	
}
#shop #mColumn .shop-entry-box
.entry-img-box {
	float:left;
	width:295px;
	height:250px;
	margin-bottom:10px;
}

#shop #mColumn .shop-entry-box .entry-img-box dl dt
img#main {
	float:left;
	margin:0 10px 5px 0;
	padding:2px;
	background:#EEE;
	border:1px solid #CCC;
}
#shop #mColumn .shop-entry-box .entry-img-box dl
dd {
	float:left;
}
#shop #mColumn .shop-entry-box .entry-img-box dl dd
img {
	margin-right:5px;
	padding:1px;
	background:#EEE;
	border:1px solid #CCC;
}



#shop #mColumn .shop-entry-box
.entry-text-box {
	float:left;
	width:435px;
}
#shop #mColumn .shop-entry-box .entry-text-box 
.tel-free {
	font-size:16px;
	font-weight:bold;
	color:#006600;
	height:18px;
	line-height:normal;
	padding-left:40px;
	background:url(../images/common/tel_free.gif) left top no-repeat;
}

#shop #mColumn .shop-entry-box
#google-map {
	clear:both;
}

#shop #mColumn .shop-entry-box ul#staff-list
li {
	min-height:180px;
	_height:180px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px dotted #CCC;
}

#shop #mColumn .shop-entry-box ul#staff-list li
.staff-img {
	float:right;
	width:230px;
	height:180px;
	background:url(../images/shop/staff_img_bg.gif) no-repeat;
}
#shop #mColumn .shop-entry-box ul#staff-list li
.staff-img img {
	margin:16px 0 0 16px;
}
#shop #mColumn .shop-entry-box ul#staff-list li
.staff-text {
	padding:10px 0 0;
}
#shop #mColumn .shop-entry-box ul#staff-list li
.staff-name {
	font-size:14px;
	font-weight:bold;
	color:#006600;
	width:490px;
	margin-top:15px;
	padding-bottom:2px;
	border-bottom:1px solid #006600;
}


/* bikes (バイク)
------------------------------------------------------------ */
#bikes #mColumn
table#bikes-list {
	width:740px;
}
#bikes #mColumn table#bikes-list
th {
	font-weight:bold;
	text-align:center;
	padding:4px 5px 1px;
	border:1px solid #CCC;
	background:#eee;
}
#bikes #mColumn table#bikes-list
td {
	padding:5px;
	border:1px solid #CCC;
}
#bikes #mColumn table#bikes-list
.img {
	width:80px;
}

#bikes #mColumn table#bikes-search {
	width:740px;
	margin-bottom:30px;
}
#bikes #mColumn table#bikes-search th {
	font-weight:bold;
	padding:5px 5px 4px;
	background:#EEE;
	border:1px solid #CCC;
}
#bikes #mColumn table#bikes-search td {
	padding:5px 5px 4px;
	border:1px solid #CCC;
}




#bikes #mColumn
dl#bikes-entry-img {
	width:740px;
	height:450px;
	margin-bottom:10px;
}
#bikes #mColumn dl#bikes-entry-img
dt {
	float:left;
	width:600px;
	margin-right:20px;
}
#bikes #mColumn dl#bikes-entry-img
dd {
	float:left;
	width:120px;
}

#bikes #mColumn
#bikes-entry-text {
	width:600px;
	margin:10px 0 10px;
}


#bikes #mColumn
table#bikes-entry {
	width:600px;
	margin-bottom:20px;
}
#bikes #mColumn table#bikes-entry
th {
	font-weight:bold;
	width:70px;
	padding:4px 5px 1px;
	border:1px solid #CCC;
	background:#eee;
}
#bikes #mColumn table#bikes-entry
td {
	width:110px;
	padding:4px 5px 1px;
	border:1px solid #CCC;
}

#bikes #mColumn
.bikes-contact-box {
	width:600px;
	margin-top:80px;
}
#bikes #mColumn .bikes-contact-box
table#mailform {
	width:600px;
}
#bikes #mColumn .bikes-contact-box table#mailform
td {
	height:25px;
	padding:15px 5px;
	border-bottom:1px solid #eee;
}


/* parts (パーツ)
------------------------------------------------------------ */
#parts #mColumn
table#parts-list {
	width:740px;
}
#parts #mColumn table#parts-list
th {
	font-weight:bold;
	padding:4px 5px 1px;
	border:1px solid #CCC;
	background:#eee;
}
#parts #mColumn table#parts-list
td {
	padding:5px;
	border:1px solid #CCC;
}
#parts #mColumn table#parts-list
.img {
	width:80px;
}

#parts #mColumn table#parts-search {
	width:740px;
	margin-bottom:30px;
}
#parts #mColumn table#parts-search th {
	font-weight:bold;
	padding:5px 5px 4px;
	background:#EEE;
	border:1px solid #CCC;
}
#parts #mColumn table#parts-search td {
	padding:5px 5px 4px;
	border:1px solid #CCC;
}




#parts #mColumn
dl#parts-entry-img {
	width:740px;
	height:450px;
	margin-bottom:10px;
}
#parts #mColumn dl#parts-entry-img
dt {
	float:left;
	width:600px;
	margin-right:20px;
}
#parts #mColumn dl#parts-entry-img
dd {
	float:left;
	width:120px;
}

#parts #mColumn
#parts-entry-text {
	width:600px;
	margin:20px 0 10px;
}


#parts #mColumn
table#parts-entry {
	width:600px;
	margin-bottom:20px;
}
#parts #mColumn table#parts-entry
th {
	font-weight:bold;
	letter-spacing:1px;
	min-height:20px;
	_height:20px;
	padding:5px 5px;
	border:1px solid #CCC;
	background:#eee;
}
#parts #mColumn table#parts-entry
td {
	min-height:20px;
	_height:20px;
	padding:5px 5px;
	border:1px solid #CCC;
}

#parts #mColumn
.parts-contact-box {
	width:600px;
	margin-top:80px;
}
#parts #mColumn .parts-contact-box
table#mailform {
	width:600px;
}
#parts #mColumn .parts-contact-box table#mailform
td {
	height:25px;
	padding:15px 5px;
	border-bottom:1px solid #eee;
}


/* know-how (購入のノウハウ)
------------------------------------------------------------ */
#know-how #mColumn
.know-how-box {
	width:740px;
	margin-bottom:60px;
	border-bottom:1px dotted #CCC;
}
#know-how #mColumn dl#shiharai
dt {
	font-size:13px;
	font-weight:bold;
	color:#006600;
	height:22px;
	padding-left:23px;
	background:url(../images/common/mark_img01.gif) left top no-repeat;
	border-bottom:1px solid #eee;
}
#know-how #mColumn dl#shiharai
dd {
	margin-bottom:40px;
}
#know-how #mColumn dl#shiharai dd
div.subtitle {
	font-weight:bold;
	margin-top:10px;
}
#know-how #mColumn ul#loan
li {
	list-style:decimal;
	margin-left:25px;
} 
#know-how #mColumn ul#loan li
ol {
	margin: 5px 0 20px;
} 
#know-how #mColumn ul#loan li ol
li {
	list-style:lower-roman;
	margin-left:25px;
} 
#know-how #mColumn
div.loan-sample-box {
	float:left;
	width:740px;
	padding:20px 0 10px;
	border-top:1px dotted #CCC;
}
#know-how #mColumn dl.loan-sample
dt {
	float:left;
	width:200px;
	height:150px;
	margin-right:10px;
	padding:2px;
	border:1px solid #CCC;
	background:#EEE;
}
#know-how #mColumn dl.loan-sample
dd {
	float:left;
	width:510px;
}
#know-how #mColumn dl.loan-sample dd
table {
	color:#000000;
	margin-bottom:10px;
}
#know-how #mColumn dl.loan-sample dd
table th {
	width:165px;
	padding:2px 5px;
	background:#eee;
	border:1px solid #ccc;
}
#know-how #mColumn dl.loan-sample dd
table td {
	text-align:right;
	width:95px;
	padding:2px 5px;
	border:1px solid #ccc;
}


/* contact (お問合せフォーム)
------------------------------------------------------------ */

#contact #mColumn
ul.tabMenu {
	width:740px;
	height:30px;
	margin-bottom:20px;
}

/* タブ */
#contact #mColumn
ul.tabMenu li {
	float: left;
	margin-right: 5px;
	padding: 0;
	position: relative;
}

/* 未選択のタブ */
#contact #mColumn
ul.tabMenu li a {
	display: block;
	float: left;
	padding: 5px 10px;
	border-left: 1px solid #999;
	text-decoration: none;
}

/* 選択中のタブ */
#contact #mColumn
ul.tabMenu li.active a {
	font-weight:bold;
	position: relative;
	border-left: 1px solid #595959;
	color: #000;
}


#contact #mColumn #qa01_area,#qa02_area,#qa03_area {
	clear:both;
}


#contact #mColumn
.contact-box {
	width:740px;
}
#contact #mColumn .contact-box
table#mailform {
	width:740px;
}
#contact #mColumn .contact-box table#mailform
td {
	height:25px;
	padding:15px 5px;
	border-bottom:1px solid #eee;
}


/* news (最新情報)
------------------------------------------------------------ */
#news #mColumn
ul.new-list {
	width:740px;
}
#news #mColumn ul.new-list
li {
	width:740px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #CCC;
}
#news #mColumn dl#entry
dt {
	font-size:14px;
	font-weight:bold;
	color:#000;
	letter-spacing:1px;
	height:29px;
	margin:30px 0 10px 0;
	padding:6px 0 0 15px;
	background:url(../images/common/sub_title_mark01.gif) left top no-repeat;
}
#news #mColumn dl#entry
dd {
	margin-bottom:40px;
}


/* publicity (雑誌掲載)
------------------------------------------------------------ */
#publicity #mColumn
ul.new-list {
	width:740px;
}
#publicity #mColumn ul.new-list
li {
	width:740px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #CCC;
}
#publicity #mColumn dl#entry
dt {
	font-size:14px;
	font-weight:bold;
	color:#000;
	letter-spacing:1px;
	height:29px;
	margin:30px 0 10px 0;
	padding:6px 0 0 15px;
	background:url(../images/common/sub_title_mark01.gif) left top no-repeat;
}
#publicity #mColumn dl#entry
dd {
	margin-bottom:40px;
}


/* maintenance (メンテナンス)
------------------------------------------------------------ */
#maintenance #mColumn
dl#shop-list dt {
	font-size:14px;
	font-weight:bold;
	color:#000;
	letter-spacing:1px;
	height:29px;
	margin:40px 0 10px 0;
	padding:6px 0 0 15px;
	background:url(../images/common/sub_title_mark01.gif) left top no-repeat;
}
#maintenance #mColumn
dl#shop-list dd {
}

#maintenance #mColumn dl#shop-list dd
.maintenance-box {
	float:left;
	width:260px;
	margin-right:10px;
}

#maintenance #mColumn dl#shop-list dd
.maintenance-box img {
	margin-bottom:5px;
}
#maintenance #mColumn dl#shop-list dd
.maintenance-box .photo {
	padding:4px;
	background:#EEEEEE;
	border:1px solid #CCC;
}