@charset "utf-8";
/*
Copyright(c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*YUI Reset
*@module reset
*@namespace
*@requires*/
html{color:#000;overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,figure{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup,sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
hr{display:none}
address{font-style:normal}
button::-moz-focus-inner{border:0;padding:0}/*For Firefox*/
.EL,.ELM{margin:20px 0;clear:both}/*Element Parts Page Margin用*/
body{
font:13px/1.231 Helvetica,Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R','Droid Sans',メイリオ,'sans-serif';
font-family:Helvetica,Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R','Droid Sans',メイリオ,'sans-serif';/*for IE Quirks Mode*/}
select,input,button,textarea,button{font:99%}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
.clear{clear:both!important}
.cFix:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.cFix{min-height:1px}
* html .cFix{height:1px}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb21{margin-bottom:21px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb34{margin-bottom:34px!important}
.mb35{margin-bottom:35px!important}
.mb40{margin-bottom:40px!important}
.mb45{margin-bottom:45px!important}
.mb50{margin-bottom:50px!important}
.mb55{margin-bottom:55px!important}
.mb60{margin-bottom:60px!important}
.mb65{margin-bottom:65px!important}
.mb70{margin-bottom:70px!important}
.mb75{margin-bottom:75px!important}
.mb80{margin-bottom:80px!important}
.mb85{margin-bottom:85px!important}
.mb90{margin-bottom:90px!important}
.mb95{margin-bottom:95px!important}
.mb100{margin-bottom:100px!important}
.mr0{margin-right:0!important}
.pb0{padding-bottom:0!important}
.pb11{padding-bottom:11px!important}
.pt10{padding-top:10px!important}
.pt20{padding-top:20px!important}
.lh22{line-height:22px!important}
.no_rwd .phone,.no_rwd .tablet{display:none}
img{display:block;vertical-align:top}
.tx10{font-size:77%!important}
.tx11{font-size:85%!important}
.tx12{font-size:93%!important}
.tx14{font-size:108%!important}
.tx15{font-size:116%!important}
.tx16{font-size:123.1%!important}
.tx17{font-size:131%!important}
.tx18{font-size:138.5%!important}
.tx19{font-size:146.5%!important}
.tx20{font-size:153.9%!important}
.tx21{font-size:161.6%!important}
.tx22{font-size:167%!important}
.tx23{font-size:174%!important}
.tx24{font-size:182%!important}
.tx25{font-size:189%!important}
.tx26{font-size:197%!important}
a:link,a:active{color:#333;text-decoration:none}
a:hover{color:#f00000;text-decoration:none}
a:visited{color:#333;text-decoration:none}
body{background:#fff;line-height:1.7}
body.page_ex{background:#fff}
.disnon{display:none!important}
.w135{width:135px!important}.w225{width:225px!important}.w546{width:546px!important}
.noVisual{position:absolute;top:0px;left:0px;width:1px;height:1px;font-size:1px;overflow:hidden}
.block{padding:0 20px;clear:both}
.blurb{border-style:solid;border-width:2px 0;border-color:#dedede;padding:20px 0;margin-bottom:30px}
.blurb p{font-weight:bold;font-size:153.9%;color:#333}
.paragraph{margin-bottom:30px;clear:both}
.paragraph p{margin-bottom:20px;font-size:93%;color:#333}
.paragraph .day.bold{font-weight:bold}
em{font-weight:bold}
strong{font-weight:bold;color:#f00000}
.red{color:#ff0000}
.error{color:#ff0000;font-weight:bold;font-size:93%}
.error noscript p{color:#000;font-weight:normal;font-size:100%}
sup {line-height: 1.2;vertical-align: top;}


@media screen and (max-width:690px){#NoticeTop{padding-bottom:15px}}
@media screen and (max-width:640px){#NoticeTop{padding:15px 6px 10px 6px}}

nav.Gnav ul:after,#Foot ul:after,#dirPath ul:after,header #headR:after,header ul:after,header:after,#Main:after,#Main_inner:after{content:".";display:block;clear:both;height:0;visibility:hidden}
nav.Gnav ul,#Foot ul,#dirPath ul,header #headR,header ul,header,#Main,#Main_inner{min-height:1px}
* html nav.Gnav ul,* html #Foot ul,* html #dirPath ul,* html header #headR,* html header ul,* html header,* html header #Main,* html header #Main_inner{height:1px}


.prnlogo,
.prntObj {
	display: none;
}
/*h1,h2 {
	font-weight: bolder;
}*/

/* @group Header --------------------------------- */

#header {
	position: fixed;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ddd;
	z-index: 20;
	box-sizing: border-box;
}

.zoom #header {
	position: absolute !important;
}


#head_inner {
	width: 960px;
	height: 120px;
	margin: 0 auto;
}

#headLogo {
	float: left;
	margin: 20px 0 0;
}

#headUtility {
	float: right;
	margin: 24px 0 0;
}

#Gnav {
	margin-left: -20px;
	padding-top: 69px;
}

#Gnav ul li {
	display: inline-block;
	/*margin: 0 40px 0 0;*/
}

#Gnav ul li a {
	position: relative;
	display: block;
	padding: 0 20px 14px;
	text-decoration: none;
}

#Gnav ul li a:before {
	/*content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -7px;
	border-bottom: 7px solid #000;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	opacity: 0;
	-webkit-transition: all 0.1s ease 0.1s;
	-moz-transition: all 0.1s ease 0.1s;
	-o-transition: all 0.1s ease 0.1s;
	transition: all  0.1s ease 0.1s;*/
}

#Gnav ul li.arrow a:before {
	opacity: 1;
/*	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all  0s ease;*/
}

/*#Gnav ul li a:before {
	left: 23px;
}*/

#Gnav ul li a span {
	display: block;
	position: relative;
	height: 15px;
	padding: 10px 0;
	color: #000;
	font-size: 15px;
	line-height: 1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

#Gnav ul li a span:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 100%;
	height: 3px;
	background: #f00000;
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

#Gnav ul li:hover a span,
.company #Gnav .gnav01 a span,
.news #Gnav .gnav02 a span,
.irinfo #Gnav .gnav03 a span,
.ir #Gnav .gnav03 a span,
.csv #Gnav .gnav04 a span {
	color: #f00000;
}

.touch #Gnav ul li:hover a span {
	color: #000;
}

.touch #Gnav ul li a.tchHov span {
	color: #f00000;
}

#Gnav ul li:hover a span:after,
.company #Gnav .gnav01 a span:after,
.news #Gnav .gnav02 a span:after,
.irinfo #Gnav .gnav03 a span:after,
.ir #Gnav .gnav03 a span:after,
.csv #Gnav .gnav04 a span:after {
	opacity: 1;
}

.touch #Gnav ul li:hover a span:after {
	opacity: 0;
}

.touch #Gnav ul li a.tchHov span:after {
	opacity: 1;
}

#Head_menu,#Head_menu li,#headUtility form {
	float: left;
}

