@charset "UTF-8";

body { font-size: 14px; *font-size: small; /* IE7+ */ *font: x-small; /* IE6- */ }
body { line-height:1.85; }
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; }
img{ border:0; vertical-align:top;}
table { border-collapse:collapse; border-spacing:0; font-size:100%; }

html {
	height: 100%;
	min-height: 100%;
}
body {
	text-align:center;
	width:100%;
	margin:0 auto;
	min-width:1000px;
	background-color:#ef0000;
}


#wrap {
	width:100%;
	min-width:1100px;
	overflow:hidden;
}

a:link{ color:#fff; text-decoration:underline;}
a:visited{ color:#fff; text-decoration:underline;}
a:hover{ color:#fff; text-decoration:none;}
a:active{ color:#fff; text-decoration:none;}


/*  コンテンツ
-----------------------------------------------------------*/
#contArea {
	height: 100%;
	min-height: 100%;
	text-align: center;
	position: relative;
	background:url(../images/main_bg.jpg) no-repeat center top ;
	background-size:cover;
}

.heightFix{
	height:750px!important;
}

#contArea #obi {
	background: url(../images/bg_obi.png) ;
	width:100%;
	text-align:center;
	height:103px;
	position:absolute;
	top:64.4%;
}

#contArea .inner {
}

#contArea .copy01 {
	position:absolute;
	left:15px;
	bottom:10px;
	z-index:10;
}

#contArea .copy02 {
	position:absolute;
	right:15px;
	bottom:10px;
	z-index:10;
}

#contArea .btn01 {
	position:absolute;
	left:50%;
	bottom:10px;
	margin-left:-300px;
}

#contArea .logoBox {
	position:absolute;
	top:42.5%;
	left:50%;
	width:1100px;
	margin-left:-510px;
	margin-top:-150px;
}

#contArea .logoBox .inner {
	position: relative;
}

#contArea .logoBox .inner .balloon {
	position: absolute;
	left: -56px;
	bottom: 85px;
}

#contArea .logoBox h1 {
	display:inline-block;
	vertical-align:bottom;
}
#contArea .logoBox h2 {
	display:inline-block;
	vertical-align:bottom;
}

#contents {
	clear:both;
	width:1100px;
	margin:0 auto;
	position:relative;
	padding:0;
	text-align:left;
	background-color:#ef0000;
	padding-top:55px;
	padding-bottom:30px;
}

#contents h1 {
	margin:0;
	padding:0;
}

.headerarea{
	width:100%;
	min-width:1100px;
	text-align:left;
	position:relative;
	}
	
.btn_area{
	position: absolute;
	top: 17px;
	right: 20px;
	z-index: 100;
	}
.btn_area a{
	float:left;
	}
	
.btn_kyoraku{
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 100;
	}
.img01{
	padding-top:580px;
	}

.mb10{
	margin-bottom:10px;
	}
.mb20{
	margin-bottom:20px;
	}
.mb30{
	margin-bottom:30px;
	}
.mb40{
	margin-bottom:40px;
	}
.mb50{
	margin-bottom:50px;
	}
.mb60{
	margin-bottom:60px;
	}
.f18{
	font-size:18px;
	}
.fBold{
	font-weight:bold;
	}
.caution{
	font-size:13px;
	}

.wrap{
	overflow:hidden;
}

.wrap h3{
	margin-bottom:10px;
}

.wrap .cautionBox{
	border:2px solid #000;
	font-size:18px;
	font-weight:bold;
	padding:10px;
	margin-bottom:10px;
	line-height:1.7;
}

.f_l{
	float:left;
	width:500px;
	}
.f_r{
	float:right;
	width:500px;
	}

.t_align_c{
	text-align:center;
}

#copyright{
	font-size:10px;
}

#pageTop{
	position:absolute;
	right:0;
	bottom:20px;
}

.center-vertical{
	position:relative;
}

/*  ページトップ
-----------------------------------------------------------*/

.clearfix:after,
#newsArea .newsBox ul li:after{
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix,
#newsArea .newsBox ul li{
  min-height: 1px;
}

* html .clearfix,
* html #newsArea .newsBox ul li{
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}