@charset "utf-8";

html, body, div, ul {
	margin: 0;
	padding: 0;
}

body {
color: #000;
	font-size: 12px;
	line-height:150%;
	border-top:3px solid #014CA2;
}

body, textarea { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif }

a{
color:#000;
}

a:hover{
color:#f90;
text-decoration:none;
}


.caution{
color:#FF0000;}

.bnr_explain{
font-size:10pt;
padding-top:10px;
	}

#content {
	width: 990px;
	margin: 0 auto;
	padding:0 30px;
}

/*#header*/
#header{
margin:10px 0;
position:relative;
}
body.lower #header{
margin-bottom:0;}
#header .hukidashi{
position:absolute;
top:-15px;
left:504px;
}
#header img.hukidashi:hover{
opacity:1;
	filter: alpha(opacity=100);
}



#header h1{
width:166px;
float:left;
margin-bottom:6px;
margin-top:10px;

}


#header .login_box{
float:right;
font-size:90%;
width:274px;
}

#header #login.login_box{
font-size:100%;
text-align:center;
}

#header #login.login_box .name{
font-size:120%;
font-weight:bold;
}

#header #login.login_box .gold{
padding: 5px 0px 5px 20px;
background: url(/images/bbo/icon_gold_small.png) no-repeat center left;
margin:0 auto;
font-size: 90%;
color:#EC1B00;
/* IE7対応 */
/*width:90px;*/
width:100px;
}

#header #login.login_box .normal{
padding: 5px 0px 5px 20px;
background: url(/images/bbo/icon_normal_small.png) no-repeat center left;
margin:0 auto 3px auto;
font-size: 90%;
color:#EC1B00;
/* IE7対応 */
/*width:90px;*/
width:100px;
}

#header #login.login_box .tel{
padding: 0px 0px 5px 4px;
background: url(/images/bbo/icon_thum_tel.png) no-repeat center left;
margin:0 auto;
width:200px;
font-weight:bold;
}
#header #login.login_box .tel span{
font-size: 120%;
color:#EC1B00;
font-weight:bold;
}




#header .login_box .nav{
margin-top:4px;
}

#header .login_box .nav li{
float:left;
margin-right:10px;
}

#header .login_box .nav li:last-child{
margin-right:0px;
}


#header .menu ul.nav{
	background:url(/images/ifn/bg_menu.jpg) 0 0 repeat-x;
	position:relative;
	width:990px;
	height:25px;
}


#header .menu .nav li.top{
position:absolute;
top:0;
left:0;
}


#header .menu .nav li.accord {
	z-index:20;
	position:absolute;
	left:117px;
}



#header .menu .nav li.service{
position:absolute;
top:0;
left:318px;
}

#header .menu .nav li.mile1{
position:absolute;
top:0;
left:435px;
}

#header .menu .nav li.mile2{
position:absolute;
top:0;
left:552px;
}

#header .menu .nav li.about{
position:absolute;
top:0;
left:669px;
}



#header .menu .nav li.accord li{
	float:none;
	background:#fff;
	border:1px solid #ccc;
	display:block;

}

/* ▼----- ここからが古いデザインのスタイル ----- */

