@charset "utf-8";
/* CSS Document */

/*================================================================
global reset
================================================================*/

div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,th,td,address{
    margin:0;
    padding:0;
    text-decoration: none;
    font-style:normal;
}
ul{
    list-style:none;
}
fieldset,img{
    border:0;
    vertical-align: bottom;
}
select option{
    padding:0 5px;
}

form label{
    cursor:pointer;
}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* for IE6 */
* html body {font-size: 62.5%;}
/* for IE7 */
*:first-child+html body {font-size: 62.5%;}
html {
}
body {
background: url(../img/webban_map.png);/* 読ませたいイメージ1 */
background: none;

    line-height: 1.5;
    color: #333;
    font-family: 'Montserrat', 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
    -webkit-text-size-adjust: none;
    background: #fff;
}


a       { color: #4499dd; text-decoration: none;}
a:hover { color:; text-decoration: underline;}
img     { -ms-interpolation-mode: bicubic; }
br.sm {
    display: none;
}
.clear { clear: both;}

a {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all  0.1s ease;
}

.mb0 {
    margin-bottom: 0 !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
h4{ padding-bottom:10px;}
/* clearfix */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
.f18{ font-size:1.6em;}


/* =========================================================
common
========================================================= */



/* infoページ */
#webban_info #info p{ padding:10px 0 20px 0;}
#webban_info #info ul{ padding:10px 0 20px 0;}
#webban_info #info li{ padding:4px 0 0 20px;}



/* コンテンツ白部 */
.contents_def{ background:#FFF; margin:0px auto 20px;
	padding:20px 20px;
	box-shadow: 5px 5px #D2D3C5;
	-moz-box-shadow:  5px 5px #D2D3C5;
	-webkit-box-shadow:  5px 5px #D2D3C5;
	-o-box-shadow:  5px 5px #D2D3C5;
	-ms-box-shadow:  5px 5px #D2D3C5;
	border-left:1px solid #EFECE2;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}

/* 進捗率 */
#shinchok{ padding-bottom:4px; margin-bottom:4px;}
#shinchok strong{ font-size:1.5em; font-weight:bold; color:#F60;}


.navbar-nav>li>a{ pddding-left:20px;}

.navbar-default{ box-shadow: 3px 3px #D2D3C5;}

.navbar-default li{ border-right:1px solid #A5A5A5; }
.navbar-default li a{ text-decoration:none;}

#foot_area li a{ text-decoration:none; font-size:11px;}
/* =========================================================
wrapper
========================================================= */


/* ページ上部ウェブバンinfo */
.wrap_webban_info{ 

background: #ddf1f9; /* Old browsers */
background: -moz-linear-gradient(top,  #ddf1f9 0%, #feffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddf1f9), color-stop(100%,#feffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ddf1f9 0%,#feffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ddf1f9 0%,#feffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ddf1f9 0%,#feffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ddf1f9 0%,#feffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf1f9', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */



 /*height:16px;*/ overflow:hidden; font-size:10px; color:#46B5AC;}






.wrap_webban_info small{ vertical-align:middle;}

/* ページ下部ウェブバンinfo */
.wrap_webban_foot{  height:100px; overflow:hidden; padding-top:20px; background:url(../img/bg_footer.png) repeat-x;}

/* ウェブバン　ロゴエリア */
#wrap_webban{ background:url(../img/web_bg.png) bottom repeat-x; height:74px; font-size:11px; padding:6px 0 0 0;
-moz-box-shadow: 0px 4px 6px #999;
-webkit-box-shadow: 0px 4px 6px #999;
border-radius: 1px;
position:relative;  z-index:10;
}


/* スライダーエリア/地図slider_Area */
.wrap_slider{background: url(../img/bg_promo.jpg) bottom center repeat-x;  padding:10px 0; margin:0; ; 
    position:relative;
    z-index:2;}

.wrap_slider>.container{ margin:auto; max-width:900px;}

.wrap_map{background: url(../img/bg_promo2.jpg) bottom center repeat-x;  padding:10px 0; margin:0; ; 
    position:relative;
    z-index:2;}

.wrap_map>.container{ margin:auto; max-width:900px;}



 
 /* 問い合わせボタン上 */
#wrap_webban .inq a{
	margin:0;
	-moz-box-shadow:inset 0px 1px 0px 0px #fff5bd;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff5bd;
	box-shadow:inset 0px 1px 0px 0px #fff5bd;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f09e05));
	background:-moz-linear-gradient(top, #f0c911 5%, #f09e05 100%);
	background:-webkit-linear-gradient(top, #f0c911 5%, #f09e05 100%);
	background:-o-linear-gradient(top, #f0c911 5%, #f09e05 100%);
	background:-ms-linear-gradient(top, #f0c911 5%, #f09e05 100%);
	background:linear-gradient(to bottom, #f0c911 5%, #f09e05 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f09e05',GradientType=0);
	background-color:#f0c911;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #e65f44;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:12px 38px;
	text-decoration:none;
	text-shadow:0px 2px 0px #8a7500;
}

#wrap_webban .inq a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f09e05), color-stop(1, #f0c911));
	background:-moz-linear-gradient(top, #f09e05 5%, #f0c911 100%);
	background:-webkit-linear-gradient(top, #f09e05 5%, #f0c911 100%);
	background:-o-linear-gradient(top, #f09e05 5%, #f0c911 100%);
	background:-ms-linear-gradient(top, #f09e05 5%, #f0c911 100%);
	background:linear-gradient(to bottom, #f09e05 5%, #f0c911 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09e05', endColorstr='#f0c911',GradientType=0);
	background-color:#f09e05;
}
#wrap_webban .inq :active {
	position:relative;
	top:1px;
}



/* 問い合わせボタン下 */
.inq a{  

-moz-box-shadow:inset 0px 1px 0px 0px #fff5bd;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff5bd;
	box-shadow:inset 0px 1px 0px 0px #fff5bd;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f09e05));
	background:-moz-linear-gradient(top, #f0c911 5%, #f09e05 100%);
	background:-webkit-linear-gradient(top, #f0c911 5%, #f09e05 100%);
	background:-o-linear-gradient(top, #f0c911 5%, #f09e05 100%);
	background:-ms-linear-gradient(top, #f0c911 5%, #f09e05 100%);
	background:linear-gradient(to bottom, #f0c911 5%, #f09e05 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f09e05',GradientType=0);
	background-color:#f0c911;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #e65f44;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:12px 38px;
	text-decoration:none;
	text-shadow:0px 2px 0px #8a7500;



font-size:18px; display:block;


    margin:15px 10px; text-align:center;
}
 .inq a:hover{ 

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f09e05), color-stop(1, #f0c911));
	background:-moz-linear-gradient(top, #f09e05 5%, #f0c911 100%);
	background:-webkit-linear-gradient(top, #f09e05 5%, #f0c911 100%);
	background:-o-linear-gradient(top, #f09e05 5%, #f0c911 100%);
	background:-ms-linear-gradient(top, #f09e05 5%, #f0c911 100%);
	background:linear-gradient(to bottom, #f09e05 5%, #f0c911 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09e05', endColorstr='#f0c911',GradientType=0);
	background-color:#f09e05;
}


/* 建設・土木現場のご担当者様へ */
#info #to_kensetsu{ 
position:relative;
top:15px;
left:-18px; }

/* こんなことでお困りではありませんか */
#info{ background:url(../img/bg_okomari.jpg) bottom right no-repeat;}
#okomari .check{ margin:0 0 30px 40px;}
#okomari .check li{ list-style-image:url(../img/icon_check.png); margin-bottom:14px; font-size:17px;}



/* access_Area */
#access_area{ background: url(../img/bg_access.png) repeat; padding:20px 20px 30px;}


/* print_access */
#info div.contents_def>p {border: solid 1px #c1c1c1; border-radius: 8px; margin-bottom: 10px; overflow: hidden;}



/* インラインフレーム*/

.inlineframe    {
    background-color:#FFFFFF;
    height:150px;
    overflow:auto;
    overflow-y:scroll;
    overflow-x:hidden;
}

.w200{ width:200px;}
.pt10{ padding-top:10px;}

/* =========================================================
page_上部
========================================================= */

.wrap_header{ background:#EDF7F6; padding:4px 0; font-size:10px;}
.wrap_def{ background:#fff; padding:5px 0 20px 0; }

.wrap_doui{ background:#E7F7F4; padding:30px 0 0px 10px;}
.wrap_doui .container .contents_def{ background:url(../img/bg_okomari.jpg) right bottom no-repeat; background-color:#fff;}

.wrap_list
{ background:#E7F7F4; padding:30px 0 0px 10px;}

.wrap_doui .bg_alow{ background:url(../img/bg_wrap_doui.png) bottom center no-repeat; height:80px;}
.wrap_webban_can .bg_alow{ background:url(../img/bg_wrap_kaiketu.png) bottom center no-repeat; height:60px; margin-bottom:4px;}
.wrap_def .bg_alow{ background:url(../img/bg_wrap_kaiketu.png) bottom center no-repeat; height:60px; margin-bottom:4px;}

/* ページ */
.wrap_webban_can{ background: url(../img/bg_can.png) top repeat; padding:0px 0 20px 0;}


.line{ border-bottom:3px solid #F00;}

/* =========================================================
icon
========================================================= */

.shinchok{ background:url(../img/icon_maru.png) left no-repeat; padding:0 0 0 22px;}
.icon_eizo{ background:url(../img/icon_move.png) left top no-repeat; padding:0 0 12px 26px; border-bottom:1px solid #C2BEB6; margin-bottom:6px;}

/* =========================================================
見出し
========================================================= */

/* sumaho */
@media screen and (max-width: 480px) {
#wrap_header01>.container>p{ margin-left:-30px; }
#wrap_header01>.container>h1{  font-weight:bold; margin-left:-30px; margin-top:-4px;font-size:20px; }
.h2{ font-size:16px;} 
#wrap_header01{ max-height:70px; }
;}

h3{ font-size:14px; font-weight:bold; margin:10px 0;}

.h2 {
	background:url(../img/tit_h2.png) no-repeat;
	padding:22px 0 10px 78px;
	font-size:20px;
	margin-bottom:2px;
	color:#F60; min-height:60px;
	font-weight:560;
	box-shadow: 5px 2px #D2D3C5;
	-moz-box-shadow: 5px 4px #D2D3C5;
	-webkit-box-shadow:  5px 4px #D2D3C5;
	-o-box-shadow:  5px 4px #D2D3C5;
	-ms-box-shadow:  5px 4px #D2D3C5;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}


h4{ font-size:1.2em; font-weight:800;}


.pb10{ padding-bottom:10px;}
dl.dl-horizontal dt{ border-top:#CCC 1px solid; vertical-align:top;}
dl.dl-horizontal dd{ border-top:#CCC 1px solid;}


/* =========================================================
 #flickscroll
--------------------------- */
#flickscroll {
    margin: 0 auto;
    width: 400px;
    height: 280px;
    text-align: left;
    position: relative;
}
#flickscroll ul {
    top: 0;
    left: 0;
    height: 280px;
    position: absolute;
    overflow: hidden;
}
#flickscroll ul li {
    width: 400px;
    height: 280px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#flickscroll #moveprev {
    top: 0;
    left: -30px;
    width: 400px;
    height: 280px;
    background: transparent url(../img/moveprev.jpg) no-repeat left top;
    position: absolute;
    cursor: pointer;
}
 
#flickscroll #movenext {
    top: 0;
    right: -30px;
    width: 30px;
    height: 280px;
    background: transparent url(../img/movenext.jpg) no-repeat left top;
    position: absolute;
    cursor: pointer;
}


.touroku{ color:#ED1C24; font-size:2.2em;}

.head_a{ }
.head_c{ height:60px; width:180px;text-align:right; margin-top:20px; }
.head_b{ width:360px;text-align:right; margin-top:0px; }
 

 
/* =======================================
    ClearFixElements
======================================= */
#flickscroll ul:after,
#flickthumb ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#flickscroll ul,
#flickthumb ul {
    display: inline-block;
    overflow: hidden;
}


/* =======================================
    
======================================= */


/*  ページ上へ */
#page-top{
    width:50px;
    height:50px;
    display:none;
    position:fixed;
    right:16px;
    bottom:16px;
}
 
#page-top p{
    margin:0;
    padding:0;
    text-align:center;
    background:#3b3b3b;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}
 
#page-top p:hover{
    background:#8b8b8b;
}
 
#move-page-top{
    color:#fff;
    line-height:50px;
    text-decoration:none;
    display:block;
    cursor:pointer;
}

a{ text-decoration:underline;}
h1 {
  font-size: 2em;
  margin: .67em 0;
}

h2 {
  font-size: 1.5em;
  margin: .83em 0;
}

h3 {
  font-size: 1.64em;
  margin:6px 0 0.7em 0;
  font-weight:bold;
}

h4 {
  font-size: 1em;
  margin:0 0 1.33em 0;
}


/* ボタンカラー */
.btn-default{color:#333;background-color:#fff;border:1px solid #ccc;box-shadow: 2px 2px rgba(0,0,0,0.4); margin-bottom:4px;}    
.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}





/*-----------------------------------------------------

    4.Visual & Map 

-----------------------------------------------------*/
.visual-map {
  width: 100%;
  overflow: hidden;

  padding: 0px 0px;
  position: relative;
}
.visual-map .vm-inner {
  margin: 0 auto;
  padding: 0;
  position: relative;
  float: right;
}



/*  メインビジュアル
-------------------------*/

.error-message {
   color:#ff0000;
}


#mainvisual-inner .img:first-child {
  position: relative;
  display: block;
}

#mainvisual-btn {
  display: none;
}


.bg_h2{ background:url(../img/bg_h2.png) bottom repeat-x; font-size:26px; font-weight:bold; padding:32px 0 20px 30px; text-align:center; margin:10px 0 0 0px;}


/*  エリアから探す（地図）smaho-map
-------------------------*/
.smaho-map {
    margin:0 10px;

}


/*  エリアから探す（地図）
-------------------------*/
.main-map {
  width: 500px;
  height: 450px;
  background: url(../img/webban_map.png) no-repeat;
  position: relative;

}
.main-map .area1, .main-map .area2, .main-map .area3, .main-map .area4, .main-map .area5, .main-map .area6, .main-map .area7, .main-map .area8, .main-map .area9 {
  position: absolute;
  left: 345px;
  top: 90px;
  padding: 7px;
  margin: 0;
}
.main-map .area1 span, .main-map .area2 span, .main-map .area3 span, .main-map .area4 span, .main-map .area5 span, .main-map .area6 span, .main-map .area7 span, .main-map .area8 span, .main-map .area9 span {
  display: none;
}
.main-map .area1 ul, .main-map .area2 ul, .main-map .area3 ul, .main-map .area4 ul, .main-map .area5 ul, .main-map .area6 ul, .main-map .area7 ul, .main-map .area8 ul, .main-map .area9 ul {
  margin: 0;
}
.main-map .area1 ul li a, .main-map .area2 ul li a, .main-map .area3 ul li a, .main-map .area4 ul li a, .main-map .area5 ul li a, .main-map .area6 ul li a, .main-map .area7 ul li a, .main-map .area8 ul li a, .main-map .area9 ul li a {

  display: block;
  width: 48px;
  height: 26px;
  margin: 0 0 3px;  text-indent: -9999px; overflow:hidden;
}

.tooltip{  text-indent: -9999px; overflow:hidden;}

.main-map .area4, .main-map .area5, .main-map .area6, .main-map .area7, .main-map .area8, .main-map .area9 {
  width: 98px;
 -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box; box-sizing: content-box;
}
.main-map .area4 ul, .main-map .area5 ul, .main-map .area6 ul, .main-map .area7 ul, .main-map .area8 ul, .main-map .area9 ul {
  margin: 0 -2px 0 0;
}
.main-map .area4 ul li, .main-map .area5 ul li, .main-map .area6 ul li, .main-map .area7 ul li, .main-map .area8 ul li, .main-map .area9 ul li {
  float: left;
  margin: 0 2px 0 0;
}
.main-map .area1 .pref1 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  background-position: -500px 0;
  position: absolute;

}
.main-map .area2 {
  left: 422px;
  top: 20px;
}
.main-map .area2 .pref2 a:hover {
  background: url(../img/webban_map.png) no-repeat;

  background-position: -500px -27px;
  position: absolute;
}
.main-map .area2 .pref3 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -500px -54px;
}
.main-map .area2 .pref5 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -500px -81px;
}
.main-map .area2 .pref6 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -500px -108px;
}
.main-map .area2 .pref4 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -500px -135px;
}
.main-map .area2 .pref7 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -500px -162px;
}
.main-map .area3 {
  left: 402px;
  top: 212px;
}
.main-map .area3 .pref13 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -500px -189px;
}
.main-map .area3 .pref14 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -500px -216px;
}
.main-map .area3 .pref11 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -500px -243px;
}
.main-map .area3 .pref12 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -500px -270px;
}
.main-map .area3 .pref10 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -500px -297px;
}
.main-map .area3 .pref9 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -500px -324px;
}
.main-map .area3 .pref8 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -500px -351px;
}
.main-map .area4 {
  left: 199px;
  top: 109px;
}
.main-map .area4 .pref19 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px 0;
}
.main-map .area4 .pref15 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -27px;
}
.main-map .area4 .pref17 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -54px;
}
.main-map .area4 .pref20 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -81px;
}
.main-map .area4 .pref16 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -108px;
}
.main-map .area4 .pref18 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -135px;
}
.main-map .area5 {
  left: 275px;
  top: 347px;
}
.main-map .area5 .pref23 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -324px;
}
.main-map .area5 .pref21 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -351px;
}
.main-map .area5 .pref22 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -378px;
}
.main-map .area5 .pref24 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -405px;
}
.main-map .area6 {
  left: 70px;
  top: 89px;
}
.main-map .area6 .pref27 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -162px;
}
.main-map .area6 .pref26 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -189px;
}
.main-map .area6 .pref29 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -216px;
}
.main-map .area6 .pref28 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -243px;
}
.main-map .area6 .pref25 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -270px;
}
.main-map .area6 .pref30 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -549px -297px;
}
.main-map .area7 {
  left: 20px;
  top: 198px;
}
.main-map .area7 .pref33 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px 0;
}
.main-map .area7 .pref31 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -27px;
}
.main-map .area7 .pref35 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -54px;
}
.main-map .area7 .pref34 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -81px;
}
.main-map .area7 .pref32 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -108px;
}
.main-map .area8 {
  left: 148px;
  top: 347px;
}
.main-map .area8 .pref38 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -135px;
}
.main-map .area8 .pref39 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -162px;
}
.main-map .area8 .pref37 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -189px;
}
.main-map .area8 .pref36 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -216px;
}
.main-map .area9 {
  left: 20px;
  top: 307px;
}
.main-map .area9 .pref40 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -243px;
}
.main-map .area9 .pref42 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -270px;
}
.main-map .area9 .pref44 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -297px;
}
.main-map .area9 .pref46 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -324px;
}
.main-map .area9 .pref41 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -351px;
}
.main-map .area9 .pref43 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -378px;
}
.main-map .area9 .pref45 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -405px;
}
.main-map .area9 .pref47 a:hover {
  background: url(../img/webban_map.png) no-repeat;
  position: absolute;
  background-position: -598px -432px;
}


