@charset "utf-8";

/* 2-01. Base Item
---------------------------------------------------------------------- */

#breadCrumbs.FixWrap {
	padding-top: 118px;
}
	#HeadUtility h1 a,
	#HeadUtility #siteLogo a {
		width: 288px;
	}

/* @end */


/* 2-02. Header
---------------------------------------------------------------------- */

#HeadUtility,
#Footer {
	margin-left: 10px;
	margin-right: 10px;
}
	#HeaderWrap.FixNav {
		z-index: 999;
	}
#HeaderWrap.FixNav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

/* #nav
---------------------------------------- */

#Header h1 img,
#Header .siteLobo img,
#Header #navDoor img,
#nav li img {
	height: auto;
	width: 100%;
}
#Header #navPC {
	display: none;
}
	#Header #nav01 {
		width: 10.54347%;
	}
	#Header #nav02 {
		width: 13.47826%;
	}
	#Header #nav03 {
		width: 14.13043%;
	}
	#Header #nav04 {
		width: 16.95652%;
	}
	#Header #nav05 {
		width: 19.34782%;
	}
	#Header #nav07 {
		width: 25.54347%;
	}
		#nav .dropNav .navCat {
			border-left: 1px solid #636568;
			border-right: 1px solid #000;
			z-index: 2000;
		}
		#nav #nav07 .navCat {
			border-right: 1px solid #636568;
		}
		#nav #nav01 .navCat {
			background: url(/files/user/english/img/common/cmn-nav-01-on.png) no-repeat;
			background: url(/files/user/english/img/common/cmn-nav-01.png) no-repeat;
		}
		#nav #nav02 .navCat {
			background: url(/files/user/english/img/common/cmn-nav-02-on.png) no-repeat;
			background: url(/files/user/english/img/common/cmn-nav-02.png) no-repeat;
		}
		#nav #nav03 .navCat {
			background: url(/files/user/english/img/common/cmn-nav-03-on.png) no-repeat;
			background: url(/files/user/english/img/common/cmn-nav-03.png) no-repeat;
		}
		#nav #nav04 .navCat {
			background: url(/files/user/english/img/common/cmn-nav-04-on.png) no-repeat;
			background: url(/files/user/english/img/common/cmn-nav-04.png) no-repeat;
		}
		#nav #nav05 .navCat {
			background: url(/files/user/english/img/common/cmn-nav-05-on.png) no-repeat;
			background: url(/files/user/english/img/common/cmn-nav-05.png) no-repeat;
		}
		#nav #nav07 .navCat {
			background: url(/files/user/english/img/common/cmn-nav-07.png) no-repeat;
		}
		#nav #nav01.current .navCat,
		#nav #nav01.active .navCat {
			background: #64C7C7 url(/files/user/english/img/common/cmn-nav-01-on.png) no-repeat;
		}
		#nav #nav02.current .navCat,
		#nav #nav02.active .navCat {
			background: #64C7C7 url(/files/user/english/img/common/cmn-nav-02-on.png) no-repeat;
		}
		#nav #nav03.current .navCat,
		#nav #nav03.active .navCat {
			background: #64C7C7 url(/files/user/english/img/common/cmn-nav-03-on.png) no-repeat;
		}
		#nav #nav04.current .navCat,
		#nav #nav04.active .navCat {
			background: #64C7C7 url(/files/user/english/img/common/cmn-nav-04-on.png) no-repeat;
		}
		#nav #nav05.current .navCat,
		#nav #nav05.active .navCat {
			background: #64C7C7 url(/files/user/english/img/common/cmn-nav-05-on.png) no-repeat;
		}
		#nav .dropNav .navCat {
			background-size: 100% auto !important;
			background-position: 0 50% !important;
			display: block;
			height: 35px;
			overflow: hidden;
			position: relative;
			text-indent: 100%;
			width: 100%;
			white-space: nowrap;
			z-index: 1;
		}
			#Header .navMenuItem ul ul,
			.navMenuItem li.hasList > a:after {
				display: none !important;
		}
		#nav .dropNav.current .navCat,
		#nav .dropNav.active .navCat {
			border-left: 1px solid #93D8D8;
			border-right: none;
		}
		#nav #nav07.current .navCat,
		#nav #nav07.active .navCat {
			border-left: 1px solid #636568;
			border-right: 1px solid #636568;
		}

#slideNav {
	display: none;
}
#breadCrumbs #bCInner {
	margin: 0 10px;
}
	#breadCrumbs #bCInner br {
		display: none;
	}

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

	#HeadUtility {
		margin-bottom: 1px;
	}
	#HeadUtility h1,
	#HeadUtility #siteLogo {
		width: 38.91891%;
	}
	#HeadUtility h1 a,
	#HeadUtility #siteLogo a {
		width: 100%;
	}
	#HeadUtility h1 a img,
	#HeadUtility #siteLogo a img {
		height: auto;
		width: 100%;
	}
	#HeadBox {
		width: 250px;
	}
	#sizeChanger {
		display: none;
	}

}


