@charset "utf-8";

/**************************************************
		Reset
**************************************************/
* {
	margin:0;
	padding:0;
	font-size:100%;
	font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Arial,"ＭＳ Ｐゴシック","MS P Gothic","Osaka",sans-serif;
}

body {
	margin:0;
	padding:0;
	background:#FFF;
	color:#000;
}

article, aside, dialog, figure, header, footer, hgroup, nav, section {
	display:block;
}

img {
	border:0;
	vertical-align:bottom;
	-ms-interpolation-mode:bicubic;
}

ul li, ol li {
	list-style-type:none;
	list-style-position:outside;
}

table {
	border:0;
	border-collapse:collapse;
	border-spacing:0;
}

caption { text-align:left; }

th, td {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

sub, sup {
	position:relative;
	font-size:0.75em;
	line-height:0;
	vertical-align:baseline;
}

sub {
	bottom:-0.1em;
}

sup {
	top:-0.5em;
}

input, textarea, select, button {
	border-radius: 0;
	font:inherit;
	color:inherit;
	box-shadow:none;
	outline:none;
}

textarea {
	resize:vertical;
}

button {
	cursor:pointer;
}


/**************************************************
		Setting
**************************************************/
body {
	background:#FFF;
	min-width:980px;
	color:#333;
	text-align:left;
	-webkit-text-size-adjust:100%;
}

a { color:#746816; text-decoration:underline; }
a:hover { color:#746816; text-decoration:none; }

.skip {
	overflow:hidden;
	width:0;
	height:0;
	position:absolute;
}


/* ===== Clearfix ===== */
.clearFix { display:inline-table; }
.clearFix:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:"";
}
/* Hides from IE-mac \*/
* html .clearFix { height:1%; }
*:first-child+html .clearFix { height:1%; }
.clearFix { display:block; }
/* End hide from IE-mac */


/**************************************************
		Header
**************************************************/
#headerWrapper {
	position:absolute;
	width:100%;
	z-index:20;
}

#headerArea {
	position:relative;
	margin:0 auto;
	border-top:4px solid #108ECB;
	width:960px;
	height:86px;
	background-color:#FFF;
}


/* ===== Logo ===== */
#headerArea h1 {
	position:absolute;
	top:0;
	left:0;
	border-right:1px solid #E6E6E6;
}

#headerArea h1 a {
	display:block;
	padding:23px 0;
	width:280px;
	background:#FFF;
	text-align:center;
}


/* ===== Header Menu ===== */
#headerArea #headerMenu {
	position:absolute;
	top:0;
	right:10px;
}

#headerArea #headerMenu ul {}

#headerArea #headerMenu ul li {
	float:left;
}


/* ===== Main Menu ===== */
#headerArea #mainMenu {
	position:absolute;
	bottom:0;
	right:0;
	border-top:1px solid #E6E6E6;
}

#headerArea #mainMenu ul {}

#headerArea #mainMenu ul li {
	float:left;
}


/* ===== Target Menu ===== */
#headerArea #targetMenu {
	position:absolute;
	bottom:-34px;
	right:0;
}

#headerArea #targetMenu ul {}

#headerArea #targetMenu ul li {
	float:left;
}


/**************************************************
		Contents
**************************************************/
#contWrapper {
	clear:both;
	position:relative;
	width:100%;
	z-index:10;
}

#contArea {
	position:relative;
	margin:0 auto;
	margin-top:-36px;
	padding:0 10px;
	width:960px;
	background:transparent url("../img/bg_contents.png") 0 0 no-repeat;
}


/* ===== Column ===== */
.box1 #mainArea {
	padding:30px 15px;
}

.box1 #sideArea {
	display:none;
}

.box2 #mainArea {
	float:left;
	padding:30px 0 30px 15px;
	width:670px;
}

.box2 #sideArea {
	float:right;
	padding:30px 15px 30px 0;
	width:230px;
}


/* ===== Title Area ===== */
#titleArea {
	position:relative;
	padding-top:90px;
	width:100%;
	height:225px;
}

.index #titleArea {
	height:345px;
}