.wrap {
/*
	width: 740px;
*/
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.main-box {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
width:760px;
overflow:hidden;
}

/*
.line-box {
	background-color: #FFF;
	width: 798px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #336699;
	border-bottom-color: #336699;
	border-left-color: #336699;
}
*/

img.border {border:1px solid black;}

/* ------------------------------　共通利用　------------------------------ */
.------------------share {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

.title-box {
	background-image: url(/images/ifn/011.gif);
	background-repeat: no-repeat;
	height: 37px;
	width: 565px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 22px;
	color: #FFF;
	padding-left: 15px;
	line-height: 36px;
	margin-bottom: 10px;
	font-weight: bolder;
}
.title-box-l {
	background-image: url(/images/ifn/013.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 745px;
	margin-right: auto;
	margin-left: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 22px;
	line-height: 36px;
	color: #FFF;
	margin-bottom: 10px;
	padding-left: 15px;
	font-weight: bolder;
}
.button-2 {
	height: 37px;
	/*width: 372px;*/
	width: 242px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*
.button-1 {
	width: 181px;
	margin-right: auto;
	margin-left: auto;
	height: 37px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.button-1-160 {
	width: 161px;
	margin-right: auto;
	margin-left: auto;
	height: 37px;
	margin-top: 10px;
	padding-bottom: 10px;
}
.button-1-350 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	height: 37px;
	margin-top: 10px;
	margin-bottom: 10px;
}
*/
.button-free {
	margin-right: auto;
	margin-left: auto;
	height: 37px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

/* ------------------------------　レイアウト用　------------------------------ */
.------------------layout {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

/*フロートクリア*/
.pkg:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}/*IE7以外のモダンブラウザ向け*/

.pkg{
	display:inline-block;
} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .pkg{
	height:1%;
}
.pkg{
	display:block;
}
/*End hide from IE-mac*/ /*IE6以前向け*/
.margin-r-1 {
	margin-right: 1px;
}
.margin-l-15 {
	margin-left: 15px;
}
.margin-b-1 {
	margin-bottom: 1px;
}
.margin-b-2 {
	margin-bottom: 2px;
}
.margin-b-10 {
	margin-bottom: 10px;
}
.margin-r-10 {
	margin-right: 10px;
}
.margin-r-2 {
	margin-right: 2px;
}
.margin-t-10 {
	margin-top: 10px;
}

.float-left {
	float: left;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.txt-box {
	width: 120px;
}
.txt-bold {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
}
.txt-red {
	color: #3080C4;
}
.txt-red-14 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	color: #3080C4;
}
.txt-red-bold {
	font-weight: bold;
	color: #3080C4;
}
.txt-18-red-bold {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 18px;
	font-weight: bold;
	color: #3080C4;
}









/*.main*/
.main{
	z-index:1;
	position:relative;
}

ol#topicPath {
	margin: 0 0 5px;
	padding: 0;
	font-size: 80%;
	list-style: none;
}
ol#topicPath li {
	float: left;
	padding-right: 7px;
	padding-left: 10px;
	background: url(/images/ifn/ico_topic01.gif) no-repeat 0 50%;
}
ol#topicPath li.home {
	padding-left: 0;
	background: none;
}
ol#topicPath li em {
	font-style: normal;
	font-weight: bold;
}


#center_col {
float:left;
width:740px;
}

.per#center_col {
-moz-transform: perspective(200);
-webkit-transform: perspective(0);
-o-transform: perspective(200);
-ms-transform: perspective(200);

-moz-transform: rotateY(70deg);
-webkit-transform: rotateX(30deg);
-webkit-transform: rotateY(30deg);
-o-transform: rotateY(70deg);
-ms-transform: rotateY(70deg);
}

	

#center_col .search_box{
border:1px solid #ff9900;
	background:url(/images/ifn/bg_searchbox.jpg) 0 0 repeat-x;
	padding:10px;
	height:80px;
}

#center_col .search_box h2{
margin:0 0 8px 0;
}

#center_col .search_box #toppaSearchBox{
padding:8px;
height:20px;
width:300px;
border:1px solid #ccc;
color:#ccc;
font-size:140%;
float:left;
}


.feature_box .section{
margin-bottom:10px;
}

.feature_box .box{
border:1px solid #D1E2F1;
border-radius: 10px;		/* CSS3草案 */
background:#EDF4FA;
margin-bottom:10px;
}

.feature_box .box .sale{
position:relative;
z-index:20;
top:-16px;
left:-16px;
float:left;
width:45px;
height:45px;
}

.feature_box .box .rescue{
margin-top:10px;
width:155px;
_width:100px;
float:left;
}


.box div.area{
border:1px solid #ccc;
background:#fff;
padding:5px;
font-weight:bold;
margin:10px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.4); を指定
}

.box div.area .mega{
padding-left:26px;
	background:url(/images/bbo/icon_megaphone.png) 0 0 no-repeat;
	min-height:26px;
	margin:5px;
}

.box div.area .date{
padding-left:26px;
	font-size:140%;
	color:#EC1B00;
}


.feature_box .text{
padding:0 10px 10px;}


.feature_box .bnr_box{
border-bottom:1px dotted #333;
padding-bottom:10px;
}
.feature_box .bnr_box:last-child{
border-bottom:0;
padding-bottom:0;
}

.feature_box .bnr_box h4{
font-size:110%;
margin-top:10px;
}