/* Social Btn
---------------------------------------- */

#ShareBtn {
	height: 25px;
	margin: 0;
}
	#ShareBtn li {
		position: absolute;
	}
	#ShareBtn .facebook {
		right : 120px;
		top: 0;
		text-align: right;
		width: 110px;
	}
	#ShareBtn .shareLead {
		line-height: 1.2;
		margin-right: 5px;
		right : 230px;
		text-align: right;
		top: 3px;
		width: 300px;
	}
	#ShareBtn .twitter {
		overflow: hidden;
		right : 0;
		top: 0;
		width: 110px;
	}
#button_sp {
	padding: 10px 0;
	text-align: left;
}
html body .button_pc {
	display: none !important;
}


/* Table Layout
---------------------------------------- */

th,td {
	padding: 10px 7px;
}


/* Rerated Links
---------------------------------------- */

		.relatedBox .relatedBlock5 li {
			margin: 0 1.53846%;
			width: 16.92307%;
		}

/* @end */



/* 2-03. Contents
---------------------------------------------------------------------- */

#Contents {
	padding: 0 10px 30px;
}
#Article #ArticleInner {
	float: right;
}
.section {
	margin-bottom: 20px;
}
	.blockList4 .imgBox .icontxt {
		font-size: 71.4%;
	}
	.blockList4 .imgBox .icon img {
		height: auto;
		width: 100%;
	}
.borderBox {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
		.imgL100 {
			float: left;
			margin-right: 20px;
			width: 100px;
		}
		.imgL168 {
			float: left;
			margin-right: 20px;
			width: 168px;
		}
	.heading2 h2 {
		width: 60%;
	}
.modalYtCov .fancybox-outer .fancybox-inner .jwplayer {
	width: 440px !important;
}
			.modalYtCov .fancybox-inner,
			.channelBox .modalYtCov {
				padding-top: 56.25%;
				position: relative;
				width: 100%;
			}
				.channelBox .modalYtCov iframe,
				.modalYtCov .fancybox-inner iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}


/* Business 3clum
---------------------------------------- */

	.bisLower3box li {
		margin-left: 0.59701%;
		width: 31.34328%;
	}
		.bisLower3box li img {
			height: auto;
			width: 100%;
		}


/* 2-03. 2clum Layout
---------------------------------------------------------------------- */

#ArticleInner {
	margin: 30px 0 0;
}
.sectionTop {
	margin: 20px 0 30px;
}


/* Heading Design
---------------------------------------- */

.tile01,
.tile02,
.tile03 {
	display: block;
}


/* h3
---------------------------------------- */

	.h3LinkBox > li {
		display: -moz-inline-box;
		display: inline-block;
		margin: 0 0 20px;
		width: 48.50746%;
	}
	.h3LinkBox > li:nth-child(2n) {
		margin-left: 2.98507%;
	}
			.boxWrapper .imgBox {
				margin-right: 3.07692%;
				width: 36.92307%;
			}


/* Branch nav
---------------------------------------- */

.BranchNav .imgBox,
.BranchNav2 .imgBox {
	margin-bottom: 10px;
}
.BranchNav p,
.BranchNav2 p {
	font-size: 85.7%;
	line-height: 1.6;
	margin: 0 0 10px;
}


/* Special contents
---------------------------------------- */

		#spLink h2 {
			font-size: 114.3%;
			padding: 3px 10px 8px;
		}
		#spLinkIn ul {
			margin: 0 15px;
		}
			#spLinkIn ul li {
				margin-bottom: 15px;
				padding-top: 20px;
				width: 49%;
			}
			#spLinkIn li:nth-child(2n) {
				margin-left: 2%;
			}
				#spLinkIn .imgBox {
					margin-right: 2.34741%;
					width: 26.49006%;
				}
					#spLinkIn .txtBox h3 {
						font-size: 114.3%;
					}


/* Glid System (920px)
---------------------------------------- */

.col-c1,
.col-c1of3,
.col-c2 {
	float: left;
}
.col-c1 { margin-left: 2%; }
.Glid01-c1 { width: 3.1%; }
.Glid02-c1 { width: 8.2%; }
.Glid03-c1 { width: 13.3%; }
.Glid04-c1 { width: 18.4%; }
.Glid05-c1 { width: 23.5%; }
.Glid06-c1 { width: 28.6%; }
.Glid07-c1 { width: 33.7%; }
.Glid08-c1 { width: 38.8%; }
.Glid09-c1 { width: 43.9%; }
.Glid10-c1 { width: 49%; }
.Glid11-c1 { width: 54.1%; }
.Glid12-c1 { width: 59.2%; }
.Glid13-c1 { width: 64.3%; }
.Glid14-c1 { width: 69.4%; }
.Glid15-c1 { width: 74.5%; }
.Glid16-c1 { width: 79.6%; }
.Glid17-c1 { width: 84.7%; }
.Glid18-c1 { width: 89.8%; }
.Glid19-c1 { width: 94.9%; }

