@charset "utf-8";

/*************************************************************************************************************************
検索トップ
*************************************************************************************************************************/
.serach-top a {
	text-decoration:underline;
}

.serach-top a:hover {
	text-decoration:none;
}

.search-box-in-erea span {
	margin:0 10px 0 10px;}
	.search-box-in-erea span:first-child {
	margin:0 10px 0 0px;}
	
	
h3.search-top-h3 {
	background:url(../img/search-Top-h3.jpg) 0 0 no-repeat;
	font-size:18px;
	height:50px;
	color:#fff;
	height: 40px;
    padding: 10px 0 0 20px;}
.total-no span {
	font-size:25px;
	color:#377ecc;}

ul.page-list {
	left: 4%;
    position: relative;
    top: 10px;
	font-size:16px;}

.search-no ul.page-list li {
	float:left;
	margin: 0 10px 0 0;}
	
.search-no ul.page-list li a {
	display:block;
	background:#e3f0ff;
	color:#5b8ecf;
	padding: 0 8px;
	text-decoration:none;}
	
.search-no ul.page-list li a.on {
	background: #72a5e6;
	color:#FFF;}

.search-no ul.page-list li a:hover {
	background: #72a5e6;
	color:#FFF;}

.search-no p {
	float:left;}

.total-page-list {
	margin-left:30px;
	position:relative;
	top:10px;}

ul.search-sort li.active,ul.search-sort li:hover {
	position: relative;
	background: #72a5e6;
	color:#fff!important;
	width:85px;
	float:left;
	text-align:center;
}

ul.search-sort li.active a, ul.search-sort li a:hover, ul.search-sort li:hover {
	color:#fff!important;
	text-decoration:none;
}


ul.search-sort li.active:after,.search-sort li:hover:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(114, 165, 230, 0);
	border-top-color: #72a5e6;
	border-width: 7px;
	margin-left: -7px;
}

ul.search-sort li {
	position: relative;
	background: #e3f0ff;
	width:85px;
	color:#231815;
	float:left;
	text-align:center;
	padding: 5px 0;
	margin:0 0 0 10px;}

ul.search-sort li:first-child {
	margin:0 10 0 0;}

ul.search-sort li:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(114, 165, 230, 0);
	border-top-color: #e3f0ff;
	border-width: 7px;
	margin-left: -7px;
}

/*************************************************************************************************************************
プランボックス
*************************************************************************************************************************/
.plan-list-box {
	margin-bottom: 20px;
	border-radius:6px;
	border:1px solid #ccc;
	width:100%;
}

.plan-list-box-in-icon,.plan-list-box-in-right input {
	margin:0 0 12px;
	height:30px;}
.plan-list-box-in-cen, .plan-list-box-in-pic,.plan-list-box-in-right {
	float:left;}
.plan-list-box-in-cen, .plan-list-box-in-right {
	float:left;}

.plan-list-box-in-cen {
	width:470px;
	margin-left: 15px;}
	
.plan-list-box h4 {
	font-size:16px;
	font-weight:bold;
	background:#f8f8f8;
	padding:8px 15px 6px 10px;
	border-bottom:1px solid #ccc;
	line-height:1.8;
}
.plan-list-box h4 a:link {
	text-decoration:none;
}
.plan-list-box h4 a:hover {
	text-decoration:underline;
}
.plan-list-box h4.saikou abbr {
	display:block;
	float:left;
	width:70px;
	background-color:#ff7f50;
    border-radius: 5px;       
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;   
	font-size:10px;
	font-weight:normal;
	color:#fff;
	padding:5px;
	margin-right:10px;
}
.plan-list-box h4.saikou a {
	display:block;
	float:left;
	width:860px;
}


.plan-list-box-in {
	padding:15px;}

.plan-list-box-in-pic {
	height: 180px;
    overflow: hidden;
    width: 240px;}

.plan-list-box-in-pic img {
	width:240px;
}


.plan-list-box-in-right {
	margin-left: 15px;
}
.plan-list-box-in-icon ul li {
float: left;
    margin-left: 17px;}
.plan-list-box-in-icon ul li:first-child {
	margin-left: 0;}

.plan-list-box-in-cap table {
	width:100%;
	border: 1px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
}
.plan-list-box-in-cap table tbody {
	padding:1px;}

.plan-list-box-in-cap table tr {
	border-bottom:1px solid #ccc;
	padding:5px 0 5px 10px;}

.plan-list-box-in-cap table tr th {
	padding:7px 0 7px 10px;
	background:#ebeaea;
	width: 27%;
	font-weight:normal;
	text-align:left;
}

.plan-list-box-in-cap table tr td {
	word-break:normal;
	padding:5px 0 5px 10px;
	width: 73%;}

.plan-list-box-in-right-price-box {
	border:#72a5e6 solid 1px;}
	
.plan-list-box-in-right-price-h {
	margin-bottom: 8px;
    padding: 8px 5px;
	text-align:center;
	background:#72a5e6;
	font-weight:bold;
	color:#fff;
	position: relative;
	font-size:108%;
}
.plan-list-box-in-right-price-h span {
	font-size:12px;
	font-weight:normal;
}

.plan-list-box-in-right-price p.price {
	margin-bottom:4px;
}


.plan-list-box-in-right-price-h :after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(114, 165, 230, 0);
	border-top-color: #72a5e6;
	border-width: 7px;
	margin-left: -7px;
}	
.plan-list-box-in-right-price {	
	font-size:26px;
	text-align:center;
	font-weight:bold;
	color:#d7000f;}

.plan-list-box-in-right-price p img {
	left: 0;
    position: relative;
    top: 0;
}

.plan-list span:before {
position: relative;
}
div.search-no {counter-reset:no;}

.search-no ul.page-list li a:hover {
	color:#fff;
	text-decoration:none;}

.search-footer-style ul.page-list li.top:after {
    left: 237px;
}

.search-footer-style ul.page-list li.last:before {
    left: 490px;}

h1.search_Bnr {
	top:0;
	margin-bottom:15px;
}

/*************************************************************************************************************************
カレンダー
*************************************************************************************************************************/
.search-box dl dd span img {
	vertical-align:middle;
}
	