.feature_box_iframe .box{
padding:10px;
border-radius: 10px;		/* CSS3草案 */
-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
-moz-border-radius: 10px;	/* Firefox用 */
background:#FFD58B;
}

.box p.bnr {
float: left;
margin-right: 10px;
}

.new_box .date{
margin-bottom:6px;
}

.new_box .section{
padding:0 20px 16px;
border-bottom:1px dotted #ccc;
margin-bottom:16px;
}


.new_box .section .bnrarea{
float:left;
text-align:center;
width:120px;
margin-right:20px;
}


.new_box .section .nomargin{
margin-right:0px;
}


.new_box .section .bnrarea .bnr{
margin:0 0 10px;
}

.new_box .section .bnrarea .icon img{
margin:0 2px;
}

#right_col{
float:left;
width:217px;
margin-left: 33px;
/*ie6*/
_margin-left:16px;
}



#left_col{
float:left;
width:217px;
margin-right: 33px;
}


.information li{
	background:url(/images/ifn/arrow01.gif) 0 top no-repeat;
	padding:0px 10px 10px 25px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}

/*lower*/
#lower_contents{
float:left;
width:736px;
margin-left:20px;
}

#lower_contents h2{
	background:url(/images/ifn/lower_tit.gif) 0 center no-repeat;
	padding:10px 0px 10px 25px;
	width:711px;
	font-size:140%;
	font-weight:bold;
	margin-bottom:8px;
}

#lower_contents .section{
padding:10px;
border:1px solid #ccc;
margin-bottom:10px;
}

.box_lower{
padding-bottom:10px;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}



div.pager{
margin: 10px 0px;
}

div.pagination {
text-align:center;
width:736px;
}

div.pagination span {
padding: 5px 10px;
border: 1px #fF9900 solid;
}

div.pager span.current {
padding: 5px 10px;
border: 1px #fF9900 solid;
background: #ff9900;
color: #FFFFFF;
}

div.pagination a {
padding: 5px 10px;
border: 1px #fF9900 solid;
color: #fF9900;
}

div.pagination a:link,
div.pagination a:visited {
text-decoration: none;
}

div.pagination a:hover,
div.pagination a:active {
background-color: #ff6600;
text-decoration: none;
}

div.pager span.disabled {
display: none;
}

/*#footer*/

#footer{
	padding-top:10px;
	border-top:1px dotted #ccc;
}

#footer .lblogo{
float:left;
margin-right:40px;}


#footer .lblogo img{
width:150px;}


#footer ul{
}



#footer ul li{
float:left;
padding-right:10px;
border-right:1px solid #ccc;
margin-right:10px;
}

#footer ul li:last-child{
border-right:0;
}



address{
text-align:center;
padding:20px 0;
}

.clear{
clear:both;}

/*clearfix*/
.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

#toppa_exchange {
width: 800px;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
border: 2px solid #FF9900 ;
padding: 10px 0px;
}

#toppa_exchange-text {
font-size: 24px;
color: #FF9900;
margin-left: 20px;
margin-bottom: 20px;
}

/*sakai0315*/
#pageTop p {
float:right;
}


#pageTop p a {
background: url(/images/ifn/pagetop.gif) no-repeat left top;
width: 90px;
height: 24px;
text-indent: -9999px;
display: block;
}

#pageTop p a:hover {
background-position: bottom;
}


.caution{
font-weight:bold;
}

.special_box{
padding:0px 10px 10px;
}
.special_box .info{
padding:0px 0px 10px;
margin-bottom:5px;
border-bottom:1px dotted #ccc;
}


.box td.bnr{
padding-right:10px;
}


table.list{
text-align:left;
}

.list th{
font-weight:bold;
padding-right:5px;
width:80px;
text-align:left;
vertical-align: top;
}
.list td{
padding:0px 5px 0px 0;
text-align:left;
vertical-align: top;
}

.infobar{
text-align:left;
font-weight:bold;
font-size:14px;
padding:16px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background:#FFF2DC;
}

.infobar th p{
padding:0px 8px 0px 20px;
background:url(/images/ifn/ico_bar01.gif) no-repeat center left;
margin-bottom:10px;
font-size:100%;
}

.infobar .sum{
padding:0px 10px 0px 5px;
}

