@charset "utf-8";

/************************************************
 Add css 追加したCSSを全て格納する
************************************************ */
/*
共通 clearfix
重要 !important
*/
.nopc{
display: none;
}

.Center{
text-align: center;
}
.Left{
text-align: left;
}
.Right{
text-align: right;
}
.floatL{
float: left;
}
.floatR{
float: right;
}
.clear{
clear: both;
}
.small{
font-size: 85%;
}
.large{
font-size: 115%;
}
.attention,.info {
    color: #f00;
}
.opacity a:hover img{
opacity: 0.6;
}
.bold{
font-weight: bold;
}
a.next{
background: url("../../../../upload/battery_image/next.png") no-repeat;
padding-left: 25px;
}
h2.subTitle{
    border-top: solid 2px #ebeced;
    background-color: #285fa3;
    color: #fff;
    padding: 5px 0 8px 10px;
    margin-bottom: 20px;
    font-size: 14px;
}


/*ヘッダー
--------------------------*/
.head_grid h1{
font-size: 90%;
color:#fff;
text-decoration : none;
}
#header_wrap .logo a:hover{
text-decoration : none;
}


/*注目キーワード
-----------------------------*/
#header_navi .attentionnotice ul {
position: relative;
top: -20px;
left: 140px;
}


#header_navi .attentionnotice ul li{
float: left;
margin-right: 10px;
}






/*サブコンテンツ
-----------------------*/
#sub_content{
width: 750px;
margin-left: 0;
color: #333;
font-size:16px;
}


#sub_content h3 ,#html1 h3, #html2 h3{
	text-align: left;
    margin-bottom: 6px;
    padding: 4px;
    border-top: solid 1px #ebeced;
    color: #333;
    background-color: #d8f0fa;
    font-size: 120%;
}
#sub_content .kakaku{
font-weight: bold;
color: #f00;
text-align:right;
margin-top:10px;
}

#sub_content .red{
color: #FF0000;
font-size:16px;
}
#sub_content .under{
text-decoration: underline
}

/*商品詳細
---------------------------------------*/
/*メニュー
-----------------------------------*/
#SocialMedia {
margin-top: 20px;
}
#SocialMedia li{
float: left;
margin-bottom: 10px;

}

ul#menuList ul{
margin-top: 20px;
}

ul#menuList li{
float: left;
margin-left: 5px ;
margin-top: 5px;
}




#SocialMedia #social_media{
float: right;
width: 47%;
border: 1px solid #CCC;
background-color: #EEE;
padding: 10px;
}
#SocialMedia #social_media li{
margin-right: 5px;
}
/*商品詳細　お客差の声
-----------------------------------------*/
.LC_Page_Products_Detail #customervoice_area h2 span{
float: right;
}
.LC_Page_Products_Detail #customervoice_area h2 a{
color: #fff;
}
.LC_Page_Products_Detail #customervoice_area h2 span span{
font-size: 140%;
}

.LC_Page_Products_Detail #customervoice_area ul li:nth-child(n+6) {
display: none;

}


/*ワンポイント
-------------------------------------*/
#one_point{
padding-left: 70px;
background: url('../img/products/point.gif') no-repeat;
}


/*オプション
----------------------------------*/
#AdditionalFees .box{
border:1px solid #cc0000;
margin-bottom: 10px;
}
#AdditionalFees p{
margin: 0px 0px 0px 10px;
}
.box image{width:100%;}
#AdditionalFees img.title{
width:100%;
}
#AdditionalFees ul#AddFee {
     padding: 10px;
}
#AdditionalFees #AddFee li{
float: left;
width: 44%;
height: 200px;
margin: 10px;
}
#AdditionalFees #AddFee .image{
width: 130Px;
height: 130px;
}
#AdditionalFees #AddFee .name{
font-size: 85%;
overflow: hidden;
height: 20px;
}
#AdditionalFees #AddFee p.name{
margin: 0px;
}
#AdditionalFees #AddFee p.info{
font-size: 85%;
margin: 0px;
}
#AdditionalFees #AddFee p.select{
margin: 0px;
}


#AdditionalFees #AddFee .star{
height: 30px;
}
#AdditionalFees #AddFee .comment{
font-size: 75%;
overflow: hidden;
height: 40px;
}
#AdditionalFees #AddFee .UsualPrice{
height: 20px;
}
#AdditionalFees #AddFeeSum{
background: #e6e6e6;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
border-radius:10px;
}
#AdditionalFees #AddFeeSum .Product{
border-bottom: 1px dotted #666;
padding-bottom: 10px;
}




