@charset "utf-8";

/*----------area----------*/


h1{
	margin-top:10px;
	border-top:1px solid #71b3d3;
	border-bottom:1px solid #71b3d3;
}

h2{
	margin-top:15px;
	background:#71b3d3 url(../img/area/icon01.gif) 10px center no-repeat;
	padding:10px 5px 10px 45px;
	color:#FFFFFF;
	font-size:18px;
	background-size: 28px 28px;
}

.area h3{
	margin-top:15px;
	background:#137ba8 url(../common/img/bg_img_02.gif) 10px 8px no-repeat;
	padding:8px 5px 7px 25px;
	color:#FFFFFF;
	font-size:15px;
	margin:15px 0px 0px 0px;
	background-size: 5px 18px;
}

.area_list{
	padding:20px 10px 20px 10px;
	border-bottom:2px dotted #137ba8;
}

.area_list .title{
	background:#fbfbf5;
	border:1px solid #bebebe;
	padding:8px;
	border-radius:5px; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	font-weight:bold;
}
.area_list .title span{
	font-weight:bold;
	font-size:18px;
}
.area_list .title small{
	font-size:12px;
	font-weight:normal;
}

.area_list .photo{
	margin:10px 0 0 0;
}


.area_list dl{
	margin:10px 0 0 0;
	border:1px solid #bfced6;
}
.area_list dt{
	border-bottom:1px dotted #bfced6;
	background:#eaf4fa;
	padding:8px 8px 8px 8px;
	text-align:left;
	font-size:15px;
	font-weight:bold;
}
.area_list dd{
	border-bottom:1px solid #bfced6;
	padding:8px 8px 8px 8px;
	text-align:left;
	font-size:15px;
}
.area_list dd:last-child {
	border-bottom:none;
}
.area_list .icon{
	padding:8px 8px 0 8px !important;
}
.area_list .icon ul{
}
.area_list .icon ul li{
	float:left;
	color:#555;
	padding:0 10px 8px 0;
	font-size:13px;
}
.area_list .icon ul li img{
	padding:0 6px 0 0;
}
.area_list .price01{
	font-weight:bold;
	color:#eb3b54;
}
.area_list .price02{
	font-weight:bold;
}
.area_list .price_total{
	font-weight:bold;
	color:#eb3b54;
}
.area_list .price_total .gray{
	color:#444;
	font-size:12px;
	font-weight:normal;
}
.area_list .price_total .detail_title{
	font-size:86%;
	color:#116f9d;
	margin-left:-5px;
	font-weight:normal;
	line-height:18px;
}
.area_list .price_total .detail{
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	color:#333;
}

.area_list{zoom:1;}
.area_list:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.area_listu{display:inline-table;}
* html .area_list {height: 1%;}
.area_list {display: block;}



