@charset "UTF-8";
/* CSS Document */
/*layouts: content-inner920px layout-wt*/





/* Default ---------------------------------------------------------------- */

/* Utility */
.widget-header,
.trackbacks-header,
.mt-entry-archive h2,
.mt-comment-preview h2,
.archive-header,
.search-form-header,
.search-results-header {    p\osition: relative; width: 100%; w\idth: auto;} /* ie win (5, 5.5, 6) bugfix */
* html .iepngfix .header-logo{ behavior: expression(IEPNGFIX.fix(this)); }


/* Global ----------------------------------------------------------------- */

body {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif, Osaka;
	font-size: 12px;
	letter-spacing:0.08em;
	line-height: 2.3;
	color: #444;
	background: #FFD300 url(images/FFD300.png);
}


a:link, a:visited { color: #6633aa; text-decoration: none; }
a:hover { text-decoration: underline; }
:focus, :active { outline: 0; }


/* Layout ----------------------------------------------------------------- */

#container{ width: 100%; margin-bottom:50px; margin-top:20px; }
#container-inner { background: #cccccc url(images/container.png) repeat-y center top;  width: 100%; margin-right: 0; margin-left: 0; }

#pickup_container{ width: 100%; padding-bottom:5px; padding-top:20px; background: #FFD300 url(images/FFD300.png); }
#formmail{ width: 80%; background-color: #eaeaea; margin: 50px auto;}
#formmail-inner { padding:30px; }



/* Wide-Thin */
/* #content-inner  width920px + left10px */
/* #center-inner  width850px + left10px */

.layout-wt #alpha { width: 690px; }
.layout-wt #beta { width: 230px; margin-left:0px }

.layout-news #alpha { width: 630px; margin-left:30px;  margin-top:30px; }
.layout-news #beta { width: 230px; margin-left:30px;  margin-top:30px; }
.layout-wt #center { width: 850px; margin: 0px auto; overflow: visible;}

.layout-wt #bicycle-contents { width: 850px; margin: 0px auto; overflow: visible;}

/* intermaxbar ----------------------------------------------------------------- */

#intermaxbar{ width: 930px;  margin: 0 auto; text-align: right; }
#intermaxbar-inner{ margin: 0; padding: 0; }

.widget-brand{ font-size:10px; line-height:11px; letter-spacing:0em; margin-bottom:5px; margin-right:9px;}
.widget-intermax{ font-size:26px; line-height:20px; letter-spacing:0em; margin-bottom:10px; margin-right:2px;font-weight:lighter; font-family: Helvetica, Arial, sans-serif;}
.header-brand{ font-size:9px; line-height:11px; }
.header-intermax{ font-size:24px; line-height:20px; font-weight:lighter; }

/* Layout content-inner----------------------------------------------------- */

#content { padding-top: 15px; padding-bottom: 15px; clear:both; }
#content_blackBG { padding-top: 15px; padding-bottom: 15px; clear:both; background: #000000; color: #eee;}

#content-inner {width: 936px ;margin: 0 auto; border-bottom: 1px solid #F3F0E8; padding-top: 0; padding-bottom: 0; overflow: visible;}

#header{ overflow: hidden; border-top: 1px solid #ccaf23; background: url(images/banner_bottom_bg.png) repeat-x top;}
#header-top { background:  url(images/banner_bottom.png) no-repeat center top; height:50px;}
#header a {text-decoration: none; color: #666; }
#header a:hover {text-decoration: underline;}
#header-content {height:120px;}
/*---logo_backhome--*/
.header-home {background: url(images/headmark.png) no-repeat center top; display: block; position:relative; z-index: 10; top: 5px;left: 0px;width: 200px; height: 80px;  float:left; cursor:pointer;}

/*---for IE--*/
* html .header-home a {display: inline-block; cursor:pointer;}


#header-name,
#header-name a{ font-size: 20px; font-weight:100; color: #555; padding: 5px 0; line-height: 1; visibility: hidden;text-indent: -9999px;}
#header-description { font-size: 12px; font-weight:100;  color: #555; padding: 0;line-height: 1.125; visibility: hidden;}

#header-wrapper, #header-inner, #footer-inner {padding-top: 0;padding-bottom: 0; overflow: hidden;}
#header-inner,
#header-wrapper,
#main-navigation-inner,
#footer-inner { width: 920px; margin: 0px auto; clear:both;}

/* Footer ----------------------------------------------------------------- */

#footer {padding: 0px; background: #f3f0e8 url() no-repeat center top;  border-top: 1px solid #fcc; border-bottom: 1px solid #ccaf23;}
* html #footer { margin-bottom: 0px; }
*:first-child+html #footer { margin-bottom: 0; }
#footer-inner { padding: 0 0 20px 0; }
#footer-content { padding: 15px 0 0 0; margin: 0; }
.caution{ font-size:8px; color:#999999;}

/*-------------------------------column--------*/

#alpha, #beta, #gamma {display: inline; float: left;}
#alpha-inner, #beta-inner, #gamma-inner {overflow: visible; padding: 10px 0px 25px 20px;}
#beta-banner { border-top: 1px solid #ccc; border-left: 1px solid #ece; border-right: 1px solid #ddd; border-bottom: 1px solid #eee; }
#beta-banner-spacer { padding-bottom: 10px; border-bottom: 1px dashed #555; margin-bottom: 10px; }

.banner_link ul { list-style-type: none;}
.banner_link ul li { padding-bottom: 10px; border-bottom: 1px dashed #555; margin-bottom: 10px; }


#content-alpha{overflow: hidden; padding: 25px 20px 25px 20px;}


/*-------------------------------HEADER NAVIGATION--------*/
#header-nav { padding: 15px 0px 0px 0px; }
/*----	position: absolute;bottom: 0px;margin: 0px 2px 0;left: 0;*/
#header-nav ul { display: inline-block; list-style-type: none; width: 920px; margin: 0px auto; padding: 0; }
#header-nav ul li { width: 160px; float: right;  margin-right: 5px; background: url(images/btn_nomal.png) center bottom no-repeat; color:#eee;}
#header-nav ul li a {  display: block; height: 35px; line-height: 35px; padding: 0 1em; font-weight: nomal; color:#eee; font-size:11px; letter-spacing:0em;}
#header-nav ul li a:hover { text-decoration: underline; background: url(images/btn_over.png) center bottom no-repeat; color:#eee;}
* html #header-nav ul li a { display: inline-block;}
#header-nav .widget-search{ position: absolute; bottom: 5px; right: 3px;}





.entry-title {
    margin: 0;
    font-size: 16px;
	font-weight:bold;
	color: #666;
    line-height: 1.2;
}
#page-title {
    margin: 0 0 8px;
    font-size: 18px;
	font-weight:bold;
	color: #666;
    line-height: 1.2;
}

.content-nav {
    position: relative;
    clear: both;
    margin: 10px 0;
    text-align: right;
    color: #777;
}
.content-nav #results-current-page {
    background-color: #777;
    padding: 2px;
    color: #fff;
}
.content-nav stong {
    color: red;
}



/* Asset Meta ---------------------------- */

/*.meta,*/

.asset-header {
	margin-bottom: 10px;
	border-bottom: 1px solid #F3F0E8;
    background-color: #FFD300;
    padding: 8px 0px 0px 10px;
	}
.asset-body,
.asset-more{
   letter-spacing:0.15em;
   line-height: 2.2;
   padding-left:100px;
}
.asset-body blockquote,
.asset-more blockquote{
	letter-spacing:0em;
	line-height: 1.8;
	padding-left:50px;
	}

.asset-body small,
.asset-more small{
	letter-spacing:0em;
	line-height: 1.5;
    margin-bottom: 15px;
	}
	
.asset-meta,
.asset-footer {
    color: #777;
    font-size: 85%;
	line-height: 1.2;
    padding-bottom: 4px;
	padding-left:1px;
    margin: 0;
}

.asset-meta{
    background: url(images/news_icon.gif) left no-repeat;
	padding-left:20px;
	padding-top:5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.asset-more-link{
	border-top: 1px solid #F3F0E8;
	padding-top:5px;
	margin-bottom: 15px;
}
.action-stream li,
.archive-content li{
	border-bottom: 1px dashed #ccc;
    padding: 5px 10px 4px 20px;
    letter-spacing:0.1em;
    background: url(images/tab-arrow.gif) no-repeat 10px 50%;
}
.action-stream ul,
.archive-content ul{
    list-style: none;
	margin: 0px 0px 25px 0px;
    padding: 0;
	}



/* index news list　----------------------------------------------------------------- */
.index-recent-entries{
	padding-left:0px;
}
.index-recent-entries .widget-header {
	font-size: 13px;
    padding: 0 0 4px 15px;
    font-weight: normal;
    color: #555;
	border-bottom: 1px solid #F3F0E8;
}
.index-recent-entries  .widget-subtitle{
	font-size: 9px;
    padding: 1px 15px;
    color: #555;
}
.index-recent-entries .actions ul li{
	font-size: 13px;
	padding: 3px 0px 10px 20px;
	border-bottom: 1px dashed #ccc;
	list-style:none;
}
.index-recent-entries .icon-entry {
    background: url(images/topic-icon.gif) no-repeat 2px 13%;
    padding-left: 15px;
}
.index-recent-entries .asset-excerpt {
   letter-spacing:0.15em;
   font-size:10px;
}


/* Widget ----------------------------------------------------------------- */

.widget-content {
	position: relative;
	margin: 5px 0 25px;
}

.widget .widget-header {
	font-size: 15px;
    padding: 3px 10px;
    font-weight: normal;
    color: #555;
    text-transform: uppercase;
	border-bottom: 1px solid #F3F0E8;
}

.widget .widget-subtitle{
	font-size: 9px;
    padding: 1px 10px;
    color: #6cb6bb;
    text-transform: uppercase;
}


.widget-content li {
	font-size: 12px;
	letter-spacing:0.15em;
	line-height: 1.2em;
	padding: 3px 0px 3px 18px;
	border-bottom: 1px dashed #ccc;
	margin-bottom:15px;
	list-style:none;
    background: url(images/tab-arrow.gif) no-repeat 5px 50%;
}

#header .widget-sign-in .widget-content,
.widget-recent-assets .widget-content {
    padding-left: 0;
    padding-right: 0;
}

#footer .widget-sign-in .widget-content,
.widget-recent-assets .widget-content {
    padding-left: 0;
    padding-right: 0;
}



/* Intemax フッター囲み設定 ----------------------------------------------------------------- */

.widget-powered{
	font-size:9px;
	line-height:1.3;
    border-top: 3px solid #efe;
	padding-top:10px;
	}
.widget-powered .widget-content-copyright {
	float: left;
	font-size:9px;
	line-height:1.3;
}
.widget-powered .widget-content-address {
    width: 200px;
	float: left;
	font-size:11px;
	line-height:1.3;
}
.widget-powered .widget-content span {
    display: block;
    overflow: hidden;
}
.widget-powered .widget-content span a {
    display: block;
    float: right;
    height: 40px;
    width: 158px;
    overflow: hidden;
    text-indent: -9999px;
    background: url() no-repeat 0 0;
}


	




/* Utilities -------------------------------------------------------------- */

.note {color: #777; font-style: italic;}

.comment:after,
#header:after,
#header-inner:after,
#header-menu ul:after,
#content:after,
#alpha-inner:after,
.entry-asset:after,
.last-comment:after, 
#mt-community-blog .asset-meta:after,
#mt-community-forum .archive:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.comment,
#header-inner,
#header,
#header-menu ul,
#content-inner,
#footer-inner,
.content-header, 
.entry-asset, 
.last-comment, 
#mt-community-blog .asset-meta, 
#mt-community-forum .archive,
#mt-community-forum .entry-header,  
#mt-community-forum .entry-asset-inner,
.content-nav, 
.asset-body,
.asset-more{height: 100%;}



/*-----------------------------for--parts catalogue--------*/

.section_head {
border-bottom:3px solid #E0E0E0;
clear:both;
font:15px "Times New Roman",serif;
letter-spacing:5px;
margin-top: 15px;
padding:0 0 0 25px;
position:relative;
text-transform:uppercase;
background:url("images/arrow.gif") no-repeat scroll 0px 3px transparent;
line-height:22px;
}

.section_header {border-top: 0px solid #e0e0e0; font-size:11px;}


.catarogue h1,
.catarogue h2,
.catarogue h1 { font-size:18px; margin-left:-20px; margin-bottom:-16px; }
.catarogue h2 { font-size: 28px; line-height: 26px; margin-top: 5px; margin-bottom: 5px; }
.catarogue h3 { margin-top:26px; border-top:1px solid #bcbcbc; font: normal 13px/15px ;  line-height:17px; padding-top:7px; padding-bottom: 10px; letter-spacing:0em;
}
.catarogue h4 {
	color:#666;
	font-size:15px;
	font-weight:bold;
	line-height:16px;
	margin-bottom:4px;
	padding-top:6px;
	border-top:20px solid #ffd300;
	letter-spacing:-0.05em;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif, Osaka;
}
.catarogue h5 { color:#666; font-size:15px; font-weight:bold; line-height:16px; margin-bottom:5px; padding-top:6px; letter-spacing:-0.05em;}


.catarogue ul.square { margin-left:1.25em; }
.catarogue ul.square li { padding-bottom:4px; border-bottom:solid 1px #ccc;}
.catarogue ul { font-size:10px; line-height:13px; color:#000; margin-bottom:16px; }

/*   パーツカタログ用文字設定　*/

.catarogue p { font-size: 13px; line-height: 20px; }
.catarogue p.intro { font-size: 18px; line-height: 20px; font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
.catarogue p.caption { font-size:10px; line-height:13px; color:#333; margin-bottom:25px; }
.catarogue p.memo {
	font-size:12px;
	line-height:20px;
	margin-bottom:10px;
}
.catarogue p.caution { font-size:11px; line-height:16px; color:#CC0000; padding: 10px 12px 0px 12px; margin-top:12px;  border-top:1px solid #bcbcbc;}
.catarogue p.read { font-size:16px; line-height:16px; color:#333; padding: 15px 12px 15px 12px; margin:0;  border-bottom:1px solid #bcbcbc; background-color:#DDD; }
.catarogue p.compo { font-size:10px; line-height:11px; color:#666; padding: 5px 12px 0px 12px; margin-top:5px; }
.catarogue p.price { font-size:15px; line-height:15px; color:#666; letter-spacing:0em; }


/*   パーツカタログ用テーブル設定　*/

.catarogue table { width: 100%; border:0; margin:0; padding:0; border-collapse: separate; table-ayout:fixed;}
.catarogue table td { width:260px; padding-right: 30px;  vertical-align:top;}
.catarogue table td.last{ padding-right: 0 !important;}
.catarogue table.2col td { width:410px; padding-right: 30px; }
.catarogue table.3col td { width:260px; padding-right: 30px; }
.catarogue table.4col td { width:190px; padding-right: 30px; }
.catarogue table td.wide { width:550px; padding-right: 30px; }
.catarogue table td.duble { width:410px; padding-right: 30px; }

.catarogue table.table_410 { width:410px; padding-right: 0px; }
.catarogue table.table_410 td { width:190px; padding-right: 0px; }

.catarogue table.table_550 { width:550px; padding-right: 30px; }
.catarogue table.table_850 td { width:130px; padding-right: 15px; }





  /*   パーツカタログ用　4段イメージボックス　*/
 .img_box{}
 .img_box4col{width: 190px; height:135px;}
 .img_box4col_shorthight{ width: 190px; height:100px; }
 .img_box4col_2cel{ width: 410px; height:135px;}
 .img_box4col_squair{ width: 190px; height:190px; }
 .img_box4col_flow{ width: 190px; }
 
  /*   パーツカタログ用　3段イメージボックス　*/
 .img_box3col{
	width: 260px;
	height: 200px;
}
 .img_box3col_shorthight{ width: 260px; height:150px; }
 .img_box3col_squair{ width: 260px; height:260px; }
 
 
  /*   パーツカタログ用　基本設定　*/
 .img_box4col, .img_box4col_2cel, .img_box4col_squair, img_box4col_shorthight,
 .img_box3col, .img_box3col_shorthight, .img_box3col_squair, .img_box{ text-align: center; vertical-align:middle; display: table-cell; overflow:hidden; margin:0px 0px 15px 0px;}
 
 .img.middle{ margin:0px; vertical-align: bottom; }
 
  /*   パーツカタログ用　画像設定　*/

.img_box{ text-align: center; overflow:hidden; vertical-align: bottom; margin:0px 0px 10px 0px; vertical-align:middle; display: table-cell;}
.catarogue img.left{ float:left; margin:0px 0px 5px 0px; text-align: center; vertical-align: middle;}
.catarogue img.right{ float:right; margin:0px 0px 5px 0px; vertical-align: middle;}
.catarogue img.mini{ width:50px; margin:0px 0px 5px 5px;}
.catarogue img.mini60{ width:60px; margin:0px 0px 0px 0px;}

/*パーツカタログ内のアイコンマージン*/
.catarogue img.icon{ margin:0px 6px 2px 0px; }



#specifications{ width: 260px; padding: 10px 20px 0px 0px; float: left; }


/* GRID */


#config { padding:1px 0px 10px 0px; clear:both;}
#option { padding:1px 0px 10px 0px; clear:both;}
#middle_box {
	padding:0px 0px 10px 0px;
	clear:both;
	margin: 0;
	width: 850px;
}


.Brands { border-top:6px solid #333; border-left:1px solid #eaeaea; clear:both; list-style: none; color: #474747; margin-bottom: 20px; margin-left: 15px; display: inline-block;}
.Brands a {padding:10px; display: inline-block; color: #474747; }
.Brands a:hover { display: inline-block; background: #eee url() ; text-decoration: none;   }
.Brands p.url {display: block; color:#aaa; border:1px solid #eaeaea; margin: 0px 10px 0 210px;}
.Brands p a:hover  {text-decoration: underline; background: #333 url() ; color: #eee; *padding:10px;}


.column,.w_column { float: left; }
.grid2col,.grid3col,.grid4kakomi,.grid3cola  { width: 100%; }

.grid2col p.intro { margin-bottom: 30px; }
.grid2col.column { width:410px; }
.grid2col.column.logo { width: 200px; line-height:12px;}
.grid2col.column.brandlogo { width: 400px; height:150px; line-height:12px; clear:both; }
.grid2col.column.brandlogo img { margin-bottom: 10px;}

.grid2col.column.last {
	width: 410px;
	line-height: 20px;
}


/*ブランド紹介見出し*/
.grid2col.column h4{ color:#444; font-size:14px; line-height:16px; margin-bottom:5px; padding-top:6px; font-weight:bold;}

.grid3col p.intro { margin-bottom: 30px; }
.grid3col .column { width: 260px; }
.grid3col .column.first { width: 260px; }
.grid3col .column.last { width: 260px; }
.grid3col .column.first { margin-right: 35px; }


.grid4col p.intro { margin-bottom: 30px; }
.grid4col .column { width: 190px;}
.grid4col .column.first { width: 190px;}
.grid4col .column.last { width: 190px;}
.grid4col .column.first { margin-right: 30px; }
.grid4col .column { margin-right: 30px; margin-bottom: 15px;}
.grid4col .w_column { width: 410px; margin-right: 30px; }


.grid4kakomi { background-color:#f4f4f4; border-right:1px solid #ccc; border-left:1px solid #eaeaea;  border-bottom:solid 1px #ccc; border-top:solid 1px #ddd;  padding:10px 0px 10px 0px;}
.grid4kakomi p.intro { margin-bottom: 30px; }
.grid4kakomi .column { width: 190px;}
.grid4kakomi .column.first { width: 190px; padding:0px 0px 0px 15px;}
.grid4kakomi .column.last { width: 190px; padding:0px 15px 0px 0px;}
.grid4kakomi .column.first { margin-right: 20px; }
.grid4kakomi .column { margin-right: 20px; }


.grid4kakomi h3 { margin-top:26px; color:#444; font-size:14px; line-height:16px; margin-bottom:5px; padding-top:6px; border-top:20px solid #ffd300;}
.grid4kakomi h4 { color:#444; font-size:14px; line-height:16px; margin-bottom:5px; padding-top:6px; border-top:20px solid #ffd300;}




.w_column.first, .w_column.last,
.column.first, .column.last { margin-left: 0 !important; }
.w_column.last,
.column.last { margin-right: 0 !important; }
.w_column.last,
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, #center:after, .grid2col:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid4kakomi:after, .grid3cola:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, #center, .grid2col, .grid3col, .grid3cola, .grid4col, .grid4kakomi { zoom: 1; }






/* img class */
img.bike-images { margin:10px 0px 15px 0px; float:left; *position: relative; *top: 380px; }
img.spec-images { margin:0px 0px 15px 0px; }

img.column-images {margin:0px 0px 15px 0px; }
img.catalog-images {vertical-align: bottom; }

/*-- icon image --*/
/*kuota_icon_margin*/
img.kuota_icon {
	width:25px;
	height:25px;
	float:none;
	border:none;
	clear: both;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 0px;
}


.hiddenModalContent{display:none;}


.clearfix:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}




#archive-list ul.monthlylist {
	float:left; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc;
}

#archive-list li.monthly {
	width:40px;
	display:inline-block;
	float:right;
	border: 0px dashed #ccc;
	list-style:none;
	padding: 0 0 0 10px;
	background: url(images/tab-arrow.gif) no-repeat 0px 50%;
}

#archive-list li.monthly a:hover {
}

.icon-comment { background: url(images/reply-icon.gif) no-repeat 0 30%; padding-left: 15px; }
.icon-entry { background: url(images/topic-icon.gif) no-repeat 2px 50%; padding-left: 15px; }
.icon-score { background: url(images/score-icon.gif) no-repeat 0 50%; padding-left: 15px; }