#AdditionalFees #AddFeeSum .sum_name{
display: none;
}
#AdditionalFees #AddFeeSum .total_price{
margin-top: 20px;
margin-bottom: 20px;
}
#AdditionalFees #AddFeeSum .message{
margin-top: 20px;
}
#AdditionalFees #AddFeeSum .message p{
font-size: 90%;
margin-bottom: 20px;
}
#AdditionalFees #AddFeeSum .message img{
width: 100%;
}
#AdditionalFees img.floatR{
position: relative;
top: 90px;
}


/*適合管理表リスト
-------------------------------------------*/
#FitList_list #FitList_nave_btn{
margin-bottom:10px;
}
#FitList_list #FitList_nave_btn li{
float: left;
margin-right: 4px;
color: #003388;
font-size: 0.9em;
display: inline-block;
text-align: center;
padding: 5px 6px;
border: 1px solid #9c9c9c;
border: 1px solid rgba(0, 0, 0, 0.3);
text-decoration: none;
margin-bottom: 5px;
border-radius: 2px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b3b3b3), color-stop(0.00, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #DDD 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #DDD 100%);
background: -o-linear-gradient(top, #ffffff 0%, #DDD 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #DDD 100%);
background: linear-gradient(to bottom, #ffffff 0%, #DDD 100%);
}
#FitList_list #FitList_nave_btn li a{
color: #666;
direction: none;
}

/*適合管理表　詳細　お客差の声
------------------------------------------*/
#FitList_list #review_more_btn{
width :100%;
text-align: right;;
}

#FitList_list #review_more{
display: none;
}

}
/*商品詳細　ランク
------------------------------------------*/
#product_rank img{
position: relative;
top: 8px;
}
/*総合レビュー
------------------------------------------------*/
#product_rank a{
color: #fff;
}
#product_rank img{
position: relative;
top: 8px;
}

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

TOPページ

=====================================*/
#top_content {
width: 750px;
margin-left: 10px;
}

#top_content #bw_youkoso{
margin-bottom: 40px;
}

/*　TOP　ジャンルからバッテリーから
---------------------------------------------*/
#top_content #battery_sagasu {
margin-bottom: 50px;
}
#top_content #battery_sagasu ul li{
float: left;
}
#top_content #battery_sagasu ul li img{
	margin: 1px 3px 0 3px;
}
#top_content #battery_sagasu span{
display: none;

}
/*　top始めてなんです
---------------------------------------------*/
#top_content #menu_shopping_guide{
background-image: url('../img/top_2015/hajimete_back.jpg');
background-repeat: no-repeat;
height: 460px;
width: 100%;
margin-bottom: 50px;
}

#top_content #menu_shopping_guide .left_bloc{
margin-top: 110px;
margin-left: 20px;
float: left;
width: 55%;
}
#top_content #menu_shopping_guide .left_bloc li:nth-child(1){
background: url('../img/top_2015/bk1.png') repeat-x;
}
#top_content #menu_shopping_guide .left_bloc li:nth-child(2){
background: url('../img/top_2015/bk2.png') repeat-x;
}
#top_content #menu_shopping_guide .left_bloc li:nth-child(3){
background: url('../img/top_2015/bk3.png') repeat-x;
}
#top_content #menu_shopping_guide .left_bloc li:nth-child(4){
background: url('../img/top_2015/bk4.png') repeat-x;
}
#top_content #menu_shopping_guide .left_bloc li:nth-child(5){
background: url('../img/top_2015/bk5.png') repeat-x;
}
#top_content #menu_shopping_guide .left_bloc li:nth-child(6){
background: url('../img/top_2015/bk6.png') repeat-x;
}


#top_content #menu_shopping_guide .left_bloc span{
font-size: 160%;
font-weight: bold;
padding-left: 10px;
position: relative;
top: -15px;
}
#top_content #menu_shopping_guide .left_bloc li{
line-height:100%;
width: 400px;
margin-top: 3px;
}
#top_content #menu_shopping_guide .left_bloc li a{
color: #fff;
text-decoration: none;
width: 100%;
display: block;
}


#top_content #menu_shopping_guide .right_bloc{
float: right;
width: 40%;
margin-top: 240px;
}


/*TOP H2 共通
-----------------------------*/
#top_content .top_title{
color:#2d5ba6;
font-size: 250%;
}
/*TOP ANCHOR リンク共通
--------------------------------*/
#top_content a.link{
background: url('../../../image/link_icon.png') no-repeat;
padding-left: 17px;
}

/*top スライダー
--------------*/
#ecslide .slideshow_div img{
width:100%;
}
#ecslide #adv-custom-pager img{
width: 100%;;

}

#ecslide #adv-custom-pager {
margin-top: 10px;
margin-bottom: 30px;
}

#ecslide #adv-custom-pager div{
float: left;
width: 33.3%;
}
#ecslide #adv-custom-pager div img{
width: 100%;
}
#adv-custom-pager div:last-child{
float: right;
}



/*TOP 人気バッテリー
---------------------------------------------*/
#top_content .top_title{
color:#2d5ba6;
font-size: 250%;
}

