@charset "utf-8";

/* ****************************************************

layout.css
-----------------------------------
0: com
1: headerContainer
2: mainContainer
3: footerContainer
-----------------------------------
ex: clearfix

***************************************************** */

/*=================================

	0: com

=================================*/
#contentsWrapper {
	position: relative;
	left: 0;
	overflow: hidden;
	visibility: hidden;
}

body.preloaded #contentsWrapper {
	visibility: visible;
	overflow: hidden;
	min-height: 600px;
	/*max-height: 768px;*/
	min-width: 960px;
	max-width: 1350px;
	margin: 0 auto;
}
body.noHeightLimit #contentsWrapper {
	visibility: visible;
	overflow: hidden;
	min-width: 960px;
	max-width: 1350px;
	margin: 0 auto;
}

body.preloaded.sp #contentsWrapper {
	visibility: visible;
	overflow: hidden;
	min-height: inherit !important;
	min-width: inherit !important;
	max-width: inherit !important;
	margin: 0 auto;
}
body.noHeightLimit.sp #contentsWrapper {
	visibility: visible;
	overflow: hidden;
	min-width: inherit !important;
	max-width: inherit !important;
	margin: 0 auto;
}

/*=================================

	1: headerContainer

=================================*/

/* #globalHeader
=========================================*/
#globalHeader {
	width: 221px;
	height: 100%;
	opacity: 1;
	position: fixed;
	top: 0;
	z-index: 10;
	background-color: #ffffff;
	border-right: solid 1px #eeeeee;
}
#globalHeader .headerWrap {
	height: 100%;
}
#globalHeader #headerLogo {
}
#globalHeader #headerLogo .head {
}
#globalHeader #globalNav {
	margin-top: 20px;
}
#globalHeader #globalNav ul li {
	font-size: 14px;
	font-size: 1.4rem;
}
#globalHeader #globalNav ul li + li {
	margin-top: 12px;
}
#globalHeader #globalNav ul li a {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	background: url(/kyougi/common/img/com_ic01.gif) left 50% no-repeat;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#globalHeader #globalNav ul li a:link:before {
	display: block;
	content:'';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 0%;
	border-bottom: solid 1px #343434;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#globalHeader #globalNav ul li:hover a:link:before {
	display: block;
	width: 100%;
}
#globalHeader #globalNav ul li:hover a {
	font-weight: bold;
	background: url(/kyougi/common/img/com_ic01_on.gif) left 50% no-repeat;
	text-decoration:none;
}
#globalHeader #globalNav ul li.current a {
	color: #8c0000;
	font-weight: bold;
	background: url(/kyougi/common/img/com_ic01_current.gif) left 50% no-repeat;
}
#globalHeader .headerWrap > .block {
	position: relative;
	margin: 30px 20px 0 20px;
	padding-bottom: 10px;
}
#globalHeader .headerWrap > .block > .btLink01 {
}
#globalHeader .headerWrap > .block > .btLink01 a {
	display: block;
	background-color: #8c0000;
	color: #ffffff;
	letter-spacing: -0.5px;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#globalHeader .headerWrap > .block > .btLink01 a > span {
	position: relative;
	display: block;
	padding: 13px 25px 13px 15px;
	overflow: hidden;
}
#globalHeader .headerWrap > .block > .btLink01 a > span:after {
	content: "";
	position: absolute;
	right: 7px;
	top: 40%;
	width: 14px;
	height: 10px;
	background-image: url(/kyougi/common/img/com_ic02.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#globalHeader .headerWrap > .block > .btLink01 a:hover {
	opacity: 0.7;
}
#globalHeader .headerWrap > .block > .newsWrap {
	width: 100%;
	/*position: absolute;
	bottom: 0;*/
	overflow: hidden;
}
#globalHeader .headerWrap > .block > .newsWrap .newsPosWrap {
	position: relative;
}

#globalHeader .headerWrap > .block > .newsWrap .heading02 {
	margin-top: 25px;
	padding-bottom: 2px;
	border-bottom: solid 1px #cccccc;
}
#globalHeader .headerWrap > .block > .newsWrap #newsArea {
	margin-top: 5px;
	min-height: 100px;
	max-height: 280px;
	width: 100%;
	padding: 0 0 5px 0;
	font-family: "メイリオ", Meiryo, san-serif;
	overflow: auto;
}
#globalHeader .headerWrap > .block > .newsWrap #newsArea .news {
	font-size: 11px;
	font-size: 1.1rem;
}
#globalHeader .headerWrap > .block > .newsWrap #newsArea .news > li {
	padding-left: 15px;
	background: url(/kyougi/common/img/com_ic03.gif) left 0.4em no-repeat;
}
#globalHeader .headerWrap > .block > .newsWrap #newsArea .news > li + li {
	margin-top: 5px;
}
#globalHeader .headerWrap > .block > .newsWrap #newsArea .news > li .date {
	display: block;
	font-weight: bold;
}


