@charset "utf-8";

@media only screen and (max-width:959px){
	
	#contact_wrap, .floatTelArea, .btnList{display:block;}

.btnList{
position:fixed;
bottom:0px;
right:0px;
width:100%;
line-height:20px;
background:#fff;
font-size:80%;
}

.btnList li.contact_wrap_tel{
width:33%;
float:left;
margin:2% 1% 2% 2%;
padding:2%;
background:#0e83c6;
text-align:center;
}

.btnList li.contact_wrap_web{
width:61%;
float:right;
margin:2% 2% 0 0; 
padding:2%;
background:#e62d8b;
text-align:center;
}

a.icn{
	font-weight:bold;
	font-size:110%;
	color:#FFF;
	text-decoration:none;
}

.fixPageTop {bottom: 75px;}

.floatTelArea {
  display: none;
  position: absolute;
  left: 4.6875%;
  width: 90.625%;
  background: #f2efe6;
  font-size:100%;
	box-shadow:0px 6px 4px rgba(34, 25, 25, 0.4);
	-moz-box-shadow:0px 4px 4px rgba(34, 25, 25, 0.4);
	-webkit-box-shadow:0px 4px 10px rgba(34, 25, 25, 0.4);
}
.floatTelArea p {
  margin-bottom: 10px;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 1.5;
}
.closeFloat {
  display: block;
  padding: 10px 0;
  background: #408dcb;
  text-align: center;
  color: #fff;
  font-size: 14px;
  vertical-align: middle;
  text-decoration: none;
}
.closeFloat:before {
  content: "\0d7";
  padding-right: 10px;
  font-size: 30px;
  line-height: 16px;
  vertical-align: sub;
}
.fix {
  margin: 0 auto;
  padding: 10px 0;
  width: 86.27%;
  text-align:center;
}
.fix a {
  color: #f16600;
  font-size:130%;
  font-weight: bold;
  text-decoration: underline;
}
.floatTelArea .arrow-down {
  position: absolute;
  left: 11.13%;
  bottom: -24px;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 24px solid #f2efe6;
}


#footer_form_wrap,
#sidebar{display:none !important;}

.pb90{padding-bottom:5px;}

*{
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

#pankuzu{
margin:5px auto 10px;
padding:0 0 5px 20px;
width:100%;
font-size:60%;
border-bottom:1px dashed #0862AA;
}

#wrapper{
width:98%;
position:relative;
margin:0 auto;
padding:5px 1% 0;
}

h2.heading, h3.heading{
height:auto;
font-size:110%;
font-weight:bold;
padding:20px 10px 10px 105px;
line-height:1.2;
color:#0862aa;
border-bottom:2px solid #0862AA;
background:url(../img/share/h3_bg.png) no-repeat left top;
}
/*************
/* TOPページフォーム
*************/
#mainBanner_area{
width:100%;
height:auto;
position:relative;
margin:5px auto 20px;
padding:0px;
line-height:0;
}

#mainBanner_area img{
max-width:100%;
height:auto;
border:0px solid #0862aa;
}

.flexslider_2{
width:100%;
height:auto;
margin:0px auto;
padding:0;
background:#e3f3fa;
border:0px solid #6C6;

background-color:none;

-moz-background-size:100% auto;
background-size:100% auto;
}

.form_wrap{
width:98%;/* important */
height:auto;/* important */
margin:1% auto 10px;
padding:0;

background:url(../img/top/form_bg.png) repeat left top;

border:2px solid #6C6;
border-radius: 10px;/* CSS3草案 */
-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
-moz-border-radius: 10px;/* Firefox用 */

-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
}

.form_area{
width:auto;/* important */
height:auto;/* important */
margin:0;
padding:0 0 5px;
background:url(../img/top/form_bg.png) no-repeat left center;
}

.table_wrap{
width:100%;
height:auto;
margin:0 auto;
padding:0 0px ;
background-image:none;
background-repeat:repeat;
background-position:left top;
}

input.btn_submit01, input.btn_submit02 {
display:none;
}

input.btn_submit01_sp, input.btn_submit02_sp {
cursor: pointer;
display: block;
margin:0 auto;
padding:10px;
border: 2px solid #0862AA;
background-color:#fff;
border-radius: 10px;/* CSS3草案 */
-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
-moz-border-radius: 10px;/* Firefox用 */
}

input.btn_submit01_sp:hover, input.btn_submit02_sp:hover {
opacity:0.6;
filter:alpha(opacity=60);
}

/**************************
/* TOPページForm 1ページ目
**************************/

