@charset "UTF-8";
/* ================================================ */
/*  レイアウト										*/
/* ================================================ */
/*  テキスト関係  */
a{ 			text-decoration:none ;}
a:link{ 	text-decoration:none ; 		color:#666666 ;}
a:visited{ 	text-decoration:none ; 		color:#666666 ;}
a:hover{ 	text-decoration:underline ; color:#666666 ;}
a:active { 	text-decoration:none ;		color:#666666 ;}

/*  画像リンク：透過処理  */
@media screen and (min-width: 641px){
	.PC a:hover img {
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
	}
}

/*  画像  */
img{
	vertical-align:text-bottom; 
}


/* --- 汎用クラス ------------------------*/
/*  テキスト揃え  */
.alignL { text-align: left ; }
.alignC { text-align: center ; }
.alignR { text-align: right ; }

/*　フォント　*/
.small	{ font-size: 0.9em; }
.big	{ font-size: 1.16em; }
.bold	{ font-weight: bold; }

/*  フォント色  */
.red	{ color:#FF0000 ;}
.gray	{ color:gray ;}
.green	{ color:#4daf38 ;}

/*  横幅  */
.w15 { width: 15px; }
.w20 { width: 20px; }
.w25 { width: 25px; }
.w30 { width: 30px; }
.w35 { width: 35px; }
.w40 { width: 40px; }
.w45 { width: 45px; }
.w50 { width: 50px; }
.w55 { width: 55px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w270 { width: 270px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w340 { width: 340px; }
.w360 { width: 360px; }
.w380 { width: 380px; }
.w400 { width: 400px; }

/*  マージン：下  */
.mb3{ margin-bottom:3px ; }
.mb5{ margin-bottom:5px ; }
.mb10{ margin-bottom:10px ; }
.mb15{ margin-bottom:15px ; }
.mb20{ margin-bottom:20px ; }
.mb25{ margin-bottom:25px ; }
.mb30{ margin-bottom:30px ; }
.mb35{ margin-bottom:35px ; }
.mb40{ margin-bottom:40px ; }
.mb45{ margin-bottom:45px ; }
.mb50{ margin-bottom:50px ; }
.mb55{ margin-bottom:55px ; }
.mb60{ margin-bottom:60px ; }
.mb65{ margin-bottom:65px ; }
.mb70{ margin-bottom:70px ; }
.mb75{ margin-bottom:75px ; }
.mb80{ margin-bottom:80px ; }
.mb85{ margin-bottom:85px ; }
.mb90{ margin-bottom:90px ; }

/*  マージン：左  */
.ml5{ margin-left:5px ; }
.ml10{ margin-left:10px ; }
.ml15{ margin-left:15px ; }

/*  マージン：右  */
.mr5{ margin-right:5px ; }
.mr10{ margin-right:10px ; }
.mr15{ margin-right:15px ; }

/*  マージン：上  */
.mT{ margin-top:0 ; }
.mT5{ margin-top:5px ; }
.mT10{ margin-top:10px ; }
.mT15{ margin-top:15px ; }
.mT20{ margin-top:20px ; }
.mT25{ margin-top:25px ; }
.mT30{ margin-top:30px ; }
.mT35{ margin-top:35px ; }

/*  パディング：下  */
.pB5{ padding-bottom:5px ; }
.pB10{ padding-bottom:10px ; }
.pB15{ padding-bottom:15px ; }
.pB20{ padding-bottom:20px ; }
.pB25{ padding-bottom:25px ; }
.pB30{ padding-bottom:30px ; }
.pB35{ padding-bottom:35px ; }
.pB40{ padding-bottom:40px ; }
.pB45{ padding-bottom:45px ; }
.pB50{ padding-bottom:50px ; }

/*  回り込み  */
.floatL { float: left; }
.floatR { float: right; }

/*------------------------------------------*/
/*  ボデー									*/
/*------------------------------------------*/
body{
	width:100% ;
	-webkit-text-size-adjust: 100%;
	color:#74787b ;
	
}

	/*  全体  */
	#body_section{
		min-width:1000px ;
 		width:100% ;
		position:relative ;
		margin:0 auto ;
		background:#FFFFFF;
	}

		/*  全体インナー  */
		#bodyInner_section{
			position:relative ;
			margin:0 auto ;
		}


/*------------------------------------------*/
/*  ヘッダー								*/
/*------------------------------------------*/
#header_section{
	width:100% ;
	position:relative ;
	margin:0 auto ;
	background-color: #afb9be;
	font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","YuGothic","メイリオ",Meiryo,sans-serif;
	font-size: 12px;
	line-height: 1.231;
	margin:0;
	overflow:visible;
	padding:0;
}

	/*  header_inner  */
	#header_inner{
		width: 1024px ;
		height: 17px ;
		position: relative ;
		margin: 0 auto ;
		padding: 24px 0 ;
		z-index: 301;
		background-color: #afb9be;
	}

		/*  h1  */
		#header_inner div.logo{
			width: 146px ;
			float: left ;
		}
		#header_inner div.logo.sp{
			display: none;
		}

		/* company_name */
		#header_inner div.company_name{
			color: #fff ;
			float: left ;
			margin: 5px 0 0 20px ;
			font-size: 80% ;
		}
		#header_inner div.company_name.sp{
			display: none;
		}
		
		/*  スマホ用ナビゲーション  */
		#header_inner #sp_navi{
			display:none ;
		}
		
		/*  ナビゲーション  */
		#header_inner nav {
			float: left;
			/* margin: 0 0 0 42px; */
			margin: 0 0 0 40px;
		}

		#header_inner nav ul{
			list-style-type: none;
		}
	
		#header_inner nav ul li{
			position: relative;
			float: left;
			margin: 5px 3px 0;
			font-weight: bold;
			color: #fff;
		}

		#header_inner nav ul li a{
			color: #fff;
			text-decoration: none;
		}
		#header_inner nav ul li a:hover{
			border-bottom: 1px #fff solid;
		}
		
		/* 言語選択 */
		#header_inner #language_select {
			float: right;
			width: 115px;
			margin: 5px 0 0 16px;
		}
		#header_inner #language_select div.language {
			font-weight: bold;
			color: #fff;
			position: relative;
			width: 96px;
			text-indent: 22px;
			cursor: pointer;
		}
		#header_inner #language_select div.language:after {
			content: url(/common2/images/header_arr.png);
			position: absolute;
			right: -5px;
			top: 1px;
			transition: all .3s;
			text-indent: 0px;
		}
		#header_inner #language_select div.language.on:after {
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		#header_inner #language_select ul{
			list-style-type: none;
			position: absolute;
			top: 65px;
			right: 0;
			z-index: 2;
			display: none;
		}
		#header_inner #language_select ul li{
			width: 115px;
			height: 31px;
			border-bottom: #ffffff 1px solid;
			background-color: #afb9be;
			background-color: rgba(175,185,190,0.95);
		}
		#header_inner #language_select ul li a{
			font-weight: bold;
			color: #fff;
			display: block;
			width: 100%;
			height: 31px;
			line-height: 31px;
			text-align: center;
		}
		#header_inner #language_select ul li a:hover{
			color: #888888;
			text-decoration: none;
		}


