@charset "utf-8";
/* CSS Document */


/* O[oirQ[V
========================================== */
.home ul#navbtn li#nbhome a {background-position: -1px -36px;}


.home #contents {
	width: 100%;
	margin: 0px auto;
	background-image: url(../images/home/main_img.jpg);
	background-repeat: no-repeat;
	background-position: center 51px;
	}
.home #head {
	margin: 0px auto;
	width: 930px;
	}
.home #maincontents {
	width: 930px;
	background-color: #fff;
	padding: 15px 16px;
	margin: 0 auto;
	}
.home #footer {
	margin: 0px auto;
	width: 930px;
	}

.home #nav {
	height: 440px;
	text-indent: -9999px;
	overflow: hidden;
	background: none;
	}
.home #main hr {
	padding-top: 12px;
	clear: both;
	height: 1px;
	background-image: url(../images/common/line_dotted.png);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 0px none;
	}

/* Rec
========================================== */
.home #equip {
	padding-top: 12px;
	}

.home #ranking {
	padding-top: 12px;
	}

	
.home #dial {
	clear: both;
	padding-top: 12px;
	}
	
.home #dial:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}
	
	
.home #topics {
	clear: both;
	}

.home #equip h2 ,
.home #ranking h2 ,
.home #dial h2 ,
.home #topics h2 {
	clear: both;
	display: block;
	height: 56px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	}

.home #equip h2 a ,
.home #ranking h2 a ,
.home #dial h2 a ,
.home #topics h2 a {
	display: block;
	width: 97px;
	height: 20px;
	float: right;
	margin-top: 7px;
	margin-right: 7px;
	}

.home #equip h2 {
	background-image: url(../images/home/equip_title.png);
	}
.home #dial h2 {
	background-image: url(../images/home/dial_title.png);
	}
.home #topics h2 {
	background-image: url(../images/home/topics_title.png);
	}
.home #ranking h2 {
	background-image: url(../images/home/ranking_title.png);
	}
/*	
.home #ranking div {
width:220px;
_width:210px;
float:left;
padding:0px 10px 10px 0px;}

.home #ranking div:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}


.home #ranking div h3{
display: table-cell;
vertical-align: middle;
font-weight:bold;
font-size:12px;
line-height:1.5;
padding:0px 0px 0px 6px;
width:215px;
_width:205px;
height:42px;
overflow:hidden;
border-left: 5px solid #f60;
background-color: #f60;
color:#fff;
}


.home #ranking div.ranking{
	position: relative;
    padding-bottom: 0px;
    margin-bottom: 5px;
	font-weight: bold;
}

.home #ranking div.ranking img{
	padding-right: 5px;
}
.home #ranking div.ranking span{
	position: absolute;
	bottom: 0;
}


.home #ranking div h4{
margin:10px 0px 10px 0px;

float:left;
border: 1px solid #d3d3d3;}

.home #ranking div h4 a img{

    height: auto;
    width:140px;
}

.home #ranking div dl{
margin:10px 0px 10px 0px;
position:relative;
width:110px;
_width:100px;
height:103px;
float:right;}


.home #ranking div dt{
font-size: 10px;
line-height:1.3;}

.home #ranking div dd{
position:absolute;bottom:0px;right:0px;}

.home #ranking div dd a{
display: block;
width: 101px;
height: 20px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../images/common/btn_details.png);
background-repeat: no-repeat;
}
*/
/*---------------------------------------*/
.home #ranking2 {
	margin-top: 20px;
}

.home #ranking2 h2 {

	clear: both;
	display: block;
	height: 56px;
	/*text-indent: -9999px;*/
	/*overflow: hidden;*/
	background-repeat: no-repeat;
	
	
	/*background-image: url(../images/home/ranking_title.png);*/
	background-image: url(../images/home/ranking_title.jpg);
	
	line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    color: #FFEE2F;
    /* padding-left: 250px; */
    text-align: right;
    padding-right: 400px;	
    height: 45px;
}
.home #ranking2 h2 a {
	display: block;
	width: 97px;
	height: 20px;
	float: right;
	margin-top: 7px;
	margin-right: 7px;
	
}