table.top_form01{
width:33%;
height:auto;
font-size: 90%;
margin:5px 0px 0;
border:5px solid #fff;
border-collapse:collapse;
border-spacing:0;
}

table.top_form01 th{
font-weight:bold;
padding:15px 5px;
font-size: 15px;
color:#fff;
background-color:#0862AA;
vertical-align:middle;
text-align:center;
border-radius: 0px;/* CSS3草案 */
-webkit-border-radius: 0px;/* Safari,Google Chrome用 */
-moz-border-radius: 0px;/* Firefox用 */
}

table.top_form01 td{
padding:5px 0;
text-align:center;
}

table.top_form01 td img{
width:60%;
}

table.top_submit01{
width:100%;
height:auto;
border:5px solid #fff;
border-collapse:collapse;
border-spacing:0;
margin:5px 0px 0px 0px;
float:left;
}

table.top_submit01 th{
font-weight:bold;
padding:0;
text-align:center;
}

table.top_submit01 td{
padding:0px 0;
text-align:center;
}


table.top_form01 img{
margin:0px 0px 5px 0px;
}

table.top_form01 input{
border: 2px solid #999;
margin:0 0 5px 0;
padding:10px 3px;
text-align:center;
font-size: 13px;
}

table.top_form01 select.city, table.top_form01 select.pref{
border: 2px solid #999;
margin:0 0 5px 0;
padding:10px 3px;
text-align:center;
}

input.text_zip21 {
width: 30%;
}

input.text_zip22 {
width: 40%;
}

select.pref, select.city {
width: 90%;
}


input#datepicker {
width:90%;
}

/**************************
/* TOPページForm 2ページ目
**************************/

table.top_form02{
width:50%;
height:auto;
font-size: 90%;
margin:5px 0px 0;
border:5px solid #fff;
border-collapse:collapse;
border-spacing:0;
}

table.top_form02 th{
font-weight:bold;
padding:15px 5px;
font-size: 15px;
color:#fff;
background-color:#0862AA;
vertical-align:middle;
text-align:center;
border-radius: 5px;/* CSS3草案 */
-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
-moz-border-radius: 5px;/* Firefox用 */
}

table.top_form02 td{
padding:5px 0;
text-align:center;
}

table.top_submit02{
width:100%;
height:auto;
border:5px solid #fff;
border-collapse:collapse;
border-spacing:0;
margin:0px 0px 0px 0px;
float:left;
}

table.top_submit02 th{
font-weight:bold;
padding:0;
text-align:center;
}

table.top_submit02 td{
padding:0px 0;
text-align:center;
}

table.top_form02 input{
border: 2px solid #999;
margin:0 0 5px 0;
padding:15px 3px;
text-align:center;
font-size: 13px;
}

input.text_name1, input.text_name2, input.text_kana1, input.text_kana2 {
width: 45%;
}

input.text_mail {
width: 90%;
}

input.text_tel1 {
width: 20%;
}

input.text_tel2, input.text_tel3 {
width: 30%;
}

/**************************
/* TOPページForm 3ページ目
**************************/

table.top_form03{
width:720px;
height:auto;
font-size: 13px;
border-collapse:collapse;
border-spacing:0;
margin:10px 2px 0px 0px;
border-collapse: separate;
border-spacing:2px;
float:left;
}

table.top_form03 th{
width: 200px;
font-weight:bold;
padding:15px 5px;
font-size: 15px;
color:#fff;
background-color:#0862AA;
vertical-align:middle;
text-align:center;
border-radius: 5px;/* CSS3草案 */
-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
-moz-border-radius: 5px;/* Firefox用 */
}

table.top_form03 td{
padding:15px 5px;
text-align:left;
}

/**************************
/* TOPページForm サンクスページ
**************************/

table.form_thanks{
width:100%;
height:auto;
line-height:1.2;
font-size: 15px;
border-collapse:collapse;
border-spacing:0;
margin:10px auto;
border-collapse: separate;
border-spacing:2px;
clear:both;
}

table.form_thanks th{
width:100%;
height:auto;
line-height:1.2;
font-weight:bold;
margin:2px;
padding:20px 10px;
color:#fff;
background-color:#0862AA;
vertical-align:middle;
text-align:center;
border-radius: 5px;/* CSS3草案 */
-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
-moz-border-radius: 5px;/* Firefox用 */
}

table.form_thanks td{
width:100%;
height:auto;
font-size: 13px;
padding:20px 5px;
text-align:center;
}

input.text_street {
width: 90px;
}

/*************
/* 下層ページフォーム
*************/

.form_mini_wrap{
width:568px;
height:111px;
margin:0px 0 10px 0;
padding:0;
background:url(../img/share/mini_bg.png) no-repeat top center;
}