.tokusen{
border:1px solid #FB4F1A;
border-top:none;
background:#fff;
padding:10px 0;}

#center_col h2.tokusen_tit{
margin-bottom:0px;
}

ul.navmenu li.accessible a.maintab {
width:auto;
height: 36px;
text-align: left;
text-decoration: none;
padding: 0;
margin: 0;
}


.new_box .section .bnrarea .icon{
font-size:85%;
margin-bottom:5px;
}

.feature_box table{
margin-bottom:20px;
}





/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
  height:30px;
  margin-bottom:20px;
 background:url(/images/bbo/bg_nav.gif) 0 0 repeat-x;
background-image: linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.09, rgb(0,0,0)),
	color-stop(0.77, rgb(97,97,97))
);
}
.nav li {
  border-right: 1px solid #fff;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  height:30px;
  _width:180px;
  
}
.nav li:last-child{
  border-right: 0;
  
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  color: #fff;
  display: block;
  padding: 5px 10px;
    height:20px;
  text-decoration: none;
background-image: linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.09, rgb(0,0,0)),
	color-stop(0.77, rgb(97,97,97))
);
}

.nav li a:hover {
background-image: linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(97,97,97) 77%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.09, rgb(0,0,0)),
	color-stop(0.77, rgb(97,97,97))
);
  color: #f90;	

}


#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #000;
  color: #F90;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #000;
  color: #fff;
  border-radius: 5px;
  font-weight:bold;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  text-decoration:underline;
    color: #f90;

}

.nav ul {
  background: #000;
    border-radius: 0px 0px 5px 5px;
  list-style: none;
  margin: 0;
  width: 200px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 30px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border-bottom: 0;
  padding-right: 20px;
  width: 80px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}


.arrow01{
	width: 0;
	height: 0;
	float: left;
	border: 6px solid transparent;
	border-left-color: #333;
	position:relative;6
	top:2px;
	_border:0;
	_background:url(/images/bbo/arrow.gif) #000 center center;
	_padding-left:3px;
	margin-right:2px;
	}
				



.box_01{
border:1px solid #D1E2F1;
border-radius:5px;
margin-bottom:20px;
#padding-bottom:10px;
}

.box_01#item{
margin-bottom:0px;
}


.box_01 h2{
font-weight:bold;
font-size:120%;
color:#014CA2;
border-bottom:1px solid #D1E2F1;
border-radius:5px 5px 0 0;
padding:10px;
background:#EDF4FA;
}

.box_01 .text{
padding:10px;
}

.box_02{
border:1px solid #FEA502;
border-radius:5px;
margin-bottom:20px;
}

.box_02 h2{
font-weight:bold;
font-size:120%;
color:#fff;
border-bottom:1px solid #FEA502;
border-radius:5px 5px 0 0;
padding:10px;
background:#FEA502;
}

.box_02 div.titarea{
font-weight:bold;
font-size:120%;
color:#fff;
border-bottom:1px solid #FEA502;
border-radius:5px 5px 0 0;
background:#FEA502;
position:relative;
min-height:40px;
_height:40px;
}


.salebox_area{
margin:20px 16px 20px 9px;
/*min-height:200px;*/
min-height:50px;
#padding-bottom:20px;	
}

div.salebox{
width:160px;
padding-right:10px;
margin-left:10px;
float:left;
_margin-left:0px;
}
.box_02 div.salebox{
_padding-right:0px;
}
 div.saleboxlast{
width:160px;
margin-left:10px;
float:left;
_margin-left:0px;
_padding-right:0px;
}


div.salebox:last-child{
border-right:0;
padding-right:0;
float:left;
}

.box_02 p.sale{
position:absolute;
z-index:20;
top:-12px;
left:-23px;
float:left;
}

.box_02 h3.text{
position:absolute;
left:35px;
top:7px;
border:0
}

.box_02 .price{
font-weight:bold;
font-size:120%;
margin-bottom:6px;
}

.box_02 .rank{
color:#EC1B00;
font-weight:bold;
}

.box_02 .rank .normal{
padding:0px 0px 0px 20px;
background:url(/images/bbo/icon_normal_small.png) no-repeat center left;

margin-bottom:3px;
font-size:90%;	
}


