@charset "utf-8";

 html, body {
      width: 100%;
      height: 100%;
}

body{
	background:#FFFFFF;
}

h2, h3, h4, h5, h6, p, li, dt, dd, th, td, .form-bt{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

a {
	color:#008BD9;
	transition: color 0.8s ease 0s;
}

a:hover{
	color: #FF7600;
}

/* All
--------------------------------------------------------------------------*/

#wrap{
	width:100%;
	margin-top:140px;
}

#wrap, #footer{
	position:relative;
}

#footer{ z-index:3; }


@media screen and (max-width:960px) {

#wrap{
	margin-top:160px;
}

}

@media screen and (max-width:800px) {

#wrap{
	height:auto;
	margin-top:0px;
}

}

/* TOP
--------------------------------------------------------------------------*/

#top-m-key-v {
	position:relative;
    width: 100%;
	background: url(../img/top/key-v-bg.jpg) top center no-repeat #ffffff;
	background-size: cover;
    z-index: 21;
}

#top-key-v {
	position:relative;
	margin-top:51px;
    width: 100%;
	background: #ffffff url(../img/cmn/header/page-header.jpg) top left no-repeat;
	background-size:100%;
    z-index: 21;
}

#top-ds{
	background:#2863af;
	width: 100%;
	padding: 20px 0 10px 0;
}

#top-ds ul{
	position:relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	max-width: 980px;
	overflow:hidden;
    z-index: 23;
}

.top-key-v-box{
	position:relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	max-width: 700px;
	overflow:hidden;
}

.top-key-v-menu{
	position:relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	max-width: 980px;
	overflow:hidden;
}

.top-key-v-spb{
	position:absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	max-width: 200px;
	overflow:hidden;
}

.top-key-v-menu h4{
	color: #386baf;
	font-size: 160%;
	text-align: center;
	margin:0 8% 25px 8%;
}

.top-key-v-menu p{
	text-align: center;
	margin:0 8% 25px 8%;
}

span.top-time-ttl{
	color: #FFFFFF;
	background: #386baf;
	padding: 3px 8px;
	margin-right: 10px;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

span.top-time-week{
	display:inline-block;
	margin-right: 10px;
}

.top-key-v-menu p.top-art{
	font-size: 80%;
	color: #7c7c7c;
}

span.top-art-icon{
	display:inline-block;
}

span.top-art-tx{
	display:inline-block;
}


@media screen and (max-width:860px) {

span.top-art-icon{
	display:block;
	margin-bottom: 10px;
}

span.top-art-tx{
	display:block;
	margin-bottom: 10px;
}
}
	
@media screen and (max-width:640px) {

span.top-time-ttl{
	display:block;
	width: 160px;
	color: #FFFFFF;
	background: #386baf;
	padding: 3px 8px;
	margin:0 auto 10px auto;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

span.top-time-week{
	display:block;
	width: auto;
	margin-bottom: 10px;
	margin-left: 0px;
}

}

#top-info{
	padding:0 0 0 0;
	background:url(../img/top/top-cnt-bg.jpg) bottom left no-repeat;
	background-size: 100%;
}

#top-about{
	background:#fefbff url(../img/cmn/contents/contents-bg1.jpg) bottom left repeat-x;
	padding:0;
}

#top-news{
	padding:30px 0 10px 0;
}

/* NEWS */

.info-ls li{
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #E9E9E9;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}

.info-ls dt{
	float:left;
	width:20%;
	padding: 11px 0 11px 0;
	margin:0;
}

.info-ls dd{
	float:left;
	width:80%;
	padding:11px 0 11px 0;
	margin:0;
}

@media screen and (max-width:900px) {

.top-key-v-menu p.top-art span.top-art-tx{
	text-align: left !important;
}

}

@media screen and (max-width:800px) {

#top-m-key-v {
    position:relative;
    width: 100%;
    z-index: 1;
}
	
#top-key-v {
    position:relative;
	margin-top:0px;
    width: 100%;
    z-index: 1;
}

#top-key-v {
	background: none;
}

.top-key-v-menu h4{
	font-size: 130%;
	margin:0 8% 5px 8%;
}

