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

body.home {
	background-color: #c2d4e4;
	margin: 0;
	padding: 0;
	color: #31404A;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	background-image: url(../home/home.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



/* header ------------------------------------ */
header.home{
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 100%;
	min-width: 980px;
	background-image: url(../img/header_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	
}

header.home #header{
	width: 980px;
	height: 45px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	position:relative;
}


header.home #header .icon .left{
	float:left;
}

header.home #header .icon .right{
	float:right;
}



/* main_home --------------------------------------- start */
#main_home{
	position: relative;
	width: 980px;
	padding: 0px;
	margin: 0px;
	height: 1330px;
}




/* charalist -------------------------------- start */
#charalist{
	height: 321px;
	width: 967px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../home/charalist_bg.jpg);
	background-repeat: no-repeat;	
}
#charalist ul{
	width: 968px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	list-style-type: none;
	height: 160px;
}

#charalist ul li{
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 160px;
	width: 120px;
	float: left;
	display: block;
}

/* charalist ---------------------------------- end */








/* What's NEW ------------------------------ start */
#news{
	position: absolute;
	left: 30px;
	top: 945px;
	z-index: 100;
	width: 510px;
	height: 245px;
	color: #343123;
	overflow: auto;
	font-size: 13px;
	line-height: 1.5em;
	text-align: left;
}


#news ul{
	margin: 0px;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#news ul li{
	background-image: url(../img/pocchi_s.png);
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 13px;
	line-height: 1.2em;
	padding-bottom: 10px;
}


#btn_news{
	position: absolute;
	z-index: 400;
	left: 394px;
	top: 1164px;
	text-indent: -9999px;

}

#btn_news a:link,
#btn_news a:visited{
	background-image: url(../home/btn_news.png);
	display: block;
	width: 140px;
	height: 35px;
	
}

#btn_news a:hover,
#btn_news a:active{
	background-image: url(../home/btn_news.png);
	background-position: center bottom;	
}


#news a:link, #news a:visited{
	color: #FF9900;
}
#news a:hover, #news a:active{
	color: #36C;
}


/* What's NEW -------------------------------- end */


/* btn_tw --------------------------------------- */
#main_home .btn_tw{
	height: 80px;
	width: 200px;
	position: absolute;
	left: 780px;
	top: 0px;
	z-index: 100;
}


#main_home .btn_tw a:link, #main_home .btn_tw a:visited{
	background-image: url(../home/btn_tw.png);
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 200px;
}
#main_home .btn_tw a:hover, #main_home .btn_tw a:active{
	background-position: left bottom;
}



/* btn_chainchro --------------------------------------- */
#main_home .btn_chainchro{
	height: 75px;
	width: 230px;
	position: absolute;
	left: 750px;
	top: 90px;
	z-index: 100;
}


#main_home .btn_chainchro a:link, #main_home .btn_chainchro a:visited{
	background-image: url(../home/btn_chainchro.png);
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 75px;
	width: 230px;
}
#main_home .btn_chainchro a:hover, #main_home .btn_chainchro a:active{
	background-position: left bottom;
}




/* btn_tw --------------------------------------- */
#main_home .btn_twc{
	height: 100px;
	width: 235px;
	position: absolute;
	left: 745px;
	top: 80px;
	z-index: 100;
}


#main_home .btn_twc a:link, #main_home .btn_twc a:visited{
	background-image: url(../home/btn_4_tw.png);
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
	width: 235px;
}
#main_home .btn_twc a:hover, #main_home .btn_twc a:active{
	background-position: left bottom;
}




/* btn_am -------------------------------------- */
#main_home .btn_am{
	height: 75px;
	width: 230px;
	position: absolute;
	left: 750px;
	top: 435px;
	z-index: 100;
}
#main_home .btn_cs{
	height: 75px;
	width: 230px;
	position: absolute;
	left: 750px;
	top: 355px;
	z-index: 100;
}

#main_home .btn_am a:link, #main_home .btn_am a:visited{
	background-image: url(../home/btn_am.png);
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 75px;
	width: 230px;
}
#main_home .btn_cs a:link, #main_home .btn_cs a:visited{
	background-image: url(../home/btn_ba-r_cs.png);
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 75px;
	width: 230px;
}

