* { margin: 0; padding: 0; border: 0; outline: 0; }

html {height: 100%; overflow : auto;}

body {
	background: #ffffff;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: 100%;
	width: 100%;
	font-size:12px;
	line-height:1.5em;
	color:#000;
	margin: 0px;
}

#wrap{
	width : 100%;
	line-height:0;
}

#container{
	width : 100%;
	min-width:1200px;
	clear:both;
}

a img{ border:0;}
a{-webkit-tap-highlight-color: rgba(236,45,133,0.5);}

h1,h2{
	text-indent:-10000px;
	position:absolute;
}

a:link {
	color: #ff2b8a;
}
a:visited {
	color: #ff2b8a;
}
a:hover {
	color: #ff8abf;
	filter:alpha(opacity=50);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
a:active {
	color: #ffb85b;
}


.imgMax{
	width:100%;
	text-align:center;
	margin:0 auto;
	line-height:0;
}

/* loading
---------------------------------- */

#loader {
    width: 55px;
    height: 55px;
    position: fixed;
    _position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -27px;
    margin-left: -27px;
    z-index: 200;
}

#overlay {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
}


#btnpagetop {
	position: fixed;
	width:50px;
	bottom: 10px;
	right: 10px;
}


#container{
	width : 100%;
	min-width:1200px;
	clear:both;
}

#mainarea{
	background: url(../images/img_main.jpg) center top no-repeat;
	width:100%;
	height:1120px;
	position:relative;
}

#mainarea2{
	background: url(../images/img_main.jpg) center top no-repeat;
	width:100%;
	height:1400px;
	position:relative;
}

#block01{
	width:1200px;
	height:920px;
	margin:0 auto;
	position:relative;
}

#block01b{
	width:1200px;
	height:1120px;
	margin:0 auto;
	position:relative;
}

#block02{
	width:1200px;
	height:200px;
	margin:0 auto;
}

#batch{
	background:url(../images/batch.png) no-repeat;
	width:640px;
	height:150px;
	position:absolute;
	top:710px;
	left:50%;
	margin-left:-320px;
	z-index:1;
}

#logo{
	background:url(../images/logo.png) no-repeat;
	width:586px;
	height:168px;
	position:absolute;
	top:490px;
	left:307px;
	z-index:1;
}

#logokira01,#logokira02,#logokira01{
	width:586px;
	height:168px;
}
#logokira01{background:url(../images/logo_kira01.png) no-repeat;}
#logokira02{background:url(../images/logo_kira02.png) no-repeat;}
#logokira03{background:url(../images/logo_kira03.png) no-repeat;}

#billing{
	background: url(../images/billing.png) no-repeat center bottom;
	width: 1200px;
	height: 250px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
}

#billing2{
	background:url(../images/billing.png) no-repeat center;
	width:1200px;
	height:250px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
}

#happa{
	background: url(../images/happa2.png) no-repeat center top;
	width: 100%;
	height: 950px;
	position: absolute;
	margin-top: 0;
	z-index: 1;
	left: -3px;
	top: -1px;
}

#midashi{
	background:url(../images/midashi.png) no-repeat;
	width:180px;
	height:260px;
	position:absolute;
	top:240px;
	left:510px;
	z-index:2;
}

#roadshow{
	background:url(../images/roadshow.png) no-repeat;
	width:150px;
	height:100px;
	position:absolute;
	top:530px;
	right:160px;
	z-index:1;
}

#roadshow2{
	background:url(../images/roadshow2.png) no-repeat center;
	width:430px;
	height:55px;
	position:absolute;
	top:660px;
	left:50%;
	margin-left:-215px;
	z-index:2;
}


#copyright{
	background:url(../images/copyright.png) no-repeat center;
	width:1200px;
	height:50px;
	margin:0 auto;
}

#twitterBtn{
	width:107px;
	height:43px;
	right:10px;
	position:fixed;
	overflow:hidden;
	top:0;
	z-index:20;
}

#homeBtn{
	width:54px;
	height:40px;
	position:fixed;
	overflow:hidden;
	top:10px;
	left:10px;
	z-index:3;
}

#menuarea{
	background-color:#FFF;
	width:100%;
	min-width:1200px;
	height:60px;
	margin:0 auto;
	position: fixed;
	left:0;
	top:0;
	z-index:10;
}

