@charset "utf-8";
/* CSS Document */

/* =tags
-------------------------------------------------------------- */

body,h1,h2,h3,ul,li,dl,dt,dd,p,a,div,span,address,hr{margin:0;padding:0;}
ul{list-style:none;}
address,em{font-style:normal;}
div,img,a{border:none;}

html{width:100%;height:100%;overflow-y:scroll;}

body{
	width:100%;
	height:100%;
	color:#630;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	background:url(../../img/bg/al_bg.png) repeat #f6f9fc;
}

a{color:#8a0;transition:color 0.3s ease-in-out;}
a:link{outline:none;}
a:visited{outline:none;}
a:hover{color:#f66;outline:none;}
a:active{outline:none;}

address{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}





/* =container
-------------------------------------------------------------- */

#container{width:100%;height:100%;}

#kira_bg, #kira_01, #kira_02{
	width:100%;
	height:100%;
	position:fixed;
}

#kira_bg{background:url(../../img/bg/al_kira_bg.png);background-size:cover;}
#kira_01{background:url(../../img/bg/al_kira_01.png);background-size:cover;}
#kira_02{background:url(../../img/bg/al_kira_02.png);background-size:cover;}





/* =head
-------------------------------------------------------------- */

#head{
	padding-top:70%;
	width:100%;
	height:0;
	min-width:1200px;
	background:url(../../img/ob/he_img.jpg) no-repeat top center;
	background-size:cover;
}

@media screen and (max-width : 1200px) {
#head{
	padding-top:0;
	width:1200px;
	height:840px;
} 
}

#head h1{visibility:hidden;}





/* =content
-------------------------------------------------------------- */

#content{margin:0 auto;width:1200px;}

.cont{
	width:1032px;
	margin:80px auto 0 auto;
	padding:2px 0 0 4px;
	position:relative;
	clear:both;
}

.cont:first-child{margin-top:18px;}

.cont_head{width:1024px;height:96px;}

.ch_sd{position:absolute;}

.ch_sd.ch_cho{top:670px;left:60px;}
.ch_sd.ch_van{top:20px;left:820px;}
.ch_sd.ch_map{top:-18px;left:767px;}
.ch_sd.ch_cin{top:-130px;left:46px;}
.ch_sd.ch_azu{top:930px;left:830px;}
.ch_sd.ch_coc{top:-30px;left:55px;}





#cont_int{
	height:780px;
	background:url(../../img/co/co_01_bg.png) no-repeat;
}

#cont_int .cont_main{
	width:1024px;
	height:772px;
	position:absolute;
	top:2px;
	left:4px;
}





#cont_gam{
	height:871px;
	background:url(../../img/co/co_02_bg.png) no-repeat;
}

#cont_gam dl{margin:63px 0 0 0;clear:both;}
#cont_gam dl:first-child{margin-top:23px;}

#cont_gam dt{
	width:1024px;
	height:94px;
}

#cont_gam dd{
	width:314px;
	height:183px;
	margin:0 0 0 7px;
	position:relative;
	float:left;
}

#cont_gam dt+dd{margin-left:34px;}

#cont_gam dd p{
	position:absolute;
	top:144px;
	left:0;
}

#cont_gam dd a img{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
#cont_gam dd a img:hover{filter:alpha(opacity=50);opacity:0.5;}





#cont_mov{
	height:844px;
	background:url(../../img/co/co_03_bg.png) no-repeat;
}

#cont_mov h3{
	margin:23px 0 0 0;
	width:1024px;
	height:92px;
}

#cont_mov a.btns{
	margin:3px 0 0 106px;
	background:url(../../img/co/co_03_bt_bg.png);
	width:814px;
	height:476px;
	display:block;
}
#cont_mov a.btns img{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
#cont_mov a.btns img:hover{filter:alpha(opacity=0);opacity:0;}

#cont_mov p{margin:44px 0 0 250px;}

#cont_mov a.gotrial img{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
#cont_mov a.gotrial img:hover{filter:alpha(opacity=50);opacity:0.5;}





#cont_tri{
	height:1250px;
	background:url(../../img/co/co_04_bg.png) no-repeat;
}