/*  サブメニュー  */
#header_section .sub_nav{
	position: absolute;
	z-index: 300;
	left: 0;
	margin: 0;
	padding: 38px 0;
	
	transition: all 0.8s ease;
	width:100% ;
	background-color:#afb9be;
	background-color:rgba(175,185,190,0.95) ;
}
#header_section #sub_nav_m2.sub_nav{
	top: -178px;
	height: 180px;
	overflow: hidden;
}
#header_section #sub_nav_m3.sub_nav{
	top: -302px;
	padding: 38px 0 8px 0;
	overflow: hidden;
}
#header_section #sub_nav_m4.sub_nav{
	top: -94px;
	height: 56px;
	padding: 38px 0 0 0;
	overflow: hidden;
}
#header_section #sub_nav_m5.sub_nav{
	top: -94px;
	height: 56px;
	padding: 38px 0 0 0;
	overflow: hidden;
}
#header_section #sub_nav_m6.sub_nav{
	top: -94px;
	height: 56px;
	padding: 38px 0 0 0;
	overflow: hidden;
}
#header_section .sub_nav.on{
	top: 65px!important;
}
	#header_section .sub_nav .sub_inner{
		width: 1200px;
		margin: 0 auto 0;
		text-align: center;
	}
	#header_section #sub_nav_m2.sub_nav .sub_inner{
		width: 1100px;
		text-align: left;
		padding: 0 0 0 90px;
	}
	#header_section #sub_nav_m3.sub_nav .sub_inner{
		width: 1000px;
	}
	#header_section .sub_nav .sub_inner > div{
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 0 36px;
	}
	#header_section #sub_nav_m2.sub_nav .sub_inner > div{
		border-left:  #fff 1px solid;
	}
	#header_section #sub_nav_m2.sub_nav .sub_inner > div:first-child{
		border-left:  0px;
	}
	#header_section #sub_nav_m3.sub_nav .sub_inner > div{
		margin: 0 0 30px 0;
	}
	#header_section #sub_nav_m3.sub_nav .sub_inner > div.s06{
		clear: both;
	}

	#header_section .sub_nav .sub_inner p.midashi{
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		padding: 0 0 0 14px;
		margin: 0 0 0 -14px;
		background-image: url(/common2/images/header_sub_arr.png);
		background-repeat: no-repeat;
		background-position: left 3px;
	}
	#header_section .sub_nav .sub_inner p.midashi a{
		color: #fff;
	}
	
	#header_section .sub_nav .sub_inner ul{
		list-style-type: none;
		text-align: left;
		float: left;
		margin: 20px 0 0 0;
	}
	#header_section .sub_nav .sub_inner ul + ul{
		margin: 20px 0 0 30px;
	}
	#header_section .sub_nav .sub_inner ul li{
		margin: 0 0 12px 0;
	}
	#header_section .sub_nav .sub_inner a{
		font-size: 12px;
		font-weight: bold;
		color: #fff;
	}
	#header_section .sub_nav .sub_inner .midashi a{
		font-size: 14px;
	}