/*TOP 選ばれる理由
-------------------------------------*/
#top_content #why_choose ul{
border: 1px solid #ccc;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}


#top_content #why_choose ul div{
height: 65%;
}



/*TOP リダイレクト
-------------------------------------------------*/
#top_content .RedirectMessage{
margin-bottom: 20px;
}
#top_content .RedirectMessage h3{
font-size:120%;
color: #FF0000;
margin-bottom: 20px;
}

/*選ばれる理由
----------------------------------*/
#top_content #why_choose li{
border-right: 1px dotted #ccc;
float: left;
width: 31.5%;
padding: 5px 0.5%;
height: 220px;
}
#top_content #why_choose li:last-child{
border:none;
}
#top_content #why_choose strong{
color: #c00;
}
#top_content #why_choose ul p{
vertical-align: sub;
}


#top_content #why_choose ul div{
/*margin-bottom: 20px;
height: 100px;*/
}
#top_content #why_choose ul img{
width: 100%;
}


#top_content #popular_battery li{
float: left;
margin-left: 5px;
margin-bottom: 5px;
}
/*TOP 車種メーカーから探す
--------------------------------*/
#top_content #type_maker_battery {
margin-top: 30px;
}


#top_content #type_maker_battery h3{
font-size:180%;
color: #333;

}
#top_content #type_maker_battery .left_box{
float: left;
width: 50%;
}
#top_content #type_maker_battery .right_box{
float: right;
width: 50%;
}

#top_content #type_maker_battery li{
float: left;
margin-left: 5px;
margin-bottom: 5px;
}





/*top 特別情報
---------------------------------------------*/
#top_content #tokubetu_area{
text-align: center;
border: 1px #cccccc solid;
margin-bottom: 20px;
}
#top_content #tokubetu_area ul{
margin: 0 auto;
width: 98%;
padding-top: 20px;
}
#top_content #tokubetu_area ul li{
float: left;
width: 49%;
margin-right: 1%;
margin-bottom: 20px;
}
#top_content #tokubetu_area ul li:nth-child(even){
margin-right: 0;

}

#top_content #tokubetu_area h3{
padding-bottom: 5px;
font-size: 200%;
color: #FFFFFF;
line-height: 40px;
}
#top_content #tokubetu_area .wkeari ,#top_content #tokubetu_area .otanosimi{
min-height: 135px;
}

#top_content #tokubetu_area .wkeari h3{
background-color: #004293;
}
#top_content #tokubetu_area .otanosimi h3{
background-color: #EA8A00;
}
#top_content #tokubetu_area .oshiete h3{
background-color: #686868;
}
#top_content #tokubetu_area .otasuke h3{
background-color: #ad5c85;
}

#top_content #tokubetu_area a{
display: block;
line-height: 25px;
}
/*
#top_content #tokubetu_box{
	width: 99%;
	border: 1px #cccccc solid;
	line-height: 130%;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	text-align: center;
}
#top_content #tokubetu_box .tokubetu_box{
margin-left: 20px;
margin-top: 20px;
float: left;
}
#top_content #tokubetu_box .tokubetu_box div{
margin-top: 10px;
text-align: center;
}
#top_content #tokubetu_box a{
color: #666;
}
#top_content #tokubetu_box div.img{
font-size: 200%;
color: #FFFFFF;
font-weight: bold;
text-align: center;
padding-top: 15px;
height: 40px;
width: 330px;
}
#top_content #tokubetu_box .wakeari .img{
background-color: #004293;
}
#top_content #tokubetu_box .otanosimi .img{
background-color: #EA8A00;
}
#top_content #tokubetu_box .oshiete .img{
}
#top_content #tokubetu_box .otasuke .img{
background-color: #ad5c85;
}
*/
#top_content #customervoice_area{
margin: 0 auto;
width: 100%;
}
/*トラブル　&　QANDA
------------------------------------------------*/
#top_content #trouble_qanda {
margin: 0 auto;
padding-top:20px;
width: 99%;
}
#top_content #trouble_qanda div{
border: 1px solid #ccc;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
float: left;
margin-right: 1%;
padding-bottom: 5px;
margin-bottom: 5px;
width: 49%;
}

#top_content #trouble_qanda div.right_block{
margin-right: 0;

}
#top_content #trouble_qanda ul{
line-height: 25px;
}


#top_content #trouble_qanda h3{
padding: 2px;
padding-left: 35px;
min-height: 30px;
font-size: 120%;

}

#top_content #trouble_qanda .left_block h3{
background: #ccc url('../../../image/top/battery.png') no-repeat 3px center;
}


#top_content #trouble_qanda .right_block h3{
background: #ccc url('../../../image/top/caution.png') no-repeat 3px center;
}


/*お客様の声 各共通　TOP
------------------------------------------------*/

