@charset "utf-8";
/*===============================================================

	COMMON
	
====================================================== =COMMON */
html{
}

body {
	background-color:#FFF;
	text-align: center;
	letter-spacing: 0.1em;
	font-family: "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial,;
	line-height:1.3em;
	background-image: url(../images/common/navi/header_bg.jpg);
	background-repeat: repeat-x;
	position:relative;

}


#headerArea {
	width: 100%;
	height:170px;
	text-align:left;
	background: url(../images/common/navi/header_bg2.jpg) no-repeat top center;
}


#wrapper {
	width:100%;
	background-color:#F0F0F0;
	background-image:url(../images/common/main_area_bg.jpg);
	background-repeat:repeat-x;
	
}






/*=============================================================

header  

=================================================================*/


#header {
	width:950px;
	height:129px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	color:#333;
}

#header h1{
	width:182px;
	height:57px;
	padding-top:9px;
	float: left;
	background-position: left 20px;
	/*
	background-image:url(../images/common/logo.jpg);
	background-repeat:no-repeat;
	*/
}

#header h1 a{
	width: 182px;
	height:57px;
	display:block;
	text-indent:-9999px;
	/*\*/
	overflow:hidden;
	/* */
}

#headerRight{
	width:728px;
	padding-left:10px;
	float: right;
	vertical-align:middle;
}

#headerRight .social{
	width:155px;
	float:right;
	padding:24px 5px 0 0;
}

#headerRight .bnr{
	width:180px;
	float:right;
	padding:0 5px 0 0;
	text-align:right;
	background: none;
}

#headerRight td{
	vertical-align:middle;
}

#headerRight .bannerArea{
	width:728px;
	text-align:right;
}

#headerRight .registrationArea{
	width:180px;
	height:21px;
	text-align:right;
	float:right;
	padding-top:8px;
}


#headerRight .search{
	width: 350px;
	float: right;
	padding-top: 7px;
}

#headerRight label{
	line-height:1;
	vertical-align: baseline;
}

/*
#headerRight td{
	border:none;
}

#headerRight table{
	border:none;
}

*/

#headerCenter{
	width:190px;
	float: right;
	text-align:left;
	padding-top:20px;
}




/*==========================   GlobalNavi  ==========================*/


#gNavi{
	width:950px;
	height:29px;
	margin-left:auto;
	margin-right:auto;
}


#gNavi li, #gNavi a {
	height: 28px;
	display: block;
}

#gNavi a {
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
	overflow:hidden;
	/* */
}
	