/*------------------------------------------*/
/*  コンテンツ								*/
/*------------------------------------------*/
#contents_section{
	width:100% ;
	position:relative ;
	overflow:hidden ;
	margin:0 auto 0 auto ;
}

	#contents_inner{
		width:100% ;
		position:relative ;
		overflow:hidden ;
		margin:35px auto 30px auto ;
	}

		/*  ページタイトル  */
		#contents_inner .page_title{
			width:100% ;
			margin: 0 auto 60px auto ;
		}

			/*  h2  */		
			#contents_inner .page_title h2{
				text-align:center ;
				font-size:170% ;
				color:#7c8387 ;
				letter-spacing:3px ;
				margin:0 auto 20px auto ;
				font-weight:bold;
			}
			
			/*  h3  */
			#contents_inner .page_title h3{
				text-align:center ;
				font-size:125% ;
				letter-spacing:3px ;
				color:#7c8387 ;
				margin:0 auto 20px auto ;
			}
			
			/*  mainImage  */
			#contents_inner .page_title .mainImage,
			#contents_inner .page_title .mainImagePC{
				width:100% ;
				height:290px ;
				overflow:hidden ;
				margin:0 auto 20px auto ;
				background-position:center top ;
				background-repeat:no-repeat ;
				background-size:cover ;
			}

				#contents_inner .page_title .mainImagePC h3{
					text-align:center ;
					font-size:300% ;
					letter-spacing:3px ;
					color:#7c8387 ;
					margin:65px auto 20px auto ;
					color:#3c3f41 ;
				}

				#contents_inner .page_title .mainImagePC h4{
					text-align:center ;
					font-size:120% ;
					font-weight:bold ;
					letter-spacing:3px ;
					color:#3c3f41 ;
					margin:0 auto 20px auto ;
					line-height:2.5 ;
				}

			/*  mainImageSP  */
			#contents_inner .page_title .mainImageSP{
				display:none ;
			}
			

		/*  メインコンテンツ  */
		.main_contents{
			width:1024px ;
			margin: 0 auto ;
		}
	
		.main_contents_all{
			width:100% ;
			margin:0 auto ;
		}
		
			/*  コンテンツ  */
			#contents_inner .main_contents .content,
			#contents_inner .main_contents_all .content{
				margin:0 auto 40px auto ;
			}

				/*  h4  */
				#contents_inner .main_contents .content h4,
				#contents_inner .main_contents_all .content h4{
					color:#7c8387 ;
					font-size:190% ;
					font-weight:bold ;
					line-height:1.5 ;
				}
		
				/*  p  */
				#contents_inner .main_contents .content p,
				#contents_inner .main_contents_all .content p{
					font-size:120% ;
					line-height:1.7 ;
				}
		


	