#titleArea .bg {
	position:relative;
	margin:0 auto;
	width:960px;
}

#titleArea h2 {
	position:absolute;
	top:0;
	left:0;
}


/* ===== Pankz ===== */
#pankz {
	padding:3px;
}

#pankz p {
	padding:7px 12px;
	background-color:#F0F0F0;
	font-size:0.75em;
	line-height:1.6;
}


/* ===== Pagetop ===== */
#pagetop {
	clear:both;
}

#pagetop p {
	float:right;
	width:110px;
}

#pagetop p a {
	display:block;
	background:#108ECB;
}

#pagetop p a:hover {
	background:#096491;
}



/**************************************************
		Side
**************************************************/
/* ===== Side Menu ===== */
#sideMenu {
	margin-bottom:23px;
	padding:5px;
	background-color:#CEE8F4;
}

#sideMenu dl {
	background-color:#FFF;
}

#sideMenu dl dt {
	font-size:0.9em;
	font-weight:bold;
	line-height:1.5;
}

#sideMenu dl dt a {
	display:block;
	padding:11px 25px 11px 15px;
	background:#108ECB url("../img/icon_001_white.gif") 95% 50% no-repeat;
	color:#FFF;
	text-decoration:none;
}

#sideMenu dl dt a:hover {
	background-color:#000000;
}

#sideMenu dl dd {
	font-size:0.8em;
}

#sideMenu dl dl {
	font-size:1.2em;
}

#sideMenu dl dl dt {
	padding:11px 25px 11px 15px;
	background:#F0F0F0;
	font-size:0.85em;
}

#sideMenu ul li {
	padding-bottom:1px;
	background:transparent url("../img/border_dotted.gif") 0 100% repeat-x;
	line-height:1.5;
}

#sideMenu ul .lastItem {
	padding-bottom:0;
	background-image:none;
}

#sideMenu ul li a {
	display:block;
	padding:11px 25px 11px 15px;
	background:transparent url("../img/icon_002.gif") 94% 50% no-repeat;
	color:#333;
	text-decoration:none;
}

#sideMenu ul li a:hover {
	background-color:#EDF7FC;
	color:#0D76A8;
}

#sideMenu ul .select a {
	background-color:#EDF7FC;
}

#sideMenu ul ul {
	padding:1px 0 0 20px;
	background:transparent url("../img/border_dotted.gif") 0 0 repeat-x;
}

#sideMenu ul ul li a,
#sideMenu ul .select ul a {
	display:block;
	padding:7px 25px 7px 10px;
	background:transparent url("../img/icon_002.gif") 94% 50% no-repeat;
}

#sideMenu ul ul li a:hover,
#sideMenu ul ul .select a {
	background-color:#FAFAFA;
}


/*
#sideMenu ul ul {
	padding-top:1px;
	background:transparent url("../img/border_dotted.gif") 0 0 repeat-x;
}

#sideMenu ul ul li a,
#sideMenu ul .select ul a {
	display:block;
	padding:7px 25px 7px 35px;
	background:transparent url("../img/icon_002.gif") 94% 50% no-repeat;
}

#sideMenu ul ul .select a {
	background-color:#EDF7FC;
}
*/



/* ===== Banner Area ===== */
#bannerArea001 {
	margin-bottom:23px;
	padding:5px;
	background-color:#CEE8F4;
}

#bannerArea001 ul {
	font-size:0.8em;
}

#bannerArea001 ul li {
	margin-bottom:5px;
}
#bannerArea001 ul .lastItem {
	margin-bottom:0;
}


#bannerArea002 {
	margin-bottom:23px;
}

#bannerArea002 dl {}

#bannerArea002 dl dt {
	margin-bottom:11px;
	padding-left:15px;
	background:transparent url("../img/ti_side.gif") 0 0 no-repeat;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.5;
}

#bannerArea002 ul {
	padding:5px;
	background:transparent url("../img/bg_dot.gif") 0 0 repeat;
}

#bannerArea002 ul li {
	margin-bottom:5px;
}

#bannerArea002 ul .lastItem {
	margin-bottom:0;
}



