@charset "utf-8";


/* ---------------------------------------------
　common
------------------------------------------------ */


/* ---------------------------------------------
　header
------------------------------------------------ */

.header{
	position:relative;
	display:block;
	width:1060px;

	margin:0 auto;
}

.header .logo{
	position:absolute;
	left:15px;
	top:20px;
}

.header .logo img{
	width:165px;
	height:auto;
}

.header .ten{
	position:absolute;
	left:200px;
	top:20px;
}

.header .ten .tenlogo{
	width:68px;
	height:auto;
}

.header .voice{
    vertical-align: top;
    margin-right: 13px;
}

.header .search.pc{
    display: inline-block;
    vertical-align: top;
}

.header .search .serch-box{
	border:1px solid #a4a4a4;
	width:217px;
	min-height:26px;
	margin:0;
	padding-left:5px;
	border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}

.header .search .serch-btn{
	margin:0;
	padding:0 7px 0 25px;
	min-height:26px;
	background:#0068b7 url(../img/icon_search_pc.png) no-repeat 5px 50%;
	color:#fff;
	font-size:14px;
	border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
	border:none;
	cursor:pointer;
}

.bx-controls-auto-item {
    vertical-align: bottom;
}
.bx-wrapper .bx-pager.bx-default-pager a{
    vertical-align: top!important;
    margin-top: 10px!important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #0068b7;
	width:14px;
	height:14px;
	vertical-align: top!important;
    margin-top: 8px!important;
    margin: 5px;
}

/* language */

#language{

}

#language dl {
	position: relative;
	border:1px solid #d5d5d5;
	background:#fff;
	z-index:10;
	text-align:left;
}

#language dt {
	display:block;
    padding: 0 40px 0 15px;
	line-height:28px;
	text-align:center;
	cursor:pointer;
	background:url(../img/icon_lan.png) no-repeat right 0;
}

#language dd{
	display: none;
	position: absolute;
	background:#fff;
	border:1px solid #dfdfdf;
	border-top:none;
}

#language dd li{
	border-top:1px solid #dfdfdf;
	background:#fff;
}

#language dd li a{
	display:block;
	padding:3px 5px;
}

.header a:link,
.header a:visited{
	text-decoration:none;
}

/* fontSize */


#fontSize{
	font-size:14px;
}

#fontSize dt{
	float:left;
	margin-right:11px;
}

#fontSize dd{
	background-color:#dfdfdf;
    padding: 1.5px 11px;
	margin-right: 5px;
	float: left;
	cursor: pointer;
	display: block;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    text-align: center;
}

#header button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	appearance: none;
    font-size: 100%;
}

#fontSize dd:hover {
	background-color:#0068b7;
	color:#fff;
}
#fontSize dd.active{
	background-color:#0068b7;
	color:#fff;
}

#fontSize dd.active button,
#fontSize dd:hover button{
	background-color:#0068b7;
	color:#fff;
    font-size: 100%;
}

#fontSize dd.active:hover {
	background-color:#0068b7;
	color:#fff;
}

.fcol{
    margin-right: 18px;
}

#fcol dt{
	float:left;
}

#fcol dd{
	float:left;
	margin-left:10px;
}

#fcol dd a{
	display:block;
    padding: 1px 6px;
	text-align:center;
	border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
	text-decoration:none;
}
	

#fcol dd.cstand a{
	border:1px solid #acacac;
}

#fcol dd.cblue a{
	color:#ffffff;
	background:#0a12aa;
}

#fcol dd.cblack a{
	color:#ffea00;
	background:#000000;
}

/* global-navigation */

.global-navigation{
	/*position:absolute;
	top:96px;
	left:0;*/
	padding-top:10px;
	width:100%;
	font-size:115%;
	font-family:"ヒラギノ角ゴ Pro W3", "メイリオ","ＭＳ Ｐゴシック", Osaka ;
	border-bottom:4px solid #0068b7;
}

.global-navigation ul{
	display:table;
	width:100%;
	background:#0068b7;
}

.global-navigation ul li{
	display:table-cell;
    vertical-align: middle;
    text-align:center;
	background:url(../img/bg_line.png) no-repeat 0 50%;
}

.global-navigation ul li:first-child{
	background:none;
}

.global-navigation li a:link,
.global-navigation li a:visited,
.global-navigation li a:hover,
.global-navigation li a:active{
	color:#ffffff;
	text-decoration:none;
	display:block;
	padding:13px 10px 9px;
}