/*------------------------------------------*/
/*  フッター								*/
/*------------------------------------------*/
#footer_section{
	width:100% ;
	position:relative ;
}
	/* totop */
	#footer_section #totop {
		display: none;
	}

	/*  footer_brand  */
	#footer_section #footer_brand{
		width:100% ;
		margin: 0 auto;
		padding: 60px 0;
		border-top: #afb9be 8px solid;
	}

		/*  footer_brand_inner  */
		#footer_section #footer_brand #footer_brand_inner{
			width:1024px ;
			margin:0 auto ;
			overflow:hidden ;
		}
		#footer_section #footer_brand #footer_brand_inner div.pc{
			
		}
		#footer_section #footer_brand #footer_brand_inner div.sp{
			display: none;
		}
	
			#footer_section #footer_brand #footer_brand_inner ul{
				width:100% ;
				overflow:hidden ;
				text-align:center ;
				margin:0 auto ;
			}

				#footer_section #footer_brand #footer_brand_inner ul li{
					display:inline-block ;
					*display: inline;
					*zoom: 1;
					margin:0 0 20px 0 ;
					padding:0 10px ;
				}

		

	/*  footer_upper  */
	#footer_section #footer_upper{
		width:100% ;
		margin:0 auto ;
		border-top: #afb9be 8px solid;
	}

		/*  footer_upper_inner  */
		#footer_section #footer_upper #footer_upper_inner{
			width:1024px ;
			margin:0 auto ;
			overflow:hidden ;
			padding:52px 0 30px 0;
		}

			/*  logo  */
			#footer_section #footer_upper #footer_upper_inner .logo{
				width:210px ;
				float: left;
			}
				
			/*  Navigation  */
			#footer_section #footer_upper #footer_upper_inner .navigation{
				width:784px ;
				float: left;
				color:#888888 ;
			}
			#footer_section #footer_upper #footer_upper_inner .navigation:before,
			#footer_section #footer_upper #footer_upper_inner .navigation:after{
				content: "";
				display: table;
			}
			#footer_section #footer_upper #footer_upper_inner .navigation:after{
				clear: both;
			}

				#footer_section #footer_upper .navigation ul.line2{
					margin: 50px 0 0 0;
				}

				#footer_section #footer_upper .navigation > ul:before,
				#footer_section #footer_upper .navigation > ul:after{
					content: "";
					display: table;
				}
				#footer_section #footer_upper .navigation > ul:after{
					clear: both;
				}
		
					#footer_section #footer_upper .navigation > ul > li{
						float: left;
						font-weight:bold ;
						list-style:none ;
					}

					#footer_section #footer_upper .navigation ul.line1 li.m1{
						width: 160px;
					}

					#footer_section #footer_upper .navigation ul.line1 li.m2{
						width: 480px;
					}

					#footer_section #footer_upper .navigation ul.line1 li.m3{
						width: 172px;
					}

					#footer_section #footer_upper .navigation ul.line1 li.m4{
						width: 100px;
					}

					#footer_section #footer_upper .navigation ul.line2 li.m1{
						width: 160px;
					}

					#footer_section #footer_upper .navigation ul.line2 li.m2{
						width: 169px;
					}

					#footer_section #footer_upper .navigation ul.line2 li.m3{
						width: 171px;
					}

						#footer_section #footer_upper .navigation ul.line2 li.m3 ul.sub li{
							line-height: 1.4;
						}

					#footer_section #footer_upper .navigation ul.line2 li.m4{
						width: 140px;
					}

					#footer_section #footer_upper .navigation ul.line2 li.m5{
						width: 90px;
					}

					#footer_section #footer_upper .navigation ul li a{
						color:#888888 ;
					}
					
						#footer_section #footer_upper .navigation ul li ul.sub{
							float: left;
							margin:10px 0 0 0;
						}
					
						#footer_section #footer_upper .navigation ul li ul.sub.second{
							margin:10px 0 0 30px;
						}
	
							#footer_section #footer_upper .navigation ul li ul.sub li{
								margin: 0 0 6px 0;
								font-size:80% ;
								font-weight: normal;
								line-height:1.7 ;
								list-style:none ;
							}

						#footer_section #footer_upper .navigation ul li ul.sub.second{
							margin: 10px 0 0 55px;
						}
	
			/*  SNS  */
			#footer_section #footer_upper #footer_upper_inner .sns{
				text-align:center ;
				padding: 50px 0 0 0;
				border:1px
			}

				ul.shareBtns {
					margin-top:10px;
				}
				
				ul.shareBtns li {
					vertical-align:top ;
					display:inline-block ;
					*display: inline;
					*zoom: 1;
					margin-right:5px;
				}
				
		

	/*  footer_lower  */
	#footer_section #footer_lower{
		width:100% ;
		height:72px ;
		margin:0 auto ;
		border-top: #afb9be 1px solid;
	}

		/*  footer_lower_inner  */
		#footer_section #footer_lower #footer_lower_inner{
			width:1024px ;
			overflow:hidden ;
			margin:0 auto ;
		}

			/*  copyright  */
			#footer_section #footer_lower #footer_lower_inner #pc_copyright{
				margin:29px auto 0 auto;
				text-align:center ;
			}

			#footer_section #footer_lower #footer_lower_inner #sp_copyright{
				display:none ;
			}
			
			/* image
   ========================================================================== */
img {
  vertical-align: bottom;
  line-height: 1.0; }

table th img,
table td img {
  vertical-align: middle; }

/* ClearFix
   ========================================================================== */
.clear {
  clear: both; }