#bannerArea003 {
	margin-bottom:23px;
}

#bannerArea003 dl {}

#bannerArea003 dl dt {
	margin-bottom:11px;
	padding-left:15px;
	background:transparent url("../img/ti_side.gif") 0 0 no-repeat;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.5;
}

#bannerArea003 ul {
	padding-top:1px;
	background:transparent url("../img/border_dotted.gif") 0 0 repeat-x;
	font-size:0.85em;
	font-weight:bold;
}

#bannerArea003 ul li {
	padding-bottom:1px;
	background:transparent url("../img/border_dotted.gif") 0 100% repeat-x;
	line-height:1.4;
}

#bannerArea003 ul li a {
	display:table;
	padding:7px 0;
	width:100%;
	background:transparent url("../img/icon_001.gif") 98% 50% no-repeat;
	color:#333;
	text-decoration:none;
}

#bannerArea003 ul li a:hover {
	background-color:#F3FBFE;
	color:#0D76A8;
	text-decoration:none;
}

#bannerArea003 ul li .title {
	display:table-cell;
	padding:0 20px 0 10px;
	vertical-align:middle;
}

#bannerArea003 ul li .image {
	display:table-cell;
	width:65px;
	vertical-align:middle;
}

#bannerArea003 ul li .fontSmall {
	font-size:0.9em;
}


/* ===== Action Area ===== */
#linkArea {
	margin-bottom:23px;
}

#linkArea dl {}

#linkArea dl dt {
	margin-bottom:11px;
	padding-left:15px;
	background:transparent url("../img/ti_side.gif") 0 0 no-repeat;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.5;
}

#linkArea ul {
	padding:1px;
	background:transparent url("../img/bg_dot.gif") 0 0 repeat;
}

#linkArea ul li {
	margin-bottom:1px;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.5;
}

#linkArea ul li a {
	display:block;
	padding-right:10px;
	background:#108ECB url("../img/icon_link.gif") 100% 50% no-repeat;
	color:#333;
	text-decoration:none;
}

#linkArea ul li a .bg {
	display:block;
	padding:13px 15px;
	background:#FFF;
}

#linkArea ul li a:hover {
	color:#0D76A8;
}

#linkArea ul li a:hover .bg {
	background:#F3FBFE;
}

#linkArea ul .lastItem {
	margin-bottom:0;
}

#linkArea ul .fontSmall {
	display:block;
	font-size:0.7em;
	font-weight:normal;
}


/**************************************************
		Footer
**************************************************/
#footerWrapper {
	clear:both;
	position:relative;
	border-top:4px solid #108ECB;
	background-color:#FFF;
	width:100%;
	z-index:30;
}

#footerArea {}


/* ===== Footer Menu ===== */
#footerSitemap {
	position:relative;
	border-bottom:1px solid #EDEDED;
	background-color:#F7F7F7;
	z-index:20;
}

#footerSitemap .bg {
	position:relative;
	margin:0 auto;
	padding:0 10px;
	width:960px;
	background:transparent url("../img/bg_footer.png") 0 0 repeat-y;
}

#footerSitemap .leftBox {
	float:left;
	padding:40px 0;
	width:720px;
}

#footerSitemap .rightBox {
	float:right;
	width:240px;
}

#footerSitemap .footerMenu {
	float:left;
	width:33%;
}

#footerSitemap .item001 { width:22%; }
#footerSitemap .item002 { width:24%; }
#footerSitemap .item003 { width:29%; }
#footerSitemap .item004 { width:25%; }


#footerSitemap .footerMenu dt {
	margin-bottom:9px;
	margin-right:15px;
	padding-left:20px;
	font-size:0.9em;
	font-weight:bold;
	background:transparent url("../img/icon_001.gif") 0 0.3em no-repeat;
	line-height:1.5;
}

#footerSitemap .footerMenu dd {
	margin-bottom:17px;
	margin-right:15px;
	padding-left:5px;
	font-size:0.8em;
}

#footerSitemap .footerMenu ul li {
	margin-bottom:7px;
	padding-left:15px;
	background:transparent url("../img/icon_002.gif") 0 0.4em no-repeat;
	line-height:1.5;
}

