@charset "utf-8";
/* CSS Document */

/*==================================================================
  ナビゲーションとフォントサイズ変更を非表示：トップページのみ
==================================================================*/
.home #global-navi,
.home #textsizer,
.home #primary-navi,
#header .catch	{
	display: none;
	}
	


/*==================================================================
  フッターを変更
==================================================================*/
#footer-wrapper {
    background: none;
	background-color: #fff;
	border-top: 1px solid #cecacb;
	}
.footer-navi-inbox a, footer-navi-inbox a:hover {
    color: #001c58;
	}
.footer-navi-inbox,
.footer-navi-logo {
    background: url(../images/common/fnav-line.jpg) bottom left repeat-x;
	}
.footer-navi-mark-parents {
    background: url(../images/common/fnav-mark01.jpg) 0 5px no-repeat;
	}
.footer-navi-mark-child {
    background: url(../images/common/fnav-mark02.jpg) 19px 8px no-repeat;
	}
#copyright {
	background-color: #cdcdcd;
	width: 100%;
	margin: 0 auto;
	}
	
/*==================================================================
  各ページへのナビゲーションを表示：トップページのみ
==================================================================*/
.contentsNav	{
	width:640px;
	width: 960px;
	margin: 0 auto 10px auto;
	}
.contentsNav ul li	{
	width: 160px;
	float: left;
	box-sizing: border-box;
	}
.contentsNav ul li a	{
	display: block;
	border: 5px solid #fff;
	}
.contentsNav ul li a .icon	{
	background-color: #fff;
	}
.contentsNav ul li a .ttl	{
	border-top: 5px solid #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	}
.contentsNav ul li a .ttl i	{
	padding-left: 15px;
	}	
.contentsNav .nav01 a	{
	background-color: #16a085;
	border-color: #1abc9c;
	}	
.contentsNav .nav01 .ttl	{
	border-top-color: #1abc9c;
	}	
.contentsNav .nav02 a	{
	background-color: #d35400;
	border-color: #e67e22;
	}	
.contentsNav .nav02 .ttl	{
	border-top-color: #e67e22;
	}	
.contentsNav .nav03 a	{
	background-color: #8e44ad;
	border-color: #9b59b6;
	}	
.contentsNav .nav03 .ttl	{
	border-top-color: #9b59b6;
	}	
.contentsNav .nav04 a	{
	background-color: #e84393;
	border-color: #fd79a8;
	}	
.contentsNav .nav04 .ttl	{
	border-top-color: #fd79a8;
	}	
.contentsNav .nav05 a	{
	background-color: #4834d4;
	border-color: #686de0;
	}	
.contentsNav .nav05 .ttl	{
	border-top-color: #686de0;
	}	
.contentsNav .nav06 a	{
	background-color: #c0392b;
	border-color: #e74c3c;
	}	
.contentsNav .nav06 .ttl	{
	border-top-color: #e74c3c;
	}	

/*==================================================================
  レイアウトが崩れるため修正：トップページのみ
==================================================================*/
.home #main-contents {
    float: left;
    width: 700px;
    margin-right: 30px;
    position: static;
	}

/*==================================================================
  h2見出しデザイン変更：トップページのみ
==================================================================*/
.news-list h2, .news-list h2 {
    position: static;
    width: auto;
    height: auto;
	}
.crossheadTtl	{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: 1px solid #00a1e9;
	background: #ddeefe;
	background: -moz-linear-gradient(top, #ddeefe 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #ddeefe 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #ddeefe 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddeefe', endColorstr='#ffffff',GradientType=0 );
	padding: 10px 20px;
	}	
#main-contents .crossheadTtl .txt	{
	width: 50%;
	}	
.crossheadTtl .txt	{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #001c58;
	letter-spacing: 0.1em;
	}
.crossheadTtl .txt i	{
	padding-right: 0.4em;
	}	
.crossheadTtl .link	{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	text-align: right;
	}	
.crossheadTtl .link a	{
	font-size: 12px;
	color: #001c58;
	}	
.crossheadTtl .link a i	{
	padding-right: 0.5em;
	}

/*==================================================================
  スライダー：トップページのみ
==================================================================*/
.bxSliderWrapper	{
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
	padding: 0px 0 0 0;
	margin: 0 auto 6px auto;
	}
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
	}
.bx-wrapper img {
	max-width: 100%;
	display: block;
	}
.bx-wrapper .bx-viewport {
    overflow: visible !important;
	left: 0;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
	}
.bx-wrapper .bx-prev {
    left: -11px;
    background: url(../images/home/index--arrow_left.png) top center no-repeat;
	}
