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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#container {
	width: 100%;
}
.outline{
	width: 100%;
}

img	{
	max-width: 100%;
	width /***/: auto;
	height: auto;
}
.entry_top{
  width:100%;
  height:82px;
  text-align:center;
  border-bottom:2px solid #e5e5e5;
  color:#777;  
}
.entry_top_1{
  position:relative; 
  width:100%;
  margin:0 auto; 
  overflow:hidden; 
  text-align:left;   
}
.entry_desc{
  position:absolute; 
  top:-5px; 
  width:100%;
  margin:0 auto; 
  overflow:hidden; 
  text-align:center; 
  font-size:10px;
  margin-top:8px;
}
#entry_logo{
  position:relative; 
  border-bottom:0px;
  padding-top:8px;
}

.header_next{
  width:100%;
  height:108px;
  text-align:center;
  background:none;
  color:#777;
  border-bottom:0;
}

.header_next .inner{
  position:relative;
  width:100%;
  margin:0 auto;
  text-align:left;
}  
.header_next .top_pr{
  position:absolute;
  top:0px;
  width:100%;
  overflow:hidden;
  text-align:center;
}
.header_next .top_pr .top_text{
  text-align:right;
  font-size:10px;
  padding-right:5px;
}
.header_next .navi{
	display:none;
}


#navi_smartphone{
	display:block;
	position:absolute;
  	top:95px;
  	width:100%;
  	overflow:hidden;
  	text-align:center;
	font-size: 9px;
	text-decoration: none;
	color: #4e4e4e;
}
#navi_smartphone .items{
}
#navi_smartphone .items a{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top; 
	width:100%;
	font-size: 9px;
	text-decoration: none;
	border:1px solid #e5e5e5;
	border-bottom:2px solid #e5e5e5;
}
#navi_smartphone .items a:hover {
	display:inline-block;/display:inline;/zoom:1;vertical-align:top; 
	border-bottom:2px solid #eb5505;
}
table.topnavi_smartphone td:hover{
	color:#eb5505;
	background-color:transparent;
}
table.topnavi_smartphone td:hover a{
	color:#eb5505;
	background-color:transparent;
}

#mlink {
	display:none;
}
#guide{
	display:none;
}
#howtouse{
	display:none;
}
#bguide{
	display:inline;
}
#bhowtouse{
	display:inline;
}

/* utility
----------------------------*/
.header_next .utility .btm{
	position:absolute;
	top:30px;
	right:30px;
	text-align: right;
	width:25%;
	overflow:hidden;
	text-align:center;
    margin:0;
    padding:0;
}

#nav-bar-middle{
	position: absolute;
	top: 50px;
	left: 10px;
	width: 85%;
	height: 45px;
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	white-space: nowrap;
}

.ranklink{
  display:none;
}

/* middle of the site */
.middle{
  clear:both;
  width:100%;
  margin:0 auto;
  text-align:center;
}
input, textarea, select, option, button{
	width: 90%;
}
table{
	width: 100%;
}
#select_box{
	width: 92%;
}

/* コンテンツ領域 */
.contents{
  display:block !important;
  margin-bottom:30px;
  text-align:left;
}
.middle_inner{
  padding:10px 0 0 0;
}
.middle .column1{
  float:none;
  width:100%;
}
.middle .column2{
  float:none;
  width:100%;
}

.middle_inner{zoom:1;}
.middle_inner:after{content:"."; display:block; clear:both; visibility:hidden; height:0;}

.googlebox{
	height:40px;
}
.otokuinfo{
	width: 98%; 
	border: 1px solid #EB5505;
}
.otokuh2{
	border: none; 
	line-height: 0; 
	margin: 0 0 0 15px; 
	padding: 0 0 15px 0; 
	width: 93%; 
	border-bottom:dotted 1px #cccccc;
}
.otokuinfo ul{
	margin: 0 0 7px 0; 
	padding-left: 15px;
}
.otokuinfo ul li{
	list-style: none; 
	width: 93%; 
	border-bottom:dotted 1px #cccccc; 
	padding-bottom: 3px;
}

.sliderArea{
	display:none;
}

/* 製品カテゴリから探す
-------------------------------------------------------------------------*/
.search_category{
  padding:0 3px 3px 0;
  background-color:#dbd7d6;
}
.search_category img{
  width:102px;
  height:auto;
}
.search_category ul{
  overflow:hidden;
  margin:0;
  padding:0;
}
.search_category li{
  position:relative;
  float:left;
  margin:3px 0 0 3px;
  list-style-type:none;
}
.search_category li a:hover span{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:102px;
  height:auto;
  background:none;
}

/* footer */

.footer .inner{
  position:relative;
  width:100%;
  height:115px;
  margin:0 auto;
  text-align:center;
}
#foot_img{
  width:1px;
  height:1px;
}
.footer .logo{
  display:none;
}
.footer .footer_navi{
  position:relative;
  margin:0 auto;
  text-align:center;
}
.footer .footer_navi li{
  margin:0 0 0 3px;
  padding-left:3px;
}
.footer .copyright{
  position:absolute;
  bottom:1px;
  right:0;
}

#img_view{
	max-width: 98%;
}
#primary_column{
  display:none;
}
#secondary_column{
  display:inline;
}

.video-js {
	height: 250px!important;
}