/* タブレット用記述 */
.tablet #globalHeader {
	display: none;
}

#tabHeader {
	display: none;
}
.tablet #tabHeader {
	display: block;
	width: 100%;
	z-index: 5;
}
.tablet #tabHeader #header {
	width: 100%;
	height: 98px;
	margin: 0 auto;
	background-color: #303030;
	border-bottom: solid 5px #a50000;
}
/* .headerWrap01
------------------------------------------------------ */
.tablet #tabHeader #header .headerWrap01 {
	float: left;
	width: 285px;
	padding: 20px 0 0 20px;
}
.tablet #tabHeader #header .headerWrap01 #headerLogo02 {
	line-height: 1.0;
}
/* .headerWrap02
------------------------------------------------------ */
.tablet #tabHeader #header .headerWrap02 {
	float: right;
	margin-right: 20px;
}
.tablet #tabHeader #header .headerWrap02 #spHeader {
	display: block;
	position: relative;
	z-index: 3;
}
.tablet #tabHeader #header .headerWrap02 #spHeader li {
}
.tablet #tabHeader #header .headerWrap02 #spHeader li a {
	position: relative;
	display: block;
	padding: 25px 55px 0 0;
}
.tablet #tabHeader #header .headerWrap02 #spHeader li.tabMenu a:after {
	position: absolute;
	top: 50%;
	right: 0;
	background: url(/kyougi/common/img/com_ic12.png) left top no-repeat;
	content: "";
	width: 40px;
	height: 30px;
}
.tablet #tabHeader #header .headerWrap02 #spHeader li.tabMenu a .def {
}
.tablet #tabHeader #header .headerWrap02 #spHeader li.tabMenu a .open {
	display: none;
}
.tablet #tabHeader #header .headerWrap02 #spHeader li.tabMenu.open a .def {
	display: none;
}
.tablet #tabHeader #header .headerWrap02 #spHeader li.tabMenu.open a .open {
	display: block;
}
.tablet #tabHeader #header .headerWrap02 #spHeader li.tabMenu.open a:after {
	position: absolute;
	top: 50%;
	right: 0;
	background: url(/kyougi/common/img/com_ic14.png) left top no-repeat;
	content: "";
	width: 40px;
	height: 30px;
}

/* utilityArea */
.tablet #tabHeader #header .headerWrap02 .utilityArea {
	display: none;
	background-color: #ffffff;
	left: 0;
	padding-bottom: 30px;
	position: absolute;
	top: 98px;
	width: 100%;
	border-bottom: solid 1px #cdcdcd;
	z-index: 60;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock {
	padding: 20px 20px 0;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .navList {
	float: left;
	width: 66%;
	border-right: solid 1px #cdcdcd;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea  > .utilityBlock> .navList > li {
	float: left;
	width: 50%;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock > .navList > li:first-child {
	width: 100%;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock > .navList > li > a {
	font-size: 18px;
	font-size: 1.8rem;
	color: #4c4c4c;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-left: 20px;
	background: url(/kyougi/common/img/com_ic15.gif) left 0.5em no-repeat;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea  > .utilityBlock> .navList > li:nth-of-type(n+2) {
	margin-top: 1em;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > ul > li.langSwitch > a > span {
	padding-left: 20px;
	background: url(/kyougi/common/img/com_ic01.gif) left 0.2em no-repeat;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea {
	float: right;
	width: 34%;
	text-align: right;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .btn01 {
	display: inline-block;
	color: #ffffff;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .btn01 a {
	display: block;
	padding: 10px 45px 10px 25px;
	background: url(/kyougi/common/img/com_ic02.png) 95% 50% no-repeat #a50000;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .lang {
	margin-top: 25px;
	border: solid 1px #cccccc;
	display: inline-block;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .lang li {
	float: right;
	width: 4em;
	text-align: center;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .lang li a {
	display: block;
	padding: 2px 11px;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .lang li.jp a {
	background: #343434;
	color: #ffffff;
}
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .lang li.en a {
	background: #dbdbdb;
	color: #8c8c8c;
}
.tablet #tabHeader .tabNews {
	padding: 10px 20px;
	position: relative;
	border-bottom: solid 1px #282828;
}
.tablet #tabHeader .tabNews .tabInfo {
}
.tablet #tabHeader .tabNews .tabInfo dt {
	float: left;
	margin-right: 20px;
}
.tablet #tabHeader .tabNews .tabInfo dd {
	overflow: hidden;
	padding-top: 10px;
	padding-right: 120px;
}
.tablet #tabHeader .tabNews .tabInfo dd .detail {
	font-family: "メイリオ", Meiryo, san-serif;
}
.tablet #tabHeader .tabNews .tabInfo dd .detail .date {
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 15px;
}
.tablet #tabHeader .tabNews .tabInfo dd .detail .content {
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	background: url(/kyougi/common/img/com_ic13.gif) left 0.3em no-repeat;
	padding-left: 15px;
}
.tablet #tabHeader .tabNews .tabInfo dd .addnews {
	display: none;
}
.tablet #tabHeader .tabNews .tabInfo dd .addnews li {
	margin-top: 1em;
}
.tablet #tabHeader .tabNews .switch {
	position: absolute;
	right: 10%;
	bottom: 0;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	background: url(/kyougi/common/img/com_bt02.gif) left top no-repeat;
}
.tablet #tabHeader .tabNews .switch.on {
	background: url(/kyougi/common/img/com_bt02_on.gif) left top no-repeat;
}