.box_02 .rank .gold{
padding:0px 0px 0px 20px;
background:url(/images/bbo/icon_gold_small.png) no-repeat center left;
margin-bottom:10px;
font-size:90%;	
}

.box_02 .remaining{
padding:10px 5px 10px 40px;
background:url(/images/bbo/icon_caution03.png) no-repeat 10px center;
color:#EC1B00;
font-weight:bold;
font-size:100%;
border:1px solid #EC1B00;
text-align:center;
}

.box_02 .end{
padding:6px ;
font-weight:bold;
border:1px solid #cccccc;
}









h2.house{
padding-left:50px;
background:url("/images/bbo/icon_house.png") #EDF4FA 10px center no-repeat;
}

h2.house_tit{
padding-left:60px;
background:url("/images/bbo/icon_house.png") #EDF4FA 20px center no-repeat;

}

h2.house_tit_small{
padding-left:24px;
background:url("/images/bbo/icon_house_s.png") #EDF4FA 0px center no-repeat;
margin:10px 0;
font-weight:bold;
font-size:110%;
color:#014CA2;
}



h2.kaketuke{
padding-left:50px;
background:url("/images/bbo/icon_patolamp.png") #EDF4FA 10px center no-repeat;
}

h2.kaketuke_tit{
padding-left:60px;
background:url("/images/bbo/icon_patolamp.png") #EDF4FA 20px center no-repeat;
}

h2.kaketuke_tit_small{
padding-left:20px;
background:url("/images/bbo/icon_patolamp_s.png") #EDF4FA 0px center no-repeat;
margin:10px 0;
font-weight:bold;
font-size:110%;
color:#014CA2;
}

h2.daikou_tit{
padding-left:60px;
background:url("/images/bbo/icon_daikou.png") #EDF4FA 20px center no-repeat;
}

h2.paper_tit{
padding-left:60px;
background:url("/images/bbo/icon_paper.png") #EDF4FA 16px center no-repeat;
}



h2.daikou_tit_small{
padding-left:20px;
background:url("/images/bbo/icon_daikou_s.png") #EDF4FA 0px center no-repeat;
margin:10px 0;
font-weight:bold;
font-size:110%;
color:#014CA2;
}



 h2.info{
padding-left:50px;
background:url("/images/bbo/icon_info.png") #EDF4FA 10px center no-repeat;
}

h2.casher_tit{
padding-left:70px;
background:url("/images/bbo/icon_casher.png") #EDF4FA 20px center no-repeat;

}

h2.area_tit{
padding-left:80px;
background:url("/images/bbo/icon_area.png") #EDF4FA 20px center no-repeat;
}

.check{
padding-left:50px;
background:url("/images/bbo/icon_check01.png") #EDF4FA 10px center no-repeat;
margin:0px 0 10px;
font-weight:bold;
font-size:140%;
line-height:160%;
}


h2.status{
padding-left:50px;
background:url("/images/bbo/icon_status.png") #FEA502 13px 5px no-repeat;
}

h2.caution{
padding-left:50px;
background:url("/images/bbo/icon_caution02.png") #FEA502 13px 5px no-repeat;
color:#fff;
}


h2 span,
h2 span{
font-size:10px;
padding-left:10px;
}

.box_01 .smallbox{
padding:0 112px 0 0;
padding-bottom:10px;
margin:18px 0 18px 18px;
_margin-left:9px;
width:238px;
border-right:1px dotted #ccc;
float:left;
min-height:160px;
_height:170px;
}

.box_01 .smallbox h3,
.box_02 h3,
.smallbox04 h3,
.how h3{
border-left:5px solid #EC1B00;
font-weight:bold;
font-size:110%;
margin-bottom:10px;
padding-left:10px;
}

div.sale_item_tit{
border-left:5px solid #EC1B00;
font-weight:bold;
margin-bottom:10px;
padding-left:10px;
font-size: 13px;
height: 38px;
line-height: 19px;
overflow: hidden;
}

.tit_bar{
border-left:5px solid #EC1B00;
padding-left:10px;
}

ul.catetit li{
border-bottom:1px dotted #ccc;
font-weight:bold;
font-size:110%;
margin-bottom:10px;
padding-bottom:6px;
}

ul.catetit li:last-child{
border-bottom:0;
padding-bottom:0;
}




.box_01 .smallbox:last-child{
border-right	:0;
}

