/*===========================================*/
/*共通設定
/*===========================================*/

/** バックグランド・カラー　設定 **/
.back_FFFFFF { background:#FFFFFF; } /* 白 */
.back_FFDB0D { background:#FFDB0D; } /* 黄色 */
.back_214682 { background:#214682; } /* 紺色 */
.back_E6F5FB { background:#E6F5FB; } /* 水色１ */
.back_E9F8FC { background:#E9F8FC; } /* 水色２ */
.back_FFEFBF { background:#FFEFBF; } /* 黄色　よくある質問ページ背景 */
.back_EEEEEE { background:#EEEEEE; } /* グレー */
.back_pata02 { 
    background-image:url(../img_new/common/back_03.png),url(../img_new/common/back_02.png);
    background-repeat:no-repeat,repeat;
    background-position: bottom,top;
    background-size: 100%, auto;
}
.back_pata03 { background: url(../img_new/common/back_04.png) repeat; }
.back_pata04 { background: url(../img_new/common/back_05.jpg) no-repeat center top; background-size: 100%; }
.back_pata05 { background: url(../img_new/common/back_06.png) repeat; }
.back_pata06 { background: url(../img_new/common/back_07.png) repeat; }
.back_pata07 { background: url(../img_new/common/back_09.png) repeat; }
.back_pata08 { background: url(../img_new/common/back_10.png) repeat; }
.back_pata09 { background: url(../img_new/common/back_11.png) repeat; }
.back_pata10 { background: url(../img_new/common/back_12.png) repeat; }
.back_pata11 { background: url(../img_new/common/back_13.png) repeat; }
.foot_linn { width: 100%; height: 2px; border-top: #FFFFFF solid 2px; }

.back_head_tel { background: #268DCE; }
.back_head_line { background: #2FC90F; }
.back_head_contact { background: #F8F800; }
.back_head_menu { background: #1B87AC; }

/***  改行無しの操作  ***/
.com_inline1 { display:inline; }
.com_inline2 { display:block; }
.com_inline3 { display:inline-block; }

/*ホバーで動くcss*/
.hover a img {
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	-o-opacity:1.00;
	-ms-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.hover a:hover img {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
	-webkit-transform: translate(0,-6px);
	-moz-transform: translate(0,-6px);
	-o-transform: translate(0,-6px);
	-ms-transform: translate(0,-6px);
	transform: translates(0,-6px);
}

/*===========================================*/
/*基本設定
/*===========================================*/
.sub00 {
	width:100%;
	margin:0 auto;
    text-align:center;
    padding:0;
}
.sub01 {
    width:92%;
	margin:0 auto;
	text-align:center;
    font-size: 110%;
    padding: 2em 0;
}

#sub_pagetop {
	width:94%;
	margin:0 auto;
	padding:0;
}

/* 地図表記 */
#top07_00 { width:100%; position:relative; padding-bottom: 50%; }
#top07_00:before { content:""; display: block; padding-top:50%; /* 540 ÷ 910 * 100 */}
#top07_map { position: absolute; top:0; left:0; bottom:0; right:0;  }

.w_96 { width: 96%; margin: 0 2%; }
.w_94 { width: 94%; margin: 0 3%; }
.w_90 { width: 90%; margin: 0 5%; }
.w_84 { width: 84%; margin: 0 8%; }
.w_80 { width: 80%; margin: 0 10%; }
.w_70 { width: 70%; margin: 0 15%; }

.w_84s { width: 84%; margin: 0 8%; }

.f_80 { font-size: 80%; }

/* リピート領域 */
.repe_back01 { background: url(../img_new/common/back_01.png) repeat; }
.repe01 { padding: 3em 0; color: #FFFFFF; text-align: left; }
.repe01_01 { width: 90%; margin: 0 auto; }
.repe01_01L { width: 48%; margin-right: 2%; }
.repe01_01L img { margin-right: auto; }
.repe01_01R { width: 48%; margin-left: 2%; }
.repe01_01R img { margin-left: auto; }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　お問い合わせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*メールフォーム*/
.mail01_01 dl{
	padding:0.5em 0;
    font-size: 115%;
}

.mail01_sp01 { color: #FFFFFF; font-weight: bold; padding: 0.1em 10%; background: #135F77; font-size: 90%;
    border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */ 
}
.mail01_sp02 { color: #135F77; font-weight: bold; padding: 0.1em 10%; background: #D6D6D6; font-size: 90%;
    border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */ 
}

.mail01_01 dt{
	width:98%;
	padding:0 0 0 1%;
	margin:0.6em 0;
	float:none;
	font-weight:bold;
}

.mail01_01 dd{
	width:98%;
	margin:0 1%;
	float:none;
}
input.text_min,
input.text_middle,
input.text,
select.text,
select.text_min,
textarea.text{
	border:#E3E8F0 solid 4px;
    /*
	border-top:#E3E8F0 solid 2px;
	border-right:#E3E8F0 solid 1px;
	border-bottom:#E3E8F0 solid 1px;
	border-left:#E3E8F0 solid 1px;
    */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
    font-size: 115%;
	padding:0.8em;
	margin:0.5em 0;
	width:100%;
}
input.text_min,
input.text_middle,
select.text_min{
	width:20%;
}

input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
}

.mail01_01 dd li {
	width:48%;
    padding-right: 2%;
    font-size: 90%;
	float:left;
}

.mail01_02{
	width:80%; margin: 0 10%;
}

.mail01_02 input {
	width:auto;
	margin:0 auto;
    max-width: 100%;
}


/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {

/***  改行無しの操作  ***/
.com_inline2 { display:inline; }
/*===========================================*/
/*基本設定
/*===========================================*/
.sub00 { width:100%; }
.sub01 { width:100%; }

/* 地図表記 */
#top07_00 { padding-bottom: 30%; }
#top07_00:before { padding-top:30%; }

.w_84s { width: 100%; margin: 0; }
.fo_120 { font-size: 120%; line-height: 1.7; }
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　お問い合わせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*メールフォーム*/
.mail01_01 dl{
	padding:1em 0;
}

.mail01_01 dt{
	padding:0;
	margin:0.6em 4% 0.6em 0;
	width:31%;
	float:left;

	
}
.mail01_01 dd{
	width:63%;
	margin:0 1%;
	float:left;
	
}

.mail01_01 dd li {
	width:30%;
    padding-right: 3%;
    font-size: 90%;
	float:left;
}

.mail01_02 {
	width:64%;
	margin:0 0 0 36%;
}

input.text_middle {
	width:28%;
}

}
/*=================================================================================*/
/** 1140px以上 PCサイズ画面 **/
@media (min-width : 1140px) {
/*===========================================*/
/*基本設定*/
/*===========================================*/
.sub00 { width: 1140px; }
.sub01 { width: 1140px; }

#sub_pagetop,
.sub00 { width:1140px; }

}