#customervoice_area	.voise_left {
float: left;
width :16%;
}
#customervoice_area .voise_right{
width: 82%;
float: left;
margin-left: 10px;
}
#customervoice_area .pagenumber_area div{
margin-right: 10px;
}
#top_content #customervoice_area .voicecomment{
overflow: hidden;
min-height: 40px;
max-height: 40px;
}
#top_content #customervoice_area .voice_detail{
height: 750px;
overflow: hidden;
max-height:750px;
}

#top_content #customervoice_area{
margin-bottom: 50px;
}
#top_conten #customervoice_area li{
padding-top: 10px;

margin-bottom: 10px;
}
/* お客様の声 共通
----------------------------------------------- */
div#customervoice_area {
    clear: both;
    padding: 35px 0 0 0;
}

div#customervoice_area h2 {
    margin-bottom: 20px;
    padding: 6px 0 8px 10px;
    border-top: solid 2px #ebeced;
    background-color: #285fa3;
    font-size: 14px;
    color:#fff;

}

div#customervoice_area .review_bloc {
    margin-bottom: 20px;
    padding: 10px;
   /* background-color: #f6f6f6;*/
}

div#customervoice_area .review_bloc p {
    padding-top: 3px;
    margin-right: 10px;
    float: left;
}

div#customervoice_area .review_bloc .review_btn {
    float: right;
}

div#customervoice_area ul li{
	margin-top: 15px;
    margin-bottom: 15px;
    display:block ;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}

div#customervoice_area .voicetitle {
	background-color: #eaf8fb;
    margin-bottom: 5px;
    color: #333;
    padding: 0px 3px 3px 3px;
}
div#customervoice_area .voicetitle span{
    font-weight: bold;
    font-size: 110%;
    margin-right:10px;
}


div#customervoice_area .voicedate,#product_rank {
	background-color: #d8f0fa;
	color: #333;
    margin-bottom: 5px;
    padding: 6px 6px 2px 6px;

}
div#customervoice_area h4{
line-height: 35px;
}


div#customervoice_area  span.recommend_leve{
position: relative;
top: -12px;
font-size: 90%;
}
/*
div#customervoice_area .voicedate .recommend_leve ,.recommend_leve{
color:#FABE00;
font-size: 120%;
text-shadow:0 1px #000,1px 0 #000, 0 -1px #000, -1px 0 #000, -1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;
}*/





/*TOP 特集
------------------------------------------------*/
#top_content #tokusyuu {
margin-bottom: 50px;
}
#top_content #tokusyuu ul{
padding-left: 48px;
}

#top_content #tokusyuu li{
float: left;
margin-left: 12px;
margin-bottom: 6px;
}
/* TOP バイクバッテリーについて 充電器について　共通
------------------------------------------------*/
#top_content .tuite{
border: 1px #cccccc solid;
margin-top: 10px;
margin-bottom: 50px;
padding-bottom: 15px;
}
#top_content .tuite h3{
margin-bottom: 15px;
width: 100%;
text-align: center;
}
#top_content .tuite h3 a{
color: #333;
}

#top_content .tuite_box{
float: left;
margin-left: 30px;
margin-top: 20px;
}
#top_content #bike_battery_nituite .tuite_box{
width: 216px;

}
#top_content #bike_juudenki_nituite .tuite_box{
width: 339px;

}
/*カートテーブル カート、入力内容のご確認共通
------------------------------------------------*/
.cart_table {
border-top: 1px #FFFFFF solid;
border-left: 1px #FFFFFF solid;
}


.cart_table th{
color: #fff;
background-color: #5b9bd5;
border-right: 1px #FFFFFF solid;
border-bottom: 1px #FFFFFF solid;
}
.cart_table td{
border-right: 1px #FFFFFF solid;
border-bottom: 1px #FFFFFF solid;
}
.cart_table tr:nth-child(2n){
background-color:#d2deef;
}
.cart_table tr:nth-child(2n+1){
background-color: #eaeff7;
}

.cart_table .sub_total th{
border-top: 2px #FFFFFF solid;
border-bottom: 3px #FFFFFF solid;
}

/*プレゼントメッセージ　カート、入力内容のご確認共通
----------------------------------------------------*/
#PresentMessage{
font-size: 120%;
font-weight: 800;
text-align: center;
}