#Head_menu {
	padding-top: 3px;
}

#Head_menu li {
	padding: 0 14px;
	border-right: 1px solid #ddd;
	font-size: 93%;
	line-height: 18px;
}
#Head_menu li a {
	color: #333;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

#Head_menu li a:hover {
	color: #f00000;
}

#headUtility form {
	position: relative;
	padding: 0 0 0 11px;
	vertical-align: top;
}

#headUtility form .searchBoxWrapper,
#headUtility form button {
	float: left;
}

#headUtility form .searchBoxWrapper {
	float: left;
	display: block;
	opacity: 1;
	width: 0;
	height: 30px;
	margin: -3px 6px 0 4px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

#headUtility form .searchBoxWrapper.searchOpen {
	width: 190px;
}

#headUtility form .searchBox {
	display: block;
	width: 100%;
	height: 30px;
	margin: ;
	padding: 0 15px;
	border: none;
	border-radius: 0;
	background: #eee;
	box-sizing: border-box;
	outline: none;
	
}

#headUtility form .searchOpen .searchBox {
/*	width: 180px;*/
}

#headUtility form .searchOpen .searchBox::-ms-clear {
	display: none;
}

#headUtility form button {
	border: none;
	margin: 0;
	padding: 0;
}

#headUtility .searchOpn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

#headUtility form button,
#headUtility .searchOpn {
	width: 22px;
	height: 22px;
	background: url(../images/head_search_001_on.png) no-repeat;
}

#headUtility form button img,
#headUtility .searchOpn img {
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

#headUtility form button:hover img,
#headUtility .searchOpn:hover img {
	opacity: 0;
}

/* @end */

/* @group メガドロップ --------------------------------- */

.megaDisp {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	color: #fff;
	background: #000;
	z-index: 10;
}



.megaDispInner {
	position: relative;
	display: table;
	width: 960px;
	margin: 0 auto;
	padding: 50px 0;
}

.megaDispInner:before {
	content: '';
	display: block;
	position: absolute;
	top: -7px;
	margin-left: -7px;
	border-bottom: 7px solid #000;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	opacity: 1;
}

.gnav01 .megaDispInner:before {left: 30px;}
.gnav02 .megaDispInner:before {left: 160px;}
.gnav03 .megaDispInner:before {left: 322px;}
.gnav04 .megaDispInner:before {left: 475px;}

