@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
	color: #333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
	/*background: url(../images/common/body_bg.jpg)repeat;*/
	background:#FFF;
}

a {
	color: #187bea;
	text-decoration: none;
}
/*
a:visited {
	text-decoration: none;
}
*/
img {
	vertical-align: top;
}

img:not([width]) {
	zoom: .5; /* Retinaディスプレイ対応のためimg要素は半分の大きさに */
}

p, dl, ol, ul {
}

ol, ul {
	list-style:none;
}


/* --------------------------------------------------- */
/* wrapper */
/* ---------------------------------------------------- */
#wrapper {
	overflow: hidden;
	margin: 0 auto;
}
#gradation {
	background: -moz-linear-gradient(top, #fac300, #fb8007);
	background: -webkit-gradient(linear, left top, left bottom, from(#fac300), to(#fb8007));
}

/* ---------------------------------------------------- */
/* ランドスケープ表示 */
/* ---------------------------------------------------- */
@media all and (orientation:landscape) {
	#wrapper {
		width: 100%;
	}
}

/* ---------------------------------------------------- */
/* header */
/* ---------------------------------------------------- */
header {
	padding:0px;
	text-align:left;
	/* background:url(../images/common/header_bg.jpg)repeat bottom; */
}
header h1{
	background:#63BFEF;
	color:#FFF;
	font-size:10px;
	line-height:12px;
	padding:2px 0px 2px 5px;
	letter-spacing:0;
}
header .logo{
	text-align:center;
	padding:5px 0px;
}
header table { width:100%; }
header table th{
	width: 50%;
	text-align:left;
}
header table td{
	width: 50%;
	text-align:right;
}

/* シンプルリザーブへの誘導ボタン */
#btn_reserve{
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	position: fixed;
	right: 0;
	bottom: 20px;
	transition: .4s;
	z-index: 90;
}
#btn_reserve a{
	display: block;
	letter-spacing: 2px;
	background: #90BD1C;
	color: #fff;
	padding: 15px 10px;
	border-radius: 6px 0 0 6px;
}
#btn_reserve.slide-none {
	transition: .4s;
	right: -100px;
}

/* ---------------------------------------------------- */
/* visual */
/* ---------------------------------------------------- */
.visual{
	margin-bottom:5px;
	/* background:url(../images/top/visual_bg.jpg)top repeat-x; */
	background-size:auto 270px;
	-webkit-background-size:auto 270px;
	-moz-background-size:auto 270px;
}
/* ---------------------------------------------------- */
/* footer */
/* ---------------------------------------------------- */
footer{
	/*background: url(../images/common/bg_footer.gif) no-repeat center bottom #fb8007;*/
	padding:0px;
	font-size:12px;
}