.home #ranking2 #ranking_area{
	position: relative;
}
.home #ranking2 #ranking_area #to_ranking{
	position: absolute;
    top: 10px;
    right: 20px;
    background-color: #F23E25;
    padding: 5px 10px;
    text-align: center;
    
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;    

    box-shadow: 1px -1px 1px 5px #333;
    -moz-box-shadow: 3px -3px 1px 5px #333;
	-webkit-box-shadow: 2px -2px 1px 2px #6e6e6e;

}
.home #ranking2 #ranking_area #to_ranking:hover{
	opacity: 0.9;
}

.home #ranking2 #ranking_area #to_ranking a{
    color: #ffffff;
    text-decoration: none;
}


.home #ranking2 table{
	margin-top: 10px;
/*	margin-left: 10px;*/
	width: 100%;
	
	background-image: url(../images/home/ranking_bk.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    	
}

.home #ranking2 table td {
/*	border-right: 5px solid #fff;*/
	padding-left: 40px;
	padding-top: 20px;
	vertical-align: bottom;
	width: 33%;
}

.home #ranking2 div.ranking_list {
	/*position: relative;*/
	position: relative;
	width:175px;
	text-align: center;
	padding: 20px 0;
	/*float:left;*/
/*	padding:0px 20px 10px 0px;*/
	border: 1px solid #F66341;
	background-color: #fff;
	
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    
    box-shadow: 4px -4px 3px 1px #F66341;
    -moz-box-shadow: 4px -4px 3px 1px #F66341;
	-webkit-box-shadow: 4px -4px 3px 1px #F66341;
}


.home #ranking2 td#ranking_no0 .ranking_list{
	margin-bottom: 170px;
}
.home #ranking2 td#ranking_no1 .ranking_list{
	margin-bottom: 215px;
}
.home #ranking2 td#ranking_no2 .ranking_list{
	margin-bottom: 145px;
}
.home #ranking2 td#ranking_no0 {
	padding-left: 50px;
}
.home #ranking2 td#ranking_no1 {
	padding-left: 40px;
}
.home #ranking2 td#ranking_no2 {
	padding-left: 20px;
}

.home #ranking2 h3{
	margin-top: 10px;
	font-weight: bold;
}
.home #ranking2 h3 a{
	text-decoration: none;
}
.home #ranking2 h3 a:hover{
	opacity: 0.7;
}
/*
.home #ranking2 div.ranking_list:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}
*/
/*
.home #ranking2 h3{

	background-color: #3bb3e0;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 3px 15px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    
	line-height:1.3;
	height:42px;
	font-weight:bold;

}

.home #ranking2 h3:hover{
	    opacity: 0.8;
}
.home #ranking2 h3 div{
	height: 45px;
    display: table-cell;
    vertical-align: middle;
    line-height:1em;
}

.home #ranking2 h3 a{
	color:#fff;
	text-decoration: none;
	text-shadow: 3px 3px 1px #444;
}
*/
/*

.home #ranking2 div.ranking{
	position: relative;
    padding-bottom: 0px;
    margin-bottom: 5px;
	font-weight: bold;
}
.home #ranking2 div.ranking img{
	padding-right: 5px;
}
.home #ranking2 div.ranking span{
	position: absolute;
	bottom: 0;
}
*/
/*

.home #ranking2 div.ranking_list .r_no{
    position: absolute;
    top: -20px;
    left: -20px;
    width: 70px;
    z-index: 100;
}
.home #ranking2 div.ranking_list h4{
	margin:10px 0px 10px 0px;
	float:left;
	padding: 1px;
    	
}
*/
.home #ranking2 div.ranking_list  a img{
    height: auto;
    width:130px;
}
/*
.home #ranking2 div.ranking_list dl{
margin:10px 0px 10px 0px;
position:relative;
width:110px;
_width:100px;
height:103px;
float:right;}


.home #ranking2 div.ranking_list dt{
font-size: 10px;
line-height:1.3;}

.home #ranking2 div.ranking_list dd{
position:absolute;bottom:0px;right:0px;}

.home #ranking2 div.ranking_list dd a{
display: block;
width: 101px;
height: 20px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../images/common/btn_details.png);
background-repeat: no-repeat;
}

/*
.switch {
 -webkit-animation: switchtext 1s linear infinite normal;
 -moz-animation: switchtext 1s linear infinite normal;
 animation: switchtext 1s linear infinite normal;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0.5; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0.5; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0.6; }
}
*/
/*---------------------------------------*/

	
/*---------------------------------------*/

