/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

/*  width Module
---------------------------------------*/
.wd50 {
width: 50px;
}
.wd60 {
width: 60px;
}
.wd70 {
width: 70px;
}
.wd80 {
width: 80px;
}
.wd90 {
width: 90px;
}
.wd100 {
width: 100px;
}
.wd150 {
width: 150px;
}
.wd160 {
width: 160px;
}
.wd170 {
width: 170px;
}
.wd180 {
width: 180px;
}
.wd200 {
width: 200px;
}
.wd250 {
width: 250px;
}
.wd260 {
width: 260px;
}
.wd270 {
width: 270px;
}
.wd280 {
width: 280px;
}
.wd300 {
width: 300px;
}
.wd310 {
width: 310px;
}
.wd320 {
width: 320px;
}
.wd330 {
width: 330px;
}
.wd340 {
width: 340px;
}
.wd350 {
width: 350px;
}
.wd400 {
width: 400px;
}
.wd500 {
width: 500px;
}

/*  height Module
---------------------------------------*/
.ht50 {
height: 50px;
}
.ht60 {
height: 60px;
}
.ht70 {
height: 70px;
}
.ht80 {
height: 80px;
}
.ht90 {
height: 90px;
}
.ht100 {
height: 100px;
}
.ht150 {
height: 150px;
}
.ht160 {
height: 160px;
}
.ht200 {
height: 200px;
}
.ht250 {
height: 250px;
}
.ht300 {
height: 300px;
}
.ht350 {
height: 350px;
}


/*  Margin Module
---------------------------------------*/
.m0{margin:0!important;}