/* sumaho */
@media screen and (max-width: 767px) {
    /* スマホ地図消す */
.head_c{ height:40px; width:100px;text-align:right; margin-top:10px; }

;}

/* PC、padは非表示 */
@media screen and (min-width: 481px) {
.smaho-map {
    display:none;
}

;}

/* sumaho */
@media screen and (max-width: 480px) {
    /* スマホ地図消す */
.visual-map .main-map{ display:none; overflow:hidden;}

p{ font-size:13px; padding-bottom:10px;}
span.touroku, span.list-group-item-info {display: inline-block;}
.contents_def div {text-align: center;}
h3{ font-size:16px; margin-top:16px; line-height:1.6em;}

.head_a{ height:40px; width:100px; padding-bottom:10px;}
.head_c{ height:40px; width:70px;text-align:right; margin-top:30px; display:none; }
.head_b{ width:160px;height:20px;text-align:right; margin-top:0px; }
 
 
 
 /* 問い合わせボタン上 */
#wrap_webban .inq a{  font-size:10px; color:#FFF; background-color:#F47C3C; padding:10px 10px;
box-shadow: 3px 3px 0px #CE5B29; 
text-decoration:none;
-moz-box-shadow: 3px 3px 0px #CE5B29;　/* Firefox用 */  
-webkit-box-shadow: 1px 1px 3px #CE5B29;　/* Safari,Google Chrome用 */
 border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */
}