.home #ranking3 h2 {

	clear: both;
	display: block;
	height: 56px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	
	
	background-image: url(../images/home/ranking_title.png);
}
.home #ranking3 h2 a {
	display: block;
	width: 97px;
	height: 20px;
	float: right;
	margin-top: 7px;
	margin-right: 7px;
	
	}

.home #ranking3 table{
	margin-top: 10px;
	margin-left: 10px;
}

.home #ranking3 table td {
	border-right: 5px solid #fff;
	width: 33%;
}

.home #ranking3 div.ranking_list {
	position: relative;

	width:200px;
	float:left;
/*	padding:0px 20px 10px 0px;*/
}

.home #ranking3 div.ranking_list:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}


.home #ranking3 h3{
/*
	display: table-cell;
	vertical-align: middle;
	font-weight:bold;
	font-size:1em;
	line-height:1.5;
	padding:0px 0px 0px 6px;
	width:215px;
	_width:205px;
	height:42px;
	overflow:hidden;

	background-color: #f60;
	color:#fff;
*/
	background-color: #f60;
    font-family: 'Open Sans', sans-serif;
	/*display: table-cell;
	vertical-align: middle;*/
	/*width:221px;*/
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 3px 15px;
    background-image: linear-gradient(bottom, #f60 0%, #f60 100%);
    background-image: -o-linear-gradient(bottom, #f60 0%, #f60 100%);
    background-image: -moz-linear-gradient(bottom, #f60 0%, #f60 100%);
    background-image: -webkit-linear-gradient(bottom, #f60 0%, #f60 100%);
    background-image: -ms-linear-gradient(bottom, #f60 0%, #f60 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #f60), color-stop(1, #f60) );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #f60, 0px 5px 0px 0px #f45, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #f60, 0px 5px 0px 0px #f45, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #f60, 0px 5px 0px 0px #f45, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #f60, 0px 5px 0px 0px #f45, 0px 10px 5px #999;
    
	line-height:1.3;
	height:42px;
	font-weight:bold;

}
.home #ranking3 h3:hover{
	    opacity: 0.8;
}
.home #ranking3 h3 div{
	height: 45px;
    display: table-cell;
    vertical-align: middle;
    line-height:1em;
}

.home #ranking3 h3 a{
	color:#fff;
	text-decoration: none;
	text-shadow: 3px 3px 1px #444;
}

.home #ranking3 div.ranking{
	position: relative;
    padding-bottom: 0px;
    margin-bottom: 5px;
	font-weight: bold;
}

.home #ranking3 div.ranking img{
	padding-right: 5px;
}
.home #ranking3 div.ranking span{
	position: absolute;
	bottom: 0;
}

.home #ranking3 tr.img_tr td{
	background-color: #FFF8A4;
}
/*
.home #ranking3 div.ranking_list .r_no{
    position: absolute;
    top: -20px;
    left: -20px;
    width: 70px;
    z-index: 100;
}
*/
.home #ranking3 div.ranking_list h4{
	margin:20px 30px;
	float:left;
	border: 2px solid #d3d3d3;
	background-color: #fff;
    	
}

.home #ranking3 div.ranking_list h4 a img{
    height: auto;
    width:160px;
}

.home #ranking3 div.ranking_list dl{
margin:10px 0px 10px 0px;
position:relative;
width:110px;
_width:100px;
height:103px;
float:right;}


.home #ranking3 div.ranking_list dt{
font-size: 10px;
line-height:1.3;}

.home #ranking3 div.ranking_list dd{
position:absolute;bottom:0px;right:0px;}

.home #ranking3 div.ranking_list dd a{
display: block;
width: 101px;
height: 20px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../images/common/btn_details.png);
background-repeat: no-repeat;
}