/* modern browsers */
.clearfix:after,
.fbox:after,
#contents:after,
.item-wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* IE7 */
.clearfix,
.fbox,
#contents,
.item-wrap {
  display: inline-block; }

/* legacy IE */
* html .clearfix,
* html .fbox,
* html #contents,
* html .item-wrap {
  height: 1%; }

.clearfix,
.fbox,
#contents,
.item-wrap {
  display: block; }
  
  
/* float
   ========================================================================== */
.fr {
  float: right; }

.fl {
  float: left; }

ul.fbox li {
  float: left;
  display: inline; }

.in-block {
  letter-spacing: -.40em; }

.in-block li,
.in-block dt,
.in-block dd {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: top; }
  
  
  /* ==========================================================================
   title
   ========================================================================== */
.ttl-h1wrap {
  font-size: 165%;
  font-weight: bold;
  margin:0px 0 40px 0;
  position: relative;
  text-align: center; }
  .ttl-h1wrap .sub-h1 {
    color: #f4f4f4;
    display: block;
    font-family: sans-serif;
    font-size: 350%;
    font-weight: normal; }
  .ttl-h1wrap .ttl-h1 {
    display: block;
    margin-top: -95px;
}

.ttl-h2 {
  margin-top: 75px;
  font-size: 142.85714%; }
  .ttl-h2:after {
    margin: 5px 0 30px;
    display: block;
    content: '';
    height: 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 2px solid #f0f0f0; }

.ttl-h3 {
  margin: 30px 0 10px;
  font-size: 114.28571%;
  display: block;
  padding: 5px 0 3px 10px;
  background: #f5f5f5;
  width: auto; }

.ttl-h4 {
  font-size: 100%;
  font-weight: bold;
  margin-top: 15px; }

/* ==========================================================================
   lead
   ========================================================================== */
.lead-full {
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 400px;
  margin-bottom: 50px;
  padding-top: 65px;
  text-align: center; }

.lead-copy {
  font-size: 142.85714%;
  margin-top: 35px; }

/* ==========================================================================
   table
   ========================================================================== */
.cmn-tbl {
  border-left: 1px solid #dedede;
  border-top: 1px solid #dedede;
  margin-top: 42px;
  width: 100%; }
  .cmn-tbl th,
  .cmn-tbl td {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 10px 18px; }
  .cmn-tbl th {
    background-color: #f4f4f4;
    font-weight: normal;
    text-align: left; }
  .cmn-tbl .th-head {
    background-color: #bfbfbf;
    color: #FFF;
    padding-bottom: 17px;
    padding-top: 17px;
    text-align: center; }

@media all and (-ms-high-contrast: none) {

  .cmn-tbl th,
  .cmn-tbl td {
    padding: 10px 18px 5px; }
  
}

/* ==========================================================================
   list
   ========================================================================== */
.ol {
  margin: 30px 0; }
  .ol li {
    list-style: decimal;
    list-style-position: outside;
    margin-left: 20px;
    margin-bottom: 10px; }

/* ==========================================================================
   btn
   ========================================================================== */
.arrow {
  position: relative; }
  .arrow:before {
    color: #3f51b5;
    display: block;
    content: '\f054';
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    top: 2px; }
  .arrow a {
    padding-left: 12px; }

.btn {
  position: relative;
  font-size: 114.28571%;
  font-weight: bold;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #f3f3f3;
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
  border-radius: 4px;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  -webkit-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -o-transition: all .15s ease-out;
  -ms-transition: all .15s ease-out;
  transition: all .15s ease-out;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  .btn a {
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    transition: all .15s ease-out;
    color: #000;
    display: block;
    padding: 4px 25px 4px 40px;
    background: #fff; }
  .btn.ext:before {
    content: '\f08e'; }
  .btn:before {
    color: #3f51b5;
    display: block;
    content: '\f054';
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    left: 10px;
    top: 8px; }
  .btn.en {
    font-size: 100%; }
  .btn.mini {
    font-size: 85.71429%; }
    .btn.mini a {
      padding: 2px 6px 2px 15px; }
    .btn.mini:before {
      font-size: 10px;
      left: 5px;
      top: 3px; }
	  
/* ==========================================================================
   お問い合わせ
   ========================================================================== */	  
	  
	  body #bg-contact {
		  font-size:1.1em;
		  line-height:1.5}
  
  body #bg-contact h1 .sub-h1 {
	  font-family: "Lato",sans-serif;
  color: #cccccc; }


body #system-contents {
  width: 978px;
  margin: -10px auto 0;
  text-align: left;
  border: 5px solid rgba(255, 255, 255, 0); }
body #system-contents #building {
  background: rgba(255, 255, 255, 0.92);
  width: auto;
  padding: 15px 24px 30px;
  height: auto; }