.top-time-ttl{
	margin-right: 0px;
}

.info-ls dt{
	float:none;
	width:100%;
	padding: 11px 0 0 0;
	font-size: 90%;
}

.info-ls dd{
	float:none;
	width:100%;
	padding:0 0 11px 0;
	font-size: 90%;
}

}

/* Header
--------------------------------------------------------------------------*/

#header{
	width:100%;
	height:auto;
	border-bottom: solid 1px #c8c8c8;
	position:fixed;
	top:0;
	background: #f8f8f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
    background: -moz-linear-gradient(top, #ffffff, #f7f7f7);
    background: -ms-linear-gradient(top, #ffffff, #f7f7f7);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0)";
	z-index:8000;
}


#g-navi{
	width:100%;
	padding:0;
	overflow:hidden;
}

/*ロゴ*/

.hd-logo{
	width:277px;
	margin:0;
	position:absolute;
	top:23px;
	left:30px;
	z-index:3000;
}

/*問い合わせ*/

.hd-contact{
	width:613px;
	margin:0;
	position:absolute;
	top:23px;
	right:25px;
	z-index:3000;
}

.hd-contact li{
	position: relative;
	float: left;
}

.hd-contact li.hd-tel{
	width: 245px;
	margin-right: 10px;
}

.hd-contact li.hd-net{
	width: 174px;
	margin-right: 10px;
}

.hd-contact li.hd-net:last-child{
	margin-right: 0px !important;
}

.hd-contact li img{
	width: 100%;
}

/*メインメニュー*/

.ct-menu{
	width:100%;
	margin:107px 0 0 0;
}

.ct-menu ul{
	width:100%;
	margin:0;
}

.ct-menu li{
	position: relative;
	float:left;
	box-sizing: border-box;
	width:16.62%;
	background: url(../img/cmn/header/menu-boder.png) center right no-repeat;
}

.ct-menu li:first-child{
	width:16.8%;
}
.ct-menu li:last-child{
	width:16.7%;
}

.ct-menu li a{
	width:100%;
	display:block;
	vertical-align:middle;
	text-align:center;
	font-size:90%;
	letter-spacing:0.1em;
	padding:12px 0 8px 0;
	color:#000000;
	border-bottom: solid 4px #f7f7f7;
	transition: background 0.8s ease 0s, border 0.8s ease 0s;
}

.ct-menu li a:hover{
	background:#17a1ff;
	border-bottom: solid 4px #17a1ff;
}

.ct-menu li:last-child{
	background: none;
}

.ct-menu li.in a{
	border-bottom: solid 4px #3f7bcd;
	color: #3f7bcd;
}

#toggle{ 
 display: none;
}

@media screen and (max-width:960px) {

.hd-logo{
	margin:0 auto;
	top:7px;
	left:0;
	right:0;
}

.hd-contact{
	margin:0 auto;
	top:70px;
	left: 0;
	right:0;
}

.ct-menu{
	margin:127px 0 0 0;
}

.ct-menu li span, .sb-menu li span{
	display:inline;
}

}

@media screen and (max-width:800px) {

#header{
	height:120px;
	position:relative;
}

/*ロゴ*/

.hd-logo{
	width:220px;
}

.hd-contact{
	width:524px;
	top:60px;
}

.hd-contact li.hd-tel{
	width: 208px;
	margin-right: 10px;
}

.hd-contact li.hd-net{
	width: 148px;
	margin-right: 10px;
}

/*メインメニュー*/

#g-navi{
	padding:0;
	margin:0;
}

#all-menu{
	display: none;
}

#all-menu li{
	border-right:none;
}

.ct-menu{
	padding:0;
}

.ct-menu{
	margin:121px auto 0px auto;
}

.ct-menu ul{
	margin: 0;
    width: 100%;
}

.ct-menu li{
	background: none;
	float: none;
	width:100%;
	display:table;
}

.ct-menu li a{
	width:100%;
	height:auto;
	display: block;
	color:#FFFFFF;
	background:#174a8d;
	border-bottom: solid 1px #193a65;
	vertical-align:none;
	padding:12px 0;
}