/*---------------------------------------*/

.home article#stopshipment {
 margin-bottom: 30px;
}
.home article#stopshipment dl {
	padding-left: 10px;
	clear: both;
	width: 680px;
	}	
.home article#stopshipment dt ,
.home article#stopshipment dd {
	float: left;
	background-image: url(../images/common/icon_information.png);
	/*background-image: url(../images/common/icon_stopshipment.png);*/
	}
	.home article#stopshipment dt {
	width: 85px;
	background-image: url(../images/common/icon_triinsq.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	font-weight: bold;
	}	
.home article#stopshipment dd {
	width: 435px;
	height:22px;
	display:block;
	overflow:hidden;
	padding:0px 0px 0px 80px;
	background-repeat: no-repeat;
	background-position: 2px 3px;
	}

.home #equip div {
width:220px;
_width:210px;
float:left;
padding:0px 10px 10px 0px;}

.home #equip div:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}


.home #equip div h3{
display: table-cell;
vertical-align: middle;
font-weight:bold;
font-size:14px;
line-height:1.5;
padding:0px 0px 0px 6px;
width:215px;
_width:205px;
height:42px;
overflow:hidden;
border-left: 5px solid #f60;}


.home #equip div h4{
margin:10px 0px 10px 0px;
width:101px;
float:left;
border: 1px solid #d3d3d3;}

.home #equip div dl{
margin:10px 0px 10px 0px;
position:relative;
width:110px;
_width:100px;
height:103px;
float:right;}


.home #equip div dt{
font-size: 10px;
line-height:1.3;}

.home #equip div dd{
position:absolute;bottom:0px;right:0px;}

.home #equip div dd a{
display: block;
width: 101px;
height: 20px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../images/common/btn_details.png);
background-repeat: no-repeat;}






.home #dial div {
float: left;
width: 157px;
padding:0px 7px 0px 8px;
height:250px;}

	
.home #dial div img {
border: 1px solid #d3d3d3;
margin-bottom: 7px;}
	

.home #dial div dl {
width:157px;
height:115px;
position:relative;}
	
.home #dial div dt {
width:144px;
height:20px;
display: table-cell;
vertical-align: middle;
border-left: 5px solid #06c;
padding:2px 0px 0px 8px;
color: #3b3b3b;
font-size: 14px;
line-height:1.4;}
	
.home #dial div dd{
margin:4px 0px 0px 0px;
font-size: 10px;
line-height:1.4;}
	
.home #dial div dd a {
position:absolute;bottom:0px;left:0px;
display: block;
width: 157px;
height: 20px;
text-indent: -9999px;
overflow: hidden;
background-image: url(../images/common/btn_detailb.png);
background-repeat: no-repeat;}







.home #topics dl {
	padding-left: 10px;
	clear: both;
	width: 680px;
	}
	
.home #topics dt ,
.home #topics dd {
	float: left;
	}
	
.home #topics dt {
	width: 85px;
	background-image: url(../images/common/icon_triinsq.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	font-weight: bold;
	}
	
.home #topics dd {
	width: 435px;
	height:22px;
	display:block;
	overflow:hidden;
	padding:0px 0px 0px 80px;
	background-repeat: no-repeat;
	background-position: 2px 3px;
	}
	
.home #topics dd.nprd {
	background-image: url(../images/common/icon_newproduct.png);
	}
	
.home #topics dd.info {
	background-image: url(../images/common/icon_information.png);
	}
.home #topics dd.discont {
	background-image: url(../images/common/icon_discont.png);
	}
.home #topics dd.showinfo {
	background-image: url(../images/common/icon_showinfo.png);
	}
.home #topics dd.stopshipment {
	background-image: url(../images/common/icon_information.png);
	}
	
	
p#topText {margin: auto auto 10px auto;display:block;}
p#topText img {width: 100%;}

#head {
	position: relative;
}

#resume_sales_bnr {
	display: block;
	width: 159px;
	height: 73px;
	position: absolute;
	top: 324px;
	left: 475px;
}

#resume_sales_bnr img {
	display: block;
	width: 100%;
	height: auto;
}