.tel_btn{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #fe7d3f 0%, #f65c12 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe7d3f), color-stop(100%,#f65c12));
	background: -webkit-linear-gradient(top,  #fe7d3f 0%,#f65c12 100%);
	background: -o-linear-gradient(top,  #fe7d3f 0%,#f65c12 100%);
	background: -ms-linear-gradient(top,  #fe7d3f 0%,#f65c12 100%);
	background: linear-gradient(to bottom,  #fe7d3f 0%,#f65c12 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7d3f', endColorstr='#f65c12',GradientType=0 );
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	margin:20px 1% 10px 25%;
	border:1px solid #ed6d00;
	float:left;
	width:48%;
}
.tel_btn a{
	display:block;
	text-shadow:0px -1px 0px #bf3e00;
	padding:8px 0 7px 0px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.tel_btn span{
	background:url(../common/img/icon08.png) left center no-repeat;
	background-size: 13px 13px;
	padding:0 0 0 16px;
	font-size:15px;
}



.area_btn{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	border:1px solid #ed6d00;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	margin:10px 0% 0 1%;
	float:right;
	width:48%;
}
.area_btn a{
	display:block;
	text-shadow:0px 1px 0px #FFFFFF;
	padding:8px 0 7px 0px;
	text-align:center;
	text-decoration:none;
	color:#ed6d00;
	font-weight:bold;
}
.area_btn span{
	background:url(../common/img/icon07.png) left center no-repeat;
	background-size: 16px 13px;
	padding:0 0 0 21px;
	font-size:15px;
}


.area_btn2{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	border:1px solid #ed6d00;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	margin:10px 0% 0 1%;
	float:right;
	width:80%;
}
.area_btn2 a{
	display:block;
	text-shadow:0px 1px 0px #FFFFFF;
	padding:8px 0 7px 0px;
	text-align:center;
	text-decoration:none;
	color:#ed6d00;
	font-weight:bold;
}
.area_btn2 span{
	background:url(../common/img/icon07.png) left center no-repeat;
	background-size: 16px 13px;
	padding:0 0 0 21px;
	font-size:15px;
}





.area_list .title .icon001{
	background:#c5f0a6;
	color:#000000;
	padding:3px 8px 2px 8px;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin:0 5px 0 0;
	vertical-align:top;
}

.area_list .title .icon002{
	background:#f9e4a5;
	color:#000000;
	padding:3px 8px 2px 8px;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin:0 5px 0 0;
	vertical-align:top;
}
.area_list .title .icon003{
	background:#ffcbc6;
	color:#000000;
	padding:3px 8px 2px 8px;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin:0 5px 0 0;
	vertical-align:top;
}
.area_list .title .icon004{
	background:#f5b6fb;
	color:#000000;
	padding:3px 8px 2px 8px;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin:0 5px 0 0;
	vertical-align:top;
}

.area_list .title .icon005{
	background-color:#0FF;
	color:#000000;
	padding:3px 8px 2px 8px;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin:0 5px 0 0;
	vertical-align:top;
}

.area_list .title .icon006{
	background-color:#F90;
	color:#000000;
	padding:3px 8px 2px 8px;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin:0 5px 0 0;
	vertical-align:top;
}


dl.area_contents_other{
	border:1px solid #cad2d6;
	border-radius:5px;
	margin-top:20px;
}
dl.area_contents_other dt{
	text-align:center;
	font-size:13px;
	background:#1277a4;
	color:#fff;
}
dl.area_contents_other dd{
	padding:20px;
	background:#eaf3fa;
}
dl.area_contents_other dd div.title{
	margin-bottom:10px;
	padding:5%;
}
dl.area_contents_other dd div.title:last-child{
	margin-bottom:0;
}
dl.area_contents_other dd div.title div.area_btn{
	float:none;
	margin:10px auto 0;
}



dl.area_contents_other dd div.title div.area_btn2{
	float:none;
	margin:10px auto 0;
}












ul.btb_area{
	margin:8px 0 0 0;
	display:flex;
	justify-content: space-between;	
}
ul.btb_area li{
	width:100%;
	max-width:49%;
}
ul.btb_area li a{
	display:inline-block;
	width:100%;
	color:#FFF;
	font-size:13px;
	line-height:16pt;
	text-align:center;
	padding:10px 0;
	background:#000;
	border-radius: 4px;
}

ul.btb_area li.katalog a{
	background:#5f9663;
	transition: .3s;
}
ul.btb_area li.katalog a:hover{
background:#438b48;
text-decoration:underline;
}

ul.btb_area li.price a{
	background:#569899;
	transition: .3s;
}
ul.btb_area li.price a:hover{
background:#3d8485;

}


ul.btb_area li.katalog a span{
	background:url(../img/area/pdf_icon.png) left 2px no-repeat;
	background-size:16px 16px;
	display:inline-block;
	padding:0 0 0 25px;
}
ul.btb_area li.price a span{
	background:url(../img/area/pdf_icon.png) left 2px no-repeat;
	background-size:16px 16px;
	display:inline-block;
	padding:0 0 0 25px;
}

ul.btb_area li.price a:hover span{
text-decoration:underline;
}
ul.btb_area li.katalog a:hover span{
text-decoration:underline;
}