.global-navigation li a:hover{
	background-color:rgba(255,255,255,0.2);
}

.global-navigation ul li a.active{
	color:#4e4e4e;
	background:#e7f5ff;
}

.global-navigation ul li span{ display:none;}

/* ---------------------------------------------
　content幅
------------------------------------------------ */

.container {
	overflow:hidden;
	width:1060px;
	margin: 0 auto;
	text-align:left;
}

.content {
	width:760px;
	float:right;
	padding-bottom:70px;
}

.one-colm{
	width:1060px;
	float:none;
	padding-bottom:0;
}

.side-content {
	width:280px;
	float:left;
	padding-bottom:40px;
}

.menu_area01 {
    text-align: right;
    padding-top: 15px;
    width: 895px;
    margin-left: auto;
}
.menu_area02 {
    text-align: right;
    padding-top: 3px;
}

.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.cf {
    display: inline-block;
}

/* ---------------------------------------------
 topic-path
------------------------------------------------ */

.topic-path{
	width:100%;
	padding:15px 0;
	overflow:hidden;
}

.topic-path li{
	float:left;
	position:relative;
}

.topic-path li a{
	padding-right:25px;
}

.topic-path li a:before {
   content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid #0068b7;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    position: absolute;
    top: .5em;
    right: 12px;
}

.topic-path li:first-child{
	background: url(../img/icon_home.png) no-repeat 0 50%;
	padding-left:30px;
}


/* ---------------------------------------------
 side-content
------------------------------------------------ */

/* local-kinkyu */

.local-kinkyu{
	width:280px;
	margin-bottom:20px;
	background:#fff5f9;
	border:2px solid #d8022f;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.local-kinkyu dt{
	padding:10px 0 10px 60px;
	color:#fff;
	font-size:143%;
	background:#d8022f url(../img/icon_pc.png) no-repeat 15px 50%;
	line-height:1;
}

.local-kinkyu dt span{
	font-size:16px;
}

.local-kinkyu dd{
	padding:15px 20px;
}

.local-kinkyu dd span{
	display:block;
    word-break: break-all;
}

.local-kinkyu dd .redarrow{
	background-image: url(../../img/icon_arrow_red.png);
	background-size:10px 10px;
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:20px;
}

.local-kinkyu dd p {
    text-indent: -20px;
    margin-left: 20px;
}


/* --- local-navigation --- */

.side-content .local-navigation{
	margin-bottom:20px;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	border:4px solid #0068b7;
}

.side-content .local-navigation h2{
	margin:0;
	padding:10px 0;
	background:#0068b7;
	color:#fff;
	text-align:center;
	font-size:143%;
	line-height:1.2;
}

.side-content .local-navigation h2 a:link,
.side-content .local-navigation h2 a:visited,
.side-content .local-navigation h2 a:hover,
.side-content .local-navigation h2 a:active{
	color:#fff;
	text-decoration:none;
}

.local-navigation ul{
	margin:10px 15px;
    word-break:break-all;
}

.local-navigation ul li{
	background:url(../img/icon_arrow_pc.png) no-repeat 0 0.7em;
	font-size:115%;
	border-top:1px dashed #b8b8b8;
	padding:6px 0 6px 23px;
}

.local-navigation ul li:first-child{
	border:none;
}

.local-navigation ul li a{
	display:block;
}


.side-content .side-fb{
	margin-bottom:20px;
}

/* side-infomation */

.side-infomation{
	width: 100%;
	display:inline-block;
	margin-bottom:5px;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	border:4px solid #1f9e43;
}

.side-infomation h2{
	padding:10px 0 10px 50px;
	line-height:1.2;
	font-size:143%;
	font-weight:bold;
	background:#f9f9f6 url(/common/img/icon_info_pc.png) no-repeat 20px 50%;
	border-bottom:2px solid #e6e5e5;
}

.side-infomation h2 a:link,
.side-infomation h2 a:visited,
.side-infomation h2 a:hover,
.side-infomation h2 a:active{
	color:#000;
	text-decoration:none;
}

.side-infomation li{
	margin:0 15px;
	font-size:115%;
	border-top:1px dashed #b8b8b8;
}

.side-infomation li:first-of-type{
	border:none;
}

.side-infomation li a{
	display:block;
	padding: 10px 0 10px 23px;
	background:url(/common/img/icon_arrow_pc.png) no-repeat 0 50%;
}