.en .gnav01 .megaDispInner:before {left: 52px;}
.en .gnav02 .megaDispInner:before {left: 210px;}
.en .gnav03 .megaDispInner:before {left: 365px;}
.en .gnav04 .megaDispInner:before {left: 484px;}

.tabletCloseWrap {
	position: absolute;
	top: 20px;
	left: 50%;
	width: 960px;
	margin: 0 0 0 -480px;
}

.tabletClose {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 19px;
	height: 19px;
	background: url(../images/tablet_menuclose.png) no-repeat;
	text-indent: -999em;
	cursor: pointer;
}

.megaDispInner:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

#Gnav ul li .megaDisp a:before {
	display: none;
}

/*.megaDispInner:before {
	content: '';
	display: block;
	position: absolute;
	top: -7px;
	border-bottom: 7px solid #000;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}

.megaDispInner:before {
	left: 23px;
}*/

.megaDisp a:hover {
	text-decoration: underline !important;
}

.megaDisp .mDCategory,
.megaDisp .mDColumnTb,
.megaDisp .mDColumn {
	display: table-cell;
	
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	vertical-align: top;
}

.megaDisp .mDCategory {
	width: 212px;
	font-size: 153.9%;
	line-height: 1.5;
}

.megaDisp .mDColumn {
	padding-bottom: 30px;
	padding-left: 25px;
	padding-right: 25px;
	border-left: 1px solid #4d4d4d;
}

.megaDisp .mDColumn.noline {
	border-left: none;
}

.en .megaDisp .mDColumn {
	padding-right: 30px;
}



.megaDisp .mDColumn01 {
	width: 236px;
}

.megaDisp .mDColumn02 {
	width: 236px;
}

.megaDisp .mDColumn03 {
	width: 236px;
}

.megaDisp .mDColumn li {
	display: block !important;
	font-size: 108%;
}

.megaDisp .mDColumn li li {
	font-size: 100%;
}

.megaDisp .mDColumn li .filled {
	letter-spacing: -1px;
}

.megaDisp li {
	display: block;
	line-height: 20px;
	margin: 10px 0 !important;
}

.megaDisp li.mdBan {
	margin: 10px 0 15px !important;
}

.megaDisp .mDCategory a,
.megaDisp li a {
	padding: 0 !important;
	color: #fff;
}

.megaDisp li li a {
/*	color: #999;*/
}

.megaDisp li li {
	padding-left: 14px;
}

.megaDisp li a img {
	display: block;
	margin: 0 0 7px;
}

/* @end */

#Main {
	padding-top: 121px;
}

/* @group パンくず --------------------------------- */

#Breadcrumb{width:100%;border-bottom: 1px solid #ddd;}
#Breadcrumb ul{width:960px;margin:0 auto;padding:10px 0;}
#Breadcrumb ul li{display:inline;float:left;font-size:93%;color: #333;padding-right:22px;margin-right:14px;}
#Breadcrumb ul li a{display: inline-block;color: #333;-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;}
#Breadcrumb ul li a:hover{color:#f00000;}
#Breadcrumb ul li {position: relative;}
#Breadcrumb ul li:after {content: '＞';display: block;position: absolute;top: 0;right: 0;color: #ccc;}
#Breadcrumb ul li:last-child:after {display: none;}

/* @end */

#Main_inner {
	width: 960px;
	margin: 0 auto;
}

/* @group Footer --------------------------------- */

#footer {
	position: relative;
}

#footer a {
	color: #666;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

#footer a:hover {
	color: #f00000;
	text-decoration: none;
}

/*#footer .pageTop,*/
.footer_menuarea .footer_menuContainer,
#footer_copyright {
	width: 960px;
	margin: 0 auto;
}

#footer_inner {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fafafa;
}

#footer .pageTop_area {
	position: fixed;
	/*top: -70px;*/
	top: auto;
	bottom: 31px;
	right: 0;
	width: auto;
	z-index: 11;
}

#footer .pageTop_area.abBottom {
	position: absolute;
	top: -70px;
	bottom: auto;
	right: 0;
	width: 100px;
}

#footer .pageTop {
	padding: 0 30px;
	text-align: right;
}

#footer .pageTop a {
	display: inline-block;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#footer .pageTop a.advent {
	opacity: 1;
}

.footer_menuarea {
	padding: 80px 0 95px;
	border-bottom: 1px solid #ddd;
}

.footer_menu {
	float: left;
	width: 25%;
}

.footer_bottommenu {
	padding: 30px 0;
}

.footer_catLink {
	display: inline-block;
	margin: 0 0 30px;
	font-size: 116%;
	line-height: 1.5;
}

.footer_menu li {
	font-size: 93%;
	line-height: 2;
}

.footer_bottomMenu {
	padding: 30px 0;
	text-align: center;
}

.footer_bottomMenu li,
.footer_bottomMenu li a {
	display: inline-block;
}