/*適合管理表　カテゴリー
----------------------------------------------------
#FitList_category{
margin-left: 14px;
}
#FitList_category .area{
margin-top: 20px;
}


#FitList_category #maker_list{
border: 1px solid #808080;
border-radius:5px;

padding: 5px;

}
#FitList_category #maker_list li{
margin-right: 5px;
float: left;
width: 160px;
background: url('../img/FitList/liststyle.gif') no-repeat;
padding-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
}

#FitList_category h3.title{
	text-align: left;
	margin-top: 20px;
    margin-bottom: 10px;
    padding: 8px;
    border-top: solid 1px #ebeced;
    background: linear-gradient(white, #909090);
    font-size: 120%;


}
#FitList_category #maker_list a{
color: #333;
}

#FitList_category .question{
color: #0c3cf7;
font-size: 115%;
font-weight: bold;
}
#FitList_category #QandA{
border: 1px solid #808080;
border-radius:5px;
padding: 5px;

}

#FitList_category .answer_area{
margin-top: 10px;
margin-bottom: 20px;
padding-left: 15px;
}
#FitList_category .answer_area a{
text-decoration: underline;
}
*/



/*TOPページHOT NEWS
---------------------------------*/
#header_wrap #hot_news_index{
text-align: center;
margin: 0 auto;
width: 980px;
}
#header_wrap #hot_news_index ul{
background-color: #04427a;
height: 30px;
padding-top: 7px;
border-radius:5px;
margin-bottom: 5px;
margin-top: 3px;
}
#header_wrap #hot_news_index li{
float: left;
height: 20px;
}

#header_wrap #hot_news_index a{
color:#fff;
}

#header_wrap #hot_news_index #hot_news_title{
padding: 0;

text-align:left;
width: 110px;
font-size: 100%;
font-weight: bold;
margin: 0 ;
color:#fff;
}
#header_wrap #hot_news_index li.hot_news_item dt,#header_wrap #hot_news_index li.hot_news_item dd{
float: left;
height: 22px;
}

#header_wrap #hot_news_index li.hot_news_item{
width:290px;

overflow:hidden;
}

#header_wrap #hot_news_index .hotnews_title{
text-align: left;
width: 195px;
overflow: hidden;
}
#header_wrap #hot_news_index .hotnews_date{
font-size: 85%;
}
#header_wrap #hot_news_index li.hot_news_item dd{
font-weight: bold;
font-size: 110%
}
#header_wrap #hot_news_index li:nth-child(3n) a{
color: #ff6;
}
#header_wrap #hot_news_index li:nth-child(4n) a{
color: #fd0;
}
#header_wrap #hot_news_index ul li:nth-child(n+6){
display: none;
}


/*バッテリー交換
-------------------------------------*/
#FitListInstal .box1{
text-align: left;
margin-top: 20px;
border: 1px solid #ADADAD;
border-radius:10px;
padding: 15px 20px 10px;
}
#FitListInstal h3{
font-size: 140%;
line-height: 30px;
margin-top: 10px;
}
#FitListInstal h4{
margin-left: 5px;
padding-left: 5px;
font-size: 120%;
color: #003399;
line-height: 30px;
margin-top: 10px;
border-bottom: 1px #003399 dashed;
border-left: 5px #003399 solid;
}

#FitListInstal #table1{
width: 100%;
}
#FitListInstal #table1 th {
width:11%
}
#FitListInstal #table1 td {
width:65%
}
#FitListInstal  #table1 .tdimg{
width: 24%;
}
#FitListInstal #table2 th {
width:20%
}
#FitListInstal #table2 td {
width:80%
}
#FitListInstal #table2 {
margin-bottom: 0;
}
#FitListInstal .box3{
margin-top: 20px;
}
#FitListInstal .Rightbox{
float: left;
width: 52%;
padding-left: 20px;
}
#FitListInstal #ploduct th{
text-align: center;
}
#FitListInstal #ploduct th:first-child{
width: 20%;
}
#FitListInstal #ploduct th:last-child{
width: 20%;
}
#FitListInstal #ploduct td:last-child{
font-size: 140%;
text-align: right;
}
#FitListInstal #ploduct td:last-child p{
padding-right: 10px;
}
#FitListInstal #ploduct td.Center p{
font-size: 110%;
font-weight: 700;

}
/* Q AND A
----------------------------------------*/
#qanda_area{
margin-left: 14px;
font-size: 100%;

}
#qanda_area .qanda_kbn {
margin-top: 20px;
}

#qanda_area .qanda_kbn ul{
float: left;
width: 58%;
}
#qanda_area .qanda_kbn li{
margin-left: 20px;
}

#qanda_area #qanda_detail{
}
#qanda_area h3{
font-size: 140%;
margin-top: 30px;
}

#qanda_area h4{
margin-top: 10px;
padding-top: 2px;
padding-left: 35px;
background-color: #EAEAEA;
background-image: url('../img/contents/q.png');
background-repeat: no-repeat;
border-radius:7px;
line-height: 25px;
}
#qanda_area h4 span{
font-size:110%;
color:#636cdc;
margin-right: 10px;
}

/* アコーディオン無効化の為display:none;を消した20170309
----------------------------------------*/
#qanda_area .answer{
padding: 5px 10px 10px 40px;
margin-top:10px ;
background: url('../img/contents/a.png') no-repeat 5px 5px;
}
#qanda_area .answer .img_sp {
display:none;
}

