@charset "UTF-8";

/*コンテンツ背景*/
.bg_contents-nomal { background: url(../images/common/bg_contents_nomal.jpg) no-repeat 0 0 #fff; width: 740px; display: block; padding-top: 15px;}
.bg_contents-navy { background: #151d3e; width: 740px; display: block;}
.bg_contents-nomal_onecol { background: url(../images/common/bg_contents_nomal.jpg) repeat-x 0 0 #fff; width: 987px; display: block; padding-top: 10px;}
.bg_contents-navy_onecol { background: #151d3e; width: 740px; display: block;}


/*大枠・中枠
----------------------------------------------------------------*/
h1{
	display: block;
	width: 213px;
	height: 105px;
	position: absolute;
	top:8px;
	left:1px;
	z-index:1;
	}
h2 { display: none;}

#container { background: url(../images/common/bg_container.jpg) no-repeat top center; }

#container404 { 
	width:600px;
	margin:0 auto;
	padding:30px 0;
	}
#wrapper {
	clear: both;
	width: 1000px;
	min-height: 500px;
	height:auto !important;
	height: 500px;
	margin: 0 auto;
	padding: 88px 0 0 0;
	background: url(../images/common/bg_wrapper.png) no-repeat top center;
	}

#wrapCol { background: url(../images/common/bg_wrapcol.jpg) repeat-y 0 88px; min-height: 500px; height:auto !important; height: 500px;}
#wrapCol-onecol { background: url(../images/common/bg_wrapcol_onecol.jpg) repeat-y 0 88px; min-height: 500px; height:auto !important; height: 500px;}
#wrapCol-popup { background: url(../images/common/bg_wrapcol_popup.jpg) repeat-y 0 88px; min-height: 500px; height:auto !important; height: 500px;}
#wrapCol-newseries { background: url(../images/common/bg_wrapcol_newseries.png) repeat-y 0 88px; min-height: 500px; height:auto !important; height: 500px;}
#wrapCol-vote { background: url(../images/common/bg_wrapcol_newseries.png) repeat-y 0 88px; min-height: 500px; height:auto !important; height: 500px;}

/*--------------------------------------------------------------*/
/*																*/
/*	ヘッダーコンテンツ											*/
/*																*/
/*--------------------------------------------------------------*/
#header {
	width: 1000px;
	height: 151px;
	margin: 0 auto 18px auto;
	background: url(../images/common/bg_header.png?ver=4) no-repeat 0 0;
	position: relative;
	}

/*メインメニュー
----------------------------------------------------------------*/
#gnavi { width: 880px; position:absolute; top:78px; left:115px; margin:0; padding:0; z-index:2;}
#gnavi li{ margin: 0; padding: 0; line-height: 0;}
#gnavi li a{ text-indent: -9999px; display: block;}

#gnavi li#gn-news a{ width: 121px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat 0 0; float: left;}
#gnavi li#gn-news-on a, #gnavi li#gn-news a:hover{ width: 121px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat 0 -59px; float: left;}

#gnavi li#gn-play a{ width: 117px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat -121px 0; float: left;}
#gnavi li#gn-play-on a, #gnavi li#gn-play a:hover{ width: 117px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat -121px -59px; float: left;}

#gnavi li#gn-cardlist a{ width: 159px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat -238px 0; float: left;}
#gnavi li#gn-cardlist-on a, #gnavi li#gn-cardlist a:hover{ width: 159px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat -238px -59px; float: left;}

#gnavi li#gn-product a{ width: 124px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat -397px 0; float: left;}
#gnavi li#gn-product-on a, #gnavi li#gn-product a:hover{ width: 124px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat -397px -59px; float: left;}

#gnavi li#gn-event a{ width: 121px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat -521px 0; float: left;}
#gnavi li#gn-event-on a, #gnavi li#gn-event a:hover{ width: 121px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat -521px -59px; float: left;}

#gnavi li#gn-shop a{ width: 118px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat -642px 0; float: left;}
#gnavi li#gn-shop-on a, #gnavi li#gn-shop a:hover{ width: 118px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat -642px -59px; float: left;}

#gnavi li#gn-movie a{ width: 120px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat -760px 0; float: left;}
#gnavi li#gn-movie-on a, #gnavi li#gn-movie a:hover{ width: 120px; height:59px; background: url(../images/common/bg_gnavi.jpg) no-repeat -760px -59px; float: left;}

/*SNSリンク
----------------------------------------------------------------*/
.snsbtnset { position: absolute; top:7px; right: 8px; z-index:3;}
.snsbtnset li{ display: block; list-style-type: none; float: right; margin-left: 5px; }

/* facebook のイイネの数の非表示 */
.fb_edge_widget_with_comment iframe {
	width: 70px !important;
	top: 0;
	left: 25px;
	}
span.fb_edge_comment_widget.fb_iframe_widget iframe {
	width:401px !important;
	}
div.fb-like + span{ width: 70px !important;}

/*補足コンテンツリンク
----------------------------------------------------------------*/
.exnavi { position: absolute; top: 32px; right: 5px; width:inherit;}
.exnavi li{ float:right;}

/*FAQ*/
.btn-faq a{ display:block; text-indent: -9999px; background: url(../images/common/btn_faq.png) no-repeat 0 0; height: 36px; width: 97px;}
.btn-faq a:hover{opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )";}
/*アイカツ！をはじめよう*/
.btn-beginner a{ display:block; text-indent: -9999px; background: url(../images/common/btn_beginner.png) no-repeat 0 0; height: 36px; width: 167px;}
.btn-beginner a:hover{opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )";}


/*--------------------------------------------------------------*/
/*																*/
/*	フッターコンテンツ											*/
/*																*/
/*--------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	margin: 20px 0 -20px 0;
	min-width:1049px;
	}

/*バナー領域（なければ縮小・あれば伸びるレース部分）
----------------------------------------------------------------*/
#footer-bnr {
	width:100%;
	background:url(../images/common/bg_footer.jpg) top left repeat-x;
	padding-top:17px;
	box-shadow:0 -8px 5px -6px rgba(0,0,0,0.3) inset;

	}