/* 問い合わせボタン下 */
.inq a{  font-size:13px; color:#FFF; background-color:#F47C3C; padding:10px 2px; display:block;
box-shadow: 4px 4px 0px #CE5B29; 
text-decoration:none;
-moz-box-shadow: 4px 4px 0px #CE5B29;　/* Firefox用 */  
-webkit-box-shadow: 4px 4px 0px #CE5B29;　/* Safari,Google Chrome用 */
 border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */
    margin:10px 0px; text-align:center; line-height:1.5em;
}



/* ウェブバン　ロゴエリア */
#wrap_webban{ background:url(../img/web_bg.png) bottom repeat-x; height:60px; font-size:11px; /*padding:16px 0 0 0;*/
-moz-box-shadow: 0px 4px 6px #444;
-webkit-box-shadow: 0px 4px 6px #444;
border-radius: 1px;
position:relative;  z-index:10;
}


.wrap_doui .container .contents_def{ background-image:none;}

.bg_h2{ background:url(../img/bg_h2.png) bottom repeat-x; font-size:14px; font-weight:bold; padding:14px 4px 14px 10px; text-align:left; margin-top:0px;}

;}


/*-----------------------------------------------------

こんなことでお困りではありませんか？ 

-----------------------------------------------------*/

#wrap_doui .contents_def p{
     font-size:18px; font-weight:bold;  
    }