.footer_bottomMenu li {
	padding: 0 15px;
	border-right: 1px solid #ddd;
	font-size: 93%;
	line-height: 2;
}

.footer_bottomMenu li a.blank {
	position: relative;
	padding-right: 18px;
}

.footer_bottomMenu li a.blank:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 12px;
	height: 11px;
	margin-top: -6px;
	background: url(../images/icon_blank_foot.png) no-repeat;
}

.footer_bottomMenu li a.blank:hover:after {
	background-position: 0 100%;
}

.footer_bottomMenu li:last-child {
	border: none;
}

#footer_copyright {
	padding: 50px 0;
}

#footer_copyright .copy {
	float: left;
	color: #333;
	font-size: 77%;
	line-height: 30px;
}

#footer_copyright .warning {
	float: right;
}

/* @end */


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeRed {
	from {color: #333;}
	to {color: #f00000;}
}

@keyframes fadeRed {
	from {color: #333;}
	to {color: #f00000;}
}


#Main_inner {
	padding: 50px 0;
}

#Cont {
	color: #333;
	margin-bottom: 50px;
}


#Cont a {
	color: #333;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	text-decoration: none;
}

#Cont .hover a,
#Cont a:hover {
	color: #f00000;
}


/* @group 矢印リンク */

#Cont a.link {
	display: inline-block;
	position: relative;
	padding-left: 11px;
}

#Cont a.link:before {
	content: '';
	display: inline-block;
	position: absolute;
/*	top: 0;
  bottom: 0;
  margin: auto;
	left: 0;*/
  top: 7px;
  left: 0;
	width: 5px;
	height: 7px;
	background: url(../images/icon_arrow.png) no-repeat;
}

/*大*/
#Cont a.linkL {
	padding-left: 19px;
}

#Cont a.linkL:before {
	top: 6px;
	width: 7px;
	height: 11px;
	background: url(../images/icon_arrow_l.png) no-repeat;
}

/* @end */

/* @group 外部リンク */

#Cont a.blank,
#Rside a.blank {
	display: inline-block;
	position: relative;
	padding-right: 19px;
}

#Cont a.blank:after,
#Rside a.blank:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 11px;
	margin: 4px 0 0 5px;
	background: url(../images/icon_blank.png) no-repeat;
}

#Cont a.blank:hover:after,
#Cont .hover a.blank:after,
#Rside a.blank:hover:after,
#Rside .hover a.blank:after {
	background-position: 0 100%;
}

/*大*/
#Cont a.blankL,
#Rside a.blankL {
	padding-right: 25px;
}

#Cont a.blankL:after,
#Rside a.blankL:after {
	width: 15px;
	height: 13px;
/*	margin: 4px 0 0 5px;*/
	background: url(../images/icon_blank_l.png) no-repeat;
}

#Cont a.blankL:hover:after,
#Cont .hover a.blankL:after,
#Rside a.blankL:hover:after,
#Rside .hover a.blankL:after {
	background-position: 0 100%;
}

/* @end */

/* @group RSSリンク */

#Cont a.rss {
	display: inline-block;
	position: relative;
	padding-left: 15px;
}

#Cont a.rss:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 12px;
	height: 12px;
	background: url(../images/icon_rss_s.png) no-repeat;
}

/* @end */

/* @group PDFリンク */

#Cont a.pdf .capa,
#Cont a.zip .capa {
	display: inline-block;
	position: relative;
	margin-left: 6px;
	padding-left: 18px;
}

#Cont a.pdf .capa:before,
#Cont a.zip .capa:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 13px;
	height: 13px;
	margin-top: -7px;
	background: url(../images/icon_pdf.png) no-repeat;
}

#Cont a.zip .capa:before {
	width: 16px;
	height: 16px;
	top: 3px;
	background: url(../images/icon_zip.png) no-repeat;
	background-size: auto 16px;
}

#Cont a.pdf2:after,
#Cont a.zip2:after {
	content: '';
	display: inline-block;
	position: relative;
	top: 1px;
	width: 13px;
	height: 13px;
	margin: 0 0 0 5px;
	background: url(../images/icon_pdf.png) no-repeat;
}

#Cont a.zip2:after {
	width: 16px;
	height: 16px;
	top: 3px;
	background: url(../images/icon_zip.png) no-repeat;
	background-size: auto 16px;
}

/* @end */

.layout01 #Cont {
	float: left;
	width: 708px;
}

.layout01 #Rside {
	float: right;
	width: 220px;
}

.titleArea {
	margin: 1px 0 40px;
}

.titleArea .pageTitle {
	width: 670px;
	line-height: 1.35;
}