#footer-bnr ul {
	width:1010px;
	margin:0 auto;
	padding-bottom:10px;
	}
#footer-bnr li {
	float:left;
	position: relative;
	margin:0 3px 20px 0;
	background:#FFF;
	}
#footer-bnr li.fbnr_brand {
	float:left;
	position: relative;
	margin:3px 3px 20px 0;
	background:#FFF;
	}
.pop_bnrtxt{
	position:absolute;
	bottom:-18px;
	left:0;
	z-index:1;
	}
.pngbnr { background: none !important;}

/*コピーライト
----------------------------------------------------------------*/
#copyright {
	clear: both;
	width: 100%;
	background:url(../images/common/bg_copy.jpg) top left repeat-x;
	}
#copy_inner {
	width:1049px;
	margin: 0 auto;
	position: relative;
	top: -15px;
	padding-top: 25px;
	background:url(../images/common/img_star.png) top center no-repeat;
	}
#copy_inner ul {
	width:1000px;
	margin:0 auto;
	}
#copy_inner ul li { float: left;}
#copy_inner ul li.txt-copy { width: 640px;}
#copy_inner ul li.bnr-facebook { margin-right: 5px; }
#copy_inner ul li.bnr-twitter { margin-right: 5px; }


/*--------------------------------------------------------------*/
/*																*/
/*	中ページ共通												*/
/*																*/
/*--------------------------------------------------------------*/