.gNavi_top {
	width:60px;
	float: left;
	background-color: transparent;
	background-image: url(../images/common/navi/global_navi01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.gNavi_car {
	width:59px;
	float: left;
	background-color: transparent;
	background-image: url(../images/common/navi/global_navi02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


.gNavi_moter {
	width:128px;
	float: left;
	background-color: transparent;
	background-image: url(../images/common/navi/global_navi03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.gNavi_bike {
	width:58px;
	float: left;
	background-color: transparent;
	background-image: url(../images/common/navi/global_navi04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.gNavi_fashion {
	width:89px;
	float: left;
	background-color: transparent;
	background-image: url(../images/common/navi/global_navi05.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.gNavi_sports {
	width:73px;
	float: left;
	background-color: transparent;
	background-image: url(../images/common/navi/global_navi06.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.gNavi_guide {
	width:88px;
	float: left;
	background-color: transparent;
	background-image: url(../images/common/navi/global_navi07.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.gNavi_dvd {
	width:53px;
	float: left;
	background-color: transparent;
	background-image: url(../images/common/navi/global_navi08.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.gNavi_goods {
	width:59px;
	float: left;
	background-color: transparent;
	background-image: url(../images/common/navi/global_navi09.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.gNavi_mook {
	width:58px;
	float: left;
	background-color: transparent;
	background-image: url(../images/common/navi/global_navi10.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.gNavi_gallery {
	width:80px;
	float: left;
	background-color: transparent;
	background-image: url(../images/common/navi/global_navi11.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.gNavi_cart {
	width:145px;
	float: left;
	background-color: transparent;
	background-image: url(../images/common/navi/global_navi12.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


.gNavi_logout {
       width:103px;
       float: left;
       background-color: transparent;
       background-image: url(../images/common/navi/global_navi13.jpg);
       background-repeat: no-repeat;
       background-position: 0px 0px;
}

.gNavi_logout a { background: transparent url(../images/common/navi/global_navi13.jpg) 0px 0px no-repeat;}
.gNavi_top a { background: transparent url(../images/common/navi/global_navi01.jpg) 0px 0px no-repeat;}
.gNavi_car a { background: transparent url(../images/common/navi/global_navi02.jpg) 0px 0px no-repeat;}
.gNavi_moter a { background: transparent url(../images/common/navi/global_navi03.jpg) 0px 0px no-repeat;}
.gNavi_bike a { background: transparent url(../images/common/navi/global_navi04.jpg) 0px 0px no-repeat;}
.gNavi_fashion a { background: transparent url(../images/common/navi/global_navi05.jpg) 0px 0px no-repeat;}
.gNavi_sports a { background: transparent url(../images/common/navi/global_navi06.jpg) 0px 0px no-repeat;}
.gNavi_guide a { background: transparent url(../images/common/navi/global_navi07.jpg) 0px 0px no-repeat;}
.gNavi_dvd a { background: transparent url(../images/common/navi/global_navi08.jpg) 0px 0px no-repeat;}
.gNavi_goods a { background: transparent url(../images/common/navi/global_navi09.jpg) 0px 0px no-repeat;}
.gNavi_mook a { background: transparent url(../images/common/navi/global_navi10.jpg) 0px 0px no-repeat;}
.gNavi_gallery a { background: transparent url(../images/common/navi/global_navi11.jpg) 0px 0px no-repeat;}
.gNavi_cart a { background: transparent url(../images/common/navi/global_navi12.jpg) 0px 0px no-repeat;}


#gNavi li a:hover , #gNavi li a.current{background-position:left bottom;}


/*==========================   SubNavi  ==========================*/
#subNavi{
	width:100%; height: 29px; clear: both;
}

#subNavi ul{ width:815px;margin-left:auto; margin-right:auto;padding-top: 12px;}
#subNavi li, #subNavi a {
	display: inline-block; margin-right: 8px; color: #000; font-size: 11px;}

#subNavi a:hover { color: #E81114;}


/*==========================   SideNavi  ==========================*/

#sideNavi {
	width: 120px;
	position: absolute;
	left:50%;
	top:205px;
	border: 1px solid #C5C5C5;
	background-color:#FFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin-left:-608px;
	z-index:10;
}

#sideNavi li {
	padding: 5px;
	border-top: 1px solid #C5C5C5;
	height: 40px;
	width: 110px;
}
#sideNavi li.first {
	border:none;
}
#sideNavi li.last {
}

/*
#sideNavi {
	width: 120px;
	position: absolute;
	background: url(../images/common/frame120_side.gif) repeat-y left top;
	left:-130px;
}

#sideNavi li {
	padding: 5px;
	border-top: 1px solid #C5C5C5;
	height: 40px;
	width: 110px;
}
#sideNavi li.first {
	background: url(../images/common/frame120_top.gif) no-repeat left top;
	border:none;
}
#sideNavi li.last {
	background: url(../images/common/frame120_bottom.gif) no-repeat left bottom;
}
*/


/*==========================   

footer  

====================================================================*/

#footerArea {
	width:100%;
	background-color:#CECECE;
	background-image:url(../images/common/footer_bg_top.jpg);
	background-repeat:repeat-x;
	padding-top:10px;
}

#footerArea .top{
	width:100%;
	background-image:url(../images/common/footer_bg.jpg);
	background-repeat:repeat-y;
	background-position: center;
	margin-left:auto;
	margin-right:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

}

#footerArea .middle{
	width:950px;
	padding-top:15px;
	padding-bottom:15px;
	background-image:url(../images/common/footer_bg.jpg);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	
}

#footerArea .bottom{
	width:100%;
	background-image:url(../images/common/footer_bg.jpg);
	background-repeat:repeat-y;
	background-position: center;
	margin-left:auto;
	margin-right:auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	
}

.copyright{
	width:950px;
	padding-top:5px;
	padding-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:10px;
}

.footBanner{
	width:970px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

.footerNavi{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	padding:7px 0px 7px 0px;
}

.footerNavi_left{
	font-size:10px;
	text-align:left;
	float:left;
	width:780px;
}

.footerNavi_right{
	float:right;
	width:100px;
}





/*===============全商品===================*/

.allItems{
}

#footerArea .middle .categoryName{
	text-align:left;
	font-weight:bold;
	padding-left:10px;
	padding-bottom:5px;
	clear:both;
}

#footerArea .middle .category{
	width:223px;
	text-align:left;
	padding-left:10px;
	float:left;
		/*
	background-image:url(../images/common/line_dot_tate.gif);
	background-repeat:repeat-y;
	*/
}



#footerArea .middle .category ul{
	padding-bottom:10px;
}


#footerArea .middle .category li{
	/*height:18px;*/
	padding-left:10px;
	padding-bottom:3px;
	background-image:url(../images/common/arrow.gif);
	background-repeat:no-repeat;
	background-position:3px 5px;
}

#footerArea .middle .lineDot{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #BEBEBE;
}







.categoryColor1{ /* クルマ */
       color:#DC1F1F;
}
.categoryColor2{ /* バイク */
       color:#0099FF;
}
.categoryColor3{ /* ファッション */
       color:#FF3366;
}
.categoryColor4{ /* スポーツ */
       color:#29BAAF;
}
.categoryColor5{ /* 実用ガイド */
       color:#336600;
}
.categoryColor6{ /* DVD */
       color:#CC9900;
}
.categoryColor7{ /* グッズ */
       color:#FF6600;
}

.categoryColor8{ /* MOOK */
       color:#9AC21F;
}





/*================================================================

main area

===================================================================*/

#infoBox{
	width:950px;
	height:34px;
	margin-left:auto;
	margin-right:auto;
}

#pankuzu{
	width:945px;
	height:10px;
	font-size: 10px;
	line-height: 1;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 11px;
	padding-top:11px;
	padding-left:5px;
}


#container {
	width:950px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:22px;
	position:relative;
}

#topNews{
	width: 800px;
	height: 12px;
	font-size: 12px;
	line-height: 1;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 12px;
	padding-left: 110px;
	background: url(../images/index/icon_news_release.jpg) no-repeat left center;
	float: left;
	/*overflow: hidden;*/
}



/*==============================コンテンツBOX===============================*/

.contentsBoxSet{
	/*width:950;*/
	padding-bottom:10px;
}

.contentsBoxSet .box{
	width: 310px;
	background-image: url(../images/common/frame310_top.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.contentsBoxSet .left640 .box{
	float:left;
	padding-right:10px;
}

.contentsBoxSet .left630{
	width:630px;
	float:left;
}

.contentsBoxSet .left640{
	width:640px;
	float:left;
}

.contentsBoxSet .right310{
	width:310px;
	float:right;
}

.contentsBoxSet .left310{
	width:310px;
	padding-right:10px;
	float:left;
	background-image:url(../images/common/frame310_top.gif);
	background-repeat:no-repeat;
}

.contentsBoxSet .left390{
	width:390px;
	padding-right:10px;
	float:left;
}



.contentsBoxSet .center310{
	width:310px;
	padding-right:10px;
	float:left;
	background-image:url(../images/common/frame310_top.gif);
	background-repeat:no-repeat;
}

.contentsBoxSet .center950{
	width:950px;
	background-image:url(../images/common/frame950_top.gif);
	background-repeat:no-repeat;
}






.contentsBoxSet .right630{
	width:630px;
	float:left;
	background-image:url(../images/common/frame630_top.gif);
	background-repeat:no-repeat;
}

.contentsBoxSet .right550{
	width:550px;
	float:left;
	background-image:url(../images/common/frame550_top.gif);
	background-repeat:no-repeat;
}




.contentsBoxSet .left640 .left310{
	width:310px;
	padding-right:10px;
	float:left;
	background-image:url(../images/common/frame310_top.gif);
	background-repeat:no-repeat;
}


.contentsBoxSet .tweetBox{
	width:310px;
	height:240px;
	padding-bottom:10px;
	float:left;
}









/*==========================   indexContents  ==========================*/


#mainSlideBox{
	width:610px;
	height:220px;
	padding:10px;
	background-image:url(../images/index/mainFlash_frame.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#mainSlideBox .mainSlides{
	width:610px;
	height:220px;
	overflow:hidden;
}




/*====================ピックアップ雑誌======================*/
.pickUpBox{
	width:310px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(../images/common/frame310_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	line-height: 1.3em;
}

html>/**/body #container .pickUpBox{
	padding-bottom /*\**/:0px\9 !important;
	padding-bottom:10px;
}

.pickUpBox:not(:target) {
	padding-bottom:0px\9; /* IE9 */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .pickUpBox {
    padding-bottom:0px; /* IE10 */
  }
}


.pickUpBox .infoSet{
	width:300px;
	padding-left:10px;
	background-image:url(../images/common/frame310_side.gif);
	background-repeat:repeat-y;
	line-height: 1;
}

.pickUpBox .infoSet .left{
	width:155px;
	height:220px;
	padding-right:10px;
	float:left;
	line-height: 1.3em;
}

.pickUpBox .infoSet .right{
	width:135px;
	height:220px;
	float:left;
	line-height: 1.3em;
}

.pickUpBox .infoSet .right dl{
}

.pickUpBox .infoSet .right dt{
	font-weight: bold;
	padding-bottom: 6px;
	padding-right: 6px;
}

.pickUpBox .infoSet .right dd{
	padding-right: 6px;
}

.pickUpBox .infoSet .icon{
	height:12px;
	padding:3px;
}

.pickUpBox .infoSet .date{
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 20px;
}

.bgColorRed{
	background-color:#DC1F1F;
}


.bgColorIcon1{ /* クルマ */
       background-color:#DC1F1F;
}
.bgColorIcon2{ /* バイク */
       background-color:#0099FF;
}
.bgColorIcon3{ /* ファッション */
       background-color:#FF3366;
}
.bgColorIcon4{ /* スポーツ */
       background-color:#29BAAF;
}
.bgColorIcon5{ /* 実用ガイド */
       background-color:#336600;
}
.bgColorIcon6{ /* DVD */
       background-color:#CC9900;
}
.bgColorIcon7{ /* グッズ */
       background-color:#FF6600;
}

.bgColorIcon8{ /* MOOK */
       background-color:#9AC21F;
}



/*====================キャンペーン======================*/


.campaignBox{
	width:310px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(../images/common/frame310_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.campaignBox .campaignSet{
	width:290px;
	height:220px;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../images/common/frame310_side.gif);
	background-repeat:repeat-y;
}



.titleCampaign{
	width: 114px;
	height: 39px;
	background: url(../images/index/title_campaign.gif) no-repeat ;
	text-indent: -9999px;
	display: block;
	padding-bottom: 10px;
}

.campaignBox .campaignSet .campaignSlides{
	width:290px;
	height:150px;
	overflow:hidden;
}

.campaignBox .campaignSet .controllBtn{
	margin-top: 8px;
	text-align:right;
}
.campaignBox .campaignSet .controllBtn li{
	display:inline;
}

.campaignBox .campaignSet .controllBtn li.prev{
	padding-right: 11px;
	background: url(../images/common/line_center.gif) no-repeat right;
}
.campaignBox .campaignSet .controllBtn li.next{
	padding-left: 10px;
}



/*====================New Arrival======================*/


.arrivalBox{
	width:310px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(../images/common/frame310_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.arrivalBox .arrivalSet{
	width:290px;
	height:220px;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../images/common/frame310_side.gif);
	background-repeat:repeat-y;
}



.titleArrival{
	width: 160px;
	height: 39px;
	background: url(../images/index/title_newarrival.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	padding-bottom: 10px;
}

.arrivalBox .arrivalSet .arrivalSlides{
	width:290px;
	height:150px;
	overflow:hidden;
}

.arrivalBox .arrivalSet .controllBtn{
	margin-top: 8px;
	text-align:right;
}
.arrivalBox .arrivalSet .controllBtn li{
	display:inline;
}

.arrivalBox .arrivalSet .controllBtn li.prev{
	padding-right: 11px;
	background: url(../images/common/line_center.gif) no-repeat right;
}
.arrivalBox .arrivalSet .controllBtn li.next{
	padding-left: 10px;
}



/*====================バナー======================*/

.bannerBox{
	width:310px;
	padding:10px 0px 10px 0px;
	background-image:url(../images/common/frame310_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.banner{
	background-image:url(../images/common/frame310_side.gif);
	background-repeat:repeat-y;
	/*padding-left:10px;*/
	/*height:432px;*/
}

.banner  li p{
	/*
	height: 70px;
	margin-bottom: 5px;
	*/
}
.banner  li p.pb10 {
	height: 70px;
	padding-bottom: 8px;
}

.banner .slides-nav{
	width: 290px;
	padding: 15px 0px 0px;
}

.banner .slides-nav li {
	float: left;  
	margin-right: 10px;  
}
  
.banner .slides-nav li a {
	display: block;
	overflow: hidden;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../images/index/bn_btn.jpg);
	background-repeat: no-repeat;
} 
 
.banner .slides-nav:after { 
	height:0; 
	visibility: hidden;
	content: ".";
	display: block; 
	clear: both;
} 
 
.js .banner .slides-nav li.on,  .js .banner .slides-nav li.on a {  
	background: url(../images/index/bn_btn_on.jpg) no-repeat;  
} 

.banner .slides{
}


.bannerSet{
	display:none;
}

.bannerSet p{
	padding-left:10px;
}






/*====================月刊誌・定期誌======================*/
.monthlyMGBox{
	width:630px;
	padding-top:10px;
	padding-bottom:10px;
	height:432px;
	background-image:url(../images/common/frame630_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.monthlyMGBox .monthlyMG{
	width:620px;
	height:432px;
	padding-left:10px;
	background-image:url(../images/common/frame630_side.gif);
	background-repeat:repeat-y;
}

.monthlyMGBox .monthlyMG h2{
	width:620px;
	background-image:url(../images/title/nagazine.gif);
	background-repeat:no-repeat;
	height: 22px;
	padding-bottom: 10px;
	text-indent: -9999px;
	display: block;
}


.monthlyMGBox .monthlyMG table{
	margin:0px;
	padding:0px;
}

.monthlyMGBox .monthlyMG td{
	margin:0px;
	padding-bottom:10px;
}


.monthlyMGBox .monthlyMG .thumbnailBox{
	width:92px;
	height:117px;
	padding:9px;
	background-image:url(../images/index/bg_thumbnail.gif);
	background-repeat:no-repeat;
	text-align:center;
}

.allThumbnails{
	width:610px;
	height:375px;
	overflow: auto;
}


/*====タブ====*/

ul.tabs {
	margin: 0;
	padding-bottom: 9px;
	float: left;
	width: 100%;
	height:16px;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	height: 16px;
	overflow: hidden;
	position: relative;
}

ul.tabs li a {
	height:16px;
	display: block;
	outline: none;
	text-indent:-9999px;
}


.tab_car{width:80px;background: transparent url(../images/index/tub_01.gif) 0px 0px no-repeat;}
.tab_bike{width:80px;background: transparent url(../images/index/tub_02.gif) 0px 0px no-repeat;}
.tab_fashion{width:100px;background: transparent url(../images/index/tub_03.gif) 0px 0px no-repeat;}
.tab_sports{width:80px;background: transparent url(../images/index/tub_04.gif) 0px 0px no-repeat;}
.tab_guide{width:80px;background: transparent url(../images/index/tub_05.gif) 0px 0px no-repeat;}
.tab_dvd{width:80px;background: transparent url(../images/index/tub_06.gif) 0px 0px no-repeat;}
.tab_mook{width:80px;background: transparent url(../images/index/tub_07.gif) 0px 0px no-repeat;}


ul.tabs li a:hover {
	background-position: left bottom;
}

html ul.tabs li.active, html ul.tabs li.active a:hover {
	background-position: left bottom;
}


/*=====タブ内コンテンツ=====*/
.tab_container {
	clear: both;
	float: left; width: 100%;
}

.tab_content {
	
}


.tab_container #tab1,
.tab_container #tab2,
.tab_container #tab3,
.tab_container #tab4,
.tab_container #tab5,
.tab_container #tab6,
.tab_container #tab7{
	width:610px;
	height:375px;
	overflow: auto;
}






/*
.allThumbnails td{
	border:none;
}

.allThumbnails table{
	border:none;
}
*/


/*====================右ニュース======================*/
.newsBox{
	width:310px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(../images/common/frame310_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.newsBox .newsSet{
	width:300px;
	height:219px;
	padding-left:10px;
	background-image:url(../images/common/frame310_side.gif);
	background-repeat:repeat-y;
}

.newsBox .newsSet2{
	width:300px;
	padding-left:10px;
	background-image:url(../images/common/frame310_side.gif);
	background-repeat:repeat-y;
}

.titleNews{
	width:290px;
	background-image:url(../images/title/news.jpg);
	background-repeat:no-repeat;
	height: 37px;
	padding-bottom: 10px;
	text-indent: -9999px;
	display: block;
}

.newsBox dl{
	width:285px;
	padding-top:9px;
	padding-bottom:12px;
	padding-left:5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}

.newsBox .newsSet dd{
	font-size:10px;
}

.date{
	color: #B84144;
	font-weight: bold;
	/*font-size:10px;*/
}

.gotoList{
	text-align:right;
	
}




/*=================special photo===================*/

.galleryBox{
	width:310px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(../images/common/frame310_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.galleryBox .gallerySet{
	width:300px;
	height:207px;
	padding-left:10px;
	background:url(../images/common/frame310_side.gif) repeat-y;
}

.galleryBox .gallerySetBottom{
	width:290px;
	height:12px;
	padding:0 10px 0 10px;
	background:url(../images/common/frame310_side.gif) repeat-y;
	text-align:right;
	font-size:10px;
}

.titleSpPhoto{
	width:290px;
	height:34px;
	background:url(../images/index/title_top_photo.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	padding-bottom:5px;
	
}


.galleryBox .gallerySet .title{
	color:#333;
	font-weight:bold;
}

.galleryBox .gallerySet .thumbnails{
	padding:5px 0 5px 0;
}

.galleryBox .gallerySet .date{
	padding:10px 0 0 0;
}

.galleryBox .gallerySet .thumbnails img{
	padding:0 5px 0 0;
}



/*================= events ===================*/

.eventBox{
	width:310px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(../images/common/frame310_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.eventBox .eventSet{
	width:300px;
	height:207px;
	padding-left:10px;
	background:url(../images/common/frame310_side.gif) repeat-y;
}

.eventBox .eventSetBottom{
	width:290px;
	height:12px;
	padding:0 10px 0 10px;
	background:url(../images/common/frame310_side.gif) repeat-y;
	text-align:right;
	font-size:10px;
}

.titleEvent{
	width:290px;
	height:34px;
	background:url(../images/index/title_event.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	padding-bottom:10px;
	
}


.eventBox .eventSet .title{
	color:#333;
	font-weight:bold;
}

.eventBox .eventSet .thumbnails{
	padding:5px 0 5px 0;
}

.eventBox .eventSet .date{
	padding:10px 0 0 0;
}

.eventBox .eventSet .thumbnails img{
	padding:0 5px 0 0;
}



/*=================TWITTER BUTTON===================*/
iframe.twitter-share-button {
    width: 105px!important;
}





/*=============================================================

商品一覧

===============================================================*/

.itemListBox{
	width:630px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(../images/common/frame630_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.itemListBox .itemList{
	width:600px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(../images/common/frame630_side.gif);
	background-repeat:repeat-y;
}


.itemListSet{
	padding-top:23px;
	padding-bottom:23px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}

.itemListSet .left{
	float:left;
	width:85px;
	padding-right:10px;
}

.itemListSet .right{
	float:left;
	width:505px;
}

.itemListSet .right .title{
	font-size: 14px;
	font-weight: bold;
}

.itemListSet .right .volume{
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}

.itemListSet .right dt{
	padding-bottom:5px;
}

.itemListSet .right .buttonArea{
	text-align:right;
	padding-top:15px;
	
}



/*=====定期購読=====*/

.teikiListSet{
	padding-top:23px;
	padding-bottom:23px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}

.teikiListSet .left{
	float:left;
	width:121px;
	padding-right:10px;
}

.teikiListSet .right{
	float:left;
	width:469px;
}

.teikiListSet .right .title{
	font-size: 14px;
	font-weight: bold;
}

.teikiListSet .right .volume{
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}

.teikiListSet .right dt{
	padding-bottom:5px;
}

.teikiListSet .right .buttonArea{
	text-align:right;
	padding-top:15px;
	
}






.pagerTopArea{
	padding-top:22px;
	padding-bottom:5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}

.pagerTopArea .left{
	float:left;
	font-size:16px;
	font-weight:bold;
}

.pagerTopArea .right{
	float:right;
	text-align:right
}



.pagerBottomArea{
	padding:18px 5px 5px 5px;
	background-color:#E7E7E7;
	width:590px;
	height:11px;
}

.pagerBottomArea .left{
	float:left;

}

.pagerBottomArea .right{
	float:right;
	text-align:right
}




/*===================タイトル=============================*/
.titleBackNumber{
	width:600px;
	height:24px;
	padding-top:5px;
	padding-bottom:14px;
	background-image:url(../images/title/backnumber.jpg);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left 5px;
}


.titleNewList1{ /* クルマ */
       width:600px;
       height:24px;
       padding-top:5px;
       padding-bottom:14px;
       background-image:url(../images/title/list_car.gif);
       background-repeat: no-repeat;
       text-indent:-9999px;
       background-position: left 5px;
}

.titleNewList2{ /* バイク */
       width:600px;
       height:24px;
       padding-top:5px;
       padding-bottom:14px;
       background-image:url(../images/title/list_bike.gif);
       background-repeat: no-repeat;
       text-indent:-9999px;
       background-position: left 5px;
}

.titleNewList3{ /* ファッション */
       width:600px;
       height:24px;
       padding-top:5px;
       padding-bottom:14px;
       background-image:url(../images/title/list_fashion.gif);
       background-repeat: no-repeat;
       text-indent:-9999px;
       background-position: left 5px;
}

.titleNewList4{ /* スポーツ */
       width:600px;
       height:24px;
       padding-top:5px;
       padding-bottom:14px;
       background-image:url(../images/title/list_sports.gif);
       background-repeat: no-repeat;
       text-indent:-9999px;
       background-position: left 5px;
}

.titleNewList5{ /* 実用ガイド */
       width:600px;
       height:24px;
       padding-top:5px;
       padding-bottom:14px;
       background-image:url(../images/title/list_guide.gif);
       background-repeat: no-repeat;
       text-indent:-9999px;
       background-position: left 5px;
}

.titleNewList6{ /* DVD */
       width:600px;
       height:24px;
       padding-top:5px;
       padding-bottom:14px;
       background-image:url(../images/title/list_dvd.gif);
       background-repeat: no-repeat;
       text-indent:-9999px;
       background-position: left 5px;
}

.titleNewList7{ /* グッズ */
       width:600px;
       height:24px;
       padding-top:5px;
       padding-bottom:14px;
       background-image:url(../images/title/list_goods.gif);
       background-repeat: no-repeat;
       text-indent:-9999px;
       background-position: left 5px;
}

.titleNewList9{ /* モータースポーツ*/
      width:600px;
      height:24px;
      padding-top:5px;
      padding-bottom:14px;
      background-image:url(../images/title/list_moter.gif);
      background-repeat: no-repeat;
      text-indent:-9999px;
      background-position: left 5px;
}

.titleNewListMook{ /* ムック */
      width:600px;
      height:24px;
      padding-top:5px;
      padding-bottom:14px;
      background-image:url(../images/title/list_mook.gif);
      background-repeat: no-repeat;
      text-indent:-9999px;
      background-position: left 5px;
}


.titleTeikikoudoku{ /* 定期購読 */
       width:600px;
       height:24px;
       padding-top:5px;
       padding-bottom:14px;
       background-image:url(../images/title/list_teiki.gif);
       background-repeat: no-repeat;
       text-indent:-9999px;
       background-position: left 5px;
}








/*=============================================================

商品詳細

===============================================================*/

.detailLeft{
	width:390px;
	padding-top:20px;
	background-image:url(../images/common/frame390_top.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

.detailLeftBox{
	width:390px;
	padding-bottom:20px;
	background-image:url(../images/common/frame390_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.detailLeftBox .detailSet{
	width:350px;
	padding-left:20px;
	padding-right:20px;
	background-image:url(../images/common/frame390_side.gif);
	background-repeat:repeat-y;
}

.detailLeftBox .detailSet .magazineInfo{
	width:350px;
}

.detailLeftBox .detailSet .magazineInfo .left{
	width:207px;
	padding-right:5px;
	float:left;
}

.detailLeftBox .detailSet .magazineInfo .right{
	width:138px;
	float:left;
}

.name{
	font-size:15px;
	font-weight:bold;
	letter-spacing: -0.1em;
}
.btArea {
	width: 354px;
	margin-right: -4px;
}
.btArea .btn{
	float: left;
	width: 173px;
	padding-right: 4px;
	padding-bottom: 4px;
}


.officialBn{
	padding:10px 0px 0px 0px;
}



/*===============backNumber=====================*/

.titleBackNumberLeft{
	width:290px;
	background-image:url(../images/title/backnumber_left.gif);
	background-repeat:no-repeat;
	height: 37px;
	padding-bottom: 10px;
	text-indent: -9999px;
	display: block;
}

.detailLeftBox .detailSet .itemListSet{
	padding-top:18px;
	padding-bottom:18px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}

.detailLeftBox .detailSet .itemListSet .left{
	float:left;
	width:85px;
	padding-right:10px;
}

.detailLeftBox .detailSet .itemListSet .right{
	float:left;
	width:255px;
}

.detailLeftBox .detailSet .itemListSet .right .title{
	font-size: 14px;
	font-weight: bold;
}

.detailLeftBox .detailSet .itemListSet .right .volume{
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}

.detailLeftBox .detailSet .itemListSet .right dt{
	padding-bottom:5px;
}


/*=====================================*/


.detailRightBox{
	width:550px;
	padding-top:20px;
	padding-bottom:20px;
	background-image:url(../images/common/frame550_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.detailRightBox .detailRight{
	width:510px;
	padding-left:20px;
	padding-right:20px;
	background-image:url(../images/common/frame550_side.gif);
	background-repeat:repeat-y;
}

.lead{
	font-size:18px;
	color:#990000;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:15px;
	line-height: 1.2em;
}

.lead2{
	padding-top:20px;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;	
}

.specialSet{
	padding-bottom:25px;
}

.specialSet .left{
	width:350px;
	padding-right:10px;
	padding-top:3px;
	float:left;
}

.specialSet .right{
	width:150px;
	float:left;
}

.specialThumb{
	width:138px;
	/*height:98px;*/
	padding:6px;
	background-image:url(../images/common/spacial_thumb_bg.gif);
	background-repeat:repeat-y;
}

.thumbZoom{
	text-align:right;
}

.specialSet .left .title{
	font-size:16px;
	font-weight:bold;
	color: #990000;
	line-height: 1.2em;
}



/*======================関連商品=========================*/
.titleRelation{
	height:21px;
	padding:10px;
	background-color:#E7E7E7;
	background-image:url(../images/title/relation.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	text-indent:-9999px;
}



.relationBox .leftPart{
	width:250px;
	padding-right:10px;
	float:left;
}

.relationBox .rightPart{
	width:250px;
	float:left;
}


.relationSet{
	padding-top:18px;
	padding-bottom:18px;
	
}



.relationSet .left{
	float:left;
	width:85px;
	padding-right:10px;
}

.relationSet .right{
	float:left;
	width:155px;
}

.relationSet .right .title{
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}

.relationSet .right .volume{
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}

.relationSet .right dl{
	padding-bottom:10px;
}
.relationSet .right dt{
	padding-bottom:5px;
}





.lineDot{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}


.pageTopBt{
	text-align:right;
}




.pngfix {
	behavior: url(/common/js/iepngfix.htc);
}








/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}


/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/common/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: left;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	left: 7px;
	top: 200px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #BFBFBF url(../images/common/slide_pager.png) no-repeat left top;
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 3px 0 0px;
	outline: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #BFBFBF url(../images/common/slide_pager_on.png) no-repeat left top;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/common/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/common/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}