.level02 .pageTitle {font-size: 40px; line-height: 1; /*font-weight: 500;*/}
.branch .pageTitle {font-size: 261.538462%;}
.leaf .pageTitle {font-size: 261.538462%;}

.titleArea .caption {
	display: block;
	margin: 0 0 10px;
	/*font-size: 138.5%;*/
	font-size: 52.941176%;
	line-height: 1;
/*	font-weight: bold;*/
}

.mainDescription {
	margin-bottom: 43px;
	font-size: 108%;
	line-height: 1.85;
}

/* @group 第2階層 パネル --------------------------------- */

.level02 #Main_inner {
	width: 100%;
}

.level02 .titleArea {
	width: 960px;
	height: 114px;
	margin: 0 auto;
}

.english.level02 .pageTitle {
	padding-top: 10px;
}

.level02 .pageTitle .enTitle,
.layout01 .pageTitle .enTitle {
	display: block;
	margin: 15px 0 0;
	color: #666;
	font-size: 12px;
}


.level02 #Cont {
	width: 100%;
}

.catPanel {
	float: left;
	width: 50%;
	margin: 0 0 54px;
}

.catPanelSet .catPanel:nth-of-type(2n+1) {
	clear: both;
}

.catPanel .visualInner,
.catPanel .panelText {
	width: 480px;
	box-sizing: border-box;
}

.catPanelSet .catPanel:nth-of-type(2n+1) .visualInner,
.catPanelSet .catPanel:nth-of-type(2n+1) .panelText {
	clear: both;
	float: right;
	padding-right: 30px;
}

.catPanelSet .catPanel:nth-of-type(2n) .visualInner,
.catPanelSet .catPanel:nth-of-type(2n) .panelText {
	clear: both;
	float: left;
	padding-left: 30px;
}

/*.catPanel .visualWrap {
	background: #000;
}*/

.catPanel .visual {
	position: relative;
	z-index: 1;
	height: 280px;
	margin: 0 0 22px;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.catPanel .visual:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: #000;*/
	background: #fff;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}


.catPanel .visual:hover:before {
	opacity: 0.2;
}

.catPanelSet .catPanel:nth-of-type(2n+1) .visual {background-position: 100% 50%;}
.catPanelSet .catPanel:nth-of-type(2n) .visual {background-position: 0 50%;}

.panelCache {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
}

.company .panelCache {
	background-image: url(/company/images/panel01_sp.jpg),url(/company/images/panel02_sp.jpg),url(/company/images/panel03_sp.jpg),url(/company/images/panel04_sp.jpg),url(/company/images/panel05_sp.jpg),url(/company/images/panel06_sp.jpg),url(/company/images/panel07_sp.jpg),url(/company/images/panel08_sp.jpg);
}

.company #catPanel01 .visual {background-image: url(/company/images/panel01.jpg);}
.company #catPanel02 .visual {background-image: url(/company/images/panel02.jpg);}
.company #catPanel03 .visual {background-image: url(/company/images/panel03.jpg);}
.company #catPanel04 .visual {background-image: url(/company/images/panel04.jpg);}
.company #catPanel05 .visual {background-image: url(/company/images/panel05.jpg);}
.company #catPanel06 .visual {background-image: url(/company/images/panel06.jpg);}
.company #catPanel07 .visual {background-image: url(/company/images/panel07.jpg);}
.company #catPanel08 .visual {background-image: url(/company/images/panel08.jpg);}
.company #catPanel09 .visual {background-image: url(/company/images/panel09.jpg);}

.english.company #catPanel01 .visual {background-image: url(/english/company/images/panel01.jpg);}
.english.company #catPanel02 .visual {background-image: url(/english/company/images/panel02.jpg);}
.english.company #catPanel03 .visual {background-image: url(/english/company/images/panel03.jpg);}
.english.company #catPanel04 .visual {background-image: url(/english/company/images/panel04.jpg);}
.english.company #catPanel05 .visual {background-image: url(/english/company/images/panel05.jpg);}
.english.company #catPanel06 .visual {background-image: url(/english/company/images/panel06.jpg);}
.english.company #catPanel07 .visual {background-image: url(/english/company/images/panel07.jpg);}
.english.company #catPanel08 .visual {background-image: url(/english/company/images/panel08.jpg);}
.english.company #catPanel09 .visual {background-image: url(/english/company/images/panel09.jpg);}

.ir .panelCache {
	background-image: url(/irinfo/images/panel01_sp.jpg),url(/irinfo/images/panel02_sp.jpg);
}

.ir #catPanel01 .visual {background-image: url(/irinfo/images/panel01_02.jpg);}
.ir #catPanel02 .visual {background-image: url(/irinfo/images/panel02.jpg); background-position: 80% 50%;}


.csv .panelCache {
	background-image: url(/csv/images/panel01_sp.jpg),url(/csv/images/panel02_sp.jpg);
}

.csv #catPanel01 .visual {background-image: url(/csv/images/panel01.jpg);}
.csv #catPanel02 .visual {background-image: url(/csv/images/panel02.jpg);}


.catPanel .visualInner {
	position: relative;
	height: 280px;
}

.catPanel .visual h2 {
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 23px;
	font-size: 28px;
	line-height: 38px;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
}

.catPanelSet .catPanel:nth-of-type(2n) .visual h2 {
	left: 30px;
}

#Cont .catPanel .visual h2 a {
	color: #fff;
}