.ct-menu li:first-child{
	width:100%;
}
.ct-menu li:last-child{
	width:100%;
}
	
.ct-menu li.in a{
	border-bottom: solid 1px #2a303f;
	background: #0E2241;
	color: #ffffff;
}

.ct-menu li a:hover{
	background: #ff9c00;
	border-bottom: solid 1px #B05713;
}

.ct-icon {
	position:absolute;
	right:55px;
	top:15px;
}

.ct-icon li{
	margin-right:4px;
}

#toggle{
	display: block;
	position:absolute;
	right:5px;
	width: 40px;
	height:40px;
	margin-top:0px;
	z-index:3000;
}

#toggle a{
	display: block;
	position: relative;
	padding:0px;
}

}

@media screen and (max-width:560px) {

#header{
	height:107px;
}

.hd-contact{
	width: 400px;
}

.hd-contact li.hd-tel{
	width: 162px;
	margin-right: 4px;
}

.hd-contact li.hd-net{
	width: 115px;
	margin-right: 4px;
}

.ct-menu{
	margin:108px 0 0 0;
}

}

@media screen and (max-width:430px) {

#header{
	height:132px;
}

.hd-contact{
	width:200px;
}

.hd-contact li{
	float:none;
}
	
.hd-contact li.hd-tel{
	width: 139px;
	margin:0 auto 4px auto;
}

.hd-contact li.hd-net{
	float: left;
	width: 98px;
	margin-right: 4px;
}

.ct-menu{
	margin:133px 0 0 0;
}

}

/* Contents
--------------------------------------------------------------------------*/

/*layout*/

#contents{
	width:100%;
	padding:70px 0 0 0;
}

.cnt-box{
	width:900px;
	margin:0 auto 30px auto;
	padding:0 40px;
	clear:both;
	overflow:hidden;
}

.cnt-box-f{
	width:100%;
	padding:0;
	margin-bottom: 30px;
	clear:both;
	overflow:hidden;
}

#page .cnt-box-f{
	margin-bottom: 40px;
}

.cnt-box-l{
	float:left;
}

.cnt-box-r{
	float:right;
}

.cbw8{ width:77%; }
.cbw7{ width:67%; }
.cbw6{ width:57%; }
.cbw5{ width:47%; }
.cbw4{ width:37%; }
.cbw3{ width:27%; }
.cbw2{ width:17%; }

.cbw3w{ width:33.33%; }


@media screen and (max-width:1085px) {

.cnt-box{
	width:90%;
	padding:0 5%;
	clear:both;
	overflow:hidden;
}

}

@media screen and (max-width:800px) {

#contents{
	padding:30px 0 30px 0;
}

}
	
@media screen and (max-width:640px) {

.cnt-box{
	width:80%;
	padding:0 10%;
	clear:both;
	overflow:hidden;
}

.cnt-box-f{
	padding:0;
}

.cnt-box-l{
	float:none;
}

.cnt-box-r{
	float:none;
}

.cbw8, .cbw7, .cbw6, .cbw5, .cbw4, .cbw3, .cbw2, .cbw3w{
	width:100%;
}
	
}

/*text*/

.cnt-box h2{
	font-size:250%;
	line-height:120%;
	letter-spacing:0.1em;
	color:#007fd6;
	margin-bottom: 30px;
}

.cnt-box h3{
	font-size:170%;
	line-height:120%;
	letter-spacing:0.1em;
	color:#007fd6;
	margin:0px 0px 30px 0px;
	padding:8px 0;
	border-bottom: solid 1px #007fd6; 
}

#top-news .cnt-box h3{
	font-size:200%;
	margin:0px 0px 15px 0px;
	text-align: center !important;
	border: none !important;
}

.cnt-box h4{
	font-size:140%;
	line-height:120%;
	letter-spacing:0.1em;
	color:#007fd6;
	margin:0 0 20px 0;
}

.order-box h4{
	position: relative;
	color:#FFFFFF;
	margin:0px 0px 30px 0px;
	padding:6px 30px;
	background: #007fd6;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	behavior: url(/PIE.htc);
}