.box_01 .houseback{
background:url("/images/bbo/img_hosuekeeping01.png") 220px 0 no-repeat;
}

.box_01 .daikou{
background:url("/images/bbo/img_daikou01.png") 246px 0 no-repeat;
_border:0;
}

.headnav{
float:left;
width:490px;
font-weight:10px;
margin-left:40px;	
}

.headnav .text{
float:left;
/* IE7対応 */
/*width:384px;*/
width:374px;
margin-top:10px;
}

.headnav ul{
float:left;
/* IE7対応 */
/*width:90px;*/
width:100px;
margin-left:10px;
font-size:10px;
margin-top:10px;

}


.box_01 .smallbox01{
margin:18px 0 0 18px;
_margin-left:9px;
width:221px;
float:left;
min-height:140px;
_height:130px;
}
.box_01 .smallbox01:nth-of-type(5){
margin:18px  0 18px 18px ;
}


.box_01 .smallbox01 .btn{
margin-bottom:10px;
}

.smallbox02{
margin:18px 38px 0 0 ;
#margin-right:19px;
width:221px;
float:left;
min-height:140px;
}
.smallbox02:nth-of-type(3),
.smallbox02:nth-of-type(6){
margin:18px  0 0 0px ;
}


.smallbox02 .btn{
margin-bottom:10px;
}

.smallbox03{
margin:18px  0px 10px 0 ;
width:350px;
float:left;
min-height:60px;
}

.smallbox03_right{
margin-right:40px ;
}


.smallbox03 h3,
.prefecture{
border-bottom:1px dotted #ccc;
font-weight:bold;
/* IE9対応 */
/*font-size:130%;*/
font-size:120%;
margin-bottom:6px;
padding-bottom:6px;
}

.prefecture{
margin-top:20px;
}


.smallbox03 h4{
font-weight:bold;
font-size:110%;
margin-bottom:6px;
}
.smallbox03 h4:nth-child(n+3){
margin-top:12px;
}





.smallbox03 .sample{
margin:0 10px 0 0px;
width:90px;
float:left;
}

.smallbox03 .summery{
width:250px;
float:left;
font-size:90%;
line-height:135%;
margin-bottom:10px;
}
.smallbox03 .sample02{
margin:0 10px 0 0px;
width:150px;
float:left;
}

.smallbox03 .summery02{
width:190px;
float:left;
font-size:90%;
}

.smallbox04{
margin:18px 0 10px ;
width:350px;
float:left;
}

.smallbox04 .clearfix{
min-height:160px;
_height:160px;
}


.border-leftbox{
border-left:1px dotted #ccc;
padding-left:20px;
margin-left:8px;
}

.smallbox04 .sample{
text-align:center;
width:140px;
float:left;
}

.smallbox04 .summery{
width:210px;
float:left;
font-size:90%;
}

.smallbox04 .example{
border: 1px solid #D1E2F1;
background:#EDF4FA ;
padding:10px;
width:316px;
margin:18px 0;
height:150px;
}

.smallbox04 .example ul{
	margin-left:20px;
}

.smallbox04 .bnr{
	text-align:center;
}







dl.info_cont{
margin:18px;
}

dl.info_cont dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 7.5em;
  padding-left: 5px;
  padding-bottom:5px;
  color: #000;
}

dl.info_cont dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
    padding-bottom:5px;
	border-bottom:1px dotted #ccc;


}



dl.info_status{
margin:18px;
}

dl.info_status dt {
  padding-bottom:5px;
  font-size:140%;
  font-weight:bold;
  	padding-left:25px;
	line-height:1.8	;
  }
	dl.info_status dt.standard {
	background:url("/images/bbo/icon_standard.png") left center no-repeat;
}
	dl.info_status dt.gold {
	background:url("/images/bbo/icon_gold.png") left center no-repeat;
}


dl.info_status dd {
 padding-bottom:5px;
 border-bottom:1px dotted #ccc;
	margin-bottom:18px;

}

dl.info_status dd:last-child {
 border-bottom:0;
}

dl.info_status dt.none {
  padding-bottom:0;
  font-size:120%;
  font-weight:bold;
  	padding-left:0;
	line-height:1.3	;

  }