footer ul.f_nav {
	border:1px solid #FFF;
	background:#99d5ea;
	overflow:hidden;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	margin:0px 15px 20px 15px;
}
footer ul.f_nav li{
	float:left;
	width:50%;
	background:url(../images/common/arrow-next.png)center right 5px no-repeat;
	background-size:25px auto;
	-webkit-background-size:25px auto;
	-moz-background-size:25px auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
footer ul.f_nav li a{ display:block; color:#FFF; padding:5px; }
footer ul.f_nav li:nth-child(2n){ border-right:none; }
footer ul.f_nav li:nth-last-child(1),
footer ul.f_nav li:nth-last-child(2){ border-bottom:none; }

footer ul.sp2 { overflow:hidden; margin:0px 10px 30px 10px; }
footer ul.sp2 li a{ color:#FFF; }
footer ul.sp2 li{
	font-size:12px;
	background:#63BFEF;
	text-align:center;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	padding:5px 0px;
}
footer ul.sp2 li a{ display:block; }

footer .info {
	overflow:hidden;
	margin:0px 20px 30px 20px;
}
footer .under {
	background:#63BFEF;
	border-top:1px solid #419DCD;
}
footer .under ul{
	overflow:hidden;
	text-align:center;
	border-bottom:1px solid #FFF;
}
footer .under ul li a{ display:block; color:#FFF; padding:5px 0px; }
footer .under ul li{
	float:left;
	width:50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-right:1px solid #FFF;
	color:#FFF;
}
footer .under ul li:nth-child(2n){ border-right: none; }

footer small {
	margin: 0;
	display: block;
	font-size: 10px;
	clear: both;
	color: #FFF;
}
footer small#copy{
	color: #FFF;
	text-align: center;
	line-height:30px;
}
/* ---------------------------------------------------- */
/* content */
/* ---------------------------------------------------- */

.container-content{
	margin:0px 10px 5px;
}

.container-content p{

}

section.content {
	margin-bottom:20px;
	margin-top: 10px;
}
section.content h1 {
	color:#FFF;
	font-weight: bold;
	font-size: 18px;
	line-height: 120%;
	padding: 10px 8px 8px 8px;
	background-image: url(../images/common/body_bg2.jpg);
	border:1px solid #c5c5c5;
	border-bottom: none;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	/*
	box-shadow: 1px -1px 1px #4491d4;
	-webkit-box-shadow: 1px -1px 1px #4491d4;
	-moz-box-shadow: 1px -1px 0px #4491d4;
	background-image: url(../images/common/bg_ttl.gif); 
	background-size: 3px 20px;
	-moz-background-size: 3px 20px;
	-webkit-background-size: 3px 20px;
	*/
}
section.content nav{
	margin-bottom: 10px;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	margin-bottom: 10px;
	border: 1px solid #0770b1;
	background:#FAF6E4;
}
section.content nav ul {
	width: 100%;
	overflow: hidden;
}
section.content nav ul li {
	line-height: 120%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #0770b1;
}
section.content nav ul li a{
	background:url(../images/common/icon_arrow.png) right center no-repeat ;
	background-size: 25px 20px;
	-webkit-background-size: 25px 20px;
	-moz-background-size: 25px 20px;
	display:block;
	padding:12px;
	color: #000;
}
section.content nav ul li:last-child {

}
section.content nav ul li:first-child{
	border-top:none;
}

section.content nav.search li{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width:50%;
	float:left;
}
section.content nav.search li:nth-child(2n){
	border-left:1px solid #0770b1;
}
section.content nav.search ul li:nth-last-child(2) {
	border-bottom:none;
}
section.content nav.search ul li:nth-child(2){
	border-top:none;
}


.left{
	float:left;
}

.right{
	float:right;
}
.overf_h{ overflow:hidden; }
.text_center{ text-align: center; }
.text_right{ text-align: right; }
.text_left{ text-align: left; }

.clear{
	clear:both;
}

.list-base li{
	height:100%;
}


.list-base2 li{
	height:150px;
}


.sticking_ph{
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
}

.tit_l{
	font-size:12px;
}




/* 写真つきリスト */

.list-base{
	margin-bottom:10px;
	border-radius:0px 0px 6px 6px;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-radius:0px 0px 6px 6px;
	margin-bottom:10px;
	border:1px solid #153ff6;
}
.list-base li {
	line-height:120%;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #cccccc;
}
.list-base li:last-child {
	border-bottom:none;
}
.list-base li:first-child{
	border-top:none;
}
.list-base li a{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width:100%;
	overflow:hidden;
	display:block;
	padding: 0px;
}
.list-base div{
	float:right;
	padding:0px 0px 0px 10px;
}

.list-base span{
	display:inline-block;
	color:#464646;
	font-size:12px;
	margin-left: 10px;
	margin-top: 10px;
}
.list-base p{
	padding-right:10px;
	margin-left: 10px;
}
.list-base dl{
	display:block;
	padding:10px;
}

.list-base dt{
	background-color:#f3f3f3;
	border-bottom:1px solid #a1de51;
	font-size:12px;
	padding:5px 8px 3px 8px;
	margin:10px 0px 5px 0px;
}
.list-base dd{
	margin:10px;
	font-size:12px;
}

#searchlist .list-base li{
	border-bottom:1px solid #ff5a00;
	padding-bottom:20px;
	padding-top:8px;
}
#searchlist .list-base a p{
	font-size:16px;
	line-height:140%;
}


.list-base2{
	margin-bottom:10px;
	border-radius:0px 0px 6px 6px;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-radius:0px 0px 6px 6px;
	margin-bottom:10px;
	border:1px solid #ff5a00;
}
.list-base2 li {
	line-height:120%;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #cccccc;
}
.list-base2 li:last-child {
	border-bottom:none;
}
.list-base2 li:first-child{
	border-top:none;
}
.list-base2 li a{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width:100px;
	overflow:hidden;
	display:block;
	padding:10px;
	float: left;
}
.list-base2 div{
	float:right;
	padding:0px 0px 0px 10px;
}

.list-base2 span{
	display:inline-block;
	color:#7FA50A;
	font-size:14px;
	margin-left: 20px;
	margin-top: 10px;
	font-weight:bold;
}
.list-base2 p{
	display:block;
	padding-right:20px;
	margin-left: 120px;
}
.list-base2 dl{
	display:block;
	padding:10px;
}

.list-base2 dt{
	background-color:#f3f3f3;
	border-bottom:1px solid #a1de51;
	font-size:12px;
	padding:5px 8px 3px 8px;
	margin:10px 0px 5px 0px;
}
.list-base2 dd{
	margin:10px;
	font-size:12px;
}

#searchlist .list-base2 li{
	border-bottom:1px solid #ff5a00;
	padding-bottom:20px;
	padding-top:8px;
}
#searchlist .list-base2 a p{
	font-size:16px;
	line-height:140%;
}