#footerSitemap .footerMenu a { color:#333; text-decoration:none; }
#footerSitemap .footerMenu a:hover { color:#756848; text-decoration:underline; }

#footerSitemap .footerMenu .icon {
	padding-left:5px;
	vertical-align:middle;
}

#footerSitemap .footerMenu .lastItem {
	margin-bottom:0 !important;
}


#footerSitemap .logo a {
	display:block;
	width:100%;
	padding:20px 0;
	text-align:center;
}

#footerSitemap .aboutMenu {
	padding-top:1px;
	background:transparent url("../img/border_dotted.gif") 0 0 repeat-x;
	font-size:0.85em;
}

#footerSitemap .aboutMenu li {
	padding-bottom:1px;
	background:transparent url("../img/border_dotted.gif") 0 100% repeat-x;
	line-height:1.5;
}

#footerSitemap .aboutMenu li a {
	display:block;
	padding:13px 15px 13px 45px;
	color:#333;
	text-decoration:none;
}

#footerSitemap .aboutMenu li a:hover {
	background-color:#E2F3FE;
}

#footerSitemap .aboutMenu .iconContact a {
	background:transparent url("../img/icon_contact.gif") 20px 50% no-repeat;
}

#footerSitemap .aboutMenu .iconAccess a {
	background:transparent url("../img/icon_access.gif") 20px 50% no-repeat;
}

#footerSitemap .aboutMenu .iconRequest a {
	background:transparent url("../img/icon_request.gif") 20px 50% no-repeat;
}

#footerSitemap .aboutMenu li span {
	display:block;
	padding-right:20px;
	background:transparent url("../img/icon_002_gray.gif") 100% 50% no-repeat;
}

#footerSitemap .icon {
	padding:0 5px;
	vertical-align:middle;
}


/* ===== Footer Banner ===== */
#footerBanner {
	margin:0 auto;
	padding:33px 0;
	width:960px;
}

#footerBanner ul {}

#footerBanner ul li {
	float:left;
	margin-right:4px;
}

#footerBanner ul .rightItem {
	margin-right:0;
}


/* ===== Copyright ===== */
#copyright {
	position:relative;
	padding:20px 0;
	background-color:#108ECB;
	z-index:10;
}

#copyright p {
	margin:0 auto;
	width:960px;
	font-size:0.7em;
	color:#FFF;
	text-align:center;
	letter-spacing:-0.05em;
	line-height:1.5;
}


/**************************************************
		Modal
**************************************************/
.modal_inline_box {
	display:none;
}

body.is-modalOpen {
	overflow-y:hidden;
}

#modalOverlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(255,255,255,0.9);
	box-sizing:border-box;
	z-index:10000;
}

#modalContents {
	display:none;
	position:fixed;
	top:0;
	left:0;
	margin:auto;
	padding:50px;
	width:100%;
	height:100vh;
	box-sizing:border-box;
	z-index:10010;
}

.modal_container {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:960px;
	opacity:0;
	transform:translateY(30px);
	transition:all 0.7s ease;
	box-sizing:border-box;
}

.modal_container.is-animated {
	opacity:1;
	transform:translateY(0);
}

.modal_inline {
	position:relative;
	margin:0 auto;
	padding:25px 40px;
	border-radius:5px;
	max-height:calc(100vh - 100px);
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	box-sizing:border-box;
	overflow-y:auto;
}

.modal_btClose {
	position:absolute;
	top:-70px;
	right:0;
	width:40px;
	height:40px;
	background:transparent url("../img/modal/icon_close.png") 50% 50% no-repeat;
	box-sizing:border-box;
	text-indent:-200vw;
	overflow:hidden;
	cursor:pointer;
}

.modal_btClose:hover {
	opacity:0.8;
}

.modal_movie video {
	display:block;
	max-width:100%;
}

.modal_youtube {
	position:relative;
	width:100%;
	height:540px;
	overflow:hidden;
}

.modal_youtube iframe {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	transform:translate(-50%,-50%);
}