@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 {

	line-height: 1.5;
	color: #333;
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック", "MS PGothic", "Hiragino Kaku Gothic ProN",   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;
}

/* img センタリング */
.img_center{ margin: 0 auto;}
.img-responsive-overwrite{
    margin: 0 auto;
}
.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;}

.f16{ font-size:15px;}


.marquee {
    overflow: hidden;
    white-space: nowrap;
width:900px;
display:block;

}

marquee {
	overflow: -webkit-marquee;
	white-space: nowrap;
}



/* =========================================================
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:url(../img/bg_webban_info.png) bottom repeat-x; height:28px; overflow:hidden; font-size:11px;}

.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;}

/* スライダー */
/* slider_Area */
.wrap_slider{background: url(../img/bg_slider01.png)  bottom center;  background-repeat:repeat-x; padding:6px 0; margin:2px 0 1px; }
.wrap_slider>.container{ background: url(../img/bg_slider02.png) bottom center; background-repeat:no-repeat;
    max-width: 900px;
  max- height: 300px;
}


.sp-slide img {
	margin: 0 auto;
}


/* スライダーキャラ */
.wrap_slider .cara_w { position: relative; }

.wrap_slider .cara_w  .cara_l  {
 position: absolute;
    top: 105px;
    left: -132px;
}
.wrap_slider .cara_w  .cara_r  {
 position: absolute;
    top: 137px;
   right:-110px;
}


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

.modal-body p.img-responsive {
	overflow: scroll;
}

/* 動画_Area */
#move_area{ background-color:#EAEAE4; padding:20px; margin-top:0px;}

/* 騒音 */
.bg_db{ background:#F4EEE4; padding:6px 0 4px 4px; font-size:0.8em; margin-bottom:4px;font-weight:700;}
.media-body p{  font-weight:600; font-size:1.14em;}




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

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

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

.pull-left p, .pull-right p {
	font-size: 80%;
}

.pull-right .btn {
	float: right;
}

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



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


/* =========================================================
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;}

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

.h2{ background:url(../img/tit_h2.png) no-repeat; padding:22px 0 10px 72px; font-size:24px; margin-bottom:1px;  color:#F60;
 min-height:60px; font-weight:bold;
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;

 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
}


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

.navbar-collapse .navbar-nav li{ font-size:14px;}


/* 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{
background:url(../img/tit_h2.png) no-repeat; padding:18px 0 10px 40px; margin-bottom:0px;  color:#F60;
font-size:18px;background-size:cover;margin-bottom:1px;
}


#wrap_header01{ max-height:70px; }



/* スライダーキャラ */
.wrap_slider .cara_w { position: relative; }

.wrap_slider .cara_w  .cara_l  {
 position: absolute;
    top: 134px;
    left: -18px;
}
.wrap_slider .cara_w  .cara_r  {
 position: absolute;
    top: 132px;
   right:-17px;
}

.cara_l img, .cara_r img{  max-width: 44px;
   height: auto;}
;}



/* =======================================
    お知らせ
======================================= */


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


/* =========================================================
 #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;
}



/* #flickthumb
--------------------------- */
#flickthumb {
    margin: ;
    width:;
    height: px;

}
#flickthumb ul {
    width: 100px;
    height:  ;
}
#flickthumb ul li {
    width: 100px;
    height: 100px;
    float: left;

}
#flickthumb ul li.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}


/* =======================================
    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;
}

.dl-horizontal dt, .dl-horizontal dd{ padding-top:10px; line-height:1.6em;}
.dl-horizontal dt{ padding-left:0; margin-left:0; text-align:left;}





/*  ページ上へ */
#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;}



/* ボタンカラー */
.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}



/*
 * Signage用テーマ
 */

#signage {
	display: none;
}

#signage #signage_slide_stage {
	position: relative;
	width: 100%;
	height: 990PX;
	overflow: hidden;
}

#signage .stage, #signage .stage_mini {
	position: absolute;
	height: 100%;
	margin: 0 auto;
	padding-right: 8px;
	left: 5%;
	overflow: hidden;
}

#signage_slider {
	width: 100%;
}

#signage_basic, #signage_news, #signage_present, #signage_questionnaire, #signage_inquiry {
	width: 90%;
	padding-top: 40px;
}

#signage .stage, #signage .stage_mini {
	left: 110%;
}

.show {
	left: 5% !important;
}

.LoadingView {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: white;
	z-index: 99999;
}



@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;                                                                                                            width: 200px !important;                                                                                                overflow: hidden;
        clear: left;                                                                                                            text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;                                                                                                }
}