@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%;
}
.entry_top_1{
  width:100%;
}
.entry_desc{
  width:100%;
}
#entry_logo{
  border-bottom:0px;
}

.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 .navi{
	display:none;
}

#navi_smartphone{
	display:block;
	font-size: 11px;
	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: 11px;
	text-decoration: none;
	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;
}

#guide{
	display:inline;
}
#howtouse{
	display:inline;
}
#bguide{
	display:none;
}
#bhowtouse{
	display:none;
}
/* utility
----------------------------*/
.header_next .utility .btm{
	position:absolute;
	top:36px;
	right:30px;
	text-align: right;
	width:16%;
	overflow:hidden;
	text-align:center;
    margin:0;
    padding:0;
}

#nav-bar-middle{
	position: absolute;
	top: 21px;
	left: 250px;
	width: 46%;
	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:left;
  width:23%;
}
.middle .column2{
  float:right;
  width:75.5%;
}

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

.googlebox{
	height:40px;
}

.sliderArea{
	display:none;
}

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

/* footer */
.footer .inner{
  position:relative;
  width:100%;
  height:87px;
  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 .copyright{
  position:absolute;
  bottom:5px;
  right:0;
}

#img_view{
	max-width: 98%;
	width /***/: auto;
	height: auto;
}