body #system-contents #building h1, body #system-contents #building h2, body #system-contents #building h3 {
  margin: 0; }
body #system-contents #building h1, body #system-contents #building h2, body #system-contents #building h3, body #system-contents #building h4, body #system-contents #building h5, body #system-contents #building h6, body #system-contents #building strong, body #system-contents #building dt {
  font-weight: bold; }
body #system-contents #building h2 {
  font-size: 185.71429%;
  padding-bottom: 5px;
  -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
body #system-contents #building #con_wrap #no-cols form.form_layout input {
  margin: 0; }
body #system-contents #building #flow {
  margin: 30px 0 25px; }
body #system-contents #building .warn_box {
  margin: 20px 0;
  padding: 15px 10px 10px;
  width: auto;
  background-color: #fae7e8;
  border: 1px solid #f27f88; }
body #system-contents #building .warn_box p {
  font-size: 114.28571%;
  text-align: center;
  color: #e60012; }
body #system-contents #building .warn_box ul {
  margin-bottom: 0;
  margin-left: 10px; }
body #system-contents #building #privacy {
  margin: 10px 0 0;
  border: 1px solid #e6e6e6;
  padding: 20px;
  background: #f5f5f5; }
body #system-contents #building #privacy h3 {
  text-align: center;
  font-size: 114.28571%;
  margin-bottom: 10px; }
body #system-contents #building #privacy ol {
  margin-top: 10px;
  margin-left: 20px; }
body #system-contents .position_radio {
  padding-bottom: 20px;
  -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
body #system-contents .position_radio input {
  cursor: pointer !important; }
body #system-contents .position_radio label {
  cursor: pointer !important;
  font-size: 114.28571%;
  margin-right: 10px; }
body #system-contents .position_radio label:nth-child(4) {
  margin-right: 0; }
body #system-contents form.form_layout {
  font-size: 100% !important; }
body #system-contents .position_btn {
  margin-top: 30px; }
body #system-contents .agree_button {
  position: relative;
  cursor: pointer !important;
  font-weight: bold;
  font-size: 100%;
  padding: 8px 25px !important;
  background: #fff !important;
  border-top: 1px solid #ececec !important;
  border-bottom: 1px solid #f3f3f3 !important;
  border-left: 1px solid #f7f7f7 !important;
  border-right: 1px solid #f7f7f7 !important;
  border-radius: 4px;
  -webkit-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -o-transition: all .15s ease-out;
  -ms-transition: all .15s ease-out;
  transition: all .15s ease-out;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
body #system-contents .agree_button:nth-child(1) {
  margin-right: 30px !important; }
body #system-contents .agree_button:hover {
  color: #3f51b5;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
body #system-contents .agree_button.mini {
  border: 1px solid #e5b800 !important;
  background: #ffcc00 !important;
  padding: 2px 6px 2px 6px !important; }
body #system-contents .agree_button.mini:hover {
  color: #444 !important; }
body #system-contents input[type="submit"][disabled] {
  cursor: default !important;
  color: #999;
  font-weight: normal;
  border: 1px solid #ccc !important;
  background: #ededed !important;
  -webkit-box-shadow: 0 0 0 0 transparent, 0 0px 0px 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent, 0 0px 0px 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent, 0 0px 0px 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent, 0 0px 0px 0 transparent;
  box-shadow: 0 0 0 0 transparent, 0 0px 0px 0 transparent; }
body #system-contents input[type="submit"][disabled]:hover {
  color: #999; }
body #system-contents #formSelect {
  margin-top: 30px; }
body #system-contents #formSelect div {
  border: 1px solid #e6e6e6;
  background: #f5f5f5;
  padding: 15px 2.1505376% 20px;
  float: left;
  width: 26.666667%;
  margin-right: 3%;
  margin-bottom: 30px;
  border-radius: 4px; }
body #system-contents #formSelect div h3 {
  margin-bottom: 10px; }
body #system-contents #formSelect div:nth-child(3n) {
  float: right !important;
  margin-right: 0; }
body #system-contents #form-txt {
  font-size: 114.28571%;
  font-weight: bold; }
body #system-contents #form-txt span {
  font-weight: normal;
  font-size: 75%;
  color: #e60012;
  display: block; }
body #system-contents .form_table {
  margin: 30px 0 15px;
  width: 100%;
  border-top: 1px solid #e5e5e5; }
body #system-contents .form_table th, body #system-contents .form_table td {
  padding: 15px;
  font-size: 100%;
  color: #000; }
body #system-contents .form_table th {
  border-right: 1px solid #e5e5e5; }