.order-box h4:after{
	content:''; 
	display:block; 
	position:absolute; 
	top:0;
	bottom:0;
	margin: auto;
	left:12px; 
	border-radius:30px;
	height:10px; 
	width:10px; 
	border:2px solid #1495ed;
}

.cnt-box h5{
	font-size:110%;
	letter-spacing:0.1em;
	color:#4c4c4c;
	margin:0 0 20px 0;
	padding:0 0 0 10px;
	border-left: solid 5px #007fd6;
}

.cnt-box h6{
	font-size:100%;
	letter-spacing:0.1em;
	color:#4c4c4c;
	font-weight: bold;
	margin:0 0 20px 0;
	padding:0;
}

.cnt-box p{
	font-size:100%;
	letter-spacing:0.1em;
	line-height:180%;
	color:#000000;
	margin:0 0 25px 0;
}

@media screen and (max-width:640px) {

.cnt-box h2{
	font-size:180%;
	margin-bottom: 15px;
}

.cnt-box h3{
	font-size:140%;
	margin:0px 0px 15px 0px;
}

.cnt-box h4{
	font-size:120%;
}

.cnt-box h5{
	font-size:100%;
}

.cnt-box h6{
	font-size:90%;
}

.cnt-box p{
	font-size:80%;
	letter-spacing:0.1em;
	line-height:180%;
}

.cnt-box th, .cnt-box td{
	font-size:80%;
	letter-spacing:0.1em;
	line-height:180%;
}

/*Image*/

p.image-sml{
	width:60%;
	margin:0 20% 15px;
}

}

/*List box*/

.list4{
	position:relative;
	overflow:hidden;
}

ul.list6, ul.list5, ul.list4, ul.list3, ul.list2, ul.list1{
	margin:0 15px 20px 15px;
	position:relative;
	overflow:hidden;
}

.top-key-v-menu ul.list4{
	margin:0 15px 10px 15px;
}

.list6 li{
	float:left;
	width:14.6%;
	margin:0 1% 10px 1%;
	position:relative;
}

.list5 li{
	float:left;
	width:18%;
	margin:0 1% 10px 1%;
	position:relative;
}

.list4 li{
	float:left;
	width:25%;
	margin:0 0 10px 0;
	position:relative;
}

.list4 li img{
	width:100%;
}

.list3 li{
	float:left;
	width:31.33%;
	margin:0 1% 10px 1%;
	position:relative;
}

.list2 li{
	float:left;
	width:48%;
	margin:0 1% 10px 1%;
	position:relative;
}

.list1 li{
	float:left;
	width:98%;
	margin:0 1% 10px 1%;
	position:relative;
}

.list-img4{
	margin:0 15px 15px;
	position:relative;
	overflow:hidden;
}

.list-img4 li{
	float:left;
	width:25%;
}

.list-img3{
	margin:0 15px 15px;
	position:relative;
	overflow:hidden;
}

.list-img3 li{
	float:left;
	width:33.3%;
}

.list-img2{
	margin:0 15px 15px;
	position:relative;
	overflow:hidden;
}

.list-img2 li{
	float:left;
	width:50%;
}

.list-tx2{
	margin:0 0 15px;
	position:relative;
	overflow:hidden;
}

.list-tx2 li{
	margin:0 5px 0 0;
	float:left;
}

@media screen and (max-width:800px) {

.list6 li{
	width:18%;
}

.list5 li{
	width:23%;
}

.list-img4 li{
	width:50%;
}

}

@media screen and (max-width:640px) {

.list6 li{
	width:23%;
}

.list5 li{
	width:31%;
}

.list4{
	margin-bottom:10px;
}

.list4 li{
	width:50%;
	margin:0 0 10px 0;
	position:relative;
}

.list3 li{
	width:80%;
	margin:0 10% 15px 10%;
}
	
.photo-stl.list4 li{
	width:48%;
}

.list-img4 li{
	width:100%;
}

.list-img3 li{
	width:100%;
	margin-bottom:10px;
}

.list-img2 li{
	width:100%;
}

}


@media screen and (max-width:500px) {

.list2 li{
	width:98%;
}


}