#Cont .catPanel.nega .visual h2 a {
	color: #000;
}

.catPanel .visual h2 .enTitle {
	display: block;
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 12px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.catPanel.nega .visual h2,
.catPanel.nega .visual h2 .enTitle {
	text-shadow: none;
}

.catPanel .visual .printImg {
	display: none;
}


.catPanelSet .catPanel .panelText {
	font-size: 108%;
	line-height: 1.85;
}

.catPanelSet .catPanel .panelText .summary {
	margin: 0 0 18px;
}

.catPanelSet .catPanel .panelText .summary:last-child {
	margin: 0;
}

.catPanel .linkListArea {
	margin: 0;
	overflow: hidden;
}

.catPanel .linkListArea ul {
	width: 475px;
/*	padding-right: 15px;*/
	margin-left: -15px;
}

.catPanel .linkListArea li {
	float: left;
	margin: 0 0 10px;
	padding: 0 20px 0 15px;
	border-left: 1px solid #ddd;
	line-height: 1.42;
}

.linkListAreaGen {
	overflow: hidden;
}

.linkListAreaGen ul {
/*	padding-right: 15px;*/
	margin-left: -15px;
	margin-right: -18px;
}

.linkListAreaGen li {
	float: left;
	margin: 0 0 10px;
	padding: 0 18px 0 15px;
	border-left: 1px solid #ddd;
	line-height: 1.4;
}

.linkListAreaGen li a:before {
	margin-top: -2px;
}

.listNotice01 {
	font-size: 93%;
	line-height: 1.7;
	margin-bottom: 25px;
}

.listNotice01 li {
	position: relative;
	padding: 0 0 0 28px;
}

.listNotice01 li span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/* @end */



/* @group 第3階層 パネル --------------------------------- */

.branch .categoryBlock {
	width: 339px;
	margin: 0 0 50px;
}

.branch .categoryBlock:nth-of-type(2n+1) {
	clear: both;
	float: left;
}

.branch .categoryBlock:nth-of-type(2n) {
	float: right;
}

.branch .categoryBlock .thumb {
	margin: 0 0 20px;
	background-color: #fff;
	
}

.branch .categoryBlock .thumb img,
.branch .categoryBlock .thumb span {
	opacity: 1;
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.branch .categoryBlock .hover .thumb img,
.branch .categoryBlock .hover .thumb span {
	opacity: 0.5;
}

.branch .categoryBlock .panelTitle {
	margin: 0 0 20px;
	font-size: 167%;
	line-height: 1.5;
}

.branch .categoryBlock .summary {
	font-size: 108%;
	line-height: 1.8;
}

.branch .categoryBlock .linkListArea {
	margin: 18px 0 0;
	overflow: hidden;
}

.branch .categoryBlock .linkListArea ul {
	width: 354px;
	margin-left: -15px;
}

.branch .categoryBlock .linkListArea li {
	float: left;
	margin: 0 0 10px;
	padding: 0 18px 0 15px;
	border-left: 1px solid #ddd;
/*	font-size: 108%;*/
	line-height: 1.4;
}

/* @end */


/* @group 第4階層 サブコンテンツリンク --------------------------------- */

#Cont .subContLink {
	position: relative;
}

#Cont .subContLink .trigger {
	display: block;
	position: absolute;
	top: -72px;
	right: 0;
	width: 31px;
	height: 31px;
	background-image: url(../images/arrow_sub_openclose.png);
	background-repeat: no-repeat;
}

#Cont .subContLink .trigger {background-position: 100% 0;}
#Cont .subContLink .trigger:hover {background-position: 100% 100%;}
#Cont .subContLink.open .trigger {background-position: 0 0;}
#Cont .subContLink.open .trigger:hover {background-position: 0 100%;}

#Cont .subContList {
	/*display: none;*/
	overflow: hidden;
}

#Cont .subContList.open {
	height: 100%;
/*	opacity: 1;*/
}

#Cont .subContLink ul {
	margin-left: -20px;
	padding-bottom: 40px;
}

#Cont .subContLink ul li {
	float: left;
	margin: 0 0 10px;
	padding: 0 19px;
	border-left: 1px solid #ddd;
}