/* スマートフォン用記述 */
.sp #globalHeader {
	display: none;
}

#spHeader {
	display: none;
}
.sp #tabHeader {
	display: block;
	width: 100%;
	z-index: 5;
}
.sp #tabHeader #header {
	width: 100%;
	height: 180px;
	margin: 0 auto;
	background-color: #303030;
	border-bottom: solid 4px #a50000;
}
/* .headerWrap01
------------------------------------------------------ */
.sp #tabHeader #header .headerWrap01 {
	float: left;
	width: 50%;
	padding: 60px 0 0 60px;
}
.sp #tabHeader #header .headerWrap01 img {
	width: 100%;
}
.sp #tabHeader #header .headerWrap01 #headerLogo02 {
	line-height: 1.0;
}
/* .headerWrap02
------------------------------------------------------ */
.sp #tabHeader #header .headerWrap02 {
	float: right;
	margin-right: 40px;
}
.sp #tabHeader #header .headerWrap02 #spHeader {
	display: block;
	position: relative;
	z-index: 3;
}
.sp #tabHeader #header .headerWrap02 #spHeader li {
}
.sp #tabHeader #header .headerWrap02 #spHeader li a {
	position: relative;
	display: block;
	padding: 80px 100px 0 0;
}
.sp #tabHeader #header .headerWrap02 #spHeader li a img {
	width: 120px;
}
.sp #tabHeader #header .headerWrap02 #spHeader li.tabMenu a:after {
	position: absolute;
	top: 60%;
	right: 0;
	background: url(/kyougi/common/img/com_ic12.png) left top no-repeat;
	content: "";
	width: 80px;
	height: 60px;
	background-size: 80px 60px;
}
.sp #tabHeader #header .headerWrap02 #spHeader li.tabMenu a .def {
}
.sp #tabHeader #header .headerWrap02 #spHeader li.tabMenu a .open {
	display: none;
}
.sp #tabHeader #header .headerWrap02 #spHeader li.tabMenu.open a .def {
	display: none;
}
.sp #tabHeader #header .headerWrap02 #spHeader li.tabMenu.open a .open {
	display: block;
}
.sp #tabHeader #header .headerWrap02 #spHeader li.tabMenu.open a:after {
	position: absolute;
	top: 60%;
	right: 0;
	background: url(/kyougi/common/img/com_ic14.png) left top no-repeat;
	content: "";
	width: 80px;
	height: 60px;
	background-size: 80px 60px;
}