.table_wrap_mini{
width:auto;
height:auto;
margin:45px 0 0 85px;
padding:0;
}

table.form_mini01{
height:auto;
font-size: 12px;
border-collapse:collapse;
border-spacing:0;
margin:0 3px 0 0;
float:left;
}

table.form_mini01 th{
width:auto;
font-weight:bold;
padding:3px 5px;
color:#fff;
background-color:#0862AA;
vertical-align:middle;
text-align:center;
border-radius: 5px;/* CSS3草案 */
-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
-moz-border-radius: 5px;/* Firefox用 */
}

table.form_mini01 td{
padding:5px 0;
text-align:center;
}

input.btn_submit_mini {
margin:-5px auto 0;
cursor: pointer;
display: block;
width: 48px;
height: 48px;
border: none;
text-indent: -9999px;
background: url(../img/share/step01_mini.png) no-repeat 0 0;
}

input.btn_submit_mini:hover {
  background: url(../img/share/step01_mini.png) no-repeat 0 -48px;
}

input.text_zip21mini {
width: 25px;
font-size:95%;
}

input.text_zip22mini {
width: 30px;
font-size:95%;
}

select.select_mini {
font-size:95%;
}

input#datepicker_mini {
width: 100px;
font-size:95%;
}

@-moz-document url-prefix() { 
input.text_zip21mini, input.text_zip22mini, select.select_mini, input#datepicker_mini {
font-size:90%;
}

select.select_mini {
padding:2px 0;
}
}

/**************************
/* 黒板（トップページ+サブページ）
**************************/

.board_area{
width:675px;
height:439px;
margin:0px auto 10px;
padding:0;
background:url(../img/top/board_tab.png) no-repeat center top;
}

.board_title_wrap{
width:640px;
height:auto;
padding:63px 0 0px 25px;
}

.board_title01, .board_title02, .board_title03, .board_title04, .board_title05, .board_title06, .board_title07{
width:647px;
height:45px;
padding:7px 0 0 270px;
color:#fff;
}

a:hover .board_title01, a:hover .board_title02, a:hover .board_title03, a:hover .board_title04, a:hover .board_title05, a:hover .board_title06, a:hover .board_title07{
opacity: 0.7;/*要素の透明度を指定*/
filter: alpha(opacity=70); /*ie6、7の透明度指定*/
}

a .board_title01{
background:url(../img/top/board_title_tab01.png) no-repeat left top;
}

a .board_title02{
background:url(../img/top/board_title_tab02.png) no-repeat left top;
}

a .board_title03{
background:url(../img/top/board_title_tab03.png) no-repeat left top;
}

a .board_title04{
background:url(../img/top/board_title_tab04.png) no-repeat left top;
}

a .board_title05{
background:url(../img/top/board_title_tab05.png) no-repeat left top;
}

a .board_title06{
background:url(../img/top/board_title_tab06.png) no-repeat left top;
}

a .board_title07{
background:url(../img/top/board_title_tab07.png) no-repeat left top;
}

.logo, .info{
width:100%;
height:auto;
display:block;
text-align:center;
clear:both;
margin:0 auto 0px;
text-indent:0px;
background: none;
}

p.tel{
display:none;
}

.sp_bnnr{
clear:both;
width:100%;
height:auto;
margin:-10px auto 0;
display:block;
}

.sp_bnnr p{
width:100%;
height:auto;
float:left;
clear:both;
text-align: center;
padding:0 0 0 20px;
}

.sp_bnnr img{
width:40%;
max-width:200px;

height:100%;
margin:0 2% 10px 0;
}

.area_text{
width:100%;
height:auto;
font-size:110%;
font-weight:bold;
color:#0862aa;
display:block;
text-align:center;
clear:both;
margin:0 auto;
text-indent:0px;
background: none;
}

.area_slide{
overflow:hidden;/* important */
width:100%;
height:87px;
float:left;
margin:10px 0 0 10px;
background: url(../img/area/nakano.png) 5px -65px no-repeat;
background-size:80%;
text-indent:-9999px;
position:absolute;
z-index:2;
}

/**************************
/* 収縮メニュー 表示切り替え
**************************/

nav#mainNav{
clear:both;
width:100%;
margin:0 auto;
padding:0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fff), color-stop(0.00, #f7f7f7));
background: -webkit-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: -moz-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: -o-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: linear-gradient(top, #f7f7f7 0%, #fff 100%);
border:1px solid #e4e4e4;
background:#fff;
}

nav#mainNav a.menu{
width:100%;
display:block;
height:40px;
line-height:40px;
font-weight: bold;
text-align:left;
}