#bnrarea{
	width:1200px;
	text-align:center;
	padding:10px 0;
	margin:0 auto;
}

#bnrarea img{ margin:2px;}


/*

sns

*/


#snsarea{
	width:1200px;
	padding:10px 0;
	height:30px;
}

#snsarea .list {
    padding: 0px;
    overflow: hidden;
    position: relative;
}
#snsarea .list ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
#snsarea .list ul li {
    float: left;
    margin: 0 5px;
    padding: 0;
    position: relative;
    left: -50%;
}



/* bnr
---------------------------------- */

#bnrLeft{
	width:180px;
	height:180px;
	position:absolute;
	top:480px;
	left:90px;
	z-index:1;
}

#bnrLeftS1{
	width:150px;
	height:150px;
	position:absolute;
	top:490px;
	left:0px;
	z-index:2;
}
#bnrLeftS2{
	width:150px;
	height:150px;
	position:absolute;
	top:490px;
	left:150px;
	z-index:2;
}
#bnrRight{
	width:180px;
	height:180px;
	position:absolute;
	top:480px;
	right:90px;
	z-index:1;
}

#bnrRightS1{
	width:150px;
	height:150px;
	position:absolute;
	top:490px;
	right:0px;
	z-index:2;
}
#bnrRightS2{
	width:150px;
	height:150px;
	position:absolute;
	top:490px;
	right:150px;
	z-index:2;
}

#bnrRightS3{
	width:130px;
	height:130px;
	position:absolute;
	top:630px;
	right:0px;
	z-index:2;
}

#bnrRightS3b{
	width:130px;
	height:130px;
	position:absolute;
	top:630px;
	right:70px;
	z-index:2;
}
#bnrRightS4{
	width:130px;
	height:130px;
	position:absolute;
	top:630px;
	right:130px;
	z-index:2;
}

#bnrRightS5{
	width:100px;
	height:100px;
	position:absolute;
	top:645px;
	right:260px;
	z-index:2;
}

#bnrRightS5b{
	width:100px;
	height:100px;
	position:absolute;
	top:645px;
	right:200px;
	z-index:2;
}

#bnrLeftZenkoku{
	width:160px;
	height:160px;
	position:absolute;
	top:480px;
	right:0;
	z-index:2;
}

#bnrRightIsho{
	width:200px;
	height:200px;
	position:absolute;
	top:460px;
	right:0px;
	z-index:2;
}
#bnrRightBook{
	width:110px;
	height:110px;
	position:absolute;
	top:540px;
	right:190px;
	z-index:2;
}


#bnrLeftZenkokuBG{
	background:url(../images/bnr_zenkokucp_bg2.png);
	background-size:cover;
	width:160px;
	height:160px;
	position:absolute;
	top:480px;
	right:0px;
	z-index:1;
	-webkit-animation: spin 20.0s linear infinite;
    -moz-animation: spin 20.0s linear infinite;
    -ms-animation: spin 20.0s linear infinite;
    -o-animation: spin 20.0s linear infinite;
    animation: spin 20.0s linear infinite;
}


#bnrLeftShonichi{
	width: 250px;
	height: 250px;
	position: absolute;
	top: 430px;
	left: 31px;
	z-index: 2;
}

#bnrLeftShonichiBG{
	background:url(../images/bnr_shonichi_bg.png);
	background-size:contain;
	width:250px;
	height:250px;
	position:absolute;
	top:430px;
	left:30px;
	z-index:1;
	-webkit-animation: spin 20.0s linear infinite;
    -moz-animation: spin 20.0s linear infinite;
    -ms-animation: spin 20.0s linear infinite;
    -o-animation: spin 20.0s linear infinite;
    animation: spin 20.0s linear infinite;
}

#bnrLeftShonichi2{
	width: 180px;
	height: 180px;
	position: absolute;
	top: 460px;
	left: 0px;
	z-index: 2;
}

#bnrLeftShonichi2BG{
	background:url(../images/bnr_shonichi_bg.png);
	background-size:contain;
	width:180px;
	height:180px;
	position:absolute;
	top:460px;
	left:0px;
	z-index:1;
	-webkit-animation: spin 20.0s linear infinite;
    -moz-animation: spin 20.0s linear infinite;
    -ms-animation: spin 20.0s linear infinite;
    -o-animation: spin 20.0s linear infinite;
    animation: spin 20.0s linear infinite;
}
