@charset "shift_jis";
/* CSS Document */

/*背景の設定*/
html { overflow-y: scroll; }
body {margin: 0px; padding: 0px; font-size: 12px; text-align: center; background-color: #04103B; background-image: url(../images/common/bg_rep2.jpg); background-position: center top; background-repeat: no-repeat;  }
#bgimg {background-image: url(../images/common/bg.jpg); 	background-repeat: no-repeat; }
#bgimg2 {padding:0px; width:980px; background-image: url(../images/common/bg_rep.jpg); background-repeat: repeat-y; background-position: center top; margin-top: 20px; }
#bg_l {background-image: url(../images/common/bg_l.gif); background-repeat: repeat-y; }
#bg_r {background-image: url(../images/common/bg_r.gif); background-repeat: repeat-y; }
#footer {background-image: url(../images/common/footer.jpg); background-repeat: no-repeat; background-position: center center; height: 61px; }

/*画像の設定*/
img {vertical-align:bottom; margin:0px; padding:0px; border:0;}
.top_banner {margin-top: 5px; margin-bottom: -18px; padding-bottom: 0px; }
.banner {margin-top: 5px; }

/*見出しの設定*/
h1 {margin: 0px; padding: 0px; }
h2 {margin:5px 0px 10px; padding:0px}
h3 {font-size: 16px; font-weight: bold; color: #FFFF00; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FFFF99; padding-bottom: 5px; margin-top: 5px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; }
h4 {border-left-width: 4px; border-left-style: solid; border-left-color: #666666; padding-left: 10px; margin: 15px 0px 15px 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; 	font-size: 12px; }

/*トップ、中央に表示*/
.hcvc {margin-top:-280px; margin-left:-380px; position:absolute; top:50%; left:50%; }

/*文字の設定*/
#text td {font-size: 12px; color: #FFFFFF; line-height: 16px; }

/*リンクの設定*/
a:link {color:#ffc800; text-decoration:underline; margin:0px; padding:0px}
a:visited {text-decoration: underline; color: #FFE793; }
a:hover {text-decoration: none; color: #D22500; }
a:active {text-decoration: underline; color: #FFC800; }

/*注釈の設定*/
blockquote {font-size: 10px; color: #97A2D7; margin: 0px; padding: 0px; }

/*ぶるらじバックナンバー*/
#radio_bn {
	background-color: #FFDB51;
	background-image: url(../images/top/radio_bg.gif);
	background-repeat: repeat-x;
	height: 150px;
	width: 171px;
}
#radio_bnbox {
	height: 150px;
	width: 151px;
	overflow: auto;
	scrollbar-arrow-color: #1C358B;
	scrollbar-face-color: #FEDB51;
	scrollbar-highlight-color: #FDC023;
	scrollbar-shadow-color: #FDC023;
	scrollbar-3dlight-color: #1C358B;
	scrollbar-darkshadow-color: #1C358B;
	scrollbar-track-color: #FDC023;
	padding-left: 10px;
	padding-right: 10px;
}
#radio_bnbox p {padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
#radio_bnbox a:link {color: #F92A19; text-decoration: underline; }
#radio_bnbox a:visited {text-decoration: underline; color: #F92A19; }
#radio_bnbox a:hover {text-decoration: none; color: #072EBA; }
#radio_bnbox a:active {text-decoration: underline; color: #072EBA; }

/*新着情報の設定*/
#infobox {
	background-image: url(../images/top/info_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 350px;
	width: 221px;
	text-align: left;
}
#information {
	height: 325px;
	width: 201px;
	overflow: auto;
	line-height: 16px;
	scrollbar-3dlight-color:#000000;
	scrollbar-arrow-color:#B5C3D4;
	scrollbar-base-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#001A3A;
	scrollbar-highlight-color:#183D6C;
	scrollbar-shadow-color:#183D6C;
	scrollbar-track-color:#182348;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 12px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
}
#information p {font-weight: bold; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; line-height: 16px; font-size: 12px; }
#information a:link {color: #2BB7FF; text-decoration: underline; }
#information a:visited {text-decoration: underline; color: #2BB7FF; }
#information a:hover {text-decoration: none; color: #CA6FFF; }
#information a:active {text-decoration: underline; color: #CA6FFF; }
#info_bt {
	font-size: 12px;
	color: #FC3;
	margin-top: 3px;
	width: 230px;
	text-align: left;
	margin-left: 5px;
}


/*トピックスの設定*/
#topibox {
	background-image: url(../images/top/topics_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 350px;
	width: 231px;
	text-align: left;
}
#topics {
	height: 325px;
	width: 211px;
	overflow: auto;
	line-height: 16px;
	scrollbar-3dlight-color:#000000;
	scrollbar-arrow-color:#B5C3D4;
	scrollbar-base-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#001A3A;
	scrollbar-highlight-color:#183D6C;
	scrollbar-shadow-color:#183D6C;
	scrollbar-track-color:#182348;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 12px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
}
#topics p {font-weight: bold; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 12px; line-height: 16px; }
#topics a:link {color: #2BB7FF; text-decoration: underline; }
#topics a:visited {text-decoration: underline; color: #2BB7FF; }
#topics a:hover {text-decoration: none; color: #9EFF6F; }
#topics a:active {text-decoration: underline; color: #9EFF6F; }

/*各ページ共通コンテンツ部分の設定*/
.cont {padding: 0px; width: 632px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #586B9B; border-right-color: #586B9B; border-left-color: #586B9B; margin: 0px; }
.cont_img {margin-bottom: 10px; margin-top: 10px; margin-left: 10px; }

/*キャラページ共通コンテンツ部分の設定*/
#contents02 {padding: 0px; width: 705px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; }
#contsBox {color:#fff; text-align:left; padding:10px 10px 10px 9px}
#charaBox {color:#fff; padding:10px 0px 10px 9px}
.date {font-size: 12px; font-weight: bold; color: #5060F3; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

/*キャラクターの設定*/
#chara_m {margin: 0px; padding: 0px; width: 210px; }
#ragna_bg {background-image: url(../images/character/ragna/ragna08.jpg); background-repeat: no-repeat; margin: 0px; padding: 10px 20px 10px 10px; height: 102px; width: 288px; }
#noel_bg {background-image: url(../images/character/noel/noel08.jpg); background-repeat: no-repeat; margin: 0px; padding: 10px 20px 10px 10px; height: 102px; width: 288px; }
#jin_bg {background-image: url(../images/character/jin/jin08.jpg); background-repeat: no-repeat; margin: 0px; padding: 10px 20px 10px 10px; height: 102px; width: 288px; }
#tagar_bg {background-image: url(../images/character/tagar/tagar08.jpg); background-repeat: no-repeat; margin: 0px; padding: 10px 20px 10px 10px; height: 102px; width: 288px; }
#taokaka_bg {background-image: url(../images/character/taokaka/taokaka08.jpg); background-repeat: no-repeat; margin: 0px; padding: 10px 20px 10px 10px; height: 102px; width: 288px; }
#rachel_bg {background-image: url(../images/character/rachel/rachel08.jpg); background-repeat: no-repeat; margin: 0px; padding: 10px 20px 10px 10px; height: 102px; width: 288px; }
#arakune_bg {background-image: url(../images/character/arakune/arakune08.jpg); background-repeat: no-repeat; margin: 0px; padding: 10px 20px 10px 10px; height: 102px; width: 288px; }
#litchi_bg {background-image: url(../images/character/litchi/litchi08.jpg); background-repeat: no-repeat; margin: 0px; padding: 10px 20px 10px 10px; height: 102px; width: 288px; }
#carl_bg {background-image: url(../images/character/carl/carl08.jpg); background-repeat: no-repeat; margin: 0px; padding: 10px 20px 10px 10px; height: 102px; width: 288px; }
#bang_bg {background-image: url(../images/character/bang/bang08.jpg); background-repeat: no-repeat; margin: 0px; padding: 10px 20px 10px 10px; height: 102px; width: 288px; }
#hakumen_bg {background-image: url(../images/character/hakumen/hakumen08.jpg); background-repeat: no-repeat; margin: 0px; padding: 10px 20px 10px 10px; height: 102px; width: 288px; }
#new_bg {background-image: url(../images/character/new/new08.jpg); background-repeat: no-repeat; margin: 0px; padding: 10px 20px 10px 10px; height: 102px; width: 288px; }

/*ストーリーの設定*/
#story_bg {background:url(../images/story/story_bg01.jpg) no-repeat right top; width:632px; height:370px}
#story_bg2 {background:url(../images/story/story_bg02.jpg) no-repeat left top; width:632px; height:370px}
#story1 {color:#fff; font-size:12px; line-height:16px; margin-left:15px; width:455px}
#story2 {color:#fff; font-size:12px; line-height:16px; margin-left:280px; width:340px}

/*システムの設定*/
.system_txt01 {color: #AABED2; margin-left: 20px; margin-bottom: 40px; }
#system_menu {margin-top: 30px; margin-bottom: 40px; text-align: center; }
#system_menu img{margin: 5px; }
.gaugebox {margin-top: 20px; margin-bottom: 40px; padding-bottom: 10px; margin-left: 30px; width: 595px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #636F7C; }
.systemtxt02 {font-size: 16px; }

/*AOUの設定*/
.aoutext {margin: 20px; padding: 0px; width: 510px; text-align: left; }
#session01 {background-image: url(../images/aou/chara_01.jpg); background-repeat: no-repeat; background-position: right top; margin: 0px 0px 30px; padding: 0px; width: 800px; }
#session02 {background-image: url(../images/aou/chara_02.jpg); background-repeat: no-repeat; background-position: right top; margin: 0px 0px 30px; padding: 0px; width: 800px; }
#session03 {background-image: url(../images/aou/chara_03.jpg); background-repeat: no-repeat; background-position: right top; margin: 0px 0px 30px; padding: 0px; width: 800px; }
.gage_m {margin-top: 10px; margin-bottom: 6px; }
#session04 {background-image: url(../images/aou/chara_04.jpg); background-repeat: no-repeat; background-position: right top; margin: 0px 0px 30px; padding: 0px; width: 800px; }

/*ぶるまん*/
#backnumber {margin-right: 15px; line-height: 150%; }
#backnumber a:link {color:#003399; text-decoration:underline; margin:0px; padding:0px}
#backnumber a:visited {text-decoration: underline; color: #003399; }
#backnumber a:hover {text-decoration: none; color: #FF6600; }
#backnumber a:active {text-decoration: underline; color: #FF6600; }

/*共通のクラス*/
#main_menu {
	float:right;
	width:167px;
	margin:0 auto;
}
#main_menu ul ,
#main_menu ul li {
	margin:0;
	padding:0;
}
#main_menu ul li {
	list-style-type:none;
	text-align:left;
}
#blaz_link {
	clear:both;
	width:167px;
	margin:24px auto 0;
}
#blaz_link ul ,
#blaz_link ul li {
	margin:0;
	padding:0;
}
#blaz_link ul li {
	list-style-type:none;
	text-align:center;
	margin-top:6px;
}


#main_img{
	width:700px;
	text-align:center;
	position:relative;
	margin-right:15px;
	margin-left:5px;
}

#main_img p{
	padding:0;
	margin:0;
	width:700px;
	text-align:center;
	z-index:99;
	position:absolute;
	bottom:10px;
	left:2px;
}