@charset "euc-jp";


.clearfix { zoom: 100% }
.clearfix:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt50{ margin-top:50px !important;}


.mtb5 { margin:5px 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.p10 { padding:10px;}


img { vertical-align:middle}

.bg-gray {background: #238C00;}
ul,li { margin:0; padding:0; list-style:none;}



body {
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.7;
}

#entry h2 { background-color: rgb(248, 248, 248); border-bottom: 1px solid rgb(204, 204, 204); border-top: 3px solid rgb(0, 153, 204); color: #000000; font-size: 24px; font-weight: bold; margin-bottom: 15px; padding: 10px; line-height: 1; }
.title { border-bottom: 1px solid #CCCCCC; color: #333333; font-size: 20px; font-weight: bold; margin-bottom: 10px; padding: 10px; background: #EFEFEF; line-height: 1; border-top: 3px solid #CCCCCC; }
.cap { font-size: 12px; line-height: 1.5; }
.cap a {
	color: #0066CC;
	text-decoration: underline;
	cursor: pointer;
}
.red { color: #FF0000 }


#header.partsn-form,
#header.partsn-form #header_inbox,
#header.partsn-form #header_in,
#wrapper
 {width: 800px}


#wrapper {font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;}
#wrapper:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}

#container_entry {
	text-align: left;
	width: 800px;
	margin: 0px auto;
}



ul#entry_navi {
	display: inline-block;
	list-style-type: none;
	margin: 0 auto 10px;
	text-align: center;
	vertical-align: middle;
}
ul#entry_navi:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
ul#entry_navi li {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	display: block;
	font-size: 110%;
	font-weight: bold;
	height: 38px;
	margin: 0px 0 20px 20px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 390px;
	background: #EEEEEE;
	float: left;
}
ul#entry_navi li span { line-height: 38px }
ul#entry_navi li.arrow:after { border-color: rgba(238, 238, 238, 0) rgba(238, 238, 238, 0) rgba(238, 238, 238, 0) rgb(238, 238, 238); border-style: solid; border-width: 19px 0 19px 19px; content: " "; height: 0; left: 100%; position: absolute; top: 0; width: 0; }
ul#entry_navi li:first-child { margin-left: 0 }
ul#entry_navi li.complete { border-radius: 3px; width: 382px; }
ul#entry_navi li.active { background-color: #0099CC }
ul#entry_navi li.active span { color: #FFFFFF }
ul#entry_navi li.active:after { border-color: rgba(237, 127, 44, 0) rgba(237, 127, 44, 0) rgba(237, 127, 44, 0) #0099CC }
ul#entry_navi li.oauth { background-color: rgb(238, 238, 238); border-bottom-left-radius: 3px; border-top-left-radius: 3px; display: inline-block; font-size: 110%; font-weight: bold; height: 38px; margin: 0 0 0 20px; position: relative; text-align: center; vertical-align: middle; width: 304px; }
ul#entry_navi li.oauth span { line-height: 38px }
ul#entry_navi li.oauth.arrow:after { border-color: rgba(238, 238, 238, 0) rgba(238, 238, 238, 0) rgba(238, 238, 238, 0) rgb(238, 238, 238); border-style: solid; border-width: 19px 0 19px 19px; content: " "; height: 0; left: 100%; position: absolute; top: 0; width: 0; }
ul#entry_navi li.oauth:first-child { margin-left: 0 }
ul#entry_navi li.oauth.complete { border-radius: 3px }
ul#entry_navi li.oauth.active { background-color: rgb(237, 127, 44) }
ul#entry_navi li.oauth.active span { color: rgb(255, 255, 255) }
ul#entry_navi li.oauth.active:after { border-color: rgba(237, 127, 44, 0) rgba(237, 127, 44, 0) rgba(237, 127, 44, 0) rgb(237, 127, 44) }



#container_entry dl.form {
	margin: 1em 0px 30px;
	padding: 0px;
	font-size: 14px;
	width: 798px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px none #CCC;
	border-left: 1px solid #CCC;
	zoom: 100%;
	background: #EEE;
	line-height: 1.5;
}
#container_entry  dl.form:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#container_entry  dl.form > dt { width: 200px; padding: 10px; float: left; border-top: 1px none #CCC; border-right: 1px none #CCC; border-bottom: 1px none #CCC; border-left: 1px none #CCC; vertical-align: middle; line-height: 1.3; min-height: 50px; }