.side-content .banner li{
	margin-bottom:10px;
}

.side-content .other-list{
	border:1px solid #d4d4d4;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	margin-bottom:18px;
}

.side-content .other-list li{
	border-top:1px dashed #b8b8b8;
	margin:0 15px;
	line-height:44px;
}

.side-content .other-list li:first-child{
	border:none;
}

.side-content .other-list li a{
	display:block;
	padding-left:23px;
	background:url(/common/img/icon_arrow_pc.png) no-repeat 0 50%;
}

.oldsite a{
	display:block;
	width:100%;
	padding: 20px 0 15px 0;
	font-size: 90%;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	color:#fff;
	text-decoration:none;
	background:#4ba42d url(/common/img/icon_oldsite.png) no-repeat 25px 20px;
}
.oldsite a span.name{
	padding: 0 0 0 65px;
	font-size:130%;
}
.oldsite a span.caution{
	padding: 5px 15px 0 15px;
	display: block;
	text-align: left;
}


/* ---------------------------------------------
 under-banner
------------------------------------------------ */

.under-banner{
	clear:both;
	background:#faf8f2;
	padding:30px 20px 20px;
	margin-top:60px;
}

.under-banner li{
	float:left;
	margin-left:20px;
}

.under-banner li img{
	width:180px;
	height:auto;
}

.under-banner .koukoku{
	clear:both;
	text-align:right;
	padding-top:10px;
}

.under-banner .koukoku a{
	padding-left:20px;
	background:url(/common/img/icon_arrow_pc.png) no-repeat 0 0.5em;
}


/* ------------------------------------------------------
  pagetop
-------------------------------------------------------*/

.pagetop{
	clear:both;
	width:1060px;
	margin:35px auto 0;
	text-align:right;
}

.pagetop a{
	display:inline-block;
	width:158px;
	padding:10px 20px 10px 0;
	background:#dcf0ff;
	border-top-left-radius:5px; 
	border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	text-decoration:none;
	color:#000;
}



/* ------------------------------------------------------
  footer
-------------------------------------------------------*/

.footer {
	width:100%;
	padding-bottom:39px;
	text-align:left;
	background:#dcf0ff url(../img/bg_footer.png) repeat-x 0 0;
	overflow:hidden;
}

.footer-inner {
	position:relative;
	width:1060px;
	margin:0 auto;
	padding-top:22px;
}

.fnavi{
	margin: 0 136px;
	padding-bottom:35px;
	overflow:hidden;
}

.fnavi li{
	float:left;
	margin-right:20px;
	padding-left:20px;
	background:url(../img/icon_arrow_pc.png) no-repeat 0 50%;
}

.footer-inner dl{
	clear:both;
	margin:0 0 0 122px;
}

.footer-inner dt{
	float:left;
}

.footer-inner dd{
	padding:0 0 0 155px;
}

.footer-inner .copy{
	margin:5px 0 0 122px;
	line-height:1.4;
}

.footer .icon-kyougoku{
	position:absolute;
	left:0;
	top:22px;
}

.footer .icon-uchi{
	position:absolute;
	right:0;
	top:22px;
}

.footer .mapbtn{
	background:#0068b7 url(../img/icon_map_pc.png) no-repeat 8px 50%;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	color:#fff;
	padding:3px 10px 3px 20px;
	margin-left:10px;
}

.footer a.mapbtn{
	text-decoration:none;
}

/* 非表示 */
	
	.sp{ display:none;}