/* 汎用 */
.container{
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	margin-bottom: 10px;
	padding-top:5px;
	padding-bottom: 15px;
	background:#FFF;
	border: 1px solid #c5c5c5;
}
.container h2{
	background-size: 1px 100%;
	-webkit-background-size: 1px 100%;
	-moz-background-size: 1px 100%;
	font-size: 16px;
	color: #FFF;
	line-height: 120%;
	background: #60ADFD;
	margin: 20px 0px 5px 0px;
	padding: 7px 8px 5px 8px;
	font-weight: bold;
}
.container h2 a { color:#FFF; }
.container h2:first-child{
	margin-top:0px;
}
.container p{
	margin-top:10px;
	margin-right: 5px;
	margin-left: 5px;
}
/*
.container p a {
	color: #555;
}
*/

/* ---------------------------------------------------- */
/* btn */
/* ---------------------------------------------------- */

/* btn ベース */

.btn,.listbtn li{
	background:url(../images/common/bg_op.png) left top repeat-x ;
	background-size: 1px 100% ;
	-webkit-background-size: 1px 100% ;
	-moz-background-size: 1px 100% ;
	border-radius:6px ;
	-moz-border-radius:6px ;
	-webkit-border-radius:6px ;
	box-shadow: 1px 2px 1px ##75440f;
	-webkit-box-shadow:1px 2px 1px ##75440f;
	-moz-box-shadow: 1px 2px 1px ##75440f;
	line-height:100%;
	font-size:18px;
	text-align:center;
	margin:10px 0px 15px 0px;
}
.btn a,.listbtn li a{
	background:url(../images/common/arrow-next.png) right center no-repeat ;
	background-size: 26px 22px ;
	-webkit-background-size: 26px 22px ;
	-moz-background-size: 26px 22px ;
	padding:18px 7px;
	display:block;
	color:#FFF;
}

/* btn各カスタマイズ */

.btn.entrybtn{
	/*background:url(../images/common/bg_ttl2.gif)left center repeat-x;*/
	background: #63BFEF;
}
.btn.entrybtn2{
	background-color: #0a4ab6;
}
.btn.entrybtn2 a{
	color: #fff;
}
.btn.detailbtn{
	background-color:#2e9d50;
	padding:0px;
	line-height: 22px;
}

.btn.detailbtn2 {
	background-color:#0eb089;
	padding:0px;
}

.btn.graybtn{
	background-color:#fafafa ;
}
.btn.graybtn a{
	color:#666666 ;
}
.listbtn li{
	background:url(../images/common/bg_op40.png) left top repeat-x ;
	background-size: 1px 100% ;
	-webkit-background-size: 1px 100% ;
	-moz-background-size: 1px 100% ;
	background-color:#eaeaea ;
	margin:8px 0px;
}
.listbtn li a{
	padding:12px 5px;
	color:#666666;
}


/* ---------------------------------------------------- */
/* detail */
/* ---------------------------------------------------- */

/* iconlist */

.iconlist{
	width:100%;
	overflow:hidden;
	margin:5px;
}

.iconlist li{
	float:left;
	background:url(../images/common/bg_op40.png) left top repeat-x ;
	background-size: 1px 100% ;
	-webkit-background-size: 1px 100% ;
	-moz-background-size: 1px 100% ;
	background-color:#eeeeee;
	width:19%;
	margin:2px 2px;
	padding:5px 0px;
	font-size:12px;
}

/* ---------------------------------------------------- */
/* form */
/* ---------------------------------------------------- */

.content input{
	vertical-align:bottom;
}
.content form p input{

}
.imgbtn{
	text-align:center;
	margin-bottom:25px;
}
.img{
	text-align:center;
	margin:0px auto;
}
.img img{
	border-radius:3px ;
	-moz-border-radius:3px ;
	-webkit-border-radius:3px ;
}
.es{
	color: #c80000;
}
.form-btn{
	text-align:center;
}
.form-btn input{
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow: 1px 2px 1px #cccccc;
	-webkit-box-shadow:1px 2px 1px #cccccc;
	-moz-box-shadow: 1px 2px 1px #cccccc;
	border:none;
	text-align:center;
	background-color:#1e6dc5;
	font-size:16px;
	color:#fff;
	padding:10px 30px;
}
.rec{
	background-color:#f3f3f3;
	padding:7px 8px 7px 8px;
}

.rec dt{
	color:#c80000;
	font-size:16px;
	border-bottom:1px solid #dddddd;
	margin-bottom:7px;
	padding-bottom:7px;
}

/* pagenavi */

.pagenavi {
	/zoom: 1;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	padding: 0px 5px;
}
.pagenavi li {
	float: left;
	margin: 0 2px 2px 0;
	text-align:center;
}
.pagenavi li span,
.pagenavi li a {
	float: left;
	color:#ffffff;
	font-weight:bold;
	padding: 5px 0px;
	width:30px
}
.pagenavi li a.link_before,
.pagenavi li a.link_next {
	width:62px;
}
.pagenavi li a {
	background: #aaaaaa;
}
.pagenavi li span {
	background: #ff6022;
}
.catch{
	font-size:16px;
	color:#c80000;
}
.small{
	font-size: 90%;
}
@media only screen and (orientation : landscape) { /*横向き*/


}
@media only screen and (orientation : portrait) { /*縦向き*/
.pagenavi li:nth-child(9n) {
	clear:both;
}

}

/* ================================================================================
	#page-nav
================================================================================ */
.page-nav {
	text-align: center;
}
.page-nav li {
	display: inline;
	list-style: none outside none;
}
.page-nav li a {
	border: 1px solid rgb(230,230,230);
	color: rgb(102,102,102);
	text-decoration: none;
	border-radius: 3px;
}

.page-nav li a:hover {
	border: 1px solid rgb(230,230,230);
}
.page-nav li a:active {
	box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
	top:1px;
}

.page-nav li.current span {
	border: 1px solid rgb(186,166,132);
	color: rgb(121,81,15);
	font-weight: bold;
	border-radius: 3px;
}
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span {
	background: rgb(248,248,248);
	border: 1px solid rgb(230,230,230);
	color: rgb(180,180,180);
	text-decoration: none;
	border-radius: 3px;
}

.page-nav li.page_nums span {
	background: rgb(102,102,102);
	border: 1px solid rgb(51,51,51);
	color: rgb(255,255,255);
}
.page-nav li a,
.page-nav li.current span,
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span {
	padding: 0.25em 0.8em;
	display: inline-block;
	position:relative;
}
/* ================================================================================
	//#page-nav
================================================================================ */

/* Facebook Like Box width: 100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}
.facebook { padding: 5px; }
/* google map margin size */
.map{
	text-align:center;
	margin: 10px 20px 30px 20px;
}
/* ページネーション */

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #60A62A;/*#3279BB*/
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #60A62A;/*#3279BB*/
color:#fff;
}
/* -- -- */