nav#mainNav a#menu span{padding-left:10px;}
nav#mainNav a.menu span:before{content: "→ ";}
nav#mainNav a.menuOpen span:before{content: "↓ ";}

nav#mainNav a#menu:hover{cursor:pointer;}

nav .panel{
display: none;
width:100%;
position: relative;
right: 0;
top:0;
z-index: 1;
}

nav#mainNav ul li{
float: none;
clear:both;
width:100%;
height:auto;
line-height:1.2;
}

nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
display: block;
padding:15px 10px;
text-align:left;
border-bottom:1px dashed #ccc;
}

nav#mainNav ul li a span{padding-left:10px;}

nav#mainNav ul li:first-child a{
border-top:1px solid #e4e4e4;
}

nav#mainNav ul li:last-child a{border:0;}

nav#mainNav ul li.active a{color:#006699;}

nav div.panel{float:none;}

/**************************
/* 下層ページフォーム 表示切り替え
**************************/

nav#mainNav2{
clear:both;
width:100%;
margin:-8px auto 10px;
padding:0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fff), color-stop(0.00, #f7f7f7));
background: -webkit-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: -moz-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: -o-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: linear-gradient(top, #f7f7f7 0%, #fff 100%);
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
background:#ae0303;
}

nav#mainNav2 a.menu{
width:100%;
display:none;
height:40px;
line-height:40px;
font-weight: bold;
text-align:left;
text-align:center;
color:#fff;
}

nav#mainNav2 a#menu span{padding-left:10px;}
nav#mainNav2 a.menu span:before, nav#mainNav2 a.menu span:after{content: " ▶▶▶";}
nav#mainNav2 a.menuOpen span:before, nav#mainNav2 a.menuOpen span:after{content: " ▼▼▼";}

nav#mainNav2 a#menu:hover{cursor:pointer;}

nav#mainNav2 .panel{
display:block;
width:568px;
margin:0 auto;
position: relative;
right: 0;
top:0;
z-index: 1;
background:#fff;
}

nav#mainNav2 ul li{
float: none;
clear:both;
width:100%;
height:auto;
line-height:1.2;
}

nav#mainNav2 ul li a,nav#mainNav ul li.current-menu-item li a{
display: block;
padding:15px 10px;
text-align:left;
border-bottom:0px dashed #ccc;
}

nav#mainNav2 ul li a span{padding-left:10px;}

nav#mainNav2 ul li:first-child a{
border-top:1px solid #e4e4e4;
}

nav#mainNav2 ul li:last-child a{border:0;}

nav#mainNav2 ul li.active a{color:#006699;}

nav div.panel{float:none;}

nav#mainNav2 a#menu{display:block;}

#subpage #mainBanner, #mainBanner_sub, .mainBanner_no_border, .mainBanner_request, .mainBanner_no_border_top, #mainBanner_area{max-width:668px;}

#sidebar{padding-bottom:30px;}
#sidebar article{padding:7px 0;margin-bottom:20px;}
#sidebar p{text-align:center;}

#footer .grid,#footer ul.footnav{
float:none;
width:100%;
text-align:center;
}

.footnav h3{
width:100%;
padding:0;
font-size:110%;
color:#0862AA;
background-color:#e3f3fa;
border-left:0px;
margin:0 0 15px 0;
}

ul.footnav li{float:none;display:inline-block;}

.grid{
width:32%;
margin:10px 0 0 1%;
}

#gallery .grid{
float:left;
width:31%;
margin:0 0 0 1%;
}

#footer .grid img, #footer .info{float:none;}
#footer .grid p{display:block;}
#footer #info .info{float:none;text-align:center;}

#footer.logo,#footer .info{
width:100%;
float:none;
}

.mainBanner_no_border{
margin:0 auto;
max-width:95%;
text-align:center;
height:auto;
}

.mainBanner_no_border img{
margin:0 auto 10px;
max-width:95%;
height:auto;
}

.mainBanner_no_border_top{
margin:0 auto;
max-width:95%;
text-align:center;
height:auto;
}

.mainBanner_no_border_top img{
margin:0 auto 10px;
max-width:95%;
height:auto;
}

#area_slide{
overflow:hidden;/* important */
width:100%;
height:89px;
float:left;
margin:19px 0 0 10px;
position:absolute;
z-index:2;
border:0px solid #0862aa;
}

#area_slide img{
border:0px solid #0862aa;
max-width:95%;
}

.bnnr{
	display:block;
width:95%;
max-width:612px;
height:auto;
margin:0 auto 5px;
}
}