/* utilityArea */
.sp #tabHeader #header .headerWrap02 .utilityArea {
	display: none;
	background-color: #ffffff;
	left: 0;
	padding-bottom: 60px;
	position: absolute;
	top: 180px;
	width: 100%;
	border-bottom: solid 2px #cdcdcd;
	z-index: 60;
}
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock {
	padding: 40px 40px 0;
}
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .navList {
	width: 100%;
	text-align: center;
}
.sp #tabHeader #header .headerWrap02 .utilityArea  > .utilityBlock> .navList > li {
}
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock > .navList > li:first-child {
	width: 100%;
}
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock > .navList > li > a {
	font-size: 36px;
	font-size: 3.6rem;
	color: #4c4c4c;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-left: 30px;
	background: url(/kyougi/common/img/com_ic15.gif) left 0.5em no-repeat;
	background-size: 24px 8px;
}
.sp #tabHeader #header .headerWrap02 .utilityArea  > .utilityBlock> .navList > li:nth-of-type(n+2) {
	margin-top: 3em;
}
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea {
	text-align: center;
	margin-top: 30px;
}
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .btn01 {
	width: 50%;
	margin: 0 auto;
}
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .btn01 a {
	display: block;
	padding: 10px 50px 10px 20px;
	background: url(/kyougi/common/img/com_ic02.png) 95% 50% no-repeat #a50000;
	color: #ffffff;
	font-size: 30px;
	font-size: 3rem;
}
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .lang {
	margin: 50px auto 0;
	border: solid 4px #cccccc;
	display: block;
	width: 25%;
}
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .lang li {
	float: right;
	width: 50%;
	text-align: center;
}
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .lang li a {
	display: block;
	padding: 10px 30px;
	font-size: 20px;
	font-size: 2rem;
}
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .lang li.jp a {
	background: #343434;
	color: #ffffff;
}
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .lang li.en a {
	background: #dbdbdb;
	color: #8c8c8c;
}
.sp #tabHeader .tabNews {
	padding: 20px 20px;
	position: relative;
	border-bottom: solid 2px #282828;
}
.sp #tabHeader .tabNews .tabInfo {
}
.sp #tabHeader .tabNews .tabInfo dt {
	float: left;
	margin-right: 20px;
	width: 13%;
}
.sp #tabHeader .tabNews .tabInfo dt img {
	width: 100%;
}
.sp #tabHeader .tabNews .tabInfo dd {
	overflow: hidden;
	padding-right: 120px;
	font-size: 28px;
	font-size: 2.8rem;
}
.sp #tabHeader .tabNews .tabInfo dd .detail {
	font-family: "メイリオ", Meiryo, san-serif;
}
.sp #tabHeader .tabNews .tabInfo dd .detail .date {
	display: block;
	float: left;
	margin-right: 20px;
}
.sp #tabHeader .tabNews .tabInfo dd .detail .content {
	display: block;
	overflow: hidden;
	background: url(/kyougi/common/img/com_ic13.gif) left 0.3em no-repeat;
	background-size: 12px 22px;
	padding-left: 20px;
	font-size: 30px;
	font-size: 3rem;
}
.sp #tabHeader .tabNews .tabInfo dd .addnews {
	display: none;
}
.sp #tabHeader .tabNews .tabInfo dd .addnews li {
	margin-top: 0.5em;
}
.sp #tabHeader .tabNews .switch {
	position: absolute;
	right: 6%;
	bottom: 0;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	background: url(/kyougi/common/img/com_bt02.gif) left top no-repeat;
	background-size: 60px 60px;
}
.sp #tabHeader .tabNews .switch.on {
	background: url(/kyougi/common/img/com_bt02_on.gif) left top no-repeat;
	background-size: 60px 60px;
}

/*=================================

	2: mainContainer

=================================*/
#mainContainer {
	margin-left: 221px;
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
}
.tablet #mainContainer {
	margin-left: 0;
}
.sp #mainContainer {
	margin-left: 0;
}

/* #mainContents
------------------------------------------------------ */
#mainContainer #mainContents {
	width: 100%;
	height: 100%;
	overflow: hidden;
}


/*=================================

	3: footerContainer

=================================*/
#footerContainer {
}



/*=================================

	ex

=================================*/

/* clearfix
------------------------------------------------------ */
#globalHeader #header .headerWrap #globalNav > ul > li > .child > .childContents > .inner > .menuList02 li:after,
.tablet #tabHeader #header:after,
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock:after,
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock ul:after,
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea:after,
.tablet #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .lang:after,
.tablet #tabHeader .tabNews .tabInfo:after,
.sp #tabHeader #header .headerWrap02 .utilityArea > .utilityBlock .buttonArea .lang:after,
.sp #tabHeader .tabNews .tabInfo dd .detail:after {
	content: "";
	display: block;
	clear: both;
}



@media print {
	#globalHeader {
		position: absolute !important;
	}
}