ul.sitemap li{
	border-bottom:1px dotted #CCC;
	background:url(../images/common/arrow-next.png)right 10px center no-repeat;
	background-size:30px auto;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
}
ul.sitemap li:last-child{ border-bottom:none; }
ul.sitemap li a{ color: #666; font-weight:normal; display:block; padding: 10px 0px 10px 20px; }
/* -- -- */
ul.sp1 { overflow:hidden; margin:0px 10px 20px 10px; }
ul.sp1 li{ width:100%; margin-bottom:10px; }
/* -- -- */
ul.sp2 { overflow:hidden; margin:0px 10px 20px 10px; }
ul.sp2 li{ float:left; width:48%; margin-bottom:10px; }
ul.sp2 li:nth-child(2n){ float:right; }
/* -- -- */
ul.sp3 { overflow:hidden; margin:0px 10px 20px 10px; }
ul.sp3 li{ float:left; width:32%; margin-right:2%; margin-bottom:5px; text-align:center; }
ul.sp3 li:nth-child(3n){ margin-right:0; }
/* -- -- */
ul.page-link{
	overflow:hidden;
	margin-bottom:20px;
}
ul.page-link li{
	float:left;
	width:45%;
	margin:2%;
	border:1px #00295D inset;
	border-top:none;
	border-left:none;
	background:url(../images/common/h3-bg.png)right 5px center no-repeat #4A95EE;
	background-size:16px 16px;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	font-size:14px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
}
ul.page-link li a{ color:#FFF; display:block; }	
ul.page-link li:nth-child(2n){
	float:right;
}
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
.cont { margin:0px 20px; }
.cont h1{
	color:#FFF;
	font-weight: bold;
	font-size: 16px;
	line-height: 120%;
	padding: 10px 0px 8px 8px;
	background:#5DADEA;
	border:1px solid #CCC;
	border-bottom: none;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
}
.cont h2{
	color:#FFF;
	background:#5d9b14;
	font-weight:bold;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:2px 10px;
}
.cont p{ padding:5px; }
.cont .text{
	border:1px solid #CCC;
	border-radius:0px 0px 6px 6px;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-radius:0px 0px 6px 6px;
	padding-bottom:10px;
}
.cont .text img{
	width:80%;
	height:auto;
	margin:0px 10%;
}
.cont .greeting {
	padding-bottom:10px;
	margin-bottom:20px;
	/* background:url(../images/top/greeting_bg.jpg)right bottom no-repeat; */
	background: #f8f3d3;
}
.cont .greeting p{
	padding:0px 5px;
	margin:0px;
}
.cont2 { margin:0px 10px; }

.cont2  table.news_h2 { width:100%; }
.cont2 .news_h2 th{ font-size:20px; line-height:36px; color:#32B9F7; padding:0px 10px; font-weight:bold; letter-spacing:10px; width:50%; }
.cont2 .news_h2 td{ text-align:right; vertical-align:middle; width:50%; }
.cont2 .news {
	overflow:hidden;
	padding:0px 5px 5px 5px;
	background-color:#FFF;
	background-image:url(../images/common/border-top.jpg),url(../images/common/border-bottom.jpg),url(../images/common/border-rl.jpg);
	background-position:top,bottom,center;
	background-repeat:no-repeat,no-repeat,repeat-y;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	margin-bottom:20px;
}
.cont2 .news dl{ overflow:hidden; border-bottom:1px dotted #32B9F7; padding:10px 0px; margin:0px 10px; }
.cont2 .news dl:last-child{ border-bottom:none; }
.cont2 .news dt{ float:left; width:75px; }
.cont2 .news dd{ overflow:hidden; zoom:1; }
.cont2 .news dl a{ color:#32B9F7; }
.cont2 .news .detail{
	padding:10px;
	background:url(../images/common/arrow.png)left center no-repeat;
	background-size:15px 15px;
	-webkit-background-size:15px 15px;
	-moz-background-size:15px 15px;
	padding-left:16px;
	text-align:right;
	float:right;
}
.cont2 .news .detail a{
	display:block;
	color:#494949;
}
/* -- -- */
table.price {
	width:100%;
	background-color:#f4f8e9;
	background-image:url(../images/house/price_td_bg.jpg);
	background-position:center bottom 15px;
	background-repeat:no-repeat;
	background-size:95% auto;
	-webkit-background-size:95% auto;
	-moz-background-size:95% auto;
}
table.price th{
	padding:21px 5px 20px 10px;
	text-align:left;
}
table.price td{
	width:31%;
	padding:21px 10px 20px 0px;
	text-align:right;
}
/* -- -- */
#hokanBox {
	background-image:url(../images/point/hokan_bg.jpg),url(../images/point/hokan_bg2.jpg);
	background-position:bottom,bottom;
	background-repeat:no-repeat,repeat-y;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	margin-bottom:30px;
}
/* -- -- */
table.point {
	background:#F4F8E8;
	margin:0px 10px;
	padding:0px 10px;
}
table.point th{
	padding:15px 5px 0px 5px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
}
table.point th h4{
	background:#d5ed8f;
	padding-top:3px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:5px;
}
table.point td{
	width:50%;
	padding:0px 0px 0px 10px;
}
table.point td:nth-child(2n){
	padding:0px 10px 0px 0px;
}
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* -- -- */
.case_bg {
	background: url(../images/common/arrow.jpg)no-repeat center center;
	background-size:20px auto;
	-webkit-background-size:20px auto;
	-moz-background-size:20px auto;
	margin-bottom:20px;
}
.case {
	overflow:hidden;
}
.case .before{ width:45%; float:left; }
.case .after{ width:45%; float:right; }
/* -- -- */
table.table { width:100%; }
table.table tr{ border-bottom:1px dotted #5EADEB; }
table.table th{ padding:5px 0px; text-align:left; width:25%; color:#5EADEB; border-right:1px solid #FFF; }
table.table td{ padding:5px 0px; text-align:left; }
/* -- -- */
table.table2 { width:100%; }
table.table2 tr{ border-bottom:1px dotted #B8B8B8; }
table.table2 th{ padding:5px 0px; text-align:left; border-right:1px solid #FFF; width:35%; }
table.table2 td{ padding:5px 0px; text-align:left; border-right:1px solid #FFF; }
/* -- -- */
table.table3 { width:100%; }
table.table3 th{ padding:5px 0px; text-align:center; background:#258D47; border:1px solid #157133; width:20%; vertical-align:middle; color:#FFF; }
table.table3 td{ padding:5px 0px; text-align:left  ; background:none   ; border:1px solid #DADADA; text-indent:5px; }
/* -- -- */
.h1 {
	background-image:url(../images/common/h1_bg01.jpg),url(../images/common/h1_bg03.jpg),url(../images/common/h1_bg02.jpg);
	background-position:left bottom,right bottom,bottom;
	background-repeat:no-repeat,no-repeat,repeat-x;
	background-size:auto 40px;
	-webkit-background-size:auto 40px;
	-moz-background-size:auto 40px;
	margin:0px 5px;
	padding:14px 0px 14px 40px;
	font-weight:bold;
	line-height:12px;
	font-size:12px;
	color:#62ADEB;
}
.h2 {
	background-image:url(../images/common/icon01.jpg),url(../images/common/h2_bg.jpg);
	background-position:left 5px center,left bottom;
	background-repeat:no-repeat;
	background-size:auto 13px,100% auto;
	-webkit-background-size:auto 13px,100% auto;
	-moz-background-size:auto 13px,100% auto;
	padding: 0px 0px 3px 27px;
	margin:0px 5px 5px 5px;
	font-weight:bold;
	font-size:18px;
	color:#62ADEB;
}
.h3 {
	background:url(../images/common/bg_h04.jpg)left top no-repeat;
	background-size:auto 40px;
	-webkit-background-size:auto 40px;
	-moz-background-size:auto 40px;
	line-height:40px;
	font-weight: bold;
	padding:0px 0px 0px 15px;
	margin-bottom:5px;
	font-size:16px;
	color:#FFF;
}

/* -- -- */
.imgs {
	border:1px solid #CCC;
	padding:2px;
	margin-bottom:5px;
}
.underline { text-decoration: underline; }
.bold { font-weight:bold; }
.prl { padding: 0px 5px;}

.mt5 { margin-top: 5px;  }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }

.pt5 { padding-top: 5px; }
.pt10{ padding-top: 10px; }
.pt20{ padding-top: 20px; }
.pt30{ padding-top: 30px; }
.pt40{ padding-top: 40px; }
.pt50{ padding-top: 50px; }

.mb5 { margin-bottom: 5px;  }
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10{ padding-bottom: 10px;}
.pb20{ padding-bottom: 20px;}
.pb30{ padding-bottom: 30px;}
.pb40{ padding-bottom: 40px;}
.pb50{ padding-bottom: 50px;}

.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }