@charset "euc-jp";
/* CSS Document */
#navi { width: 940px; line-height: 1; }
#container { text-align: left; background: url(none); margin: 0px; padding: 0px; width: 950px; font-size: 14px; line-height: 1.7; }
#container img { vertical-align: middle ; }
#wrapper, #main { margin: 0px auto; width: 950px; zoom: 100%; }
#wrapper:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; } 
#credit { font-size: 12px; position: relative; margin: 0px 0px 15px; width: 950px; text-align: left; }
#credit > .update { text-align: right; position: absolute; width: 15em; top: 0px; right: 0px; }
.clearfix { zoom: 100% }
.clearfix:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
ul, li { margin: 0px; padding: 0px; list-style: none; }
.mt10 { margin-top: 10px !important }
.mt20 { margin-top: 20px !important }
.obi { margin: 0px 0px 15px }
h2.midashi { font-size: 16px; line-height: 1.3; font-weight: bold; border-left: 5px solid #C00 !important; padding-left:10px; margin-bottom:15px; }
.left { float: left }
.right { float: right }
.w340 { width: 340px }
.w590 { width: 590px }
/* #flickscroll
--------------------------- */
#flickscroll01 { margin: 0; height: 410px; text-align: left; position: relative; overflow: hidden; cursor: pointer; }
#flickscroll01 ul { top: 0; left: 0; height: 400px; position: absolute; overflow: hidden; }
#flickscroll01 ul li { width: 950px; height: 410px; float: left; display: inline; overflow: hidden; }
#flickscroll01 .bike { position: absolute; top: 0px; right: 0px; }
#flickscroll01 ul li p.cap { font-size: 12px }
/* #flickthumb
--------------------------- */
#flickthumb01 { width: 950px; height: 150px; text-align: center; }
#flickthumb01 ul { width: 960px; margin-right: -10px; }
#flickthumb01 ul li { width: 153px; margin-right: 6px; margin-bottom: 9px; height: 100px; float: left; cursor: pointer; display: inline; }
#flickthumb01 ul li.active { filter: alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; }
/* =======================================
    ClearFixElements
======================================= */
#flickscroll01 ul li { position: relative }
#flickscroll01 ul li > .cap { position: absolute; width: 310px; right: 0px; bottom: 10px; }
/* #flickscroll
--------------------------- */
#flickscroll02 { margin: 0; height: 410px; text-align: left; position: relative; overflow: hidden; cursor: pointer; }
#flickscroll02 ul { top: 0; left: 0; height: 400px; position: absolute; overflow: hidden; }
#flickscroll02 ul li { width: 950px; height: 410px; float: left; display: inline; overflow: hidden; }
#flickscroll02 .bike { position: absolute; top: 0px; right: 0px; }
#flickscroll02 ul li p.cap { font-size: 12px }
/* #flickthumb
--------------------------- */
#flickthumb02 { width: 950px; height: 250px; text-align: center; }
#flickthumb02 ul { width: 960px; margin-right: -10px; }
#flickthumb02 ul li { width: 153px; margin-right: 6px; margin-bottom: 9px; height: 100px; float: left; cursor: pointer; display: inline; }
#flickthumb02 ul li.active { filter: alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; }
/* =======================================
    ClearFixElements
======================================= */
#flickscroll02 ul li { position: relative }
#flickscroll02 ul li > .cap { position: absolute; width: 310px; right: 0px; bottom: 10px; }
/* #flickscroll
--------------------------- */
#flickscroll03 { margin: 0; height: 410px; text-align: left; position: relative; overflow: hidden; cursor: pointer; }
#flickscroll03 ul { top: 0; left: 0; height: 400px; position: absolute; overflow: hidden; }
#flickscroll03 ul li { width: 950px; height: 410px; float: left; display: inline; overflow: hidden; }
#flickscroll03 .bike { position: absolute; top: 0px; right: 0px; }
#flickscroll03 ul li p.cap { font-size: 12px }
/* #flickthumb
--------------------------- */
#flickthumb03 { width: 950px; height: 220px; text-align: center; }
#flickthumb03 ul { width: 960px; margin-right: -10px; }
#flickthumb03 ul li { width: 153px; margin-right: 6px; margin-bottom: 9px; height: 100px; float: left; cursor: pointer; display: inline; }
#flickthumb03 ul li.active { filter: alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; }
/* =======================================
    ClearFixElements
======================================= */
#flickscroll03 ul li { position: relative }
#flickscroll03 ul li > .cap { position: absolute; width: 310px; right: 0px; bottom: 10px; }
.ec-area { padding: 10px; background: url(../img/ec_bg.gif); }
.ec-area .inbox { background: #FFF; padding: 15px; }
.ec-area .inbox:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.ec-area .inbox .left { float: left; width: 310px; }
.ec-area .inbox .right { float: right; width: 570px; font-size: 12px; line-height: 150%; }
.ec-area .inbox .right .title { font-size: 16px; line-height: 150%; }
.ec-area .cap { font-size: 12px }
#brand { font-size: 12px; line-height: 1.3; margin-top: 30px; margin-bottom: 50px; }
#brand:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#brand p { margin-bottom: 10px }
#brand p.info { color: #FFF; background: #000; padding: 8px 8px 10px; font: bold 14px/1 Verdana, Geneva, sans-serif; }
#brand p.title { font-size: 16px; line-height: 1; font-weight: bold; }
#brand .left { float: left; width: 300px; }
#brand .right { float: right; width: 640px; }