.link{
font-size:90%;}
.caution{
color:#EC1B00;}

.bnr{
margin-bottom:10px;
#margin-top:10px;
}

.bnr02{
margin-bottom:30px;
}
#center_col .bnr:nth-child(n+3){
margin-top:24px;
}
.titarea{
margin-bottom:20px;}

.titarea h2{
margin-bottom:8px;}

.cate_tit{
font-weight:bold;
color:#014CA2;
font-size:150%;
border:1px solid #D1E2F1;
min-height:32px;
padding:25px 25px 15px 25px;
margin-bottom:10px;}

.cate_tit_simple{
font-weight:bold;
color:#014CA2;
font-size:150%;
margin:10px 0 20px;}


.catetit dd{
margin:6px 0 0 6px;
font-size:85%;
font-weight:normal;}

.tit_border{
border-bottom:1px dotted #ccc;
color:#EC1B00;
font-weight:bold;
font-size:130%;
margin-bottom:10px;
margin-top:16px;
padding-bottom:6px;
}

.cash_tit{
border-bottom:1px dotted #333;
font-weight:bold;
font-size:130%;
margin-top:16px;
padding-bottom:6px;
}

.cash{
width:100%;
margin-bottom:24px;
/* FireFox:料金表でrosspanされているセルに罫線がはみ出る為の対処 */
border-collapse: separate;border-spacing: 0px;
}

.cash th,
.cash td{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px;
}

.cash th:last-child,
.cash td:last-child{
border-right:0;
}

.cash  td.last_border{
border-bottom:1px solid #ccc;
}


.cash th {
background:#EBEBEB;
border-bottom:1px solid #ccc;

}

.cash_blue{
background:#EDF4FA;
}
	
.price_tit01{
width:100px;																																																																																																																																																																																																																																																																																																																																																																																																																	
}

.price_tit02{
width:160px;
}

.price_tit03{
width:90px;
}

.textmargin{
margin:6px 0 20px 0;}

.stay{
font-weight:bold;
}

.select {
margin: 15px 0 30px 0;
background: url(/images/bbo/select_area.jpg) no-repeat;
text-indent: 120px;
line-height: 200%;
padding-bottom:10px;
}

.line {
margin-top: 10px;
margin-bottom:10px;
text-indent: 10px;
line-height: 19px;
border-bottom:1px solid #ccc;
border-left:5px solid #ccc;
}

h3.area_tit{
margin:30px 0 10px 0;
font-size:150%;
font-weight:bold;
border-left:5px solid #333;
padding:0 0 5px 10px;
}

table.company {
/*
width:740px;
*/
width:100%;
}

table.company th {
font-weight: bold;
}

table.company th, table.company td {
padding: 10px 10px 10px 7px;
vertical-align: top;
text-align: left;
border-bottom: dotted 1px #CFCFCF;
}


.bt_area {
margin-top: 10px;
text-align: center;
}

.question{
background: url(/images/bbo/icon_question.png) left 5px no-repeat;
padding:10px 0 20px 36px;
}

.answer{
background: url(/images/bbo/icon_answer.png) left 5px no-repeat;
padding:10px 0 20px 36px;
}

.culumn3{
float:left;
width:220px;
margin-right:26px;
margin-bottom:30px;
_overflow:hidden;
_margin-right:20px;
_display:block;}

div.formError{
color: red;
}

#col_standard {
	font-weight: bold;
	color: #014CA2;
	font-size: 120%;
}

#col_gold {
	font-weight: bold;
	color: #ff0000;
	font-size: 120%;
	background:#FC6;
}

#red_strong {
	text-align:center;
	line-height:1.5;
	font-weight: bold;
	color: #ff0000;
	font-size: 140%;
}

#red_strong_zero {
	font-weight: bold; color: #ff0000; font-size: 360%;
}

#red_medium {
	text-align:center;
	line-height:1.5;
	font-weight: bold;
	color: #ff0000;
	font-size: 120%;
}

#red_medium_num {
	font-weight: bold;
	color: #ff0000;
	font-size: 200%;
}

div.my_form_sub_title {
	font-weight: bold;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
}

div.my_form_sub_title span {
	border-bottom: 1px solid #101010;
}

.my_form {
	text-align: left;
}

.my_form table {
	margin-top: 10px;
}