@media screen and (max-width:400px) {
	
.photo-stl.list4 li{
	width:98%;
	margin:0 1% 10px 1%;
}

}

/*Table*/

.table-wrap{
	margin:0 15px 20px 15px;
}

.cnt-box table {
	width:100%;
	background:#CCC;
	font-size:90%;
	letter-spacing:0.1em;
	line-height:160%;
	color:#333;
	}

.cnt-box th{
	background-color:#eaecef;
	text-align:left;
	padding: 7px 10px;
	border-spacing: 1px !important;
	}

.cnt-box td{
	background-color:#FFF;
	padding: 7px 10px;
	border-spacing: 1px !important;
	}

.cnt-box table.layout-table {
	width: auto !important;
	border: none 0px;
}

.cnt-box table.layout-table td{
	padding: 0 !important;
	margin: 0 !important;
	border: none 0px;
}


.res-table{
	margin: 0 0 30px 0;
    border-top: 1px dotted #CCCCCC;
}
.res-table dl {
    border-bottom: 1px dotted #CCCCCC;
	padding: 20px 0 20px 0;
    width: 100%;
	position: relative;
	overflow: hidden;
}
.res-table dt {
    display:inline-table;
    vertical-align: top;
    width: 20%;
}
.res-table dd {
    display:inline-table;
    vertical-align: middle;
    width: 75%;
	margin-left: 3%;
}

.res-table-s{
	margin: 0 0 30px 0;
    border-top: 1px dotted #CCCCCC;
}
.res-table-s dl {
    border-bottom: 1px dotted #CCCCCC;
	padding: 15px 0 15px 0;
    width: 100%;
	position: relative;
	overflow: hidden;
}
.res-table-s dt {
    display:inline-table;
    vertical-align: top;
    width: 25%;
}
.res-table-s dd {
    display:inline-table;
    vertical-align: middle;
    width: 70%;
	margin-left: 3%;
}

@media screen and (max-width:800px) {

.res-table dt {
    width: 25%;
}
.res-table dd {
    vertical-align: middle;
    width: 70%;
	margin-left: 3%;
}

}

@media screen and (max-width:640px) {

.res-table{
	margin: 0 0 20px 0;
    border-top: 1px dotted #CCCCCC;
}

.res-table dl {
    border-bottom: 1px dotted #CCCCCC;
	padding: 15px 0 15px 0;
    width: 100%;
	position: relative;
	overflow: hidden;
}
.res-table dt {
    width: 100%;
	margin-bottom: 10px;
	font-weight: bold;
	color: #535353;
}
.res-table dd {
    vertical-align: top;
    width: 100%;
	margin-left: 0%;
}

}
	
@media screen and (max-width:480px) {
	
.res-table-s dt {
    width: 40%;
}
.res-table-s dd {
    width: 54%;
	margin-left: 3%;
}

}


ul.list-text{
	margin-bottom: 25px;
}


.list-text, .list-text li{
	padding:0px;
	margin:0px;
}
     
.list-text li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
	position:relative;
	padding-left:20px;
}


.list-text li:after{
	content:''; 
	display:block; 
	position:absolute; 
	top:3px; 
	left:3px; 
	border-radius:30px;
	height:7px; 
	width:7px; 
	border:3px solid #aaa;
}

.tel-box{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 5%;
	position: relative;
	overflow: hidden;
}

/* Button
--------------------------------------------------------------------------*/

p.cnt-bt-main a{
	display:block;
	box-sizing: border-box;
	width:60%;
	padding:9px 15px;
	margin:10px 20%;
	font-size:120%;
	text-align:center;
	color:#FFF;
	background:#286be0;

	border-top:#2666d6 2px solid;
	border-left:#2666d6 2px solid;

	border-bottom:#235ec6 2px solid;
	border-right:#235ec6 2px solid;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(/PIE.htc);
	transition: background-color 0.8s ease 0s,  border 0.8s ease 0s;
	cursor:pointer;
}