/*-----------------------------------------------------

H2 アイコン表示

-----------------------------------------------------*/
p.absolute-0    {  
    position: absolute;  
    top: -20px;  
    left: 3%;  
}  
.container{position: relative; }

/* sumaho */
@media screen and (max-width: 767px) {
	p.absolute-0 {display: none;}
}


/*-----------------------------------------------------

プロモーション動画

-----------------------------------------------------*/
#promo {
	position: relative;
}

.promo {
	position: absolute;
	top: 34px;
	left: 292px;
}

.promo iframe {
	width: 320px;
	height: 180px;
}

/* sumaho */
@media screen and (max-width: 767px) {
	#promo > img {
		display: none;
	}
	.promo {
		position: relative;
		margin: 0 auto;
		top: 0px;
		left: 0px;
	}
	.promo iframe {
	width: auto;
}
;}



/*-----------------------------------------------------
ヘッダ
-----------------------------------------------------*/
.pull-right p.inq {
	float: right;
}

.pull-right p.inq:first-child {
	margin-left: 10px;
}


/*-----------------------------------------------------
料金表
-----------------------------------------------------*/
.table-price {
	text-align: center;
}

.table-price tr td:first-child {
	text-align: left;
}


/*-----------------------------------------------------
トップページ・ニュースリスト・スタイリング
-----------------------------------------------------*/
.h3 {
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

div.wrap_def > div.container > div.contents_def > div > dl.dl-horizontal > dt,
div.wrap_def > div.container > div.contents_def > div > dl.dl-horizontal > dd {
	border: none;
}

div.wrap_def > div.container > div.contents_def > div > dl.dl-horizontal > dd {
	padding-left: 1em;
}

div.wrap_def > div.container > div.contents_def > div > dl.dl-horizontal {
	margin-bottom: 20px;
}

div.wrap_def > div.container > div.contents_def > div h3 a {
	text-decoration: none;
}