@charset "utf-8";



/* --------------------------------
	グランドディスプレイ
-------------------------------- */

div#gd { position:relative; margin:-2px 0 0 7px; width:946px; }



/* --------------------------------
	コンテンツ
-------------------------------- */

div#content { margin:30px auto 0 auto; width:928px; background:url(../img/sidebar_bg.gif) repeat-y right top; }



/* --------------------------------
	メインコンテンツ
-------------------------------- */

div#main_content { width:573px; float:left; ; }



/* --------------------------------
	お知らせ
-------------------------------- */

div#notice {}



/* --------------------------------
	フィーチャー
-------------------------------- */

div#feature { margin:0 0 0 0; }

div#feature ul { position:relative; margin:0 0 0 -3px; width:576px; }
div#feature ul li { padding:0 0 0 3px; float:left; }
div#feature ul li img { vertical-align:bottom; }



/* --------------------------------
	トピックス
-------------------------------- */

div#topics { margin:20px 0 0 0; }

div#topics h2 { position:relative; padding:0 0 12px 0; width:100%; background:#fff; z-index:2; }
div#topics ul { position:relative; margin:-13px 0 0 0; width:100%; z-index:1; }
div#topics ul li { clear:both; padding:13px 0 0 0; width:100%; background:url(../../common/img/dl_aeaeae.gif) repeat-x 0 6px; float:left; }
div#topics ul li .main { width:490px; float:right; }
div#topics ul li .main dl { padding:8px 0 0 0; }
div#topics ul li .main dl dt { font-weight:bold; }
div#topics ul li .main dl dt a { padding:0 0 0 7px; background:url(../../common/img/arw_h_01.gif) no-repeat 0 0.30em; }
div#topics ul li .main dl dd {}
div#topics ul li .sub { width:68px; float:left; }



/* --------------------------------
	関連サイト
-------------------------------- */

div#rel { margin:20px 0 0 0; }

div#rel h2 {}
div#rel ul {}
div#rel ul li { clear:both; padding:12px 0 13px 0; width:100%; background:url(../../common/img/dl_aeaeae.gif) repeat-x left bottom; float:left; }
div#rel ul li .main { width:370px; float:right; }
div#rel ul li .main dl {}
div#rel ul li .main dl dt { padding:0 0 0 10px; width:60px; background:no-repeat 0 0.35em; float:left; }
div#rel ul li .main dl dd { width:295px; float:right; }
div#rel ul li .main p { margin:6px 0 0 0; text-align:right; }
div#rel ul li .main p a { padding:0 0 0 7px; background:no-repeat 0 0.30em; }
div#rel ul li .sub { width:190px; float:left; }

div#rel ul li.protan .main dl dt,
div#rel ul li.protan .main p a { background-image:url(../img/rel_arw_h_01.gif); }
div#rel ul li.mtiwedge .main dl dt,
div#rel ul li.mtiwedge .main p a { background-image:url(../img/rel_arw_h_02.gif); }
div#rel ul li.sweep .main dl dt,
div#rel ul li.sweep .main p a { background-image:url(../img/rel_arw_h_03.gif); }



/* --------------------------------
	バナー
-------------------------------- */

div#bnr { margin:15px 0 0 0; }

div#bnr ul { position:relative; margin:0 0 0 -3px; width:576px; }
div#bnr ul li { padding:0 0 0 3px; float:left; }
div#bnr ul li img { vertical-align:bottom; }



/* --------------------------------
	サイドバー
-------------------------------- */

div#sidebar { width:325px; float:right; }



/* --------------------------------
	フィッティング
-------------------------------- */

div#fitting { padding:0 0 9px 0; }

div#fitting h2 {}
div#fitting .list { margin:9px auto 0 auto; width:303px; background:url(../img/sidebar_dt_v_01.gif) repeat-y center top; }
div#fitting .list ul { padding:25px 0 9px 0; background:url(../img/sidebar_dt_h_01.gif) repeat-x 0 12px; font-size:0; line-height:1; }
div#fitting .list ul li { float:left; }

div#fitting .list ul.first { padding:9px 0 0 0; background:none; }
div#fitting .list ul li.odd { padding:0 41px 0 9px; }
div#fitting .list ul li.even {}