#wrapcol-bottom { background: url(../images/common/bg_wrapcol_popup_bottom.png) no-repeat 0 0; width: 753px; height: 18px; margin: 0 auto;}
#pagetop { background: url(../images/common/bg_pagetop.png) no-repeat 0 0; width: 1000px; height: 25px; margin: 0 auto;}
#pagetop-newseries { background: url(../images/common/bg_pagetop_newseries.png) no-repeat 0 0; width: 810px; height: 25px; margin: 0 auto;}
#pagetop-vote { background: url(../images/common/bg_pagetop_newseries.png) no-repeat 0 0; width: 810px; height: 25px; margin: 0 auto;}
#pagetop-conecol { background: url(../images/common/bg_pagetop_onecol.png) no-repeat 0 0; width: 1000px; height: 25px; margin: 0 auto;}
#pagetop-conecol p a, #pagetop p a,#pagetop-newseries p a,#pagetop-vote p a { display: block; width: 147px; margin:0 auto; background:url(../images/common/btn_pagetop.png) no-repeat 0 2px; text-indent: -9999px;}

#pagetop-conecol p a:hover, #pagetop p a:hover,#pagetop-newseries p a:hover,#pagetop-vote p a:hover{ opacity:0.8;}

/*サブメニュー
----------------------------------------------------------------*/
#subCol { width: 222px; float: left; margin: -15px 0 0 0;}
.sn-green {/*グリーン*/
	margin: 10px 0 1px 6px;
	background:#D5E891;
	-webkit-box-shadow: inset 3px 3px 5px 0 #B8D73E; /* Safari, Chrome用 */
	-moz-box-shadow: inset 3px 3px 5px 0 #B8D73E; /* Firefox用 */
	box-shadow: inset 3px 3px 5px 0 #B8D73E; /* CSS3 */
  }
.sn-blue {/*ブルー*/
	margin: 10px 0 1px 6px;
	background:#95C2F3;
	-webkit-box-shadow: inset 3px 3px 5px 0 #288CC3; /* Safari, Chrome用 */
	-moz-box-shadow: inset 3px 3px 5px 0 #288CC3; /* Firefox用 */
	box-shadow: inset 3px 3px 5px 0 #288CC3; /* CSS3 */
  }
.sn-violet {/*バイオレット*/
	margin: 10px 0 1px 6px;
	background:#AD91E8;
	-webkit-box-shadow: inset 3px 3px 5px 0 #8A3DD8; /* Safari, Chrome用 */
	-moz-box-shadow: inset 3px 3px 5px 0 #8A3DD8; /* Firefox用 */
	box-shadow: inset 3px 3px 5px 0 #8A3DD8; /* CSS3 */
	}

.sn-title { margin: 10px 0 1px 6px;}
.sn-title_s { margin: 2px 0 1px 6px;}

