@charset "euc-jp";

/* クリア */
.clear { clear: both; float: none; height: 0px; }

/* 全体を囲む要素 */
#wrapper       { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width: 950px; margin-right: auto; margin-left: auto; }
#wrapper:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

/* コンテナ */
#container         { font-size: 12px; line-height: 1.5; font-weight: normal; color: #333333; text-align: left; width: 950px; padding: 0; }
#container:after   { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
#container a       { color: #000099 }
#container a:hover { color: #000099; text-decoration: none; }

/* 2カラム用レイアウト */
#content_two      { float: left; font-size: 12px; font-weight: normal; line-height: 19px; width: 680px; overflow: hidden; }
#content_two:after { clear: both; content: ""; display: block; height: 1px; overflow: hidden; }

/* 3カラム用レイアウト */
#content_three       { float: left; font-size: 12px; font-weight: normal; line-height: 19px; width: 690px; }
#content_three:after { clear: both; content: ""; display: block; height: 1px; overflow: hidden; }
#leftbox_three       { float: left; width: 160px; }
#rightbox_three      { float: right; width: 520px; }

/* 2段組・3段組共通 右ボックス */
#rightbox       { color: #333333; float: right; font-size: 12px; font-weight: normal; line-height: 19px; list-style-type: none; width: 240px; }
#rightbox:after { clear: both; content: ""; display: block; height: 1px; overflow: hidden; }