.mr0 {
margin-right: 0px!important;
}
.mr5 {
margin-right: 5px;
}
.mr10 {
margin-right: 10px!important;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.mr25 {
margin-right: 25px;
}
.mr30 {
margin-right: 30px;
}
.mr35 {
margin-right: 35px;
_margin-right: 33px;
}
.mr40 {
margin-right: 40px;
}
.mr45 {
margin-right: 45px;
}
.mr50 {
margin-right: 50px;
}

.ml5 {
margin-left: 5px;
}
.ml10 {
margin-left: 10px;
}
.ml15 {
margin-left: 15px;
}
.ml20 {
margin-left: 20px;
}
.ml25 {
margin-left: 25px;
}
.ml30 {
margin-left: 30px;
}
.ml35 {
margin-left: 35px;
}
.ml40 {
margin-left: 40px;
}
.ml45 {
margin-left: 45px;
}
.ml50 {
margin-left: 50px;
}


.mt0 {
margin-top: 0px!important;
}
.mt5 {
margin-top: 5px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt25 {
margin-top: 25px;
}
.mt30 {
margin-top: 30px;
}
.mt35 {
margin-top: 35px;
}
.mt40 {
margin-top: 40px;
}
.mt45 {
margin-top: 45px;
}
.mt50 {
margin-top: 50px;
}
.mt60 {
margin-top: 60px;
}
.mt70 {
margin-top: 70px;
}
.mt80 {
margin-top: 80px;
}
.mt90 {
margin-top: 90px;
}

.mb0 {
margin-bottom: 0px !important;
}
.mb1 {
margin-bottom: 1px !important;
}
.mb2 {
margin-bottom: 2px !important;
}
.mb3 {
margin-bottom: 3px !important;
}
.mb4 {
margin-bottom: 4px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb8 {
margin-bottom: 8px !important;
}
.mb10 {
margin-bottom: 10px!important;
}
.mb15 {
margin-bottom: 15px!important;
}
.mb20 {
margin-bottom: 20px!important;
}
.mb25 {
margin-bottom: 25px!important;
}
.mb30 {
margin-bottom: 30px!important;
}
.mb35 {
margin-bottom: 35px;
}
.mb40 {
margin-bottom: 40px;
}
.mb45 {
margin-bottom: 45px;
}
.mb50 {
margin-bottom: 50px;
}



/*  Padding Module
---------------------------------------*/

.pr5 {
padding-right: 5px;
}
.pr10 {
padding-right: 10px;
}
.pr15 {
padding-right: 15px;
}
.pr20 {
padding-right: 20px;
}
.pr25 {
padding-right: 25px;
}
.pr30 {
padding-right: 30px;
}
.pr35 {
padding-right: 35px;
}
.pr40 {
padding-right: 40px;
}
.pr45 {
padding-right: 45px;
}
.pr50 {
padding-right: 50px!important;
}

.pl5 {
padding-left: 5px;
}
.pl10 {
padding-left: 10px;
}
.pl15 {
padding-left: 15px!important;
}
.pl20 {
padding-left: 20px!important;
}
.pl25 {
padding-left: 25px;
}
.pl30 {
padding-left: 30px;
}
.pl35 {
padding-left: 35px;
}
.pl40 {
padding-left: 40px;
}
.pl45 {
padding-left: 45px;
}
.pl50 {
padding-left: 50px;
}
.pl100 {
padding-left: 100px;
}
.pl200 {
padding-left: 200px;
}

.pt0 {
padding-top: 0px!important;
}
.pt3 {
padding-top: 3px;
}
.pt4 {
padding-top: 4px;
}
.pt5 {
padding-top: 5px;
}
.pt6 {
padding-top: 6px;
}
.pt7 {
padding-top: 7px;
}
.pt10 {
padding-top: 10px;
}
.pt11 {
padding-top: 11px;
}
.pt12 {
padding-top: 12px;
}
.pt13 {
padding-top: 13px;
}
.pt14 {
padding-top: 14px;
}
.pt15 {
padding-top: 15px;
}
.pt20 {
padding-top: 20px!important;
}
.pt25 {
padding-top: 25px;
}
.pt30 {
padding-top: 30px!important;
}
.pt35 {
padding-top: 35px;
}
.pt40 {
padding-top: 40px!important;
}
.pt45 {
padding-top: 45px;
}
.pt50 {
padding-top: 50px!important;
}
.pt90 {
padding-top: 90px;
}
.pt100 {
padding-top: 100px;
}
.pb0 {
padding-bottom: 0px;
}
.pb5 {
padding-bottom: 5px;
}
.pb10 {
padding-bottom: 10px!important;
}
.pb11 {
padding-bottom: 11px;
}
.pb12 {
padding-bottom: 12px;
}
.pb13 {
padding-bottom: 13px;
}
.pb14 {
padding-bottom: 14px;
}
.pb15 {
padding-bottom: 15px;
}
.pb20 {
padding-bottom: 20px;
}
.pb25 {
padding-bottom: 25px;
}
.pb30 {
padding-bottom: 30px;
}
.pb35 {
padding-bottom: 35px;
}
.pb40 {
padding-bottom: 40px;
}
.pb45 {
padding-bottom: 45px;
}
.pb50 {
padding-bottom: 50px;
}

.relative{
	position:relative;

}

.absolute{
	position:absolute;

}

.hide{
	display: none;
}

/*==================== text ====================*/
.tc{text-align:center!important;}
.tl{text-align:left;}
.tr{text-align:right;}

.tdu{text-decoration:underline;}

.lh10{line-height:1em;}
.lh15{line-height:1.5em!important;}
.lh2{line-height:2em;}
.lh3{line-height:3em;}

.vm{vertical-align:middle;}
.vt{vertical-align:top;}


.fs08{font-size:0.8em!important;}
.fs09{font-size:0.9em!important;}
.fs1{font-size:1em!important;}
.fs11{font-size:1.1em!important;}
.fs12{font-size:1.2em!important;}
.fs13{font-size:1.3em!important;}

.line-through{text-decoration: line-through;}

.fwb{font-weight:bold;}

.bn{border:none!important;}

/*==================== フロート解除 ====================*/
/**************/
/* clear:both */
/**************/
.cb{
	clear:both;
}


/* ロールオーバー */
.pagetop a:hover,
a:hover img,
.form a:hover {

}

/* ブロック */
.block_box {
	clearl: both;
	margin: 0;
	padding: 0 0 15px;
}

/* 回り込み */
.fl_left {
	display: inline;
	float: left;
	margin-right: 20px;
}
 .fl_right {
	display: inline;
	float: right;
	margin-left: 20px;
}
.mg_0{
	margin-left: 0px;
}

.mr0 {
margin-right:0 !important;
}

/* 画像回り込み */

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}


/*==================== フロート ====================*/
/**************/
/* float:left */
/**************/
.fl{
	float:left;
}

/***************/
/* float:right */
/***************/
.fr{
	float:right;
}

/*==================== パディング解除 ====================*/
/*****************/
/* padding clear */
/*****************/
.pdcl {
	padding: 0px 0px;
}


/*==================== Hover ====================*/
/*********/
/* hover */
/*********/
a:hover .hov00{
	opacity:0.0;
	filter: alpha(opacity=00);
	-ms-filter: "alpha( opacity=00 )";
}
a:hover .hov60{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
a:hover .hov80{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
a:hover .hov100{
	opacity:0.8;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}


/*==================== opacity ====================*/
/*********/
/* opacity */
/*********/
.opa00{
	opacity:0.0;
	filter: alpha(opacity=00);
	-ms-filter: "alpha( opacity=00 )";
}
.opa60{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.opa80{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/*==================== その他 ====================*/

.oh{overflow:hidden;}
.di{display:inline;}
.bol{font-weight:bold;}
.bn{border:none;}





/*==================== 汎用スタイル ====================*/

.padding-1{
	padding-left:10px;
	padding-right:10px;
}

.table-1{}
	.table-1 .bg-gray{
		background-color: #F4F4F4;
	}

	.table-1 th{
		font-size:0.9em;
		background-color: #FBFBFB;
	}

	.table-1 td{
		background-color: #fff;
	}

	.table-1 .price{
		color:#B12702;
	}


.btn-1{
	background: -moz-linear-gradient(center top , #F6F7F9 0%, #E8EAED) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(linear, left top, left bottom, from(#F6F7F9), to(#E8EAED));
	border: 1px solid #ADB2BB;
	border-radius: 4px;
	color: #444444 !important;
	display: inline-block;
	font-size: 13px;
	min-width: 158px;
	text-align: center;
	padding: 10px;
	text-decoration: none !important;
	cursor:pointer;
}
.btn-1.small {
    min-width: 48px;
    padding: 4px 15px;
}

.btn-1:hover,
.btn-1:active,
.btn-1.btn-1-on{
	background: #f0f2f5; /* Old browsers */
	background: -moz-linear-gradient(top, #f0f2f5 0%, #dfe3e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f2f5), color-stop(100%,#dfe3e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f0f2f5 0%,#dfe3e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f0f2f5 0%,#dfe3e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f0f2f5 0%,#dfe3e7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f0f2f5 0%,#dfe3e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f2f5', endColorstr='#dfe3e7',GradientType=0 ); /* IE6-9 */
	color: #333333;
	display: inline-block;
}



.btn-2{
	background: #F8DE9C; /* Old browsers */
	background: -moz-linear-gradient(top, #F8DE9C 0%, #F1C23F 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8DE9C), color-stop(100%,#F1C23F)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F8DE9C 0%,#F1C23F 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F8DE9C 0%,#F1C23F 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F8DE9C 0%,#F1C23F 100%); /* IE10+ */
	background: linear-gradient(to bottom, #F8DE9C 0%,#F1C23F 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8DE9C', endColorstr='#F1C23F',GradientType=0 ); /* IE6-9 */

    border:3px solid #193D8D;
	border-radius: 3px;
	color: #333333 !important;
	display: inline-block;
	font-size: 13px;
	min-width: 158px;
	text-align: center;
	padding: 10px;
	text-decoration: none !important;
    cursor: pointer;

}
.btn-2.small {
    min-width: 48px;
    padding: 4px 15px;
}

.btn-2.mini {
    font-size: 12px;
    min-width: 128px;
    padding: 0;
    position: absolute;
    right: 6px;
    top: 5px;
}


.btn-2:hover{
	background: #ffde84; /* Old browsers */
	background: -moz-linear-gradient(top, #ffde84 0%, #dda000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffde84), color-stop(100%,#dda000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffde84 0%,#dda000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffde84 0%,#dda000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffde84 0%,#dda000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffde84 0%,#dda000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde84', endColorstr='#dda000',GradientType=0 ); /* IE6-9 */
		/*
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
		*/

	-moz-box-shadow:
		0px 3px 11px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,000,217,0);
	-webkit-box-shadow:
		0px 3px 11px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,000,217,0);
	box-shadow:
		0px 3px 11px rgba(000,000,000,0),
		inset 0px 0px 0px rgba(255,000,217,0);
	text-shadow:
		0px -4px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0);
}

.btn-3 {
	border:solid 1px #1F6DC5;
	background-color: #fff;
	padding:4px 10px;
	color: #1F6DC5 !important;
	text-decoration: none !important;
	font-weight: normal;
	border-radius: 3px;
	line-height: 1.1em;
	font-size: 12px;
	text-align: center;
    cursor: pointer;
}

.btn-3:hover,
.btn-3:active{
	background-color: #1F6DC5;
	color:#fff !important;
}


.list_2way_1{
    border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
    overflow: hidden;
}

.list_2way_1 .list a,
.list_2way_1 .list span{
    background: url("/user_data/packages/sphone/img/icon/ico_arrow2.png") no-repeat scroll right 9px center #fafafa;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color: #222;
    display: block;
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1em;
    margin-left: -1px;
    padding: 13px 2% 11px;
    width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.list_2way_1 .list span.visited{
	/*
	background-color:#f1c23f;
	*/
    background: none;
	background-color:#ddd;
}


.list-1{
	position:relative;
	padding-top:20px;
	margin:0 0 20px;
}
.list-1 .title{
	padding-left: 40px;
}
.list-1 .title img{
	position:absolute;
	top:1px;
	left:5px;
}
.list-1 img.titleimg{
	position:absolute;
	top:-3px;
	right:0px;
}
.list-1 ul{
	margin-left:2px;
	border-left:1px solid #ddd;
	overflow:hidden;
}
.list-1 ul li{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    float: left;
    font-size: 0.95em;
    line-height: 1.3em;
    padding: 8px 7px 10px;
    width: 139px;
}
.list-1 ul li .image{
	text-align:center;
	margin:0 0 7px;
	min-height:130px;
	max-height: 130px;
	overflow: hidden;
}
.list-1 ul li .name{
	font-weight:700;
	margin:0 0 5px;
    height: 2.5em;
    overflow: hidden;
}
.list-1 ul li .detail{
    font-size:0.95em;
    margin:0 0 5px;
    height: 4em;
    overflow: hidden;
}
.list-1 ul li .price{
    font-size:0.77em;
    text-align: center;
		height: 19px;
		overflow: hidden;
}
.list-1 ul li .price.small{
    font-size:0.8em;
}
.list-1 ul li .price span{
    /*background: url("../../common/img/ico_ms_price.png") no-repeat left center;*/
    color: #f13606;
    font-weight: bold;
    margin-left: 1px;
    padding: 4px 0 4px 0;
		font-size:1.25em;
}


.label{
	padding: 3px 6px 3px;
	line-height: 1em;
	color: #FFF;
	font-weight: normal;
	border-radius: 3px;
	display:inline;
	margin: 0 2px 6px 4px;
}



/* -----------------------------------------------
 入荷通知ブロック
----------------------------------------------- */
.show_restock_area{
    color:#00f !important;
    font-weight:bold;
}

.restock_hover {
    background: none repeat scroll 0 0 #fffaf3;
    border: 3px solid #69ba00;
    box-shadow: 0 2px 3px #999;
    clear: both;
    font-size: 86%;
    line-height: 1.2em;
    overflow: hidden;
    position: absolute;
    right: 104px;
    text-align: left !important;
    width: 215px;
    z-index: 10000;
    display: none;
}

.restock_hover .title {
    background: url("../../common/img/ico_restock_title_header.jpg") no-repeat scroll 12px 46% #69ba00;
    color: #ffffff;
    padding: 10px 8px 10px 51px;
}
.restock_hover form {
    margin: 0 auto 5px;
}
.restock_hover .section {
    margin: 0 auto;
    padding: 10px 10px 0;
}
.restock_hover .tbox {
    width: 90%;
}
.restock_hover .close {
    height: 30px;
    margin: 0 auto;
    width: 70px;
}
.restock_hover .close a {
    text-align: center;
}
.restock_hover .section .coution{
    font-size: 0.7em !important;
    line-height: 1.3em;
}


/* -----------------------------------------------
 状態アイコン
----------------------------------------------- */


.saleprice .price,
#price02_dynamic,
#purchase_price_default,
#purchase_price_dynamic{
    font-size: 1.5em;
    font-weight: bold;
}

.icon_group li{
    background-color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1em;
    margin: 7px 7px 0 0;
    padding: 3px 8px 2px;
    color: #fff;
    font-weight: bold;
}

.icon_group li.new_product{
    background-color:#71b817;
    border-color: #48991b;
}

/* normal */
.icon_group li.rank_0{
    background-color: #F6F9FF;
    border-color: #9BC2C0;
    color: #333;
    display:none;
}

/* bronze */
.icon_group li.rank_1{
    background-color:#b77001;
    border-color: #7b4b00;
}

/* silver */
.icon_group li.rank_2{
    background-color: #C0BBBB;
    border-color: #CACACA;
}

/* gold */
.icon_group li.rank_3{
    background-color: #E8BB08;
    border-color: #D09B3B;
}

/* pratinum */
.icon_group li.rank_4{
    background-color: #EAE9E4;
    border-color: #FFFFFF;
    color: #777;
}

.icon_group li.bargain{
    background-color:#ffc8d6;
    border-color: #3aa60b;
}

.icon_group li.point_up{
    background-color:#5f52a0;
    border-color: #372b73;
}

.icon_group li.discount_rate{
    background-color: #f34d61;
    border-color: #f34d61;

    border-radius: 0;
    font-size: 15px;
    padding: 1px 3px;
}

.unusable_value{
    text-decoration:line-through;
}

.usable_value{
    color:red !import;
}