body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 100%;
line-height: 150%;
margin: 0;
padding: 0;
text-align: center;
}


/* 共通 */
img {
vertical-align: top;
border: 0;
}
a {
color: #003399;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}





/* --------------------------------------------------------
 ヘッダー
----------------------------------------------------------- */
header {
margin: 0;
padding: 0;
text-align: center;
width: 100%;
position:fixed;
bottom: 0;
}
*+html header {
position:fixed !important;
left: 0 !important;
bottom: 0 !important;
overflow: visible;
top: auto !important;
}

header h1.logo {
margin: 0 0 -3px 0;
padding: 0;
background: url(../../images/index_logo.png) center 0 no-repeat;
width: 100%;
height: 108px;
text-indent: -9999px;
}
header .copyArea {
margin: 0;
padding: 15px 0;
color: #FFF;
background: #379595 url(../../images/index_copy_bg.gif) 0 0 repeat-x;
border-top: 3px solid #94DCDC;
}
header .copyArea p {
margin: 0;
padding: 0;
}

header .creditArea {
margin: 0;
padding: 12px 0;
font-size: 80%;
line-height: 120%;

border-top: 1px solid #1A6455;
color: #333;
background: url(../../images/index_footer_bg.gif) 0 0 repeat;
/*color: #FFF;
background: #111B1E;*/
}
header .creditArea a {
/*color: #FFF;*/
color: #333;
}
header .creditArea .copyright {
font-size: 80%;
}


/* --------------------------------------------------------
 コンテンツメイン
----------------------------------------------------------- */
.wrapper {
margin: 0 auto;
padding: 0;
}

.wrapper ul.enterBtn {
margin: -210px 0 0 -528px;
padding: 0;
position: absolute;
/*top: 50%;*/
bottom: 140px;
left: 50%;
z-index: 1;
}
.wrapper ul.enterBtn li {
margin: 0 0 0 132px;
padding: 0;
list-style: none;
float: left;
width: 462px;
height: 100px;
display: block;
}

@media screen and (max-width: 1060px) {
/* 表示領域が320px以下の場合に適用するスタイル */

.wrapper ul.enterBtn {
margin: -210px 0 0 -480px;
bottom: 155px;
}
.wrapper ul.enterBtn li {
margin: 0 0 0 45px;
}

}

.wrapper ul.enterBtn li:first-child {
margin: 0;
}
.wrapper ul.enterBtn li a {
margin: 0;
padding: 0;
display: block;
width: 462px;
height: 100px;
text-indent: -9999px;
}
.wrapper ul.enterBtn li a.btn01 {
background: url(../../images/index_btn01_2_off.png) 0 0 no-repeat;
}
.wrapper ul.enterBtn li a.btn02 {
background: url(../../images/index_btn02_2_off.png) 0 0 no-repeat;
}
/*
.wrapper ul.enterBtn li a.btn01:hover {
background: url(../../images/index_btn01_on.png) 0 0 no-repeat;
}
.wrapper ul.enterBtn li a.btn02:hover {
background: url(../../images/index_btn02_on.png) 0 0 no-repeat;
}
*/



/* --------------------------------------------------------
 メインイメージ（背景）
----------------------------------------------------------- */

.indexMainimage ul {
display: none;
}


/* ----------------------------------------------------------
	clearfix適用箇所	
---------------------------------------------------------- */
.clearfix {
  display: block;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
* html .clearfix {
  height: 1%;
}