body #system-contents .form_table th span {
  color: #fff;
  background: #e60012;
  display: inline-block;
  padding: 1px 4px 0;
  margin-left: 5px;
  border-radius: 4px;
  float: none;
  line-height: 1.2;
  margin-top: 3px; }
body #system-contents .form_table td {
  background: #fff; }
body #system-contents .form_table td textarea#contents {
  width: 98%;
  padding-bottom: 0px;
  padding-top: 0px;
  padding: 5px;
  border-radius:3px;
}
body #system-contents .form_table td textarea#contents:focus {
 background-color: #f7f7f7;
}
body #system-contents .form_table td select {
  font-size: 100%;
  /*border: 1px solid #ccc;*/
  width: auto !important; }
body #system-contents .form_table td .input-text {
  width: 98%;
  padding: 5px;
  /* border:1px solid #ccc;
  border-radius:3px;*/
}
body #system-contents .form_table td .input-text:focus {
 background-color: #f7f7f7;
}

body #system-contents .form_table td .input-text.s {
  width: 10%; }
body #system-contents .form_table td .input-text.m {
  width: 30%; }
body #system-contents .form_table td label {
  color: #000; }
body #system-contents #conf {
  letter-spacing: -.40em;
  margin: 30px 0 15px;
  width: 930px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  background:url(img/bg_dt.gif) repeat-y left top; }
body #system-contents #conf dt, body #system-contents #conf dd {
  margin-top: -1px;
  padding: 15px;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
  word-wrap:break-word;
  word-break:break-all;
}
body #system-contents #conf dt {
  width: 325px;
}
body #system-contents #conf dd {
  width: 545px;
  background: #fff; }
body #system-contents #submit-txt {
  width: 930px;
  margin: 15px auto 0;
  text-align: center;
  color: #e60012;
  font-weight: bold;
  font-size: 85.71429%; }
body #system-contents .mb100 {
  margin-bottom: 100px; }
body #search-contents {
  width: 978px;
  margin: -10px auto 0;
  text-align: left;
  border: 5px solid rgba(255, 255, 255, 0); }
body #search-contents #searchFrame {
  background: rgba(255, 255, 255, 0.92);
  width: auto;
  padding: 0;
  height: auto;
  padding-bottom: 20px; }
body #search-contents #searchFrame #searchtext {
  font-size: 100%;
  padding: 3px; }
body #search-contents #searchFrame #searchBtn {
  margin-top: 0; }
body #search-contents .columnL, body #search-contents .columnC, body #search-contents .floatL {
  float: left !important; }
body #search-contents .columnR, body #search-contents .floatR {
  float: right !important; }
body #search-contents #areaMap {
  line-height: 18px; }
body #search-contents #AreaLeft {
  margin-top: 10px;
  width: 650px; }
body #search-contents #AreaLeft h2 {
  margin-top: 0;
  -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  font-size: 185.71429%; }
body #search-contents #AreaLeft h2 span {
  font-size: inherit;
  font-weight: bold; }
body #search-contents #AreaLeft h2 span em {
  font-size: 130.76923%; }
body #search-contents #AreaLeft h2 .detailLogo {
  margin: 15px 15px 15px 0;
  padding-right: 15px;
  height: 35px;
  width: auto;
  border-right: 1px solid #ccc;
  vertical-align: middle;
  padding-bottom: 6px; }
body #search-contents #AreaLeft #map_canvas {
  margin: 30px 0 10px;
  border: 1px solid #e6e6e6;
  width: 648px;
  height: 448px;
  background: #ccc; }

body #search-contents #AreaLeft #googlemapArea {
  margin: 30px 0 10px;
  border: 1px solid #e6e6e6 !important;
  width: 648px;
  height: 448px;
  background: #ccc !important; }

body #search-contents #AreaLeft .detailTbl {
  width: 100%; }
body #search-contents #AreaLeft .detailTbl th, body #search-contents #AreaLeft .detailTbl td {
  font-size: 100%;
  padding: 8px 5px 7px; }
body #search-contents #AreaLeft .detailTbl th .note, body #search-contents #AreaLeft .detailTbl td .note {
  font-size: 85.71429%;
  font-weight: normal; }
body #search-contents #AreaRight {
  margin-top: 15px; }
body #search-contents #AreaRight .right_title {
  letter-spacing: -.5px;
  font-size: 114.28571%; }
body #search-contents #AreaRight #atShopList {
  height: 160px; }
body #search-contents #AreaRight.mt {
  margin-top: 25px; }
body #search-contents #AreaRight h3 {
  margin-top: 15px;
  margin-bottom: 10px; }
body #search-contents #AreaRight #kwSearchArea {
  padding-top: 0; }