/* ------------------------------------------------------
 sp設定
-------------------------------------------------------*/

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

	/* 非表示 */
	
	.pc{ display:none;}
	
	.sp{ display:block;}
	
	/* img */
	img {
		max-width: 100%;
		height: auto;
	}
	

	/* 
	　header
	-------------------------- */
	
	.header{
		position:relative;
		display:block;
		width:100%;
		height:65px;
		margin:0 auto;
	}
	
	.header .logo{
		position:absolute;
		left:10px;
		top:18px;
	}
	
	.header .logo img{
		width:105px;
		height:auto;
	}
	
	.header .ten{
		position:absolute;
		left:120px;
		top:18px;
	}
	.header .ten .tenlogo{
		width:40px;
		height:auto;
	}
	
	.header .voice,
	.header #language{
		display:none;
	}
	
	.header .search{
		position: relative;
		top:0;
		left:2%;
		text-align:left;
		margin:0 0 10px;
	}
	
	.header .search .serch-box{
		border:1px solid #a4a4a4;
		width:74%;
		height:33px;
		margin-right:0;
		padding-left:5px;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-appearance: none;
	}
	
	.header .search .serch-btn{
		height:33px;
		width:20%;
		vertical-align:top;
	}
    .menu_area01,
    .menu_area02{
        display: none;
    }
	/*
	　content幅
	-------------------------- */
	
	.container {
		overflow:hidden;
		width:100%;
		margin: 0 auto;
		text-align:left;
	}
	
	.content,
	.one-colm {
		width:96%;
		margin:0 auto;
		padding-bottom:30px;
		float:none;
	}
	
	.side-content {
		width:96%;
		margin:0 auto;
		float:none;
		padding-bottom:0;
	}
	
	/*
	 side-content
	----------------------------- */
	.side-content {
		width:96%;
		margin:0 auto;
		padding-top:0;
		float:none;
		position:relative;
	}
	.side-infomation,
	.side-content .banner,
	.side-content .other-list,
	.side-content .side-fb{
		display:none;
	}
	
	/* --- local-navigation --- */

	.bluebg{
		background-color:#dcf0ff;
		margin:0 -2%;
		padding:15px 2% 5px;
	}

	.side-content .local-navigation{
		margin:0 0 20px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border:1px solid #0068b7;
		background-color:#fff;
	}
	
	.side-content .local-navigation h2{
		margin:0;
		padding:10px 0;
		background:#0068b7;
		color:#fff;
		text-align:center;
		font-size:143%;
		line-height:1.2;
	}
	
	.local-navigation ul{
		margin:0;
	}
	
	.local-navigation ul li{
		background:url(../img/icon_arrow_pc.png) no-repeat 96% 0.9em;
		font-size:115%;
		border-top:1px solid #b8b8b8;
		padding:8px 0 8px 20px;
	}
	
	.local-navigation ul li:first-child{
		border:none;
	}
	
	.local-navigation ul li a:link,
	.local-navigation ul li a:visited,
	.local-navigation ul li a:hover,
	.local-navigation ul li a:active{
		display:block;
		text-decoration:none;
		color:#333;
	}
	
	/* 
	 under-banner
	-------------------------------- */
	
	.under-banner{
		clear:both;
		background:#faf8f2;
		padding:30px 0;
		margin:0;
	}
	
	.under-banner ul{
		width:100%;
		margin:0 2%;
	}
	
	.under-banner li{
		float:left;
		text-align:center;
		width:46%;
		margin:0 1% 8px 1%;
	}
	
	.under-banner li img{
		width:100%;
		height:auto;
	}


	/* 
	  pagetop
	-------------------------- */
	
	.pagetop{
		clear:both;
		width:100%;
		margin:0 auto;
		text-align:center;
		border-top:1px solid #c6c6c6;
	}
	
	.pagetop a{
		display:inline-block;
		width:100%;
		height:42px;
		line-height:42px;
		padding:0;
		background:#fff;
		border-top-left-radius: 0px; 
		border-top-right-radius: 0px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		text-decoration:none;
		color:#000;
	}

	/* 
	  footer
	-------------------------- */
	
	.footer {
		width:100%;
		height:auto;
		margin-top:0;
		padding-bottom:0;
		text-align:left;
		background:#dcf0ff;
		overflow:auto;
		border-top:1px solid #0068b7;
	}
	
	.footer-inner {
		position:relative;
		width:100%;
		margin:0 auto;
		padding-top:20px;
	}
	
	.fnavi{
		margin:0 2%;
		padding-bottom:5px;
		overflow:hidden;
	}
	
	.fnavi li{
		float:left;
		width:49%;
		margin:0 1% 10px 0;
		padding-left:12px;
		line-height:1.2;
		font-size:87%;
		background-image:url(../img/icon_arrow_01.png);
		background-repeat:no-repeat;
		background-size:10px 10px;
		background-position:0 0.2em;
	
	}
	
	.footer-inner dl{
		clear:both;
		margin:0 0 15px;
		padding:15px 2%;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	
	.footer-inner dt{
		float:none;
	}
	
	.footer-inner dd{
		padding:0;
	}
	
	.footer-inner .copy{
		margin:0 0 15px;
		line-height:1.2;
		text-align:center;
	}
	
	/* -------------------------------------
	　スマホmenu
	------------------------------------- */
	
	/* navibtn */
	
	.header .navibtn{
		position:absolute;
		top:7px;
		right:10px;
	}
	
	.header .navibtn img{
		width:55px;
		height:auto;
	}
	
	.header .navibtn a{
		display:block;
		width:55px;
		height:60px;
		/*background:url(../img/btn_menu.png) no-repeat 0 0;*/
		background-size:55px 60px;
	}
	
	#menu{
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		z-index:1000;
		/*background:#fff;*/
	}
	
	#menu .mheader{
		position:relative;
		height:65px;
		background:#fff;
	}
	
	.logobox img.splogo{
		position:absolute;
		left:10px;
		top:18px;
		width:105px;
		height:auto;
	}
	
	.logobox img.locoten{
		position:absolute;
		left:120px;
		top:18px;
		width:40px;
		height:auto;
	}

	#menu .mheader p.close01{
		position:absolute;
		right:10px;
		top:7px;
	}
	#menu .mheader p.close01 img{
		width:55px;
	}
	
	/* PC設定相殺 ------------ */

	.global-navigation{
		padding-top:0;
		width:100%;
		font-size:115%;
		font-family:"ヒラギノ角ゴ Pro W3", "メイリオ","ＭＳ Ｐゴシック", Osaka ;
		border-bottom:none;
	}
	
	.global-navigation ul{
		display:block;
		width:100%;
		background:#0068b7;
	}
	
	.global-navigation ul li{
		display:block;
		vertical-align: middle;
		text-align:left;
		background:none;
		position:relative;
	}
	
	.global-navigation ul li span{
		display:block;
		position:absolute;
		left:7em;
		top:0;
	}
	
	.global-navigation ul li a.active{
		color:#4e4e4e;
		background:#0068b7;
	}
	
	/* ナビ部分 */
	#menu .menu{
		position:relative;
		background:#dcf0ff;
		padding-top:10px;
		z-index:10;
	}
	
	#menu .menu ul{
		width:96%;
		margin:0 2%;
		font-size:15px;
		text-align:left;
		background:#0068b7;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		display: block;
		padding:0;
	}
	
	#menu .menu ul li a{
		max-width:100%;
		line-height:50px;
		background-image:url(../img/icon_arrow_sp.png);
		background-size:10px 10px;
		background-repeat:no-repeat;
		background-position:96% 50%;
		border-top: 1px solid #fff;
		padding:0 0 0 10px;
	}
	
	#menu .menu ul li:first-child{
		border-top:none;
	}
	
	/**/
	
	#menu p.close02{
		font-size:15px;
		text-align:center;
		padding:10px;
		background:#dcf0ff;
	}
	
	#menu p.close02 a{
		background: #ffffff;
		border-radius:3px;
		border:1px solid #e1e1e1;
		color:#323232;
		text-decoration:none;
		display:block;
		padding:10px 7px;
	}
	
	#menu p.close02 a img{
		vertical-align:middle;
		margin:-2px 13px 0 0;
	}
	
	#menu li a:link,
	#menu li a:visited,
	#menu li a:hover,
	#menu li a:active{
		text-decoration:none;
		color:#fff;
		display:block;
	}