#qanda_area .answer h5{
border-left: 6px #636cdc solid;
padding-left: 7px;
margin-top: 10px;
}
#qanda_area .answer h6{
border-left: 5px #669933 solid;
padding-left: 7px;
margin-top: 10px;
margin-left: 20px;
font-size:100%;
}
#qanda_area .relate ,#sub_content .relate{
background: url('../img/contents/relate.png') no-repeat;
border: 1px #9e9e9e solid;
border-top: none;
margin-top: 10px;
width: 650px;
padding-left: 10px;
padding-bottom: 20px;
border-radius:5px;
}

#qanda_area .relate h5 ,#sub_content .relate h5{
border: none;
color: #fff;
}
#qanda_area div.caution{
background: url('../img/contents/caution.gif') no-repeat 10px 10px;
width: 100%;
padding : 20px 0 10px 120px;
border: 1px #9e9e9e solid;
border-radius:5px;
min-height: 100px;
}
#ArriveInfo_area .memo{
margin: 20px;
}
#ArriveInfo_area table{
font-weight: bolder;
}
/*適合管理　全ての商品
---------------------------------*/
#AllProducts ul{
text-align: center;
margin-top: 20px;
}
#AllProducts li{
float: left;
width: 19%;
margin-left: 3px;
margin-bottom: 10px;

}
#AllProducts a{
line-height: 120%;
margin: 5px auto;
height: 33px;
width: 90%;
display: block;
border-radius:10px;
color: #fff;
}
#AllProducts a.btn1{
padding-top: 3px;
background: linear-gradient(#1846f7, #4c6ff9,#1846f7);
text-shadow:2px 2px 1px #0000ff;

}

#AllProducts a.btn2{
background: linear-gradient(#5f554f, #7a7674,#5f554f);
text-shadow:2px 2px 1px #333;
padding-top: 10px;
}
/*適合管理　バッテリーリスト
---------------------------------*/
#FitList_BatteryList table{
font-size: 83%;
}
#FitList_BatteryList th{
text-align: center;
}
#FitList_BatteryList table th{
padding-left: 4px;
padding-right: 4px;
}
#FitList_BatteryList table .th3{
width: 30px;
}
#FitList_BatteryList table .th8{
width: 30px;
}
#FitList_BatteryList table .th9{
width: 30px;
}
#FitList_BatteryList table .battery_kbn{
background-color: #ADADAD;
color: #fff;
text-align: left;
font-size:120%
}

#FitList_BatteryList li{
float: left;
margin-right: 20px;
color: #333;
}
#FitList_BatteryList p{
margin-top: 20px;

}
/*適合管理　メーカー型番一覧
------------------------------------*/
#Fitlist_MakerModelList  li{
float: left;
margin-right: 20px;
color: #333;
}
#Fitlist_MakerModelList ul{
margin-bottom: 20px;
}
#Fitlist_MakerModelList table{
margin: 0 auto;
}
#Fitlist_MakerModelList td, #Fitlist_MakerModelList th {
width: 20%;
}


#Fitlist_MakerModelList .kbn_titl{
background-color: #adadad;
color: #fff;
line-height: 120%;
}
#Fitlist_MakerModelList .ModelCommnet{
margin-bottom: 20px;
}
/*適合管理　互換型番早見表
----------------------------------------------*/
#FitListCompatible ul{
margin-top: 20px;
}

#FitListCompatible ul li{
float: left;

}

#FitListCompatible li .cd{
text-align: center;
font-size: 120%;
font-weight: bold;
height: 50px;
width: 120px;
line-height: 50px;
margin-right: 10px;
margin-bottom: 10px;
border-radius:8px;
color: #FFFFFF;
}

#FitListCompatible li a{
border: 1px solid #52D1EC;
background: linear-gradient(#4CBEE2,#0094D0,#4CBEE2);
display: block;
text-decoration: none;
}
#FitListCompatible li a:hover{
 opacity:0.5;
}

#FitListCompatible li div.cd{
border: 1px solid #CCC;
background: linear-gradient(#aaa, #666,#aaa);
}
#FitListCompatible .Compatible{
margin-top: 20px;
border: 1px solid #CCC;
border-radius:8px;
}
#FitListCompatible .Compatible h3{

margin-bottom: 10px;
line-height: 50px;
padding-left: 20px;
font-size: 120%;
background-color: #ddd;
}
#FitListCompatible .Compatible .comment{
margin-left: 20px;
}

#FitListCompatible .Compatible h3 span{
font-size: 140%;
font-weight: bold;
color: #000;
}
#FitListCompatible .Compatible h4 {
padding-left: 10px;
font-size: 110%;
color: #333;
}
#FitListCompatible .Compatible h4 span{
color: #666;
font-size: 90%;
}