body #search-contents #AreaRight #kwSearchArea #searchtext {
  font-size: 100%;
  width: 150px; }
body #search-contents #AreaRight #select {
  font-size: 100%;
  border: 1px solid #ccc; }
body .listBlock {
  margin: 20px 20px 0; }
body .listBlock .listrow {
  margin: 0 10px 5px;
  padding: 0; }
body .listBlock .listrow .shopresulttxt {
  font-weight: bold;
  font-size: 114.28571%; }
body .listBlock .listrow .shopresulttxt em {
  font-style: normal;
  font-size: 125%; }
body .listBlock .listrow .listNum {
  margin-top: 6px;
  font-size: 114.28571%; }
body .listBlock .listrow .listNum em {
  padding: 0 2px;
  font-style: normal; }
body .listBlock .listrow .listNum a {
  padding: 0 2px; }
body .listBlock .shoplist {
  background: none; }
body .listBlock .shoplist th {
  white-space: nowrap;
  padding: 8px 4px 6px;
  height: auto; }
body .listBlock .shoplist td {
  padding: 8px 5px 7px; }
body .listBlock .shoplist td.tel {
  white-space: nowrap; }
body .listBlock .shoplist td .icon {
  margin-right: 1px; }
body .listBlock .shoplist td .btnDetail {
  vertical-align: middle;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  zoom: 1; }
body #bg-search {
  background: url(img/bg_search.jpg) no-repeat center top; }
body #bg-search h1 .sub-h1 {
  color: #fff; }
body #bg-contact {
  background: url(img/bg_contact.jpg) no-repeat center top; }
body #bg-contact h1 .sub-h1 {
	font-family: "Lato",sans-serif;
  color: #cccccc; }
body #notice {
  width: 978px;
  margin: 10px auto 0;
  font-size: 85.71429%; }

#fancybox-outer {
  margin-top: 60px; }

#fancy-content #searchFrame {
  width: 850px !important;
  padding: 10px 20px;
  overflow-x: hidden; }
#fancy-content #searchFrame h3 {
  -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  font-size: 185.71429%; }
#fancy-content #searchFrame #search-num {
  margin: 10px 0 0 10px;
  font-size: 114.28571%; }
#fancy-content #searchFrame #search-num em {
  padding: 0 5px;
  color: #9c040d;
  font-style: normal;
  font-size: 125%; }
#fancy-content #searchFrame .listBlock {
  margin: 0 10px 20px; }
#fancy-content #searchFrame .listBlock .ajaxListNum {
  width: auto;
  text-align: left;
  height: auto;
  margin-bottom: 30px; }
#fancy-content #searchFrame .listBlock .ajaxListNum em {
  font-style: normal; }
#fancy-content #searchFrame .listBlock #search_column {
  width: 250px;
  margin-left: 0px;
  padding: 20px 30px;
  height: auto; }
#fancy-content #searchFrame .listBlock #search_column #prefecture {
  font-size: 100%;
  border: 1px solid #ccc;
  width: auto !important;
  padding: 5px;
  margin-top: 5px; }
#fancy-content #searchFrame .listBlock #search_column .input-text {
  width: 170px;
  margin-right: 5px;
  font-size: 100%; }
#fancy-content #searchFrame .listBlock #result_column {
  width: 410px;
  padding: 30px 30px;
  height: auto; }
#fancy-content #searchFrame .listBlock #result_column .domesticShopsList {
  border-top: 1px solid #ededed; }
#fancy-content #searchFrame .listBlock #result_column .domesticShopsList td {
  padding: 6px 5px;
  border-bottom: 1px solid #ededed; }
#fancy-content #searchFrame .listBlock #result_column .domesticShopsList td:hover {
  cursor: pointer;
  background: #ccc !important; }
  
  
  
  /* ==========================================================================
  contact
   ========================================================================== */

#flow1{
	background:url(../../../contact/img/img_inq_flow01.gif) no-repeat left;
	height:50px;
	background-size: auto;
	margin:20px 0; 
	}
	
#flow1 img {
	display: none;
}


#flow2{
	background:url(../../../contact/img/img_inq_flow02.gif) no-repeat left;
	height:50px;
	background-size: auto;
	margin:20px 0;}
	
#flow2 img {
	display: none;
}


#flow3{
	background:url(../../../contact/img/img_inq_flow03.gif) no-repeat left;
	height:50px;
	background-size: auto;
	margin:20px 0;}
	
#flow3 img {
	display: none;
}


#flow4{
	background:url(../../../contact/img/img_inq_flow04.gif) no-repeat left;
	height:50px;
	background-size: auto;
	margin:20px 0;}
	
#flow4 img {
	display: none;
}