/* 非表示 */
	
	.pc{ display:none!important;}


}


	/* -------------------------------------
	　2017/06/01add　table with set
	------------------------------------- */

@media only screen and (min-width:768px) {
table{
	width: 100% !important;
	max-width:100% !important;
}
}

td, th{
	width:auto !important;
	max-width:100% !important;
	word-break: break-all;
/*	word-wrap: break-word;*/
}
table p,
table div{
	display:block !important;
	width:auto !important;
}

@media only screen and (max-width:767px) {
	table{
		display: block;
		width: 100% !important;
		white-space: nowrap;
		overflow-x: auto;
		border: 0 !important;
	}
	table.contact-table{
		white-space: normal;
	}
	table.overflow:before{
		/*左右にスクロールして、内容をご確認ください。*/
		content: "\5DE6 \53F3 \306B \30B9 \30AF \30ED \30FC \30EB \3057 \3066 \3001 \5185 \5BB9 \3092 \3054 \78BA \8A8D \304F \3060 \3055 \3044 \3002";
		font-size: 12px;
		color: #f00;
		display: block;
		text-align: left;
	}
	table.contact-table.overflow:before{
		/*左右にスクロールして、内容をご確認ください。*/
		content: "";
		font-size: 12px;
		color: #f00;
		display: block;
		text-align: left;
	}
	thead,
	tbody{
		min-width: 100%;
	}
}