.bx-wrapper .bx-next {
	right: -11px;
    background: url(../images/home/index--arrow_right.png) top center no-repeat;
	}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -17px;
	outline: 0;
	width: 20px;
	height: 34px;
	text-indent: -9999px;
	z-index: 9999;
	}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
	}
#slider	{
	overflow: hidden;
	height: 430px;
	}
#slider li {
	display: block !important;
	padding: 0;
	}
#slider li img	{
	width: 958px;
	height: 428px;
	border: 1px solid #cdcdcd;
	margin: 0 auto;
	}
.custom-thumb	{
	width: 100%;
	height: 51px;
	letter-spacing: -4em;
	padding: 5px 0;
	margin: 0 auto;
	text-align: center;
	}
.custom-thumb a	{
	display: inline-block;
	height: 49px;
	letter-spacing: normal;
	border: 1px solid #d8d8d8;
	margin: 0 2px;
	}		





#header .logo {
    position: absolute;
    top: 22px !important;
    left: 0;
    width: 250px;
}

/*20180806 追記*/
#header-wrapper{
		background:#fff url(../images/common/header_wrapper.jpg) top left repeat-x;
	}
	
	#header{
		height:118px;
	}
	
	#header .logo{
		position:absollute;
		top:12px;

	}

	#textsizer,
	#primary-navi,
	#language-navi{
		/*top:-50px;*/
		top:15px;
	}
	.new_sitemaplist li{
		list-style: url();
		list-style-type:none;
		background-image:url(../images/common/blue_arrow.png);
		background-repeat:no-repeat;
		background-position:left center;
		padding:10px 20px;
		font-weight:bold;
		color:#063aa7;
	}
	.product-outline-inbox-left{
		float:none;
		border:none;
	}
	.product-outline-inbox-right{
		float:none;
	}
	.mt15{
		margin-top:15px;
	}
	
	.square_btn_blue{
		display: inline-block;
		padding: 0.5em 1em;
		border-radius: 4px;
		background-image: -moz-linear-gradient(top, #0034a4 0%, #0243dd 5%, #023cc2 46%, #0034a4 100%, #207cca 100%);
		background-image: -webkit-linear-gradient(top, #0034a4 0%, #0243dd 5%, #023cc2 46%, #0034a4 100%, #207cca 100%);
		background-image: linear-gradient(top, #0034a4 0%, #0243dd 5%, #023cc2 46%, #0034a4 100%, #207cca 100%);
		box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.29);
		width:610px;
		height:35px;
		text-align: center;
		line-height:35px;
	  }	

	.square_btn_blue:active{
		-ms-transform: translateY(4px);
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
		box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
		border-bottom: none;
	}
	
	.square_btn_green{
		display: inline-block;
		padding: 0.5em 1em;
		border:1px solid #1d9f23;
		border-radius: 4px;
		background-image: -moz-linear-gradient(top, #97c86f 0%, #a9dc80 50%, #97c771 100%);
		background-image: -webkit-linear-gradient(top, #97c86f 0%, #a9dc80 50%, #97c771 100%);
		background-image: linear-gradient(top, #97c86f 0%, #a9dc80 50%, #97c771 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97c86f', endColorstr='#97c771',GradientType=0 );
		box-shadow: 0px 2px 8px 3px rgba(0, 0, 0, 0.29);
		width:610px;
		height:35px;
		text-align: center;
		line-height:35px;
	  }
	
	#section a{
		color:#fff;
		text-decoration:none;
		font-size:20px;
		font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	}
	
	.mt20{
		margin-top:20px;
	}
	.title_waterblue{
		border-top: dotted 1px #3597ff; 
		border-bottom: dotted 1px #3597ff; 
		color:#3597ff;
		font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		font-size:20px;
		font-weight:bold;
		padding:.25em 0 .25em 1em;
	}
	.title_small{
		border-left:3px solid #003396;
		padding:2px 10px;
		color:#3597ff;
		font-weight:bold;
		font-size:14px;
		margin-bottom:10px;
	}
	
	.mb10{
		margin-bottom:10px;
	}
	
	ul.block01{
		display:table;
	}
	ul.block01 li{
		display:table-cell;
		vertical-align: top;
		padding-right:10px;
		text-align: left;
	}
	ul.block01 li:last-child{
		padding-right:0;
	}
	
	ul.block02{
		display:table;
		vertical-align: middle; 
		text-align: center;
		background-color:#f0f0f0;
		padding:17px 20px;
	}
	ul.block02 li{
		display:table-cell;
		vertical-align: middle;
		padding-right:10px;
	}
	ul.block02 li:last-child{
		padding-right:0;
	}
	
	.gray_btn{
		display: inline-block;
		/*padding: 0.5em 1em;*/
		border-radius: 4px;
		
		background-image: -webkit-linear-gradient(top, #e9e9eb 0%, #d0d0d2 100%);
		background-image: linear-gradient(top, #e9e9eb 0%, #d0d0d2 100%);
		box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.29);
		text-align: center;
		width:200px;
		height:40px;
		line-height:40px;
		
	}
	
	/*--------------------------------------------
	  globalNav
	--------------------------------------------*/
	.globalNavWrap {
		width: 100%;
		position:absolute;
		top:78px;
		left:0;
		/*background-color:#ecf0f1;
		border-top: 1px solid #bdc3c7;
		border-bottom: 1px solid #bdc3c7;*/
		}
	.globalNav {
		position: relative;
		width: 100%;
		
		}
	.globalNav .nav	{
		width: 958px;
		height: 47px;
		top:78px;
		left:0;
		/*border-left: 1px solid #bdc3c7;
		border-right: 1px solid #fff;*/
		margin: 0 auto
		}	
	.globalNav .nav .nav01,
	.globalNav .nav .nav02,
	.globalNav .nav .nav03,
	.globalNav .nav .nav04,
	.globalNav .nav .nav05,
	.globalNav .nav .nav06 {
		height:40px;
		/*height: 47px;*/
		float: left;
		text-align: center;
		/*border-right: 1px solid #bdc3c7;*/
		}
	.globalNav .nav .nav01 {
		width:46px;
		/*width: 319px;*/
		}
	.globalNav .nav .nav02,
	.globalNav .nav .nav03,
	.globalNav .nav .nav04,
	.globalNav .nav .nav05,
	.globalNav .nav .nav06{
		width: 152px;
		}
	.globalNav .nav .nav01 span,
	.globalNav .nav .nav02 span,
	.globalNav .nav .nav03 span,
	.globalNav .nav .nav04 span,
	.globalNav .nav .nav05 span,
	.globalNav .nav .nav06 span{
		/*border-top: 1px solid #fff;
		border-left: 1px solid #fff;*/
		display: block;
		overflow: hidden;
		/*color: #1a509d;
		font-size: 16px;
		line-height: 46px;*/
		cursor: pointer;
		height: 40px;
		}
	/*.globalNav .nav .nav01 span b,
	.globalNav .nav .nav02 span b,
	.globalNav .nav .nav03 span b	{
		font-weight: normal;
		}
	.globalNav .nav .nav01 span b:after,
	.globalNav .nav .nav02 span b:after,
	.globalNav .nav .nav03 span b:after	{
		font-family: FontAwesome;
		content: '\f107';
		padding-left: 1em;
		}
	.globalNav .nav .nav01 span.selected b:after,
	.globalNav .nav .nav02 span.selected b:after,
	.globalNav .nav .nav03 span.selected b:after	{
		font-family: FontAwesome;
		content: '\f106';
		padding-left: 1em;
		}*/

	/* プルダウンメニュー */
	.globalNav .nav .nav01 .menu,
	.globalNav .nav .nav02 .menu,
	.globalNav .nav .nav03 .menu,
	.globalNav .nav .nav04 .menu,
	.globalNav .nav .nav05 .menu,
	.globalNav .nav .nav06 .menu{
		width: 958px;
		background-color:#ecf0f1;
		border: 1px solid #bdc3c7;
		position: absolute;
		z-index: 9999;
		display: none;
		top: 58px;
		left: 50%;
		margin-left: -479px;
		}
	.globalNav .nav .nav01 .menu dl,
	.globalNav .nav .nav02 .menu dl,
	.globalNav .nav .nav03 .menu dl,
	.globalNav .nav .nav04 .menu dl,
	.globalNav .nav .nav05 .menu dl,
	.globalNav .nav .nav06 .menu dl{
		padding: 29px 40px;
		/*padding: 29px;*/
		text-align: left;
		}

	.globalNav .nav .nav01 .menu dl dt a,
	.globalNav .nav .nav02 .menu dl dt a,
	.globalNav .nav .nav03 .menu dl dt a,
	.globalNav .nav .nav04 .menu dl dt a,
	.globalNav .nav .nav05 .menu dl dt a,
	.globalNav .nav .nav06 .menu dl dt a{
		display:block;
		font-size:24px;
		/*font-size: 158%;*/
		text-indent:.5em;
		color: #2c3e50;
		font-weight: bold;
		margin: 10px 0 0;
		padding: .75em 0;
  		border-top: 1px solid #ccc;
  		border-bottom: 1px solid #ccc;
		}
	.globalNav .nav .nav01 .menu dl dt i,
	.globalNav .nav .nav02 .menu dl dt a i,
	.globalNav .nav .nav03 .menu dl dt i,
	.globalNav .nav .nav04 .menu dl dt i,
	.globalNav .nav .nav05 .menu dl dt i,
	.globalNav .nav .nav06 .menu dl dt i{
		padding-right: 0.25em;
		}

	.globalNav .nav .nav01 .menu dl dd p,
	.globalNav .nav .nav02 .menu dl dd p,
	.globalNav .nav .nav03 .menu dl dd p,
	.globalNav .nav .nav04 .menu dl dd p,
	.globalNav .nav .nav05 .menu dl dd p,
	.globalNav .nav .nav06 .menu dl dd p{
		margin-top: 10px;
		}
	.globalNav .nav .nav01 .menu dl dd p a,
	.globalNav .nav .nav02 .menu dl dd p a,
	.globalNav .nav .nav03 .menu dl dd p a,
	.globalNav .nav .nav04 .menu dl dd p a,
	.globalNav .nav .nav05 .menu dl dd p a,
	.globalNav .nav .nav06 .menu dl dd p a{
		font-size: 129%;
		color: #2c3e50;
		}
	.globalNav .nav .nav01 .menu dl dd p a i,
	.globalNav .nav .nav02 .menu dl dd p a i,
	.globalNav .nav .nav03 .menu dl dd p a i,
	.globalNav .nav .nav04 .menu dl dd p a i,
	.globalNav .nav .nav05 .menu dl dd p a i,
	.globalNav .nav .nav06 .menu dl dd p a i{
		padding-right: 0.25em;
		}
	.globalNav .nav .nav01 .menu dl dd ul,
	.globalNav .nav .nav02 .menu dl dd ul,
	.globalNav .nav .nav03 .menu dl dd ul,
	.globalNav .nav .nav04 .menu dl dd ul,
	.globalNav .nav .nav05 .menu dl dd ul,
	.globalNav .nav .nav06 .menu dl dd ul{
		letter-spacing: -4em;
		letter-spacing: -2.8em;
		margin-right: -10px;
		}
	.globalNav .nav .nav01 .menu dl dd ul li,
	.globalNav .nav .nav02 .menu dl dd ul li,
	.globalNav .nav .nav03 .menu dl dd ul li,
	.globalNav .nav .nav04 .menu dl dd ul li,
	.globalNav .nav .nav05 .menu dl dd ul li,
	.globalNav .nav .nav06 .menu dl dd ul li{
		display: inline-block;
		width:280px;
		/*width: 172px;*/
		letter-spacing: normal;
		margin-right: 20px;
		margin-top: 20px;
		}

	.globalNav .nav .nav01 .menu dl dd ul li a,
	.globalNav .nav .nav02 .menu dl dd ul li a,
	.globalNav .nav .nav03 .menu dl dd ul li a,
	.globalNav .nav .nav04 .menu dl dd ul li a,
	.globalNav .nav .nav05 .menu dl dd ul li a,
	.globalNav .nav .nav06 .menu dl dd ul li a{
		display: block;
		background-color: #3498db;
		/*text-align: center;*/
		padding: 1em;
		color: #fff;
		font-size:18px;
		font-weight:bold;
		font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		}

	.globalNav .nav .nav01 .menu dl dd ul li a i,
	.globalNav .nav .nav02 .menu dl dd ul li a i,
	.globalNav .nav .nav03 .menu dl dd ul li a i,
	.globalNav .nav .nav04 .menu dl dd ul li a i,
	.globalNav .nav .nav05 .menu dl dd ul li a i,
	.globalNav .nav .nav06 .menu dl dd ul li a i{
		padding-left:30px;
	}


	.mr0{
		margin-right:0 !important;
	}

	.totop{
		background-color: #01359b !important;
	}

	/*--------------------------------------------
	  お問い合わせページ
	--------------------------------------------*/


	ul.contact_block01{
		display:table;
	}
	ul.contact_block01 li{
		display:table-cell;
		vertical-align: top;
		padding-right:8px;
		text-align: left;
	}
	ul.contact_block01 li:last-child{
		padding-right:0;
	}

	ul.blue_i{
		paddin:10px;
		list-style:none;
		margin:5px 0;
		
	}
	ul.blue_i li a{	
		margin:0;
		padding:0;
		background-image:url(../images/contact/blue_arrow.jpg);
		background-positon:left center;
		background-repeat:no-repeat;
		padding-left:18px;
		line-height:1.6 !important;
		margin-left:2px;
		list-style:none;
		font-size:14px !important;
		color:#333 !important;
		text-decoration:underline !important;
}

ul.contact_block01 p{
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:14px;
	margin-bottom:10px;
}