#container_entry dl.form > dd {
	margin-left: 220px;
	padding: 10px;
	background: #FFFFFF;
	font-size: 15px;
	border-top: 1px none #CCC;
	border-right: 1px none #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px none #CCC;
	min-height: 50px;
}
#container_entry dl.form > dd select {
	margin: 0px;
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	border: 1px solid #999;
	padding: 5px;
}


#container_entry dl.form > dd select.select_short { width: 130px; margin-bottom: 10px; }
#container_entry dl.form > dd select.select_middle { width: 400px; margin-bottom: 10px; }



input[type="text"],
input[type="email"],
input[type="tel"] {
	border: 1px solid #999;
	padding: 8px;
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	margin: 2px 0px;
}
.input_textarea { width: 390px; padding: 5px; height: 80px; margin-bottom: 5px; background: #FFFFFF; border: 1px solid #999; font: 14px"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif; }
.input_freeword { width: 380px; padding: 10px; }


.input_short { padding: 3px; width: 180px;}
.input_middle { padding: 3px; width: 380px;}

.btn {
	text-align: center;
}

.family_name, .last_name {  }
.zip1,.zip2 { padding: 3px; width: 150px; }
.telephone { padding: 10px; width: 380px; }
.address { padding: 10px; width: 380px; }
.tel1,.tel2,.tel3 { padding: 3px; width: 150px; }
.mailaddress { padding: 5px; width: 380px; }
.error-txt { font-size: 13px; color: #C00; }

textarea {padding: 10px; width: 380px; height:6em;}

.required { background-color: rgb(185, 74, 72); border-radius: 3px; color: #FFF; float: right; font-size: 11px; padding: 1px; text-align: center; width: 40px; font-weight: bold; }

.optional {
	background-color: #666666;
	border-radius: 3px;
	color: #FFF;
	float: right;
	font-size: 11px;
	padding: 1px;
	text-align: center;
	width: 40px;
	font-weight: bold;
}
textarea {padding: 10px; width: 380px; height:6em;}



#entry_footer { border-top: 3px solid #3399CC; margin: 30px auto 20px; overflow: hidden; padding-top: 15px; width: 800px; zoom: 100%; }
#entry_footer:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }

#copy_footer { color: rgb(85, 85, 85); float: left; font-size: 12px; text-align: left; width: 300px; }
#menu_footer { float: right; width: 500px; }
#menu_footer ul li { float: right; font-size: 12px; margin-left: 15px; }
#menu_footer ul li a { color: rgb(51,51,51); text-decoration: none; }
#menu_footer ul li a:hover { text-decoration: underline }




.PartsNumberArea { width: 950px; margin-right: auto; margin-left: auto; font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;}


.PartsNumberArea h2.midashi { font-size: 18px; font-weight: bold; margin-bottom: 15px; background-image: url(midashi_bg.jpg); background-repeat: repeat-x; border: 1px solid #999999; line-height: 39px; padding-left: 10px; }
.PartsNumberArea p { margin-bottom: 20px }
.PartsNumberArea .selectMaker { float: left; width: 45%; margin-top: 10px; margin-bottom: 20px; border: 4px solid #333333; font-size: 14px; padding-top: 17px; padding-right: 10px; padding-bottom: 17px; padding-left: 10px; background-color: #FFFFFF; -moz-border-radius: 10px; }
.PartsNumberArea .link { float: right; width: 45%; margin-top: 10px; margin-bottom: 20px; text-align: right; }
.PartsNumberArea table { border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #999999; border-left-color: #999999; margin-top: 5px; font-size: 12px; }
.PartsNumberArea td, .PartsNumberArea th { padding: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #999999; border-bottom-color: #999999; }


.PartsNumberArea th { background-color: #F3F3F3;font-weight: normal;}

.PartsNumberArea td {font-size: 12px;}
.tbtitle {text-align: left;white-space: nowrap;}

.Pn1 { width: 4%; text-align: center; }
.Pn2 { width: 20% }
.Pn3 { width: 5% }
.Pn1 { width: 4%; text-align: center; }
.Pna2 { width: 10%; white-space: nowrap; text-align: left; }
.Pna3 { width: 2em; text-align: center; }

.th-01 { width: 25px; text-align: center; }
.th-02 { width: 125px }
.th-03 { width: 250px }
.th-04 { width: 200px }
.th-05 { width: 80px }
.th-06 { width: 30px; text-align: right; }
.th-07 { width: 28px; text-align: center; }

.inputtxt01 { padding: 3px; width: 90%; }
.inputtxt02 { padding: 3px; width: 97%; }
.inputtxt03 { padding: 5px; width: 300px; margin-top: 10px; border: 1px inset #999999; background-color: #FFFFEB; }


p.Cautions { display: block; font-size: 12px; line-height: 16px; margin-top: 1em; }
p.Cautions span { font-weight: bold; color: #FF0000; }

.PartsNumberArea tbody, .PartsNumberArea thead { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #666666; width: 950px; float: left; margin: 0px; padding: 0px; }
.inputtxt01, .inputtxt02 { border: 1px inset #666666; padding: 5px; color: #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #FFFFEB; }

.makermoji { vertical-align: bottom; margin-left: -3px; }

.PartsNumberArea .btn { float: left; margin-top: 10px; }

.PartsNumberArea .mailinput { float: left; width: 468px; background-image: url(mailinput.jpg); background-repeat: no-repeat; height: 218px; position: relative; }
.PartsNumberArea .mailinput p { display: block; position: absolute; top: 70px; left: 20px; font-weight: bold; font-size: 14px; }
.PartsNumberArea .mailinput .emailin { width: 410px; margin-top: 10px; height: 20px; padding: 5px; border: 1px inset #999999; background-color: #FFFFEB; }
.PartsNumberArea .mailinput .btn { position: absolute; top: 150px; left: 140px; right: 140px; margin-top: 0px; }
.PartsNumberArea .memberlogin { float: right; width: 468px; height: 218px; background-image: url(memberlogin.jpg); background-repeat: no-repeat; font-size: 14px; position: relative; }
.PartsNumberArea .memberlogin p { position: absolute; left: 80px; top: 120px; font-weight: bolder; right: 80px; text-align: center; display: block; }

/*º¸¥«¥é¥à*/
#side_column { float: left; width: 200px; font-size: 12px; line-height: 150%; }
#side_column .side_block { float: left; width: 100%; margin-bottom: 10px; text-align: left; }
#side_column .side_block h3 { font-size: 14px; font-weight: bold; margin: 0px; padding: 8px; background-color: #000000; color: #FFFFFF; }
#side_column .inbox { padding: 7px; background-color: #EFEFEF; border: 3px solid #CCCCCC; }
#side_column .inbox ul { }
#side_column .inbox li { margin-bottom: 8px }
#side_column .inbox li:last-child { margin-bottom: 0px }

#main_contents { float: right; width: 730px; font-size: 14px; line-height: 22px; text-align: left; }
#main_contents .site_list { float: left; width: 100%; clear: both; margin-bottom: 15px; font-size: 13px; line-height: 23px; }

.honda, .yamaha, .suzuki { float: left; width: 160px; margin-right: 11px; padding: 5px; border: 2px solid #999999; background-color: #F3F3F3; height: 155px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.kawasaki { float: right; width: 160px; padding: 5px; border: 2px solid #999999; background-color: #F3F3F3; height: 155px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.maker_logo { margin-bottom: 8px }

.orderflow { width: 100%; clear: both; display: block; float: left; margin-bottom: 10px; text-align: left; }
.orderflow .left { float: left; width: 230px; margin-right: 20px; }
.orderflow .right { float: right; width: 230px; }