p.cnt-bt-main-s a{
	display:block;
	padding:1px 15px 0px 15px;
	margin:0;
	font-size:120%;
	text-align:center;
	color:#FFF;
	background:#f05858;
	border-bottom:#e34e4e 2px solid;
	border-right:#e34e4e 2px solid;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(/PIE.htc);
	transition: background-color 0.8s ease 0s, border 0.8s ease 0s;
}

.cnt-bt-blue a{
	display:block;
	width:50%;
	padding:9px 28px;
	margin:0 auto;
	font-size:120%;
	text-align:center;
	color:#FFF;
	background:#009fd3 url(../img/cmn/parts/bt-arrow.png) 7px 8px no-repeat;
	border-top:#31bae6 2px solid;
	border-left:#31bae6 2px solid;
	border-bottom:#00769d 2px solid;
	border-right:#00769d 2px solid;

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	behavior: url(/PIE.htc);
	transition: background-color 0.8s ease 0s, border 0.8s ease 0s;
}

.cnt-bt-blue-s a{
	display:block;
	padding:9px 28px;
	margin:0 5px;
	font-size:120%;
	text-align:center;
	color:#FFF;
	background:#009fd3 url(../img/cmn/parts/bt-arrow.png) 7px 8px no-repeat;
	border-top:#31bae6 2px solid;
	border-left:#31bae6 2px solid;
	border-bottom:#00769d 2px solid;
	border-right:#00769d 2px solid;

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	behavior: url(/PIE.htc);
	transition: background-color 0.8s ease 0s, border 0.8s ease 0s;
}

.cnt-bt-main a:hover, .cnt-bt-main-s a:hover, .cnt-bt-blue a:hover, .cnt-bt-blue-s a:hover {
	background-color:#ff9c00;
	border-top:#ff9921 2px solid;
	border-left:#ff9921 2px solid;
	border-bottom:#e3741b 2px solid;
	border-right:#e3741b 2px solid;
}

.cnt-list .cnt-bt-main-s a{
	width:70%;
	margin:0 auto;
}


@media screen and (max-width:640px) {
	
.cnt-bt-blue a{
	width:70%;
	padding:9px 28px;
	margin:0 auto;
	font-size:120%;
	text-align:center;
	color:#FFF;
	background:#009fd3 url(../img/cmn/parts/bt-arrow.png) 7px 8px no-repeat;
	border-top:#31bae6 2px solid;
	border-left:#31bae6 2px solid;
	border-bottom:#00769d 2px solid;
	border-right:#00769d 2px solid;

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	behavior: url(/PIE.htc);
	transition: background-color 0.8s ease 0s, border 0.8s ease 0s;
}

}


/* Footer
--------------------------------------------------------------------------*/


#footer{
	width:100%;
	padding:20px 0;
	background:#2863af;
	overflow:hidden;
}

#footer h5{
	margin-bottom:15px;
	text-align:center;
}

#footer h5 img{
	max-width:189px;
}

#footer h5, #footer h6{
	text-align:center;
}

#footer h6{
	color:#4fb7ff;
	padding:0px 7px 18px 7px;

}

#footer p{
	text-align:center;
	font-size:75%;
	letter-spacing: 0.1em;
	padding:0px 7px 5px 7px;
	color:#FFFFFF;
}

#footer p a{
	color: #FFFFFF;
}

.ftr-copy{
	margin-top:20px;
}

.ftr-copy p{
	color:#4fb7ff !important;
}

@media screen and (max-width:760px) {

#footer .ftr-menu ul{
	max-width:none;
	margin:none;
}

#footer .ftr-menu li a{
	float:none;
	max-width:none;
	padding:5px 0;
	display:block;
}

}


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

.hidden-item{
	display: none;
}

.add-item-button {
	padding: 5px 0;
}

.frm-one{ height:25px; }
.frm-two{ height:55px; }
.frm-free{ height:120px; }

.frm-type{
	display: inline-block;
	font-size:90%;
	letter-spacing: 0.1em;
	margin: 5px 0 5px 0;
}

.frm-lx{
	display: inline-block;
	font-size:90%;
	letter-spacing: 0.1em;
	margin: 5px 0 5px 0;
	float: right;
}

input, textarea {
    outline: medium none;
}