#main_home .btn_am a:hover, #main_home .btn_am a:active,
#main_home .btn_cs a:hover, #main_home .btn_cs a:active{
	background-position: left bottom;
}

/* btn_mov --------------------------------- */
#main_home .btn_mov{
	height: 80px;
	width: 230px;
	position: absolute;
	left: 750px;
	top: 270px;
	z-index: 100;
}


#main_home .btn_mov a:link, #main_home .btn_mov a:visited{
	background-image: url(../home/btn_mov.png);
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 230px;
}
#main_home .btn_mov a:hover, #main_home .btn_mov a:active{
	background-position: left bottom;
}


/* spec --------------------------------- */
#main_home .specinfo{
	height: 265px;
	width: 385px;
	position: absolute;
	left: 569px;
	top: 922px;
	z-index: 100;
}


#main_home .specinfo a:link, #main_home .specinfo a:visited{
	background-image: url(../home/spec.png);
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 265px;
	width: 385px;
}
#main_home .specinfo a:hover, #main_home .specinfo a:active{
	background-position: left bottom;
}








/* 4 btns --------------------------------- */
.btn_4_set{
	margin: 0px;
	padding: 0px;
	width: 980px;
	position: absolute;
	left: 0px;
	top: 1210px;
}



.btn_4{
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 980px;
}

.btn_4 ul{
	padding: 0px;
	height: 100px;
	width: 956px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.btn_4 ul li{
	width: 235px;
	height: 100px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}


.btn_4_yoyaku a:link, .btn_4_yoyaku a:visited,
.btn_4_shop a:link, .btn_4_shop a:visited,
.btn_4_tpfb a:link, .btn_4_tpfb a:visited,
.btn_4_tw a:link, .btn_4_tw a:visited,
.btn_4_famitsu a:link, .btn_4_famitsu a:visited,
.btn_4_sonia a:link, .btn_4_sonia a:visited{
	display: block;
	width: 235px;
	height: 100px;
	text-indent: -9999px;
}



.btn_4_yoyaku a:hover, .btn_4_yoyaku a:active,
.btn_4_shop a:hover, .btn_4_shop a:active,
.btn_4_tpfb a:hover, .btn_4_tpfb a:active,
.btn_4_tw a:hover, .btn_4_tw a:active,
.btn_4_famitsu a:hover, .btn_4_famitsu a:active,
.btn_4_sonia a:hover, .btn_4_sonia a:active{
	background-position: center bottom;	
}


/* yoyaku ----------------------------------- */
.btn_4_yoyaku a:link,
.btn_4_yoyaku a:visited{
	background-image: url(../home/btn_4_yoyaku.png);
}

/* shop ----------------------------------- */
.btn_4_shop a:link,
.btn_4_shop a:visited{
	background-image: url(../home/btn_4_shop.png);
}

/* tpfb ----------------------------------- */
.btn_4_tpfb a:link,
.btn_4_tpfb a:visited{
	background-image: url(../home/btn_4_tpfb.png);
}
/* TW ----------------------------------- */
.btn_4_tw a:link,
.btn_4_tw a:visited{
	background-image: url(../home/btn_4_tw.png);
}
/* famitsu ----------------------------------- */
.btn_4_famitsu a:link,
.btn_4_famitsu a:visited{
	background-image: url(../home/btn_4_famitsu.png);
}
/* famitsu ----------------------------------- */
.btn_4_sonia a:link,
.btn_4_sonia a:visited{
	background-image: url(../home/btn_4_sonia.png);
}

/* infobox --------------------------------- */
.infobox{
	padding: 10px;
	width: 896px;
	position: absolute;
	left: 40px;
	top: 1325px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 2px solid #09C;
	background-color: #1A2835;
	font-size: 0.9em;
	color: #FFF;
}

.infobox a:link, .infobox a:visited{
	color: #FF6;
}

.infobox a:hover, .infobox a:active{
	color: #F90;
}