.col-c1of3 { margin-left: 2.75%; }
.Glid01-c1of3 { width: 31.5%; }


/* Glid System (670px)
---------------------------------------- */

.col-c2	 { margin-left: 2%; }
.Glid01-c2 { width: 6.5%; }
.Glid02-c2 { width: 15%; }
.Glid03-c2 { width: 23.5%; }
.Glid04-c2 { width: 32%; }
.Glid05-c2 { width: 40.5%; }
.Glid06-c2 { width: 49%; }
.Glid07-c2 { width: 57.5%; }
.Glid08-c2 { width: 66%; }
.Glid09-c2 { width: 74.5%; }
.Glid10-c2 { width: 83%; }
.Glid11-c2 { width: 91.5%; }
.imgBox img,
.imgBoxFull img {
	height: auto;
	width: 100%;
}
.imgBoxFix img {
	height: auto;
	max-width: 100%;
}

/* blockList
---------------------------------------- */

.blockList2 > li,
.block2List2 > li {
	margin: 0 2% 20px 0;
	width: 49%;
}
#Contents .blockList2 > li:nth-child(2n),
#Contents .block2List2 > li:nth-child(2n) {
	margin-right: 0;
}
#Contents .blockList3 > li,
#Contents .block2List3 > li {
	margin: 0 2.75% 15px 0;
	width: 31.5%;
}
#Contents .blockList3 > li:nth-child(3n),
#Contents .block2List3 > li:nth-child(3n) {
	margin-right: 0;
}
#Contents .blockList4 > li,
#Contents .block2List4 > li {
	margin: 0 2% 20px 0;
	width: 23.5%;
}
#Contents .blockList4 > li:nth-child(4n),
#Contents .block2List4 > li:nth-child(4n) {
	margin-right: 0;
}
#Contents .blockList5 > li {
	margin: 0 2% 20px 0;
	width: 18.4%;
}
#Contents .blockList5 > li:nth-child(5n) {
	margin-right: 0;
}
.blockList2 img,
.blockList3 img,
.blockList4 img,
.blockList5 img,
.block2List2 img,
.block2List3 img,
.block2List4 img {
	height: auto;
	width: 100%;
}
.blockList3 .noResize img,
.block2List3 .noResize img {
	width: inherit;
}
.iconAll {
	width: inherit !important;
}
.roundAboutL04 {
	margin: 0 2% 10px 0;
	width: 32%;
}
.roundAboutL04 img {
	height: auto;
	width: 100%;
}


/* @end */



/* 2-04. Aside
---------------------------------------------------------------------- */

#Side {
	margin: 30px 35px 0 0;
	float: left;
}
	.catTop #catTitle {
		margin-bottom: 20px;
	}
	#catTitle img {
		height: auto;
		width: 100%;
	}
#catNav {
	margin-bottom: 20px;
}


/* @end */



/* 2-05. Footer
---------------------------------------------------------------------- */

	#groupLink {
		padding: 30px 0 20px;
		margin: 0 10px;
	}
	#Footer {
		padding: 15px 10px;
	}
		#Footer #copy {
			margin-top: 5px;
		}
	#searchBtm,
	#countryNavBtm {
		display: none;
	}

/* @end */



/* Left Nav Fixed 170px Style
---------------------------------------- */

@media screen and (min-width: 700px){

	#Article #ArticleInner {
		width: 72.82608%;
	}
	#Side {
		margin-right: 3.80434%;
		width: 23.36956%;
	}

}

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

	#Article {
		float: right;
		width: 100%;
	}
	#Article #ArticleInner {
		float: none;
		position: relative;
		margin-left: 185px;
	}
	#Side {
		margin-right: -185px;
		padding-right:15px;
		width: 170px;
	}

}

/* @end */


/* 3-03. Template
---------------------------------------------------------------------- */

		.grayBox .grayBoxInner .grayBoxRimg {
			margin: 0 0 10px 1.59235%;
			width: 32.52279%;
		}
		.grayBox .grayBoxInner .grayBoxRimgS {
			margin: 0 0 10px 1.59235%;
			width: 25.15923%;
		}
			.grayBox .grayBoxInner .grayBoxRimgS img,
			.grayBox .grayBoxInner .grayBoxRimg img {
				height: auto;
				width: 100%;
			}
.fancybox-wrap {
	width: 90% !important;
}


/* News
---------------------------------------- */

			.newsList .day {
				margin-right: 10px;
				float: left;
				width: 90px;
			}

/* @end */