#Cont .subContLink ul li a {
	position: relative;
}


.subContBtm {
	margin: 80px 0 0;
}

.subContBtm dt {
	margin: 0 0 30px;
	color: #000;
	font-size: 138.5%;
	line-height: 1;
}

.subContBtm dd {
	overflow: hidden;
}

.subContBtm dd ul {
	margin-left: -20px;
	padding-bottom: 40px;
}

.subContBtm dd ul li {
	float: left;
	margin: 0 0 10px;
	padding: 0 19px;
	border-left: 1px solid #ddd;
}

.subContBtm dd ul li a {
	position: relative;
}

#Cont .subContLink ul li a.ac,
.subContBtm dd ul li a.ac {
/*	color: #f30000 !important;*/
}

#Cont .subContLink ul li a.ac:after,
.subContBtm dd ul li a.ac:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #ddd;
}


/* @end */

/* @group タブ --------------------------------- */

.tabArea,
.tabAreaReal {
	margin: 0 0 50px;
	border-bottom: 1px solid #ddd;
}

.tabArea li,
.tabAreaReal li {
	float: left;
	height: 53px;
	margin-bottom: -1px;
	font-size: 116%;
	line-height: 1;
}

.tabArea li a,
.tabAreaReal li a {
	display: block;
	height: 43px;
	margin-top: 10px;
	margin-right: -1px;
	padding: 13px 30px 0;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background-color: #fafafa;
}

.tabArea li.ac a,
.tabArea li a:hover,
.tabAreaReal li.ac a,
.tabAreaReal li a:hover {
	height: 53px;
	margin-top: 0;
	padding-top: 18px;
	background-color: #fff;
}

.tabArea li.ac a,
.tabAreaReal li.ac a {
	color: #f00000 !important;
	border-bottom: 1px solid #fff;
}

.hide {
	display: none;
}

/* @end */

/* @group ページ内アンカー */

.pageAnchor {
	overflow: hidden;
	padding: 0 0 40px;
}

.pageAnchor ul {
	margin-left: -18px;
}

.pageAnchor li {
	float: left;
	margin: 0 0 10px;
	padding: 0 17px;
	border-left: 1px solid #ddd;
}

.pageAnchor li a {
	display: inline-block;
	position: relative;
	padding-left: 14px;
}

.pageAnchor li a:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 7px;
	height: 5px;
	margin-top: -3px;
	background: url(../images/icon_anchor.png) no-repeat;
}

/* @end */

/* @group 写真2枚並び --------------------------------- */

.doubleImage:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.doubleImage {
	width: 100%;
	margin: 0 0 60px;
}

.doubleImage .image {
	float: left;
	width: 50%;
}

.doubleImage .image img {
	width: 100%;
	height: auto;
}

/* @end */

.h2style {
	margin: 0 0 24px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
	font-size: 182%;
	line-height: 1.4;
}

.h3style {
	margin: 0 0 20px;
	font-size: 153.9%;
	line-height: 1.4;
}

.h4style {
	margin: 0 0 22px;
	font-size: 123.1%;
	line-height: 1.4;
}

.section {
	position: relative;
	margin: 0 0 50px;
}

.section .text {
	font-size: 108%;
	line-height: 1.8;
}

.relatedLinks {
	padding: 19px 19px 19px 29px;
	border: 1px solid #ddd;
}

.relatedLinks dl {
	display: table;
}

.relatedLinks dt,
.relatedLinks dd {
	display: table-cell;
	padding: 4px 0;
	line-height: 1.8;
	vertical-align: middle;
}

.relatedLinks dt {
	padding-right: 29px;
	border-right: 1px solid #ddd;
	font-size: 108%;
	white-space: nowrap;
}

.relatedLinks dd {
	padding-left: 30px;
}

.relatedLinks dd li {
	float: left;
	margin: 0 28px 0 0;
	font-size: 108%;
}

.relatedLinks dd li:last-child {
	margin: 0;
}

/* @group SideNavigation --------------------------------- */

#sideNav {
	background: #fafafa;
}

#sideNav a {
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	text-decoration: none;
}

#sideNav dt,
#sideNav dd {
	line-height: 1;
}

#sideNav dt {
	font-size: 123.1%;
}

#sideNav dt a {
	padding: 28px 16px 26px;
	color: #fff;
	background-color: #999;
}

#sideNav dt a:hover {
	background-color: #777;
}

#sideNav dd {
	font-size: 108%;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

#sideNav dd a {
	position: relative;
	padding: 18px 16px 17px;
	color: #333;
	background-color: #fafafa;
	line-height: 1.4;
}

#sideNav dd a.blank {
	display: block;
}

#sideNav dd a.blank:after {
	margin-top: -1px;
}