/* --------------------------------
	ショップ
-------------------------------- */

div#shop { padding:0 0 25px 0; }

div#shop h2 {}
div#shop .btn { margin:9px auto 0 auto; width:303px; background:url(../img/sidebar_dt_v_01.gif) repeat-y center top; }
div#shop .btn ul { padding:9px 0 9px 0; font-size:0; line-height:1; }
div#shop .btn ul li { float:left; }
div#shop .bnr { margin:1px 0 0 10px; }
div#shop .bnr ul { font-size:0; line-height:1; }
div#shop .bnr ul li { padding:5px 0 0 5px; float:left; }

div#shop .btn ul li.odd { padding:0 41px 0 9px; }
div#shop .btn ul li.even {}



/* --------------------------------
	チームプロギア
-------------------------------- */

div#team { padding:0 0 9px 0; }

div#team h2 {}
div#team .btn { margin:9px auto 0 auto; width:303px; background:url(../img/sidebar_dt_v_01.gif) repeat-y center top; }
div#team .btn ul { padding:9px 0 9px 0; font-size:0; line-height:1; }
div#team .btn ul li { float:left; }
div#team .bnr { margin:1px 0 0 10px; }
div#team .bnr ul { font-size:0; line-height:1; }
div#team .bnr ul li { padding:5px 0 0 5px; float:left; }

div#team .btn ul li.odd { padding:0 41px 0 9px; }
div#team .btn ul li.even {}




/* --------------------------------
	ニュース
-------------------------------- */

div#news { padding:0 0 25px 0; }

div#news h2 {}
div#news dl { margin:0 auto 0 auto; width:303px; }
div#news dl dt { padding:12px 4px 0 4px; color:#6d1b30; font-weight:bold; }
div#news dl dd { padding:0 4px 13px 4px; background:url(../img/sidebar_dt_h_01.gif) repeat-x left bottom; }
div#news dl dd a { display:block; padding:0 0 0 7px; background:url(../../common/img/arw_h_02.gif) no-repeat 0 0.35em; }
div#news .btn { margin:15px 0 0 0; text-align:center; font-size:0; line-height:1; }



/* --------------------------------
	インフォ
-------------------------------- */

div#info { padding:0 0 25px 0; }

div#info h2 {}
div#info ul { margin:0 auto 0 auto; width:303px; }
div#info ul li { clear:both; padding:12px 4px 13px 4px; background:url(../img/sidebar_dt_h_01.gif) repeat-x left bottom; }
div#info ul li a { display:block; padding:0 0 0 7px; background:url(../../common/img/arw_h_02.gif) no-repeat 0 0.35em; }



/* --------------------------------
	ism バナー 
-------------------------------- */

div.ismbnr { width: 573px; height: 97px; }

div.ismbnr p { float:left; }

.jcarousel-skin-tango {
	width: 391px;
	float: right;
}

.jcarousel-skin-tango .jcarousel-container {
/*    -moz-border-radius: 10px;*/
	background: url(../img/ism_bnr_bg.jpg) no-repeat 0 0}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}


.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 371px;
    height: 97px;
	padding: 0 0 0 20px;
}


.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  330px;
    height: 97px;
}

.jcarousel-skin-tango jcarousel-list {
		
}


.jcarousel-skin-tango .jcarousel-item {
    width: 328px;
    height: 84px;
	padding: 13px 0 0 0 ;
}


.jcarousel-skin-tango .jcarousel-item a {
	display:block;
    width: 328px;
    height: 68px;
	border: 1px solid #929292;
}
.jcarousel-skin-tango .jcarousel-item a:hover {
	border: 1px solid #c21e1e;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}



/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 6px;
    right: 18px;
    width: 13px;
    height: 42px;
    cursor: pointer;
    background: transparent url(../img/ism_bnr_next-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: -13px 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: -26px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: -39px 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 6px;
    right: 18px;
    width: 13px;
    height: 42px;
    cursor: pointer;
    background: transparent url(../img/ism_bnr_prev-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: -13px 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: -26px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: -39px 0;
}