#FitListCompatible .Compatible .clearfix{
margin-top: 10px;
border-bottom: 1px solid #ccc;
min-height: 120px;
}

#FitListCompatible .Compatible .left_area{
float: left;
width: 30%;
height: 100%;

}
#FitListCompatible .Compatible .center_area{
float: left;
padding-top: 25px;
width: 5%;
}
#FitListCompatible .Compatible .right_area{
float: right;
width: 64%;
height: 100%;

}
#FitListCompatible .Compatible ol{
}
#FitListCompatible .Compatible ol li{
text-align: center;
}

#FitListCompatible .Compatible ol li div{
margin: 0 auto;
background-color: #ddd;
width:  60%;
height: 25px;
}
#FitListCompatible .Compatible .right_area img{
float: left;
}
#FitListCompatible .Compatible .right_area div{
padding-left: 10px;
padding-top: 15px;
width: 70%;
float: left;
}






.tekigo_navi {
        border-bottom:2px solid #285fa3;
        padding-bottom:20px;
        margin-bottom:30px;
}

.tekigo_navi li {
        font-size:85%;
        width:31%;
        float:left;
        margin-top:10px;
        margin-left:2%;
}



/*PC Header
----------------------------------------------*/
#header ul#logo_area{
margin: 20px 0;
}
.tommorow{
width:400px;
float:left;
text-align: left;
margin: 10px 0 0 0;
}
.asuraku{
width:580px;
float:left;
margin:10px 0 0 0;
}
ul.hb3{
width:510px;
}
ul.hb3 li{
width:160px;
margin:0 10px 0 0;
float:left;
}
ul.hb3 li img{
width:100%;
}

ul.hb{
width:580px;
margin:0px 0px 0px 0px;
}
ul.hb li{
float:left;
}
ul.hb li img{
width:100%;
}




ul#header_bignavi{
	margin:0 auto;
	padding:0;
	list-style-type:none;
}
ul#header_bignavi li{
	width:140px;
	float:left;
}
ul#header_bignavi li img{
	width:100%;
}


.tekigo_navi {
        border-bottom:2px solid #285fa3;
        padding-bottom:20px;
        margin-bottom:30px;
}

.tekigo_navi li {
        font-size:85%;
        width:31%;
        float:left;
        margin-top:10px;
        margin-left:2%;
}

.black_wrap{
	width:100%;
	background-color:#4c4948;
}
.head_grid{
	width:980px;
	height:60px;
	margin:0 auto;
	text-align: left;
}
.hg_box1{
	width:35%;
	float:left;
}
.hg_box3{
	float:right;
}
ul.hg_box3 {
	list-style-type:none;
	margin:0;
	padding:0;
	border-left:1px solid #fff;
}
ul.hg_box3 li{
	width:80px;
	height:60px;
	float:left;
	font-size:0.8em;
	text-align:center;
	border-right:1px solid #fff;
}
ul.hg_box3  li a{
	color:#fff;
	text-decoration:none;
}
ul.hg_box3 li a:link{
	color:#fff;
	text-decoration:none;
}
ul.hg_box3 li a:visited{
	color:#fff;
}
ul.hg_box3 li a:hover{
	color:#fff;
}
ul.hg_box3 img{
	display:block;
	margin:0 auto;
}
#holiday{
	width:970px;
	margin:0 auto 10px;
	border-color:#04427a;
	border-width:0 5px 5px;
	border-style:solid;
}
#holiday dl{
	margin:0;
	padding:0;
}
#holiday dl dt{
	margin:0 40px 7px;
	padding:10px 0 0;
	font-weight:bold;
	font-size:1.2em;
	text-align:left;
	color:#222;
}
#holiday dl dd{
	margin:0 40px 10px;
	padding:0;
	text-align:left;
	font-size:0.95em;
	color:#444;
}
#holiday dl dt span{
	color:#f00;
}
#holiday dl dd span{
	color:#f00;
}


/*フッター
----------------------------------*/
#footer_wrap_top .footer_grid ul li{
width: 33.33%;
}
#footer_wrap_top .footer_grid ul li:first-child{
text-align: left;
}
#footer_wrap_top .footer_grid ul li:last-child{
text-align: right;
}


/*Top TypeMaker
----------------------------------------------*/
#top_content #BikeMaker_area .select_bike{
	background-color:#200001;
}
ul.bk_popular{
	margin:0;
	padding:10px 0 1px 20px;
	list-style-type:none;
}
ul.bk_popular li{
	float:left;
	width:103px;
	margin:0 18px 10px 0;
	text-align:center;
	font-size:0.95em;
	word-wrap: break-word;
	height: 150px;
}
ul.bk_popular li img{
	width:100%;
	margin:0 0 3px;
}
ul.bk_popular li a:link{
	color:#fff;
	text-decoration:none;
}
ul.bk_popular li a:visited{
	color:#fff;
}
ul.bk_popular li a:hover{
	color:#fff;
	text-decoration:underline;
}
.bk_popular_bottom{
	background-color:#200001;
	width:724px;
	padding:10px 20px;
	margin:0 0 40px;
	color:#fff;
	font-size:0.95em;
	text-align:right;
}