.form-txt textarea {
    border: 1px solid #CCCCCC;
    border-radius: 0;
    box-sizing: border-box;
    padding: 7px;
    vertical-align: middle;
}

.form-art{
	display: block;
	font-size: 85%;
	padding: 3px 0;
	color: #474747;
}

.form-wxl textarea, .form-wxl input, .form-wxl select{ width: 100%; }
.form-wl textarea, .form-wl input{ width: 75%; }
.form-wm textarea, .form-wm input{ width: 55%; }
.form-ws textarea, .form-ws input{ width: 25%; }
.form-wxs textarea, .form-wxs input{ width: 40%; margin: 0 7px; }

.icon-inquiry {
	display: inline-block;
    background-color:#0AA2E1;
    color: #fff;
    font-size: 75%;
    margin-left: 15px;
    padding: 2px 6px;
	float: right;
}

.form-std dl {
    border-bottom: 1px dotted #CCCCCC;
	padding: 25px 0;
    width: 100%;
	position: relative;
	overflow: hidden;
}
.form-std dt {
    display:inline-table;
    vertical-align: middle;
    width: 30%;
}
.form-std dd {
    display:inline-table;
    vertical-align: middle;
    width: 63%;
	margin-left: 5%;
}

.img-btn {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: relative;
}

.input-error {
	display: inline-block;
	padding: 3px; line-height: 1;
	font-weight: bold;
	color: #fff; background: #e45;
}

.frm-err-blk {
    clear: both;
}

.frm-cnt{
	width: 100%;
	padding: 10px 20px;
	background: #DBFAFF;
	border-bottom: 1px solid #9ddee8;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	font-size: 100%;
}

.frm-cnt-l{
	display: inline-block;
	vertical-align: middle;
	width: 60%;
}

.frm-cnt-r{
	display: inline-block;
	vertical-align: middle;
	width: 38%;
}

.form-box-r, .form-box-l{
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 38%;
}

.form-box input{
	width: 40px;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}

span.form-txb{
	display:inline-block;
	vertical-align: middle;
	padding: 7px;
	font-size: 90%;
}

.form-box-del{
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 20%;
}

.form-bt-box{
	margin: 8px 0;
	text-align: center;
}

@media screen and (max-width:900px) {
	
.frm-cnt-l{
	width: 50%;
}

.frm-cnt-r{
	width: 48%;
}
}

@media screen and (max-width:800px) {

.frm-cnt-l, .frm-cnt-r{
	display: block;
	width: 100%;
}

.frm-cnt-l{
	margin-bottom: 8px;
}

.icon-inquiry {
	float: none;
}

.form-wl textarea, .form-wl input{ width: 100%; }
.form-wm textarea, .form-wm input{ width: 75%; }
.form-ws textarea, .form-ws input{ width: 35%; }

.form-std dl {
    width: 100%;
}
.form-std dt {
    display: block;
    width: 100%;
	margin-bottom: 10px;
	font-weight:bold;
	color: #636363;
}
.form-std dd {
    display: block;
    width: 100%;
	margin-left: 0;
}

.form-box-r, .form-box-l{
	text-align: left;
	width:auto;
}

.form-box-del{
	display: inline-block;
	float: right;
	width:auto;
}

}

/*ボタン*/

 button.bt-next{
	width:60%;
	padding:9px 15px;
	margin:10px 20%;
	font-size:120%;
	text-align:center;
	color:#FFF;
	background:#286be0;

	border-top:#2666d6 2px solid;
	border-left:#2666d6 2px solid;

	border-bottom:#235ec6 2px solid;
	border-right:#235ec6 2px solid;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(/PIE.htc);
	transition: background-color 0.8s ease 0s,  border 0.8s ease 0s;
	cursor:pointer;
}

 button.bt-back{
	width:40%;
	padding:9px 15px;
	margin:10px 25%;
	font-size:90%;
	text-align:center;
	color:#FFF;
	background:#f05858;

	border-top:#eb5454 2px solid;
	border-left:#eb5454 2px solid;

	border-bottom:#e34e4e 2px solid;
	border-right:#e34e4e 2px solid;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(/PIE.htc);
	transition: background-color 0.8s ease 0s,  border 0.8s ease 0s;
	cursor:pointer;
}


 button.bt-next:hover,  button.bt-back:hover{
	background-color:#ff9c00;
	border-top:#f37f0d 2px solid;
	border-left:#f37f0d 2px solid;
	border-bottom:#e3741b 2px solid;
	border-right:#e3741b 2px solid;
}