/*ピンク（通常）*/
.snbtn { display: block; margin: 0 0 1px 6px; width: 216px; background: url(../images/common/bg_btn_snavi.jpg) no-repeat 0 0;}
.snbtn a{ display: block; width: 216px; background: url(../images/common/bg_btn_snavi.jpg) no-repeat 0 0;}
.snbtn a img{ opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"}
.snbtn a:hover{ background: url(../images/common/bg_btn_snavi.jpg) no-repeat 0 0;}
.snbtn a img:hover{ opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"}
.snbtn-sct a{ display: block; margin: 0 0 1px 6px; width: 216px; background: url(../images/common/bg_btn_snavi_o.jpg) no-repeat 0 0; }
.snbtn-sct a img{ opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )" ; }
.snbtn-more{ width: 101px; height: 25px; margin-left: 120px; background: none !important; opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )" ;}
.snbtn-more :hover{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )" ;}

/*ピンク（3行）*/
.snbtn_3line { display: block; margin: 0 0 1px 6px; width: 216px; background: url(../images/common/bg_btn_snavi_3line.jpg) no-repeat 0 0;}
.snbtn_3line a{ display: block; width: 216px; background: url(../images/common/bg_btn_snavi.jpg) no-repeat 0 0;}
.snbtn_3line a img{ opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"}
.snbtn_3line a:hover{ background: url(../images/common/bg_btn_snavi.jpg) no-repeat 0 0;}
.snbtn_3line a img:hover{ opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"}
.snbtn_3line-sct a{ display: block; margin: 0 0 1px 6px; width: 216px; background: url(../images/common/bg_btn_snavi_3line_o.jpg) no-repeat 0 0; }
.snbtn_3line-sct a img{ opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )" ; }
.snbtn_3line-more{ width: 101px; height: 25px; margin-left: 120px; background: none !important; opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )" ;}
.snbtn_3line-more :hover{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )" ;}

/*グリーン*/
.snbtng { display: block; margin: 0 0 1px 0; width: 216px; background: url(../images/common/bg_btn_snavi_green.jpg) no-repeat 0 0;}
.snbtng a img{ opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"}
.snbtng a:hover{ background: url(../images/common/bg_btn_snavi_green.jpg) no-repeat 0 0;}
.snbtng a img:hover{ opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"}
.snbtng-sct a{ display: block; margin: 0 0 1px 0; width: 216px; background: url(../images/common/bg_btn_snavi_o_green.jpg) no-repeat 0 0; }
.snbtng-sct a img{ opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )" ; }
.snbtng-more{ width: 101px; height: 25px; margin-left: 114px; background: none !important; opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )" ;}
.snbtng-more:hover{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )" ;}

/*ブルー*/
.snbtnb { display: block; margin: 0 0 1px 0; width: 216px; background: url(../images/common/bg_btn_snavi_blue.jpg) no-repeat 0 0;}
.snbtnb a img{ opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"}
.snbtnb a:hover{ background: url(../images/common/bg_btn_snavi_blue.jpg) no-repeat 0 0;}
.snbtnb a img:hover{ opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"}
.snbtnb-sct a{ display: block; margin: 0 0 1px 0; width: 216px; background: url(../images/common/bg_btn_snavi_o_blue.jpg) no-repeat 0 0; }
.snbtnb-sct a img{ opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )" ; }
.snbtnb-more{ width: 131px; height: 25px; margin-left: 84px; background: none !important; opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )" ;}
.snbtnb-more:hover{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )" ;}

/*バイオレット*/
.snbtnv { display: block; margin: 0 0 1px 0; width: 216px; background: url(../images/common/bg_btn_snavi_violet.jpg) no-repeat 0 0;}
.snbtnv a img{ opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"}
.snbtnv a:hover{ background: url(../images/common/bg_btn_snavi_violet.jpg) no-repeat 0 0;}
.snbtnv a img:hover{ opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"}
.snbtnv-sct a{ display: block; margin: 0 0 1px 0; width: 216px; background: url(../images/common/bg_btn_snavi_o_violet.jpg) no-repeat 0 0; }
.snbtnv-sct a img{ opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )" ; }
.snbtnv-more{ width: 131px; height: 25px; margin-left: 84px; background: none !important; opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )" ;}
.snbtnv-more:hover{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )" ;}

.snbtninfo { display: block; margin: 0 0 1px 5px; width: 216px; no-repeat 0 0;}

.snbtn-info a{
	margin: 0px 0 2px 6px;
	display: block;
	width: 215px;
	height:55px;
	text-indent: -9999px;
	background: url(../images/info/btn_oshirase.png) 0 0 no-repeat;
	}
.snbtn-info-sct a{
	margin: 0px 0 2px 6px;
	display: block;
	width: 215px;
	height:55px;
	text-indent: -9999px;
	background: url(../images/info/btn_oshirase.png) 0 -55px no-repeat;
	}
.snbtn-info a:hover {
	background-position: 0 -55px;
	}
	
#subCol ul li { position: relative;}
.ico-new {
	display: block;
	position: absolute;
	width: 53px;
	height: 44px;
	top: -3px;
	left: -35px;
	text-indent: -9999px;
	background: url(../images/common/icon-new.png) no-repeat 0 0;
	z-index: 1;
	filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"
	}
.ico-newstory {
	display: block;
	position: absolute;
	width: 53px;
	height: 44px;
	top: -3px;
	left: -35px;
	text-indent: -9999px;
	background: url(../images/common/icon-new_story.png) no-repeat 0 0;
	z-index: 1;
	filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"
	}


/*--------------------------------------------------------------*/
/*																*/
/*	全ページ共通												*/
/*																*/
/*--------------------------------------------------------------*/

body {
	min-width:1049px;
	background: url(../images/common/bg_body.jpg) #51D8FF;
	color: #615850;れ
	font-size: 13px;
	font-family: "メイリオ",Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
	}
body#err {
	background:none #FFF;
	color: #615850;
	}
html{ background:#FED4DE;}

/*注釈*/
.comments { display: block; padding-left: 1em; text-indent: -1em; font-size: 10px; line-height: 1.4;}

/*画像リンク*/
.hvr img:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}

/*センタリング*/
.txtcntr {text-align: center;}

/*右寄せ*/
.txtright {text-align: right;}

/*余白指定*/
.mt-3 { margin-top: 3px;}
.mb-3 { margin-bottom: 3px;}
.mt-5 { margin-top: 5px;}
.mb-5 { margin-bottom: 5px;}
.mt-10 { margin-top: 10px;}
.mb-10 { margin-bottom: 10px;}
.pt-10 { padding-top: 10px;}
.pb-10 { padding-bottom: 10px;}
.mt-20 { margin-top: 20px;}
.mb-20 { margin-bottom: 20px;}
.pt-20 { padding-top: 20px;}
.pb-20 { padding-bottom: 20px;}
.pb-30 { padding-bottom: 30px;}
.mt-30 { margin-top: 30px;}
.mb-30 { margin-bottom: 30px;}
.pt-30 { padding-top: 30px;}
.pb-30 { padding-bottom: 30px;}
.pb-40 { padding-bottom: 40px;}
.mt-40 { margin-top: 40px;}
.mb-40 { margin-bottom: 40px;}
.pt-40 { padding-top: 40px;}
.pb-40 { padding-bottom: 40px;}
.pb-50 { padding-bottom: 50px;}
.mt-50 { margin-top: 50px;}
.mb-50 { margin-bottom: 50px;}
.pt-50 { padding-top: 50px;}
.pb-50 { padding-bottom: 50px;}

/*文字の色*/
.font-red { color: #ff0000; }
.font-red-b { color: #ff0000; font-weight: bold; }
.font-blue { color: #0099ff; }
.font-blue-b { color: #0099ff; font-weight: bold; }
.font-yellow { color: #ffcc00; }
.font-yellow-b { color: #ffcc00; font-weight: bold; }
.font-green { color: #99ff00; }
.font-green-b { color: #99ff00; font-weight: bold; }
.font-beige { color: #CCCC99; }
.font-beige-b { color: #CCCC99; font-weight: bold; }
.font-cyan { color: #00CCCC; }
.font-cyan-b { color: #00CCCC; font-weight: bold; }
.font-orange { color: #FF6600; }
.font-orange-b { color: #FF6600; font-weight: bold; }

/*ボタン共通ロールオーバー処理*/
.btn_over:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}

/*テキスト寄せ*/
.txt_left { text-align: left;}
.txt_right { text-align: right;}
.txt_center { text-align: center;}

/*テキストサイズ*/
.font-10 { font-size: 77%; }
.font-11 { font-size: 85%; }
.font-12 { font-size: 93%; }
.font-13 { font-size: 100%; }
.font-14 { font-size: 108%; }
.font-15 { font-size: 116%; }
.font-16 { font-size: 123.1%; }
.font-17 { font-size: 131%; }
.font-18 { font-size: 138.5%; }
.font-19 { font-size: 146.5%; }
.font-20 { font-size: 153.9%; }
.font-21 { font-size: 161.6%; }
.font-22 { font-size: 167%; }
.font-23 { font-size: 174%; }
.font-24 { font-size: 182%; }

/*終了告知*/
.endcontents{ position: relative;}
.endcontents div{ filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; zoom: 1.0;}
.endcontents-endtxt { position: absolute; left: 90px; top: 80px; z-index: 10;}