#sideNav dd a.ac.blank:after {
	margin-top: -1px;
	background-position: 0 100%;
}

#sideNav dd a.hasTree {
	padding: 18px 34px 17px 16px;
}

#sideNav dd a.hasTree:after {
	content: '';
	display: block;
	position: absolute;
	right: 13px;
	top: 50%;
	width: 12px;
	height: 10px;
	margin-top: -5px;
	background-image: url(../images/sidenav_status.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#sideNav dd.open a.hasTree:after {
	background-position: 0 100%;
}

#sideNav dd.open a.sn01,
#sideNav dd a:hover {
	color: #f00001;
	background-color: #fff;
}

#sideNav dd ul {
	display: none;
	margin-left: 15px;
	margin-bottom: -1px;
	padding-left: 20px;
	border-top: 1px solid #ddd;
}

#sideNav dd.open ul {
	display: block;
}

#sideNav dd ul li {
	border-bottom: 1px solid #ddd;
}

#sideNav dd ul a {
	padding: 13px 0 12px;
	background-color: #fff;
	/*font-size: 12px;*/
	font-size: 85.7%;
	line-height: 1.66;
}

#sideNav dd ul a.ac {
	color: #f00001;
}

/* @end */

/* @group General Table */

.genTable {
	width: 100%;
	border-collapse: collapse;
}

.genTable th,
.genTable td {
	padding: 14px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 108%;
	line-height: 1.85;
	text-align: left;
	vertical-align: top;
}

.genTable th {
	font-weight: bold;
}

/* @end */

/* @group photoblock */

.genPhotoBlock {
	margin: 0 0 40px;
}

.genPhotoBlock .photo {
	float: right;
	width: 340px;
	margin: 0 0 0 30px;
	border: 1px solid #ddd;
}

/* @end */

.forSp,
.forTb {
	display: none;
}

.forPc {
	display: block;
}

.anc {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -150px;
}

/* =========================================================
　◆外部遷移用スタイル
========================================================= */
#GlayLayer{
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}

#INFO {
  border-radius:8px;
  border:2px solid #dbdbdb;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  padding: 52px 15px 50px;
  width: 700px;
  background: #fff;
  z-index: 99999;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.external_area {
  position: relative;
}
#external_area_closebtn{
  position: absolute;
  display: block;
  right: 0;
  top: -37px;
  width: 26px;
}
#external_area_closebtn img {
  width: 26px;
}

.btnstyle02_external{
  width: auto;
  display:inline-block;
  margin: 0 auto;
  
}
.btnstyle02_external a{
  border:2px solid #dbdbdb;
  background:#fff;
  -webkit-border-radius:2px;
  border-radius:2px;
  color:#333 !important;
  font-weight:bold;
  font-size:93%;
  line-height:15px;
  display:table-cell;
  vertical-align:middle;
  padding:11px 16px;
  color: #333;
}

.en .btnstyle02_external a {
	font-size: 108%;
}

.btnstyle02_external a span{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAMAAABstdySAAAACVBMVEUAAAD////wAADGAvChAAAAAXRSTlMAQObYZgAAACdJREFUeNp1y0EKAAAIAkHt/49OwoMdHAgWITRjmToeJUsavL3/YgEfAgB22LEXlQAAAABJRU5ErkJggg==) no-repeat left 0.1em #fff;
  display:inline-block;
  padding-left:20px
}
.btnstyle02_external a:hover{
  border:2px solid #ffbfbf;
  text-decoration:none;
}

.btn_external_area {
  margin: 0 auto;
  width: auto;
  text-align: center;
}

#externalWindow {
  text-align:center;
  display:block;
  width:140px;
  margin:20px auto;
  padding:10px;
  border-radius:4px;
  border:2px solid #ddd;
}

.external_txt {
  width: 725px;
  margin: 0 auto 30px;
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  color: #333 !important;
  -webkit-text-size-adjust: 100%;
}

.external_txt span {
  color: #d00;
}

.js-displayfla{
  display: none;
}

/* @group NotFound */

.notfound #Main {
	text-align: center;
}

.notfound #Main_inner {
	padding: 100px 0 50px;
}

.notfound .pageTitle {
	padding: 0 !important;
	font-size: 215%;
	line-height: 1;
}

.notfound .titleArea {
	margin-bottom: 75px;
}

.notfound .pageTitle .en {
	display: block;
	margin: 28px 0 0;
	font-size: 78%;
}

.notfound .text.en {
	margin: 20px 0 0;
}

.notfound .btmLinks li {
	font-size: 108%;
	line-height: 1.85;
}

/* @end */


.oldAnc {
	display: inline-block;
	margin-top: -150px !important;
	padding-top: 150px !important;
}
