@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
	-webkit-text-size-adjust:none;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "Verdana", "ＭＳ Ｐゴシック", "sans-serif";
	color:#666;
	font-size:13px;
	background-color: #FFF;
}
img {
	border:none;
	vertical-align:bottom;
}

li {
	list-style:none;
}

/*LOAD_CONTAINER*/
#loader {
	width: 220px;
	height: 283px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	text-align:center;
	margin-top: -230px; /* heightの半分のマイナス値 */
	margin-left: -110px; /* widthの半分のマイナス値 */
	z-index: 2000;
}
#fade {
	width: 100%;
	height: 200%;
	display: none;
	background-color: #FFF;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1999;
}


/*CONTENT*/
.container{
	width:100%;
	height:100%;
}
.wrap{
	position:relative;
	min-width:1100px;
	max-width:1300px;
	margin: 0 auto;
	min-height:800px;
	}
.w_visual{
	position: absolute;
	z-index:1;
	width:100%;
	top:0px;
	left:0px;
	}
.w_kitty{
	position: absolute;
	z-index:2;
	width:74px;
	top:0px;
	right:0px;
	}
.w_logo{
	position: absolute;
	z-index:3;
	width:100%;
	top:0px;
	left:0px;
	}
.w_date{
	position: absolute;
	z-index: 4;
	width: 183px;
	top: 610px;
	right:0px;
	}
.w_left{
	position: absolute;
	z-index:5;
	top: 0px;
	left: 0px;
	width: 390px;
	height: 100%;
	background: url(../index/in_bgW.png) left top repeat;
	}
.w_left_l{
	width: 390px;
	/*height: 284px;*/
	height: 264px;
	background: url(../index/in_bgP.png) left top repeat;
	display: block;
	text-align: center;
	}
.w_left_l2{
	/*margin-top: 28px;*/
	margin-top: 20px;
	width: 390px;
	display: block;
	text-align: center;
	}
.w_left_l3{
	margin-top: 12px;
	width: 390px;
	display: block;
	text-align: center;
	}
.wrap_cr{
	position:absolute;
	z-index:6;
	width:100%;
	margin: 0 auto;
	text-align:right;
	top:800px;
	}
.wrap_cr2{
	display:block;
	min-width:1100px;
	max-width:1300px;
	margin: 0 auto;
	text-align:right;
	}
.wrap_Foot{
	position:absolute;
	z-index:6;
	width:100%;
	height:320px;
	top:820px;
	background-color: #FFF;
	display: block;
	}
.w_Foot{
	position:relative;
	width:1100px;
	margin: 0 auto;
	}
.w_Foot_bnr{
	position:relative;
	width:1100px;
	margin: 0 auto;
	display: block;
	text-align: center;
	}
.w_Foot_cr{
	position:relative;
	width:1000px;
	margin: 0 auto;
	display: block;
	margin-top: 10px;
	text-align: center;
	}

/*SNS*/
.wrap_sns{
	position:relative;
	width:240px;
	margin: 0 auto;
	margin-top:16px;
	overflow:hidden;
	display:block;
	}
.wrap_sns ul {
	position:relative;
	list-style:none;
	}
.wrap_sns li {
	position:relative;
	float:left;
	overflow:hidden;
	display:inline;
	text-align:left;
	margin-left:5px;
	height: 20px;
	}

.wrap_sns2{
	position:relative;
	margin: 0 auto;
	text-align: center;
	display: block;
	margin-top:20px;
	padding-bottom:30px;
	}


/*BANNER*/
.wrap_bnr{
	position:relative;
	width:100%;
	max-width: 700px;
	margin: 0 auto;
	padding-top:1rem;
	overflow:hidden;
	display:block;
	text-align:center;
	}

/*visual*/
#bg04{
	background-image:url("../index/in_visual1.png");
}
#bg03{
	background-image:url("../index/in_visual2.png");
}
#bg02{
	background-image:url("../index/in_visual3.png");
}
#bg02a{
	background-image:url("../index/in_visual5.png");
}
#bg01{
	background-image:url("../index/in_visual4.png");
}
#bg04,#bg03,#bg02,#bg02a,#bg01 {
	width:100%;
	height:100%;
	background-position: center top;
}

@media screen and (max-width: 1200px) {
	#bg04,#bg03,#bg02,#bg02a,#bg01 {
		background-size: 1300px auto;
	}
}
@media screen and (max-width: 1140px) {
	#bg04,#bg03,#bg02,#bg02a,#bg01 {
		background-size: 1250px auto;
	}
}


#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index:999;
}
#page-top a {
	text-align: right;
	display: block;
}






.navi a:link {
	color:#3f98ad;
	text-decoration:none;
}
.navi a:visited {
	color:#3f98ad;
	text-decoration:none;
}
.navi a:hover {
	color:#3f98ad;
	text-decoration:none;
}
.navi a:active {
	color:#3f98ad;
	text-decoration:underline;
}
.navi a:focus {
	text-decoration:none;
}



/* 印刷用 */
@media print {
.dispNone {
	display:none;
	}
}