﻿@charset"utf-8";
/*-TOPページコンテンツ-------------------*/
/*TOPのみ
/*---------------------------------------*/
.top #b_banner_area{height:320px;}.top #b_banner_area:after{margin:0;}
/*.top #devide_wrap{min-width:710px;max-width:1080px;padding-left:250px;}*/
.top #devide_wrap:before{content:" ";width:215px;height:123px;display:block;position:relative;margin:-87px 0 -36px -370px;
/*季節変更-----*/
background:url(../img/common_new/top/suppli_parts1.png) no-repeat left top;
/*background:url(../img/common_new/top/suppli_parts1_2012_w.png) no-repeat left top;*/
}
.top #center_inner {float:right;padding-right:235px;}
.top #center{width:100%;float:left;}
.top #right{float:right;width:210px;padding:0 0 0 2px;min-height:1200px;margin:20px -220px 0 0;}
/*---------------------------------------*/
.top #b_banner_area #banner_out{min-width:924px;max-width:1520px;padding:0 0 0 40px;margin:0 auto;height:320px;}
.top #b_banner_area #banner_out #banner_over{
padding:73px 0 0 0;margin:0 280px 0 auto;min-width:428px;max-width:988px;}
#b_banner{height:180px;background:rgba(255,255,255,0.6);border:2px solid;border-color:#ccc #ccc #fff #fff;clear:both;text-align:center;overflow:hidden;
-webkit-border-radius:16px;border-radius:16px;-webkit-box-shadow:-1px -1px 0px rgba(255,255,255,1);box-shadow:-1px -1px 0px rgba(255,255,255,1);}
#b_banner .b_effect1{position:relative;float:left;height:180px;margin:-180px 0 0 0;}
#b_banner .b_effect2{position:relative;float:right;height:180px;margin:-180px 0 0 0;}
#loadings{padding:80px 0 0 0;}
#loadings img{-webkit-box-shadow:0px 0px 4px rgba(1,1,4,0.8);box-shadow:0px 0px 4px rgba(1,1,4,0.8);}
/*background-image: linear-gradient(rgba(0,0,0,0.5) 1px, transparent 0px),linear-gradient(0, rgba(0,0,0,0.5) 1px, transparent 1px);
background-image: -webkit-linear-gradient(rgba(0,0,0,0.5) 1px, transparent 0px),-webkit-linear-gradient(0, rgba(0,0,0,0.5) 1px, transparent 1px);
background-image: -moz-linear-gradient(rgba(0,0,0,0.5) 1px, transparent 0px), -moz-linear-gradient(0, rgba(0,0,0,0.5) 1px, transparent 1px);
background-image: -o-linear-gradient(rgba(0,0,0,0.5) 1px, transparent 0px), -o-linear-gradient(0, rgba(0,0,0,0.5) 1px, transparent 1px);
background-image: -ms-linear-gradient(rgba(0,0,0,0.5) 1px, transparent 0px),-ms-linear-gradient(0, rgba(0,0,0,0.5) 1px, transparent 1px);
background-size: 2px 2px, 2px 2px;z-index:10;}*/
#erec_board{height:29px;margin:15px 280px 0 auto;min-width:428px;max-width:988px;background:rgba(255,255,255,0.8);-webkit-border-radius:4px;border-radius:4px;
-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5);box-shadow:0px 0px 3px rgba(0,0,0,0.5);overflow:hidden;}
#erec_board ul{padding:7px 10px 0 10px;}
#erec_board ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#erec_board li{font-size:12px;margin-bottom:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:block;padding:0 30px 0 0;float:left;}
#erec_board li span{color:#fff;padding:1px 2px;-webkit-border-radius:3px;border-radius:3px;}
#erec_board .s_info span{background:#F90;}#erec_board .s_alert span{background:#C00;}
#erec_board li a{font-size:12px;text-decoration:underline;padding:1px 0 0 0;}
/*----------------------------------------*/
#RouletteInner{width:200px;float:right;height:200px;margin:-3px 0 0 0;
-moz-transform-origin: 100% 0;-webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0;transform-origin: 100% 0;}
#RouletteCover{position:absolute;margin:5px 0 0 -172px;}
#RouletteCover ul{width:200px;display:block;position:relative;overflow:hidden;padding:0;margin:0;height:200px;}
#RouletteCover ul li{position:absolute;margin:100px 0 0 30px;
-moz-transform-origin: 50% 0;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; 
transform-origin: 50% 0;opacity:0.8;filter:alpha(opacity=80);}
#RouletteInner #overs{margin:-30px -40px 0 0;float:right;width:431px;height:238px;z-index:99;position:relative;}
/*product共通-------------------------------*/
.top .p_area{width:100%;clear:both;margin:0;padding:0;}
.top .flow{zoom:1;width:100%;overflow:hidden;position:relative;}
.top .flow:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.suppli_area{margin:-13px 6px 0 0;float:right;position:relative;z-index:99;}
.suppli_area span{height:10px;display:block;overflow:hidden;float:left;text-indent:-9999px;}
.suppli_area .book_this{width:10px;background:url(../img/common_new/proto/book_ikons.png) no-repeat left top;cursor:pointer;}
.suppli_area .book_this:hover{background-position:0 -11px;/*width:27px;*/}
.suppli_area .both{margin:0 5px 0 0;width:11px;background:url(../img/common_new/proto/book_ikons.png) no-repeat left -23px;cursor:pointer;}
.suppli_area .both:hover{background-position:0 -34px;/*width:27px;*/}
.page_lists{display:block;margin:-5px 1px 0 0;float:right;}.page_lists ul{float:right;}
.page_lists li{width:6px;height:6px;display:block;float:left;margin:8px 2px 7px 0;border:1px solid #fff;cursor:pointer;-webkit-box-shadow:0px 1px 0px rgba(0,0,0,0.6) inset;box-shadow:0px 1px 0px rgba(0,0,0,0.6) inset;-webkit-border-radius:30px;border-radius:30px;text-align:center;color:#cc0000;text-indent:-999999px;background:#999;}
.page_lists li.locate_on{cursor:default;width:22px;height:18px;padding:4px 0 0 0;margin:0 2px 0 0;text-indent:0;background:#900;color:#fff;}
.page_lists li:hover{text-indent:0;margin:8px 2px 0 0;}
.page_lists li:hover span{position:absolute;color:#fff;padding:3px 0;display:block;width:21px;height:15px;margin:-30px 0 0 -8px;
text-align:center;background:#900;-webkit-border-radius:15px;border-radius:5px;text-align:center;}
.page_lists li:hover span:after{content:" ";width:0;height:0;display:block;border:5px solid;border-color:#900 transparent transparent transparent;position:relative;margin:3px 0 0 5px;}.page_lists li:hover{background:#F60;}
.page_lists li.locate_on:hover{margin:0 2px 0 0;background:#900;}
/*各エリア高さ--------------------------------------*/
/*#new_arrival{height:332px;}#ranking{height:307px;}*/
#new_arrival .flow{height:228px;}#pick_up .flow{height:585px;}#ranking .flow{height:260px;}#brands .flow{height:409px;}#iines .flow{height:432px;}
/*------------------------------------------*/
.top .flow .shadow{width:inherit;display:block;text-align:center;background:#ddd;}
.top .flow .shadow .v_loader{width:5px;display:block;background:#fff;}
.top .show_product{position:relative;border:1px solid;border-color:#ddd #bbb #bbb #fff;
height:207px;width:110px;display:block;padding:0;float:left;background:#fff;margin:5px 0 0 5px;padding:5px 0;}
.top .show_product:hover{border:1px solid #900;}
.top .p_condition{position:relative;width:22px;height:22px;display:block;z-index:9;
margin:-4px 0 -15px 1px;text-indent:-9999px;background:url(../img/common_new/proto/new_ikon1.png) no-repeat left top;}
.top .p_over{width:100%;height:200px;display:block;margin:0;overflow:hidden;}.top .p_over a{width:100%;height:200px;display:block;}
.top .show_product .p_over .p_photo{display:block;width:100%;margin:0;}
.top .texts_div{background:rgba(0,0,0,0.3);padding:3px 5px;height:61px;margin:-59px 1px 0 0;position:relative;word-break:break-all;}
.top .p_title{padding:0 2px 0 2px;max-height:28px;overflow:hidden;margin:3px 0 2px 0;font-weight:normal;display:block;
min-width:100px;word-break:break-all;text-align:left;}.top .p_title a{color:#fff;}
.blandname {padding:0 2px 0 2px;max-height:28px;overflow:hidden;letter-spacing:0;
min-width:100px;word-break:break-all;text-align:left;}.blandname a,.p_title a{color:#fff;font-weight:normal;}.blandname a:hover,.p_title a:hover{color:#900;}
/*---------------------------------------------------------------------------*/
/*新着商品-------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
#new_arrival h2{width:217px;height:120px;margin:-10px 0 -55px -10px;text-indent:-9999px;position:relative;z-index:999;
/*季節変更----*/
background:url(../img/common_new/top/new_title.png) no-repeat left top;
/*background:url(../img/common_new/top/new_arrival_title_2012_w.png) no-repeat left top;background-size:80%;*/
}
#new_arrival .navigations{height:18px;margin:0 10px 0 10px;position:relative;z-index:99;}
#new_arrival .curtain{padding-top:100px;height:150px;}
/*---------------------------------------------------------------------------*/
/*ピックアップ---------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
#pick_up{background:url(../img/common_new/top/line1.gif) repeat-x left top;padding-top:10px;margin-bottom:10px;}
#pick_up h2{width:56px;height:17px;margin:0 0 -17px 8px;padding:0;text-indent:-9999px;
background:url(../img/common_new/top/pick_title.png) no-repeat left top;position:relative;z-index:9;}
#pick_up .flow{padding:0;}
#pick_up .show_product_small{height:288px;width:200px;margin:0 0 5px 5px;float:left;border:1px solid;border-color:#ddd #bbb #bbb #fff;}
#pick_up .show_product_small:hover{border:1px solid #900;}
#pick_up .p_over{width:100%;height:288px;display:block;margin:0;overflow:hidden;test-align:center;background:#fff;}
#pick_up .p_photo{display:block;margin:0;width:100%;}#pick_up .texts_div{margin:-68px 1px 0 0;}
#pick_up .show_product_small:before{content:" ";width:7px;height:7px;display:block;background:url(../img/common_new/proto/pins.png) no-repeat center top;float:left;position:relative;margin:0 0 -8px 0;}
#pick_up .show_product_small:first-child:before{display:none;}
#pick_up .p_over:before{content:" ";width:7px;height:7px;display:block;background:url(../img/common_new/proto/pins.png) no-repeat center top;float:right;position:relative;margin:0 0 -8px 0;}
#pick_up .show_product_small:after{content:" ";width:7px;height:7px;display:block;background:url(../img/common_new/proto/pins.png) no-repeat center top;float:left;position:relative;margin:-8px 0 0 0;}
/*---------------------------------------------------------------------------*/
/*セールスランキング---------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
#ranking{background:url(../img/common_new/top/stamper.jpg) repeat-x left 2px;padding-top:12px;margin:0 0 20px 0;}
#ranking:before{width:94px;height:149px;display:block;content:" ";position:relative;float:left;margin:-71px  0 -999px -45px;z-index:99;
/*季節変更----*/
background:url(../img/common_new/top/stamper_left3.png) no-repeat left top;
/*background:url(../img/common_new/top/stamper_left_2012_w.png) no-repeat left top;*/}
#ranking h2{width:138px;text-indent:-9999px;background:url(../img/common_new/top/sales_title2.png) no-repeat left top;
height:19px;margin:3px 0 0 35px;padding:0;}
#ranking #r_right{width:71px;height:98px;display:block;content:" ";background:url(../img/common_new/top/stamper_right.jpg) no-repeat left top;float:right;position:relative;margin:-33px 0 -999px 0;}
#ranking .navigations{height:29px;margin:-19px 10px -10px 0px;position:relative;z-index:99;}
#ranking .show_product:before{content:" ";width:90px;height:60px;display:block;background:url(../img/common_new/top/ropes.png) no-repeat left -180px;position:absolute;margin:-35px 0 0 -23px;}
#ranking .show_product{z-index:1;margin-top:30px;margin-bottom:30px;background:#ccc;-webkit-box-shadow:1px 8px 6px rgba(0,0,0,0.5);box-shadow:1px 8px 6px rgba(0,0,0,0.5);}
#ranking #p_rank_1{background:#c00;border-color:#F30 #600 #600 #F30;}
#ranking #p_rank_2{background:#F90;border-color:#FC3 #CC6600 #CC6600 #FC3;}#ranking #p_rank_3{background:#963;border-color:#C96 #634021 #634021 #C96;}
#ranking #p_rank_1:hover,#ranking #p_rank_2:hover,#ranking #p_rank_3:hover{border-color:#fff;}
#ranking #p_rank_1:before{background-position:left top;}#ranking #p_rank_2:before{background-position:left -60px;}#ranking #p_rank_3:before{background-position:left -120px;}
#ranking .show_product .rank_inner{background:#fff;-webkit-border-radius:3px;border-radius:3px;margin:0 3px;}
.top .rankdatas{height:27px;display:block;padding:0;zoom:1;position:absolute;z-index:9;margin:0 0 0 15px;}
.top .rankdatas:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#ranking .rankdatas .bigs{font-family:impact,"Arial Black", Gadget, sans-serif;margin:2px 0 0 -7px;font-size:40px;float:left;color:#aaa;text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
#ranking #p_rank_1 .bigs{color:#C00;margin-left:-5px;}.top #p_rank_2 .bigs{color:#F90;}.top #p_rank_3 .bigs{color:#963;}
#ranking .smalls{padding:2px;text-align:right;font-weight:bold;display:block;float:right;font-family:Arial, Helvetica, sans-serif;font-size:12px;height:12px;margin:0px 3px 0 0;}
#ranking .s_stay{color:#666;}#ranking .s_up{color:#C00;}#ranking .s_down{color:#036;}
#ranking .smalls span{float:left;background:url(../img/common_new/proto/rank_move2.png) no-repeat left top;height:7px;margin:3px 4px 0 0;width:25px;}
#ranking .p_over{clear:both;}
#ranking .s_stay span{background-position:2px -22px;}#ranking .s_up span{background-position:8px -11px;}
#ranking .texts_div{margin-left:1px;margin-top:-79px;border-bottom:1px solid #fff;}
/*---------------------------------------------------------------------------*/
/*ブランドランキング---------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
#brands{margin:0;}
#brands .curtain{padding-top:172px;height:200px;}
#brands .navigations{height:29px;margin:0 10px 0 0px;position:relative;z-index:99;}
#brands h2{width:98px;height:22px;margin:0 0 -20px 25px;display:block;text-indent:-9999px;background:url(../img/common_new/top/brand_title.png) no-repeat left top;}
#brands .b_ranks{width:225px;height:90px;float:left;padding:4px 5px 3px 0;background:#fff;margin:0 0 4px 4px;
word-break:break-all;overflow:hidden;border:1px dotted #666;}
#brands .b_ranks .b_rankdatas{float:left;}
#brands .b_ranks .bigs{font-family:impact,"Arial Black", Gadget, sans-serif;margin:-10px 0 2px 4px;letter-spacing:0;
font-size:50px;display:block;width:21px;padding:1px 0 0 0;color:#cc0000;text-align:center;}
#brands #rank_2 .bigs{color:#F63}#brands #rank_3 .bigs{color:#630}
#brands .smalls{background:url(../img/common_new/proto/rank_move2.png) no-repeat right top;height:7px;margin:0 0 0 2px;width:25px;display:block;}
#brands .s_stay{background-position:2px -22px;}#brands .s_up{background-position:8px -11px;}
#brands .p_over{width:100px;height:87px;display:block;margin:0 5px;float:left;overflow:visible;}
#brands .brand_logo,#brands .brand_logo2{margin:0 auto;}
#brands .p_over strong{width:132px;display:block;display:block;text-align:center;margin:5px 0 0 -32px;}
#brands .b_ranks .b_comm{display:block;padding:3px 6px 3px 6px;line-height:1.3em;background:#ddd;height:54px;overflow:hidden;margin:29px 0 0 0;
text-overflow:ellipsis;white-space:normal;}#brands .award_app{position:relative;float:right;margin:0 0 3px 0;}
#brands .award_hid{position:absolute;margin:-14px 0 0 -7px;padding:5px 5px 5px 5px;background:#fff;border:1px solid #ccc;display:none;
-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.5);box-shadow:1px 1px 1px rgba(0,0,0,0.5);z-index:999999;}
#brands .award_hid:after{margin:29px auto -15px auto;position:relative;
content:" ";height:0px;width:0px;display:block;border:5px solid;border-color:#fff transparent transparent transparent;}
#brands .award_hid:before{margin:30px auto -40px auto;position:relative;
content:" ";height:0px;width:0px;display:block;border:5px solid;border-color:#999 transparent transparent transparent;}
#brands .s_awards li{float:left;width:12px;height:12px;text-align:center;color:#F90;
padding:13px 1px 0 0 ;display:block;float:left;background:url(../img/common_new/proto/awards.png) no-repeat left top;}
#brands .s_awards .no_count{color:#ccc;}
#brands .s_awards .aw_1{padding-left:2px;}#brands .s_awards .aw_2{background-position:-15px 0;}
#brands .s_awards .aw_3{background-position:-27px 0;}#brands .s_awards .aw_4{background-position:-39px 0;}
#brands .s_awards .aw_fan{background-position:-52px 0;color:#cc0000;width:20px;}
/*--------------------------------------*/
#brands hr{clear:both;border:none;background:none;height:0;margin:0;padding:0;}
#brands .rank_other{width:71px;height:90px;margin:0 0 4px 4px;
display:block;background:#fff;padding:4px 2px 2px 2px;
font-weight:lighter;border:2px solid #fff;float:left;word-break:break-all;overflow:hidden;
border:1px dotted #666;}
#brands .b_new {border:1px solid #C00;}
.top .rank_other .s_new{float:right;margin:-3px 3px 0 0;}
.top .rank_other .bigs{color:#ccc;height:14px;float:left;
font-family:impact,"Arial Black", Gadget, sans-serif;margin:-5px 0 2px 0px;letter-spacing:0;
font-size:16px;display:block;width:34px;padding:1px 0 5px 1px;}
.top .b_new .bigs{color:#C00;}
.top .b_10 .bigs{color:#960;font-size:20px;margin:-6px 1px 2px 0px;}
.top .rank_other .smalls{display:block;float:right;
background:url(../img/common_new/proto/rank_move2.png) no-repeat right top;
height:7px;margin:0 2px 0 0;width:25px;float:right;}
.top .rank_other .s_stay{background-position:2px -22px;}
.top .rank_other .s_up{background-position:10px -11px;}
#brands .rank_other .p_over{clear:both;display:block;margin:0 0 2px 8px;width:58px;height:36px;}
#brands .rank_other .p_over img{width:58px;height:36px;display:block;}
#brands .rank_other .brands_name{width:68px;clear:both;padding:5px 1px 0 1px;}
/*--------------------------------------*/
#iines h2{z-index:1;position:relative;width:169px;height:56px;display:block;text-indent:-9999px;background:url(../img/common_new/top/iine_title.png) no-repeat left top;margin:-10px 0 0 0;}
#iines{margin:0 0 70px 0;}
#iines .navigations{height:29px;margin:-23px 10px -5px 0px;position:relative;z-index:99;}
#iines:after{content:" ";width:113px;height:120px;display:block;background:url(../img/common_new/top/suppli_parts4.png) no-repeat left -103px;position:relative;margin:-55px 0 0 -91px;}
#iines .flow{overflow:hidden;}
#iines section{height:214px;width:106px;margin:0 0 4px 5px;float:left;padding:0;}
#iines .varArea{background:#fff;border:1px solid #ccc;padding:3px 3px 0 3px;margin:0 0 5px 0;
-webkit-border-radius:4px;border-radius:4px;}
#iines .varArea:after{content:" ";width:0;height:0;display:block;margin:0 auto -14px auto;border:7px solid;border-color:#ccc transparent transparent transparent;position:relative;}
#iines .varArea a:hover{text-decoration:underline;}
#iines section .thumb_small{max-width:94px;width:94%;max-height:94px;display:block;margin:2px auto 3px auto;border:1px solid #fff;}
#iines .varArea a:hover .thumb_small{border:1px solid #09C;}
#iines section h5{padding:0 2px 0 2px;height:28px;overflow:hidden;margin:0 auto 2px auto;font-weight:normal;display:block;
width:96%;word-break:break-all;text-align:left;cursor:pointer;}
#iines p:before{content:" ";width:0;height:0;display:block;margin:-6px auto 0 auto;border:6px solid;border-color:#fff transparent transparent transparent;position:relative;}
#iines p{text-align:center;color:#666;height:70px;}
#iines p .user_photo{margin:0 auto 4px auto;width:30%;max-width:40px;max-height:40px;border:1px solid #fff;display:block;-webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.5);box-shadow:0px 0px 6px rgba(0,0,0,0.5);}
#iines p a:hover .user_photo{border:1px solid #09C;}
#iines p span{display:block;color:#999;font-size:smaller;}
/*-----------------------------------------------------------*/
/*--アクテビティ―--------------------------------------------*/
/*-----------------------------------------------------------*/
#acts{margin:10px 0 15px 0;padding:0;border-bottom:1px solid #ccc;}
#acts h2{height:22px;text-indent:-9999px;background:url(../img/common_new/top/acts_title.png) no-repeat left top;}
#acts h2 span{text-indent:0;display:block;padding:6px 9px;background:#fff;font-weight:normal;margin:-3px 0 0 170px;float:left;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5);box-shadow:1px 1px 3px rgba(0,0,0,0.5);-webkit-border-radius:30px;border-radius:30px;}
#acts h2 span:after{content:" ";border:5px solid;border-color:transparent #fff transparent transparent;width:0;height:0;display:block;float:left;margin:2px 0 0 -18px;position:relative;}
#acts #press_menu{width:100%;height:300px;display:block;padding:40px 0 0 0;overflow:hidden;}
#acts .act_navis{background:#fff;width:100%;height:300px;display:block;border-top:none;position:absolute;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;z-index:1;}
#acts h4{height:50px;margin:-34px 0 34px 0;width:15%;position:relative;z-index:999;background:#F60;text-align:center;color:#fff;font-size:12px;padding:0;border:1px solid #fff;border-bottom:none;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
#acts h4:after{content:" ";width:0;height:0;display:block;border:6px solid;border-color:#fff transparent transparent transparent;margin:4px auto 0 auto; }
#acts .open_board{z-index:2;}
#acts #menu_important h4{background:#c00;width:20%;margin-left:15%;}
#acts #menu_release h4{background:#6C0;margin-left:35%;width:18%;}
#acts #menu_sale h4{background:#069;margin-left:53%;width:17%;}
#acts #menu_event h4{background:#F06;margin-left:70%;width:17%;}
#acts #menu_other h4{background:#630;margin-left:87%;width:13%;}
#acts h4 span{padding:10px 0 0 22px;height:24px;-webkit-box-shadow:1px -2px 4px rgba(0,0,0,0.6) inset;box-shadow:1px -2px 4px rgba(0,0,0,0.6) inset;color:#fff;cursor:pointer;display:block;background: url(../img/common_new/proto/act_ikons.png) no-repeat 4px 6px;}
@media only screen and (max-width:1100px){#acts h4 span{font-size:10px;font-weight:normal;}}
#acts #menu_important h4 span{background-position:4px -23px;}#acts #menu_release h4 span{background-position:4px -52px;}
#acts #menu_sale h4 span{background-position:4px -81px;}#acts #menu_event h4 span{background-position:4px -110px;}
#acts #menu_other h4 span{background-position:4px -139px;}
#acts h4:hover{background:#F90;}#acts #menu_important h4:hover{background:#C33;}#acts #menu_release h4:hover{background:#9C0;}
#acts #menu_sale h4:hover{background:#09C;}#acts #menu_event h4:hover{background:#F39;}#acts #menu_other h4:hover{background:#963;}
#acts h4 .on_selected{-webkit-box-shadow:none;box-shadow:none;}
#acts .act_cover{overflow-y:scroll;height:288px;margin:-50px 0 0 0;padding:13px 0 0 0;}
#acts .actInner_list .on_load{text-align:center;height:160px;padding:150px 0 0 0;}
#acts .actInner_list .acts{padding:5px 10px 10px 10px;border:1px dotted #999;margin:3px;}
#acts .actInner_list .new_act{border:1px solid #F60;background:url(../img/common_new/proto/user_new.png) no-repeat right top;}
#acts .acts .logos{display:block;float:left;margin:3px 7px 0 0;}
#acts .acts .brands{float:left;font-weight:bold;font-size:12px;display:block;padding:30px 0 3px 0;width:auto;}
#acts .acts .brands a:hover{color:#F60;text-decoration:underline;}
#acts .acts .likes{display:block;float:right;text-align:right;padding:4px 5px 0 0;margin:5px 1px 0 0;font-size:12px;}
#acts .acts .likes strong{font-size:10px;padding:8px 4px 2px 26px;background:#fff url(../img/common_new/proto/good.png) no-repeat 3px 1px;border:1px solid #ccc;margin:0 5px 0 0;border-radius:6px;-webkit-border-radius:6px;cursor:pointer;}
#acts .acts .likes strong:hover{background:#F90 url(../img/common_new/proto/good.png) no-repeat 3px 1px;color:#fff;}
#acts .acts .grays{color:#999;padding:0 2px;}
#acts .acts .colors{color:#C00;font-weight:bold;padding:0 2px;}
#acts .acts .likes .fans{padding:3px 6px;background:#900;color:#fff;margin:0 0 0 5px;-webkit-border-radius:30px;border-radius:30px;}
#acts .acts .likes .fans:hover{background:#F60;color:#900;}
#acts .acts .comments{clear:both;width:100%;line-height:1.4em;padding:10px 5px;zoom:1;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#acts .acts .comments:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#acts .acts .photos{max-width:100px;display:block;float:right;border:1px solid #ccc;margin:0 0 8px 10px;}
#acts .acts .url{display:block;padding:6px 0 3px 0;background:}#acts .acts .url a{font-size:12px;text-decoration:underline;}
#acts .acts:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*-----------------------------------------------------------*/
/*--インフォ欄-----------------------------------------------*/
/*-----------------------------------------------------------*/
#news_area{padding:0;width:40%;min-width:400px;padding:0;height:auto;background:rgba(255,255,255,0.8);position:absolute;margin:0 0 0 196px;top:42px;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.3);box-shadow:1px 1px 2px rgba(0,0,0,0.3);
-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;}
#news_area #news_wrap{overflow-y:scroll;height:0;}
#news_area h3{font-weight:normal;padding:1px 0 2px 10px;text-align:center;color:#fff;background:rgba(0,0,0,0.5);border:1px solid #fff;border-top:none;}
#news_area .b_alert{padding:2px 10px 5px 10px;font-size:12px;line-height:1.5em;border:1px solid #cc0000;margin:2px 1px 0 1px;}
#news_area .b_alert span{display:block;font-size:15px;font-weight:bold;font-family:"Arial Black",Arial, Gadget, sans-serif;text-align:center;color:#cc0000;padding:0 0 4px 0;}
#news_area #news_list{padding:0 1px;overflow:hidden;}
#news_area #news_list li{border:1px solid #fff;background:rgba(255,255,255,0.7);margin:3px 0;padding:3px 5px;}
#news_area .new_news{border:1px solid #F90;background:rgba(255,214,172,0.7) url(../img/common_new/proto/user_new.png) no-repeat right top;}
#news_area .loader{text-align:center;height:300px;display:block;}#news_area .loader img{;padding-top:140px;}
#news_area .date{font-size:10px;font-weight:bold;color:#666;padding:0 0 2px 0;display:block;}
#news_area .column{display:block;}
#news_area #news_toggle{margin:0;cursor:pointer;width:100%;height:15px;padding:0;background:rgba(0,0,0,0.3);overflow:hidden;zoom:1;
text-align:center;color:#fff;border-bottom:1px solid rgba(255,255,255,0.5);-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;}
#news_area #news_toggle li{width:100%;float:left;display:block;height:13px;text-align:center;overflow:hidden;padding:2px 0 0 0;}
#news_area #news_toggle li:hover{background:rgba(255,128,0,0.5);}#news_area ul.newstat_1 #tg_news{width:70%;}
#news_area ul.newstat_1 #tg_news:after{content:" ";height:13px;width:1px;display:block;position:relative;background:#fff;float:right;padding:2px 0 0 0;}
#news_area ul.newstat_1 #tg_nlose{width:30%;}
/*------------------------------------------------*/
.des_want{width:210px;height:120px;display:block;text-indent:-9999px;margin:0 0 2px 0;}
#want_ja{background:url(../img/common_new/small/banner_set1.jpg) no-repeat left top;}
#want_en{background:url(../img/common_new/small/banner_set1.jpg) no-repeat left -439px;}
#eff_1{width:446px;height:380px;margin:-77px 0 -259px -50px;display:block;position:relative;
/*季節変更--------*/
background:url(/img/common_new/top/suppli_parts2.png) no-repeat left top;
/*冬ver*/
/*background:url(/img/common_new/top/suppli_parts2_2012_w2.png) no-repeat left top;*/
/*クリスマスver*/
/*background:url(/img/common_new/top/suppli_parts2_2012_w.png) no-repeat left top;*/
}
#kum_ch{width:210px;height:220px;display:block;text-indent:-9999px;margin:0 0 2px 0;background:url(../img/campain/0025/ad_big.jpg) no-repeat left top;position:relative;z-index:999999;background-size:100% auto;}
#nep_ch{width:210px;height:220px;display:block;text-indent:-9999px;margin:0 0 2px 0;background:url(../img/common_new/small/banners_12.jpg) no-repeat left top;position:relative;z-index:999999;}
#eff_1 a{width:210px;height:120px;display:block;position:absolute;margin:120px 0 0 60px;}
/*------------------------------------------------*/
.charity_area{width:200px;padding:5px 3px 10px 3px;zoom:1;background-color:#069;border:2px solid #066;display:block;
-webkit-border-image:url(../img/common_new/proto/rep_dots.png) 2 2 2 2 space repeat;-moz-border-image:url(../img/common_new/proto/rep_dots.png) 2 2 2 2 space repeat;-o-border-image:url(../img/common_new/proto/rep_dots.png) 2 2 2 2 space repeat;
border-image:url(../img/common_new/proto/rep_dots.png) 2 2 2 2 space repeat;}
.charity_area:after{content:" ";clear:both;width:200px;height:10px;display:block;margin:-5px 0 -5px 0;background:url(../img/common_new/top/our_problem.png) no-repeat center bottom;}
.charity_area h2{margin:0 0 5px 0;text-align:center;width:200px;height:37px;text-indent:-9999px;background:url(../img/common_new/top/our_problem.png) no-repeat center top;}
.charity_area h3{margin:0 0 20px 0;text-align:center;font-weight:normal;}
.charity_area div{margin:10px 0 0 0;}
.charity_area span{font-size:20px;background:#fff;width:14px;display:block;float:left;
font-family:"Arial Black",Arial, Gadget, sans-serif;border:1px solid #ccc;text-align:center;color:#036;padding:0 2px;margin:0 1px 15px 1px;-webkit-box-shadow:1px 1px 2px #ccc inset;box-shadow:1px 1px 2px #ccc inset;-webkit-border-radius:4px;border-radius:4px;}
.charity_area p{line-height:1.4em;padding:0 5px;color:#fff;}
.charity_area p img{float:right;margin:0 0 0 5px;}.charity_area h5{margin:15px 0 0 0;text-align:center;}
.charity_area a{color:#fff;font-weight:normal;text-decoration:underline;}
.charity_area h5 img{border:1px solid #fff;width:190px;}
.charity_area a:hover{color:#F90;}.charity_area a:hover img{border:1px solid #f90;}
/*---------------------------------------------*/
#topics{padding:4px 4px 1px 4px;margin:3px 0 0 0;border:1px solid;border-color:#422B15 #422B15 #000 #000;background:url(../img/common_new/proto/account_head_back.jpg) repeat left top;}
#banners{padding:3px;margin:0 0 10px 0;position:relative;z-index:99;}
#banners h4{height:1px;text-indent:-9999px;}
/*---------------------------------------------*/
#topics h3{width:37px;height:12px;display:block;text-indent:-9999px;background:url(../img/common_new/top/topics.png) no-repeat left top;margin:2px 0 2px 5px;}
#topics li{zoom:1;padding:5px;background:#fff;margin:0 0 6px 0;border:1px solid;border-color:#ddd #bbb #bbb #fff;}
#topics li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#topics img{float:right;width:100px;border:1px solid #999;margin:0 0 2px 4px;}
#topics p{font-weight:normal;padding:5px 0 0 0;float:left;width:75px;word-break:break-all;font-size:11px;}
#topics strong{padding:0;font-size:11px;}
#topics a{text-decoration:underline;padding:0 0 5px 0;display:block;float:left;}
/*---------------------------------------------*/
#banners li{margin:0 0 2px 2px;padding:0;width:198px;text-indent:-9999px;background:url(../img/common_new/small/banner_set1.jpg) no-repeat left top;}
#banners a{margin:0;padding:0;display:block;width:198px;}
/*---------------------------------------------*/
#effect_3{width:440px;height:520px;display:block;position:relative;bottom:0;float:right;margin:-520px -428px 0 0;background:url(../img/common_new/top/suppli_parts3.png) no-repeat left top;}
/*---------------------------------------------*/
/*---------------------------------------------*/
@media only screen and (max-width:1200px){}
@media only screen and (max-width:1150px){#brands .award_app{display:none;}#brands .b_ranks .b_comm{height:82px;margin:0;}}
@media only screen and (max-width:1100px){#brands .b_ranks .b_comm{padding:3px;}#head_sub_menu{display:none;}}
@media only screen and (max-width:1050px){}
@media only screen and (max-width:1000px){
#brands .b_ranks .b_comm{display:none;}#brands .b_ranks .p_over{width:70%;float:right;}
#brands .b_ranks .p_over strong{width:auto;display:block;margin:4px 0 0 0;text-align:left;word-break:break-all;}
}