.context_right { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; width: 234px; clear: both; margin-bottom: 10px; color: #000000; background-color: #E6E6E6; padding-top: 3px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-left-color: #CCCCCC; float: left; }

.context_right:after { clear: both; content: ""; display: block; height: 1px; overflow: hidden; }
.context_inbox      { background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 222px; padding: 5px; float: left; }

.context_right_border       { clear: both; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #888888; border-left-color: #888888; padding: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #888888; margin-bottom: 10px; }
.context_right_border:after { clear: both; content: ""; display: block; height: 1px; overflow: hidden; }
.moreinfo                   { background-repeat: no-repeat; text-align: right; padding-top: 3px; padding-bottom: 2px; background-color: #FFFFFF; width: 240px; clear: both; float: left; margin-top: -10px; margin-bottom: 10px; }


/* パンくず */
#navi { font-size: 12px; text-align: left; font-weight: normal; width: 950px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; float: left; }

/* 大見出し */
.midashi_big { font-size: 14px; font-weight: bold; color: #FFFFFF; margin-bottom: 10px; border-right-width: 1px; padding-right: 5px; padding-left: 10px; background-image: url(../img/common/midashi_bg.jpg); background-repeat: no-repeat; height: 36px; overflow: hidden; clear: both; line-height: 36px; }

/* 中見出し */
.midashi_middle { font-size: 12px; font-weight: bold; color: #333333; margin-bottom: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #888888; clear: both; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; background-image: url(../img/common/midashi_middle.gif); background-repeat: no-repeat; height: 20px; }

/* 小見出し */
.midashi_small { font-size: 12px; font-weight: bold; color: #333333; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333333; margin-bottom: 5px; }

/* 右大見出し */
.right_midashi_big { font-weight: bold; padding-left: 10px; font-size: 12px; color: #FFFFFF; background-image: url(../img/common/right_midashi_big.gif); background-repeat: no-repeat; height: 20px; padding-top: 4px; padding-bottom: 1px; }

/* 右中見出し */
.right_midashi_middle { font-weight: bold; padding-left: 10px; font-size: 12px; color: #FFFFFF; background-image: url(../img/common/right_midashi_middle.gif); background-repeat: no-repeat; text-align: left; border-right-width: 1px; border-right-style: solid; border-right-color: #264B99; height: 20px; padding-top: 3px; padding-bottom: 2px; clear: both; }

/* 囲み */
.infobox { padding-bottom: 5px; clear: both; background-image: url(../img/common/dot.gif); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 5px; }
.infobox:after { clear: both; content: ""; display: block; height: 1px; overflow: hidden; }

/* 囲み センター */
.infoboxcenter { width: 100%; padding-bottom: 5px; padding-top: 5px; clear: both; text-align: center; }
.infoboxcenter:after { clear: both; content: ""; display: block; height: 1px; overflow: hidden; }

/* 囲み_罫線なし */
.infoboxnoborder { width: 100%; clear: both; }
.infoboxnoborder:after { clear: both; content: ""; display: block; height: 1px; overflow: hidden; }
.contentbox_padding5 { padding: 5px }



.alignleft          { text-align: left }
.alignleft_margin5  { margin-top: 5px; margin-bottom: 5px; }
.alignleft_top5     { margin-top: 5px }
.alignleft_bottom5  { margin-bottom: 5px }
.alignleft_margin10 { margin-top: 10px; margin-bottom: 10px; }
.alignleft_top10    { margin-top: 10px }
.alignleft_bottom10 { margin-bottom: 10px }
.alignleft_margin15 { margin-top: 15px; margin-bottom: 15px; }
.alignleft_top15    { margin-top: 15px }
.alignleft_bottom15 { margin-bottom: 15px }
.alignright         { text-align: right }

.alignright_margin5  { text-align: right; margin-top: 5px; margin-bottom: 5px; }
.alignright_top5     { text-align: right; margin-top: 5px; display: block; }
.alignright_bottom5  { text-align: right; margin-bottom: 5px; background-color: #FFFFFF; margin-top: 5px; }
.alignright_margin10 { text-align: right; margin-top: 10px; margin-bottom: 10px; }
.alignright_top10    { text-align: right; margin-top: 10px; }
.alignright_bottom10 { text-align: right; margin-bottom: 10px; }
.alignright_margin15 { text-align: right; margin-top: 15px; margin-bottom: 15px; }
.alignright_top15    { text-align: right; margin-top: 15px; }
.alignright_bottom15 { text-align: right; margin-bottom: 15px; }
.back_button         { text-align: center; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; float: left; }






/*記事・ニュース*/


#usedbike .list { background-color: #FFFFFF; clear: both; }
#usedbike .list .more { background-image: url(../img/top/list.gif); background-repeat: no-repeat; background-position: 205px center; text-align: right; clear: both; float: left; width: 270px; }
#usedbike .list .newbox { background-image: url(../img/common/dot.gif); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 5px; padding-bottom: 5px; clear: both; font-size: 11px; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height: 13px; float: left; width: 222px; }
#usedbike .list .newbox img { margin-right: 5px; float: left; background-color: #FFFFFF; padding: 1px; border: 1px solid #999999; }
#usedbike .list .newbox .bigmidashi { font-weight: bold; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 12px; line-height: 16px; }


/*アドネットワーク用*/
.w240 { padding: 19px; margin-bottom: 10px; border: 1px solid #CCCCCC; width: 200px; float: left; margin-top: 0px; margin-right: 0px; margin-left: 0px; }





/*汎用的カラム 4個*/
#bikeitem                  { float: left; width: 100%; margin: 10px 0 20px 0; zoom: 100%; }
#bikeitem:after            { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#bikeitem .submidashi      { padding: 8px 5px; font-size: 14px; background-color: #EFEFEF; font-weight: bold; margin-top: -10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: 1px solid #EFEFEF; }
#bikeitem .inbox           { border: 2px solid #FF9900; background-color: #FFFFE6; margin: 0px; float: left; width: 660px; padding-top: 0px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; }
#bikeitem .list            { float: left; width: 660px; margin-top: 10px; }
#bikeitem .list li         { float: left; width: 124px; margin-right: 10px; }
#bikeitem .list img        { font-size: 0px; line-height: 0px; vertical-align: bottom; background-color: #FFFFFF; padding: 1px; border: 1px solid #999999; }
#bikeitem .list .listend   { margin-right: 0px }
#bikeitem .list .goodsname { font-size: 12px; line-height: 15px; margin-top: 5px; }
#bikeitem .list .brosprice { color: #FF0000; font-weight: bold; }




/*汎用的カラム 5個*/
#bikeitem5                  { float: left; width: 100%; margin: 0 0 20px 0; zoom: 100%; }
#bikeitem5:after            { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#bikeitem5 .pm              { background-image: url("../../img/ec/parts/parts_midashi_bg.gif"); background-repeat: no-repeat; float: left; font: bold 14px/40px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; height: 45px; padding-left: 10px; width: 710px; }
#bikeitem5 .gm              { background-image: url("../../img/ec/goods/goods_midashi_bg.gif"); background-repeat: no-repeat; float: left; font: bold 14px/40px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; height: 45px; padding-left: 10px; width: 710px; }
#bikeitem5 .bm              { background-image: url("/../img/ec/image/midashi_bg.gif"); background-repeat: repeat-x; color: #333333; float: left; font: bold 14px/40px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; height: 45px; padding-left: 10px; width: 710px; }
#bikeitem5 .submidashi      { padding: 8px 5px; font-size: 14px; background-color: #EFEFEF; font-weight: bold; margin-top: -10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: 1px solid #EFEFEF; }
#bikeitem5 .inbox           { border: 2px solid #FF9900; background-color: #FFFFE6; margin: 0px; padding-top: 0px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; }
#bikeitem5 .list            { float: left; margin-top: 10px; }
#bikeitem5 .list li         { float: left; width: 160px; margin: 0 25px 10px 0; }
#bikeitem5 .list img        { font-size: 0px; line-height: 0px; vertical-align: bottom; background-color: #FFFFFF; padding: 1px; border: 1px solid #999999; }
#bikeitem5 .list .listend   { margin-right: 0px }
#bikeitem5 .list .goodsname { font-size: 12px; line-height: 18px; margin-top: 5px; background-image: url(/img/ec/common/new-icon-mini.gif); background-repeat: no-repeat; background-position: left top; text-indent: 40px; }
#bikeitem5 .list .brosprice { color: #FF0000; font-weight: bold; font-size: 14px; line-height: 20px; text-align: right; }




/*汎用的カラム 4個*/
#bikeitem4                  { float: left; width: 100%; margin: 0 0 20px 0; zoom: 100%; }
#bikeitem4:after            { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#bikeitem4 .pm              { background-image: url("/img/ec/parts/re/title_bg.jpg"); background-position: left top; background-repeat: repeat-x; }
#bikeitem4 .gm              { background-image: url("/img/ec/goods/re/title_bg.jpg"); background-position: left top; background-repeat: repeat-x; }
#bikeitem4 .midashi         { border-left: 1px solid #999999; border-right: 1px solid #999999; float: left; font-size: 14px; font-weight: bold; height: 17px; padding-bottom: 7px; padding-top: 12px; width: 468px; margin-top: 15px; }
#bikeitem4 .inbox           { border: 2px solid #FF9900; background-color: #FFFFE6; margin: 0px; padding-top: 0px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; }
#bikeitem4 .list            { float: left; margin-top: 10px; }
#bikeitem4 .list li         { float: left; width: 110px; margin: 0 10px 10px 0; }
#bikeitem4 .list img        { font-size: 0px; line-height: 0px; vertical-align: bottom; background-color: #FFFFFF; padding: 1px; border: 1px solid #999999; }
#bikeitem4 .list .listend   { margin-right: 0px }
#bikeitem4 .list .goodsname { font-size: 12px; line-height: 18px; margin-top: 5px; background-image: url(/img/ec/common/new-icon-mini.gif); background-repeat: no-repeat; background-position: left top; text-indent: 40px; }
#bikeitem4 .list .brosprice { color: #FF0000; font-weight: bold; font-size: 12px; line-height: 18px; text-align: right; }
#bikeitem4 span.new-icon    { margin-top: -3px; margin-left: 5px; }
span.new-icon               { display: block; background-image: url(/img/ec/common/new-icon.gif); background-repeat: no-repeat; background-position: left center; float: left; width: 55px; height: 20px; margin-top: 10px; }




/*ランキング自社*/
#bikeitem-rank                    { margin-bottom: 15px; display: block; float: left; width: 100%; }
#bikeitem-rank .rank-midashi      { float: left; font: bold 16px/40px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width: 710px; height: 45px; padding-left: 10px; margin-bottom: 10px; }
#bikeitem-rank .bm                { background-image: url("/img/ec/image/midashi_bg.gif"); background-repeat: repeat-x; }
#bikeitem-rank .gm                { background-image: url("/img/ec/goods/goods_midashi_bg.gif"); background-position: left top; }
#bikeitem-rank .rank-midashi span { background-image: url(/img/ec/icon_ranking.png); background-repeat: no-repeat; width: 35px; height: 31px; display: block; float: left; margin-top: 5px; background-position: -350px 0px; }
#bikeitem-rank .list li           { float: left; width: 138px; margin-top: 0; margin-right: 7px; margin-bottom: 10px; margin-left: 0; }
#bikeitem-rank .list img          { font-size: 0px; line-height: 0px; vertical-align: bottom; background-color: #FFFFFF; padding: 1px; border: 1px solid #999999; margin-bottom: 4px; }
#bikeitem-rank .list .listend     { margin-right: 0px }
#bikeitem-rank .list .brosprice   { color: #FF0000; font-weight: bold; font-size: 13px; line-height: 18px; text-align: right; }





#bikeitem-rank .list .rank1,
#bikeitem-rank .list .rank2,
#bikeitem-rank .list .rank3,
#bikeitem-rank .list .rank4,
#bikeitem-rank .list .rank5 {
	background-image: url(../img/ec/icon_ranking.png);
	background-repeat: no-repeat;
	display: block;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	float: none;
	height: 30px;
	margin-bottom: 5px;
}

#bikeitem-rank .list .rank1 { background-position: 0px -130px; background-repeat: no-repeat; width: 72px; overflow: hidden; }
#bikeitem-rank .list .rank2 { background-position: 0px -158px; background-repeat: no-repeat; width: 72px; }
#bikeitem-rank .list .rank3 { background-position: 0px -186px; background-repeat: no-repeat; width: 72px; }
#bikeitem-rank .list .rank4 { background-position: -70px -130px; background-repeat: no-repeat; width: 72px; }
#bikeitem-rank .list .rank5 { background-position: -70px -158px; background-repeat: no-repeat; width: 72px; }

/* 20130731追加 */



#rules          { margin: 10px auto }
#rules > p      { margin: 0px; font: 12px/150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; }
#rules > p.text { text-indent: -1em; padding-left: 1em; }
#rules > p a    { font-weight: bold; font-size: 14px; margin-bottom: 10px; display: inline-block; margin-top: 10px; }
/* reset.css */
h1,
h2,
h3,
h4,
h5,
h6             { font-size: 14px; font-weight: bold; color: #333333; text-align: left; }
body           { color: #333333; background-color: #FFFFFF; margin-bottom: 20px; text-align: center; }
a:link         { color: #000099 }
a:hover        { text-decoration: none }
.border        { border: 1px dashed #666666 }
img            { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 0px; line-height: 0px; }






/*リセット*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
textarea,
p,
blockquote,
th,
td   { margin: 0; padding: 0; }
html { overflow-y: scroll }
ol,
ul { list-style: none }
fieldset,
img { border: 0; font-size: 0px; line-height: 0px; }
table { border-collapse: collapse; border-spacing: 0; }
caption,
th { text-align: left }
address,
caption,
cite,
code,
dfn,
em,
th,
var { font-style: normal; font-weight: normal; }




/* bb_header.css */



#header                                       { font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; margin-right: auto; margin-left: auto; width: 100%; clear: both; float: none; margin-bottom: 10px; padding: 0px; }
#header #header_top_new                       { background-image: none; background-repeat: repeat-x; height: 25px; width: 100%; background-color: #FFFFFF; }
#header #header_top_new #header_top_new_inbox { width: 1000px; position: relative; margin-right: auto; margin-left: auto; background-color: #FFFFFF; }
#header h1                                    { font-size: 11px; font-weight: normal; color: #000000; line-height: 26px; margin: 0; position: relative; z-index: 2; float: left; width: 580px; }
#header #top_mypage                           { float: right; width: 370px; font-size: 11px; color: #000000; text-align: right; font-weight: normal; padding-top: 3px; background-color: #FFFFFF; }
#header #top_mypage a                         { color: #003399 }
#header #header_inbox                         { width: 1000px; margin-right: auto; margin-left: auto; }
#header #ad                                   { height: 90px; width: 728px; position: absolute; right: 0px; top: 0px; background-color: #FFF; }
#header #logo                                 { width: 200px; position: absolute; top: 0px; left: 0px; height: 90px; }
#header #header_in                            { height: 90px; width: 950px; margin-top: 10px; position: relative; clear: both; }
#topicpath                                    {
    background-color: #EFEFEF;
    color: #333333;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    overflow: hidden;
    padding: 5px;
    text-align: left;
    margin: 10px 0px;
}
#topicpath:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

 
/*menu*/

 
/* Main menu */
/* Main menu */
#masterNavi {
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	width: 100%;
	margin: 0;
	padding: 5px 0 8px 0;
	list-style: none;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 1px 1px #9c9c9c;
	height:20px;
	text-align:left;
	z-index:1;
	background-color: #FFFFFF;
	background-image: url(/img/bb_header/gmanu_bg.jpg);
	border-top-width: 1px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #000000;
}


#menu{
	width: 1000px;
	margin:0 auto;
	text-align:center;
}
 
#menu li
{
	float: left;
	position: relative;
	text-align:center;
	padding-top: 5px;
	padding-right: 10;
	padding-bottom: 10px;
	padding-left: 10;
	margin-right: 15px;
	margin-left: 15px;
	font-weight: bold;
}

#menu li:first-child {
	margin-left: 0px;
}

#menu li span.stay a{
    color: #FFF;
    background-color: #111;
    display: block;
    padding: 8px;
    margin: -10px 0px 0px;
}	 
 
#menu a
{
    float: left;
    height: 20px;
    color: #000000;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    padding: 0px;
}
 
#menu li:hover > a
{
	color:#CC0000;
}
 
*html #menu li a:hover /* IE6 */
{
    color: #fafafa;
}
 
#menu li:hover > ul
{
    display: block;
}
 
 
#menu li a > img {vertical-align:middle}
 
 
/* Sub-menu */
 
#menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 99999;
	background: -moz-linear-gradient(top, #444, #111);
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
	-moz-border-radius: 5px;
	/*border-radius: 2px;*/
	background-image: url(/img/bb_header/dorp_menu_bg.jpg);
	background-color: #444;
	background-repeat: repeat-x;
}
 
#menu ul li
{
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
	-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
	box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
	text-align:left;
	border-top-width: 1px\9;/* IE8 and below */
	border-top-style: solid\9;/* IE8 and below */
	border-top-color: #666666\9;/* IE8 and below */
	font-weight: normal;
	color: #333333;
	width:200px;
}
#menu li ul li.indent {
	text-indent: 1em;
}

 
#menu li ul a
{
	color: #FFFFFF !important;
}

#menu ul li:last-child
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
 
#menu ul a
{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;

}
 
*html #menu ul a /* IE6 */
{
    height: 10px;
    width: 150px;
}
 
*:first-child+html #menu ul a /* IE7 */
{
    height: 10px;
    width: 150px;
}
 
#menu ul a:hover
{
    background: #0186ba;
	color:#FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#04acec', endColorstr='#0186ba'); /* IE */	
}


#menu ul li .stay
{
	background: #0186ba;
	color:#FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important;


    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#04acec', endColorstr='#0186ba'); /* IE */	
	display: block;
	font-size: 12px;
	padding: 10px;
	font-weight: bold;
	white-space: nowrap;
}


#menu ul li:first-child a
{
    -moz-border-radius: 5px 5px 0 0;
    /*border-radius: 5px 5px 0 0;*/
}

#menu ul li:first-child a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;

}
 
#menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec;
}
 
#menu ul li:last-child a
{
    -moz-border-radius: 0 0 5px 5px;
    /*border-radius: 0 0 5px 5px;*/
}
 
/* Clear floated elements */
#menu:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
 
* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */



#new_gnavi_sub               { width: 930px; text-align: left; font-size: 12px; padding: 10px; border-bottom: 2px solid #CCCCCC; margin: 0 auto; clear: both; height: 12px; color: #000000; font-weight: normal; background-color: #f3f3f3; }
#new_gnavi_sub ul            { list-style: none }
#new_gnavi_sub ul li         { float: left; padding-left: 10px; }
#new_gnavi_sub ul li a       { color: #000000; text-decoration: underline; }
#new_gnavi_sub ul li a:hover { color: #000000; text-decoration: none; }



#localNavi             { font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; background-color: #CCCCCC; height: 33px; width: 950px; margin-right: auto; margin-left: auto; margin-top: 10px; font-size: 12px; background-image: url(/img/bb_header/localNavi_bg.jpg); border: 1px solid #003399; z-index: 1000; }
#localNavi ul          { float: left; width: 100%; list-style-type: none !important; z-index: 1000; }
#localNavi ul li       { float: left; padding-right: 9px; padding-left: 9px; line-height: 33px; font-weight: bold; background-image: url(/img/bb_header/localNavi_side.jpg); background-position: right center; background-repeat: no-repeat; list-style-type: none !important; z-index: 1000; }
#localNavi a           { text-decoration: none; color: #FFFFFF; }
#localNavi a:hover     { text-decoration: none; color: #FFFF00; }







#community_localNavi {
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color: #CCCCCC;
	height: 33px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	font-size: 12px;
	background-image: url(/img/bb_header/community_localNavi_bg.jpg);
	border: 1px solid #CCCCCC;
	margin-bottom:15px;
}



#community_localNavi ul      { float: left; width: 100%; }
#community_localNavi li      { float: left; padding-right: 8px; padding-left: 8px; line-height: 33px; font-weight: bold; background-image: url(/img/bb_header/community_localNavi_side.jpg); background-position: right center; background-repeat: no-repeat; }
#community_localNavi a       { text-decoration: none; color: #ffffff; }
#community_localNavi a:hover { text-decoration: none; color: #FFCC33; }
ul,li                        { list-style-type: none }




/*ドロップダウンメニュー*/


#localNavi                            { z-index: 100; position: relative; }
#localNavi ul li                      { position: relative }
#localNavi ul li a > img              { vertical-align: middle }
#localNavi ul li > a                  { height: 30px }
#localNavi > ul li > ul               { display: none; position: absolute; top: 33px; left: 0px; }
#localNavi > ul li:hover > ul         { display: block }
#localNavi > ul li > ul li            { clear: both; background: #333; text-align: left; width: 200px !important; border-bottom: 1px solid #666; position: relative; z-index: 1; line-height: 40px; }
#localNavi > ul li > ul li:last-child { border-bottom-style: none }
#localNavi > ul li > ul li a:hover    { color: #FF0 }




/* bb_footer.css */


#new_footer                                    { font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; width: 1000px; margin-right: auto; margin-left: auto; height: 150px; margin-top: 25px; padding-top: 10px; border-top-width: 2px; border-top-style: none; border-top-color: #CCCCCC; }
#new_footer .footer_link                       { text-align: left; margin-top: 10px; font-size: 12px; float: left; width: 100%; padding-top: 10px; border-top-width: 2px; border-top-style: solid; border-top-color: #CCCCCC; }
#new_footer .footer_link a                     { color: #333333; text-decoration: none; }
#new_footer .footer_link a:hover               { text-decoration: underline }
#new_footer .footer_link .footer_catgoey       { float: left; width: 210px; }
#new_footer .footer_link .footer_catgoey02     { float: left; width: 300px; }
#new_footer .footer_link .footer_catgoey02 ul  { display: block; float: left; width: 150px; }
#new_footer .footer_link .footer_catgoey02 li  { float: left; width: 150px; margin-right: 5px; text-align: left; font-size: 11px; }
#new_footer .footer_link h3                    { font-size: 12px; font-weight: bold; display: block; text-align: left; float: left; width: 100%; line-height: 16px; margin-bottom: 5px; }
#new_footer .footer_link ul                    { display: block; float: left; margin-bottom: 5px; width: 100%; }
#new_footer .footer_link li                    { display: block; font-size: 12px; }
#new_footer .footer_link .footer_catgoey02 img { border: 1px solid #CCCCCC; vertical-align: bottom; margin: 0px; padding: 0px; }
#footer_ad                                     { width: 728px; margin-right: auto; margin-left: auto; background-color: #FFFFFF; }
#new_footer .footer_txt                        { font-size: 14px; text-align: left; margin-bottom: 10px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; padding-bottom: 10px; }
#new_footer .footer_link .footer_txt .cap      { font-weight: normal; margin-top: 5px; font-size: 12px; line-height: 16px; }
#new_footer .footer_link .footer_left          { float: left; width: 650px; }
#new_footer .footer_link .footer_right         { float: right; width: 300px; }
#new_footer .footer_link .footer_left .footer_catgoey03 li { float: left; margin-right: 10px; }
#new_footer .footer_link .footer_left .footer_catgoey03    { margin-top: 10px; float: left; width: 100%; }
#menu .exlink                                              { margin-left: 6px; vertical-align: bottom; }
#new_footer .copyright                                     { display: block; float: left; width: 100%; font-size: 12px; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999; padding-top: 5px; margin-bottom: 20px; }
#new_footer .copyright .left                               { text-align: left; float: left; width: 90%; font-weight: bold; color: #666666; }
#new_footer .copyright .right,
#new_footer .copyright .right a                            { text-align: right; float: right; color: #333333; text-decoration: none; }





#header_sp_link   { text-align: center; display: block; width: 100%; height: 120px; font-size: 30px; font-weight: bold; line-height: 120px; background-image: url(../img/bb_header/dorp_menu_bg.jpg); background-repeat: repeat-x; background-position: center center; color: #FFFFFF; }
#header_sp_link a { display: block; color: #FFFFFF; text-decoration: none; }


/* deco.css */

/* テキスト装飾 */


.red_text            { font-size: 12px; font-weight: normal; color: #FF0000; }
.red_text_bold       { font-weight: bold; color: #FF0000; font-size: 12px; }
.red_count           { font-size: 16px; font-weight: bold; color: #FF0000; margin-left: 5px; margin-right: 2px; }
.verdanatext_big     { color: #FF0000; font: bold 32px/36px Verdana; }
.verdanatext_middle  { font-family: Verdana; font-size: 22px; font-weight: bold; color: #FF0000; }
.verdanatext_small   { font-family: Verdana; font-size: 17px; font-weight: bold; color: #FF0000; }
.man_text            { font-size: 12px; line-height: 19px; font-weight: normal; margin-right: 2px; margin-left: 2px; color: #000000; }
.kako_text           { font-size: 12px; margin-left: 5px; }
.gray_text           { color: #CCCCCC }



/* 画像関連 */
.img_left      { margin-right: 5px }
.img_left_both { margin-left: 5px; margin-right: 5px; }
.img_left10    { margin-right: 10px }
.img_right     { margin-left: 5px }
.img_right10   { margin-bottom: 10px; margin-left: 10px; }




/* 画像リンク */
.img_link a img        { border:1px solid #BABABA;}
.img_link a:hover img  { border:1px solid #CC3333;}

/* 星関連 */
.star     { margin-right: 10px;}
.starmini { margin-right: 2px;}

/* メニューテーブル */
.tiling_table .spacer     { margin-bottom: 10px;}
.tiling_table a img       { border:1px solid #BABABA;}
.tiling_table a:hover img { border:1px solid #CC3333;}

.text_big                 { font-size: 16px; font-weight: bold; color: #333333; }
.text_small               { font-size: 10px; font-weight: normal; color: #333333; }


/* table.css */
.table               { border-collapse: collapse; /*    empty-cells: show;*/ border: 1px solid #999999; border-collapse: collapse; }
.table .cell_name_wh { border: 1px solid #999999; font-weight: bold; padding: 5px; background-color: #FFFFFF; border-collapse: collapse; }
.table .cell_name_gl { border: 1px solid #999999; padding: 5px; font-weight: bold; border-collapse: collapse; background-image: url(../img/common/table_bg.jpg); background-position: left top; background-color: #EEEEEE; }
.table .cell_name_go { border: 1px solid #999999; padding: 5px; font-weight: bold; border-collapse: collapse; background-image: url(../img/common/table_bg_gray.jpg); background-repeat: no-repeat; }
.table .cell_name_gr { border: 1px solid #999999; padding: 5px; font-weight: bold; background-color: #FAFAFA; border-collapse: collapse; }
.table .cell_name_bl { border: 1px solid #999999; padding: 5px; font-weight: bold; background-color: #FAFAFA; border-collapse: collapse; font-size: 12px; line-height: 14px; }
.table .cell_name_ye { border: 1px solid #999999; padding: 5px; font-weight: bold; background-color: #FAFAFA; border-collapse: collapse; }
.table .cell_wh      { border: 1px solid #999999; padding: 5px; background-color: #FFFFFF; border-collapse: collapse; }
.table .cell_gl      { border: 1px solid #999999; padding: 5px; background-color: #EEEEEE; border-collapse: collapse; }
.table .cell_gr      { border: 1px solid #999999; padding: 5px; background-color: #FFFFFF; border-collapse: collapse; }
.table .cell_bl      { border: 1px solid #999999; padding: 5px; background-color: #FAFAFA; border-collapse: collapse; background-image: url(../img/common/table_bg_gray.jpg); }
.table .cell_ye      { border: 1px solid #999999; padding: 5px; background-color: #FFFFF0; border-collapse: collapse; }


#content_two .bikelistbox .ulist .cell_name_dgl a { color: #FFFFFF; }

/* ad.css */

/* トップ画像バナー上段 */
.badge       { height: 200px; width: 240px; margin-bottom: 10px; }


/* ヘッダーテキスト広告*/
#head_ad     { width: 590px; float: left; line-height: 32px; color: #FFFFFF; font-size: 12px; }
#head_ad a   { font-size: 12px; font-weight: normal; color: #FFFFFF; }
#head_ad h1  { font-size: 12px; line-height: 32px; font-weight: bold; color: #FFFFFF; }



/* 買取査定 */
.sateibox_row    { clear: both; border: 1px solid #F47B20; }
.sateibutton_row { text-align: center; padding-top: 5px; padding-bottom: 5px; }



/* 記事下第三者配信用 20131217追記 */
.adsw                { width:630px; overflow:hidden; padding:25px; height:250px; clear:both; background-color:#EEEEEE; margin-bottom:20px; margin-top:15px;}
.adsw .adsw01        { width:300px; float:left; margin-right:30px;}
.adsw .adsw02        { width:300px; float:right;}

.adsw640             { width:610px; overflow:hidden; padding:15px; height:250px; clear:both; background-color:#EEEEEE; margin-bottom:20px; margin-top:15px;}
.adsw640 .adsw640_01 { width:300px; float:left; margin-right:10px;}
.adsw640 .adsw640_02 { width:300px; float:right;}

.adsw630             { width:610px; overflow:hidden; padding:10px; height:250px; clear:both; background-color:#EEEEEE; margin-bottom:20px; margin-top:15px;}
.adsw630 .adsw630_01 { width:300px; float:left; margin-right:10px;}
.adsw630 .adsw630_02 { width:300px; float:right;}

/* form.css */
/* テキストボックス */
#form_text_long    { width: 400px }
#form_text_middle  { width: 200px }
#form_text_short   { width: 90px }


/* セレクトボックス */
#form_select_middle { width: 200px }
#form_select_short  { width: 90px }


/* 絞込みボックス */
#shibori_select_middle { width: 170px }
#shibori_select_short  { width: 75px }
#shibori_text_middle   { width: 180px }
#shibori_text_short    { width: 70px }



/*****************************
レコメンド　20141021
******************************/

#item-recommend.vertical                    { margin: 0 0 15px 0;}
#item-recommend.vertical .item-title        { background: none repeat scroll 0 0 #333; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 1.2; margin-bottom: 10px; padding: 10px; }
#item-recommend.vertical li                 { margin: 0 0 10px 0;}
#item-recommend.vertical li:last-child, #item-recommend.horizontal li.listend { margin-right: 0px;}
#item-recommend.vertical li:after           { content: ""; clear: both; height: 0; display: block; visibility: hidden;}
#item-recommend.vertical .item-img a img    { width: 108px; height: auto; border: 1px solid #666666; }
#item-recommend.vertical .item-img          { float: left; margin: 0 5px 5px 0; overflow:hidden }
#item-recommend.vertical .item-brand        { font-size: 11px; font-weight: normal; line-height: 1.3;}
#item-recommend.vertical .item-name         { font-size: 12px; font-weight: normal; line-height: 1.3; overflow:hidden;}
#item-recommend.vertical .item-name a:hover { text-decoration: underline;}
#item-recommend.vertical .item-price        { font-size: 12px; font-weight: bold; line-height: 1.3; color: #FF0000; margin: 5px 0 0 113px; overflow:hidden;}

/* 各コンテンツへのリンクアイコン */
.error-search form > div { display:inline-block; vertical-align:middle}
.error-search      { width:620px; margin:20px auto}
.error-search-title { font-weight:bold; font-size:18px; text-align:center; margin:0 0 10px 0;}
.error-search select               {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 2;
    display: block;
    margin: 0;
    padding: 6px 6px 6px 6px;
    background: transparent;
    border: 0;
    outline: none;
    font-size: 15px;
    line-height: 1.5;
    width: 190px;
    cursor: pointer;
}
.select-wrap {
    position: relative;
    display: table-cell;
    min-width: 192px;
    background-color: #ffffff;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #F0F0E1 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #F0F0E1 100%);
    background-image: linear-gradient(top, #ffffff 0%, #F0F0E1 100%);
    border: 1px solid #c0c0c0;
    color: #333;
    border-radius: 4px;
}
.error-search input[type="text"]   {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 6px;
    border: 1px solid #aaa;
    font-size: 16px;
    margin: 0 0 0 5px;
    width: 310px;
    min-width: 10%;
}
.error-search input[type="submit"] {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #333;
    font-size: 16px;
    color: #FFF;
    padding: 6px;
    min-width: 80px;
    border: none;
    cursor: pointer;
    }
    
.error-search-icon    { margin:15px 0 0 0;}
.error-search-icon ul { width:620px; margin:0 auto}
.error-search-icon ul:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.error-search-icon li {
    float: left;
    width: 200px;
    height: 150px;
    margin: 10px 10px 0px 0px;
}
.error-search-icon li:nth-child(3n) { margin-right:0;}
.error-search-icon li a {}
.search-icon   { background: url(/bb_img/shopping/v1/error-siteicon.png) no-repeat 0px 0px; display:block; width:200px; height:150px; text-indent:-9999px;}
.icon-parts    { background-position: 0px 0px;}
.icon-goods    { background-position: 0px -150px;}
.icon-brands   { background-position: 0px -300px;}
.icon-bike     { background-position: 0px -450px;}
.icon-magazine { background-position: 0px -600px;}
.icon-top      { background-position: 0px -750px;}