#cont_tri dl{margin:84px 0 0 248px;}

#cont_tri dd{margin:34px 0 0 0;line-height:0;}
#cont_tri dt+dd{margin-top:26px;}

#cont_tri dd a img{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
#cont_tri dd a img:hover{filter:alpha(opacity=50);opacity:0.5;}

#cont_tri h3{margin:59px 0 0 0;}

#cont_tri small{
	color:#ca8;
	font-size:11px;
	font-weight:normal;
}

#cont_tri ul{margin:4px 0 0 60px;font-size:14px;}

#cont_tri li{margin:18px 0 0 0;font-weight:bold;}
#cont_tri li:first-child{margin-top:0;}

#cont_tri li em{
	margin:0 36px 0 0;
	padding:2px 0 0 0;
	width:90px;
	height:18px;
	color:#f9f6f3;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	background:#58b;
	display:inline-block;
	border-radius:10px;
}

#cont_tri p{margin:13px 0 0 186px;}





/* =foot
-------------------------------------------------------------- */

#foot{
	margin:58px auto 0 auto;
	padding:0 0 90px 0;
	width:1024px;
	position:relative;
	clear:both;
}

#foot .staff img{margin:0 0 0 242px;}

#foot .staff ul{margin:-3px 0 0 0;font-size:18px;}

#foot .staff li{
	margin:24px 0 0 0;
	width:341px;
	height:20px;
	font-weight:bold;
	float:left;
}

#foot .staff em{
	margin:0 12px 0 0;
	padding:2px 0 0 0;
	width:144px;
	height:18px;
	color:#f9f6f3;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	background:#58b;
	display:inline-block;
	border-radius:10px;
}

#foot p,#foot address{
	margin:63px auto 0 auto;
	width:1024px;
	color:#ca8;
	font-size:10px;
	text-align:center;
	clear:both;
}

#foot address{margin:2px auto 0 auto;}

ul#foot_icon{
	margin:24px auto 0 auto;
	width:428px;
	height:34px;
	text-align:center;
	display:block;
}

ul#foot_icon li{
	margin:0 0 0 18px;
	float:left;
	height:34px;
}

ul#foot_icon li.foot_tb{padding:7px 0 0 0;height:27px;margin-left:50px;}
ul#foot_icon li.foot_tw{padding:7px 0 0 0;height:27px;}
ul#foot_icon li.foot_nw{padding:4px 0 0 0;height:30px;}
ul#foot_icon li.foot_em{padding:3px 0 0 0;height:31px;}

ul#foot_icon li a img{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
ul#foot_icon li a img:hover{filter:alpha(opacity=50);opacity:0.5;}





/* =modal
-------------------------------------------------------------- */

.modal_tm{color:#fff;display:none;position:relative;z-index:1000;}
.modalBody_tm{position:fixed;left:50%;top:50%;z-index:1000;}
.modalBK_tm{width:100%;height:100%;background:#000;position:fixed;z-index:999;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.80;}
.btns{cursor:pointer;}
.close{cursor:pointer;}
.modal_tm p{font-size:12px;text-align:justify;}

.modalBody_tm{width:853px;height:480px;}






/* =tweet
-------------------------------------------------------------- */

#twit{
	position:fixed;
	bottom:6px;
	left:12px;
}



/* =go_top
-------------------------------------------------------------- */

.go_top a{
	width:40px;
	height:70px;
	text-indent:-9999px;
	background:url(../../img/bt/al_gotop_bt.png) no-repeat;
	display:block;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:50;
}

.go_top a:hover{background-position:0 -70px;}





/* =common
-------------------------------------------------------------- */

.red{color:#f66;}
.green{color:#8a0;}
.yellow{color:fb1;}
.black{color:#642;}

.clear{clear:both;}

.sh{
	box-shadow:2px 2px 6px rgba(1,0,0,0.25);
	-moz-box-shadow:2px 2px 6px rgba(1,0,0,0.25);
	-webkit-box-shadow:2px 2px 6px rgba(1,0,0,0.25);
}





/* =clearfix
-------------------------------------------------------------- */

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}