.my_form table th {
	font-weight: bold;
	/*width: 18em;*/
}
.my_form table th.test {
	font-weight: bold;
	width: 10em;
}

.my_form table th, .my_form table td {
	padding: 10px 10px 10px 7px;
	vertical-align: top;
	text-align: left;
	/*border-bottom: dotted 1px #CFCFCF;*/
}

.my_table_width_18em {
	width: 18em;
}

.my_table_width_8em {
	width: 8em;
}

/*- セール抽選対応 -*/
.info_bar_green {
	font-weight:bold;
	background-color: #D1F1E2;
	font-size:120%;
	border:1px solid #81E2AC;
	min-height:26px;
	padding: 15px 25px 5px 25px;
	margin-bottom:10px;
}

.info_bar_blue {
	font-weight:bold;
	background-color: #EDF4FA;
	font-size:120%;
	border:1px solid #D1E2F1;
	min-height:26px;
	padding: 15px 25px 5px 25px;
	margin-bottom:10px;
}

/*- End of セール抽選対応 -*/

/*-- リネット対応 --*/

.example .head{
	position: relative;
	width: 740px;
	height: 230px;
	background: url(/images/bbo/img_head.jpg) 0 0 no-repeat;
}
.example .head img{
	position: absolute;
	right: 20px;
	top: 120px;
}


.sumwrap{
	width: 700px;
	padding: 0px 20px 0;
	height: 761px;
	background: url(/images/bbo/bg_round.png) top center no-repeat;
	_background: url(/images/bbo/bg_round.png) top -1px no-repeat;

}

.sumwrap .btnarea{
	background: url(/images/bbo/btn_line.png) 0 center no-repeat;
	width: 700px;
	height: 40px;
	text-align: center;
	margin-bottom: 16px;
	margin-top: 10px;
}

.sumwrap .btnarea a{
	color:#fff;
	}


.cont{
	background: url(/images/bbo/box_clean.png) 0 0 no-repeat;
	padding :10px;
	_padding:10px 13px 10px 7px;
	width: 687px;
	height: 155px;
}

.cont .text{
	width: 382px;
	float: left;
	margin-right: 18px;
	padding-top: 6px;
	_	height: 150px
}
.cont .text p{
	margin: 10px 0 10px 10px;
	line-height: 1.3;
	}


.cont .sum_img{
	float: left;
	width: 284px;
	padding-top: 6px;
}

.repbox h3{
	margin-bottom:20px;
}

.repbox .cont{
	margin: 0px 20px;
	background: none;
	width: 700px;
	height: auto;
	padding: 0;
	
}

.repbox .cont .text{
	margin-right: 0;
	width: 406px;
}

.repbox .cont .sum_img{
	margin-right: 10px;
}

.comment{
	position: relative;
	
	height: 110px;
	padding: 5px 10px;
	
}
.comment p{
	position: absolute;
	width: 560px;
	font-size: 95%;
	line-height: 1.4;
}

.name_a{
	background: url(/images/bbo/people_01.jpg) 20px 0 no-repeat;
	margin-top: 10px;

}

.name_a p{
	top:15px;
	left:150px

}

.name_b{
	background: url(/images/bbo/people_02.jpg) 20px 0 no-repeat;

}

.name_b p{
	top:35px;
	left:150px

}

.name_c{
	background: url(/images/bbo/people_03.jpg) 20px 0 no-repeat;

}

.name_c p{
	top:15px;
	left:35px

}

.name_d{
	background: url(/images/bbo/people_04.jpg) 20px 0 no-repeat;

}

.name_d p{
	top:15px;
	left:140px

}

.name_e{
	background: url(/images/bbo/people_05.jpg) 20px 0 no-repeat;
	height: 119px;
	margin:10px;

}

.name_e p{
	top:15px;
	left:140px

}


.notice{
	margin:0 20px 20px;
	padding-bottom: 5px;
	background: url(/images/bbo/line_sale01.jpg) center bottom no-repeat;
}

.notice p{
	text-align: right;
	padding-bottom: 8px;
	}


.goldtext{
padding: 5px 0px 5px 5px;
/*
padding: 5px 0px 5px 20px;
background: url(/images/bbo/icon_gold_small.png) no-repeat center left;
*/
color:#EC1B00;
font-weight: bold;
font-size: 110%;
}