.border4yellow{
	border:1px solid #ccc;
	background-color:#ffda55;
	margin:-10px 0 20px 0;
	padding:0 0 20px;
position:relative;
}
.border4{
	border:1px solid #ccc;
	margin:0 0 40px;
	padding:0 0 20px;
	overflow:auto;
}
.top_carmaker1{
	float:left;
	width:145.5px;
	padding:0 20px;
	border-right:1px solid #ccc;
}
.top_carmaker1:last-child{
	border-right:none;
}


.border4 img{
	width:100%;
}
.border4 ul{
	margin:20px 0 0 0;
	padding:0;
	list-style-type:none;
	font-size:0.95em;
}
.border4 ul li{
	margin:0 0 8px 0;
}
.border4 ul li span{
	font-weight:bold;
	margin-bottom:12px;
	display:block;
}
.border4 h3{
	margin:0 20px 20px;
	padding:0;
}

.top_bikemaker1{
	width:400px;
	padding:0 30px 0 0;
	margin:20px 0 0 30px;
	background-color:#fff;
}
.top_bikemaker2{
	width:430px;
	margin:20px 0 0 30px;
}
.top_bikemaker2 img{
	width:100%;
}
.top_bikemaker1 ul{
	margin:0;
	padding:10px 0 0 0;
	list-style-type:none;
}
.top_bikemaker1 ul li{
	width:70px;
	margin:0 0 10px 30px;
	float:left;
	font-size:0.9em;
	text-align:center;
}
.top_bikemaker1 ul li img{
	width:70px;
	margin:0 0 1px;
}
.top_bikemaker2 ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.top_bikemaker2 ul li{
	width:100px;
	margin:0 20px 20px 0;
	float:left;
	font-size:0.9em;
}
.top_bikemaker2 ul li img{
	width:100%;
}
.top_bikemaker_img{
position:absolute;
 bottom:0;
 right:0;
}
#top_content #BikeMaker_area .top_maker h3{
margin-top: 10px;
}


*/
/*
 *	プロモーション
 *
 *  2016/01 kawai
*/
#promotion_area #promotion{
margin-top: 20px;
}

#promotion_area #promotion_item{
margin-top: 20px;
}
#promotion_area #promotion_item dl dt{
width: 70px;
float: left;
}
#promotion_area #promotion_item dl dd{
width: 200px;
}
#promotion_area #promotion_item dl dd span{
font-size: 110%;
font-weight: 500;
}
#promotion_area #Promotion_text{
margin-top: 20px;
}
 /*	アンケート
 *
 *  2016/02 kawai
*/

#enqurte{

margin-top: 20px;
}
#enqurte dl{
margin-top: 20px;
}
#enqurte dl dt{
font-size: 110%;
font-weight: bolder;
margin-top: 10px;
}

#enqurte dl dd{
padding-left: 20px;
}


 /*	タイプから探す
 *
 *  2016/02 hirota
*/
ul.bikestyle{
	width:760px;
	margin:20px 0 20px 0;
	list-style-type:none;
}
#BikeMaker_area ul.bikestyle li{
	width:241.3px;
	float:left;
	border:1px solid #ccc;
	margin:0 10px 13px 0;
	-webkit-box-shadow: 0 7px 5px -6px #8d8c8c;
 -moz-box-shadow: 0 7px 5px -6px #8d8c8c;
 box-shadow: 0 7px 5px -6px #8d8c8c;
}
ul.bikestyle li img{
	width:201px;
	margin:0 20px 5px;
}
ul.bikestyle li p{
	width:201px;
	margin:0 20px 10px;
	font-size:0.85em;
}
ul.bikestyle li a{
	text-decoration:none;
color:#666;
}
ul.bikestyle li a:link{
	color:#666;
}
ul.bikestyle li a:visit{
	color:#666;
}
ul.bikestyle li a:hover{
	color:#000;
}

/*左辺ブロック部
--------------------------------*/
.block_outer ul#bloc_image li:nth-child(n + 2){
margin-top: 10px;
}
.login_box{
margin: 20px 0px 20px 0px;
}
/*2017/05/31
*適合管理　詳細
-----------------------------------*/
#fitlist_detail p.voicecomment{
     word-wrap:break-word;
}
#fitlist_detail .scroll_area {
overflow-scrolling: touch important;
}
#undercolumn_shopping #address_area .information{
     width:100%;
     float: none;
}