@media screen and (max-width:640px) {
	
.bt-next{
	width:80%;
	padding:6px 10px;
	margin:15px 10%;
	font-size:100%;
	line-height:1.5em;
}

}

/* Other
--------------------------------------------------------------------------*/

span.tx-re, .tx-re-area span{
	display:inline-block;
	margin-right: 10px;
}

@media screen and (max-width:800px) {

span.tx-re, .tx-re-area span{
	display:inline-flex;
	margin-bottom: 5px;
}

}
	
p.m-ball-org{
	font-size:170%;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	width:140px;
	margin:0 auto 10px auto;
	padding:20px;
	background:#ff962f;

	-webkit-border-radius:40px 40px 40px 40px;
	-moz-border-radius:40px 40px 40px 40px;
	border-radius:40px 40px 40px 40px;
	behavior: url(/PIE.htc);
}


#pagetop {
	display: none;
	z-index:1000;
	position: fixed;
	bottom: 40px;
	right: 24px;
	cursor: pointer;
}

@media screen and (max-width:600px) {

#pagetop {
	width:100%;
	text-align:center;
	display:block !important;
	position:relative;
	bottom:0;
	right: 0;
	margin:0 0 10px 0;
}
	
}

.bgc-red{ background-color:#fb9ea3 !important; }
.bgc-ylw{ background-color:#e4dd8e !important; }
.bgc-gre{ background-color:#ace09d !important; }
.bgc-lbl{ background-color:#b0e9ea !important; }
.bgc-ble{ background-color:#9ec3fb !important; }
.bgc-prp{ background-color:#c7acfc !important; }
.bgc-gly{ background-color:#cccccc !important; }

.bgc-red-m{ background-color:#fed4d7 !important; }
.bgc-ylw-m{ background-color:#f3f0cd !important; }
.bgc-gre-m{ background-color:#daf1d4 !important; }
.bgc-lbl-m{ background-color:#dcf6f6 !important; }
.bgc-ble-m{ background-color:#d4e4fe !important; }
.bgc-prp-m{ background-color:#e6dafe !important; }
.bgc-gly-m{ background-color:#e9e9e9 !important; }

.bgc-red-l{ background-color:#fee9ea !important; }
.bgc-ylw-l{ background-color:#f9f7e5 !important; }
.bgc-gre-l{ background-color:#ecf8e8 !important; }
.bgc-lbl-l{ background-color:#edfafa !important; }
.bgc-ble-l{ background-color:#e9f1fe !important; }
.bgc-prp-l{ background-color:#f2ecfe !important; }
.bgc-gly-l{ background-color:#f3f3f3 !important; }

.txc-red{ color:#f75d63 !important; }
.txc-ylw{ color:#ccbf4b !important; }
.txc-gre{ color:#5fcff1 !important; }
.txc-lbl{ color:#74d5d7 !important; }
.txc-ble{ color:#5d92f7 !important; }
.txc-prp{ color:#986ff9 !important; }
.txc-gly{ color:#a1a1a1 !important; }
.txc-wht{ color:#FFFFFF !important; }

.a-center{ text-align:center; }
.a-right{ text-align:right; }
.a-left{ text-align:left; }

.tx-xs{ font-size:55% !important;}
.tx-s{ font-size:75% !important;}
.tx-m{ font-size:120% !important;}
.tx-l{ font-size:150% !important;}
.tx-xl{ font-size:250% !important;}

.tx-c-red{color:#eb0000 !important;}

.no-boder{
	border:none !important;
}

.pb-clear{
	padding:0;
}

.mb-clear{
	margin-bottom:0 !important;
}

/* Clear
--------------------------------------------------------------------------*/

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