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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote { margin:0; padding:0; }
ol,ul { list-style: none; } 

/*背景の設定*/
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;
	overflow-y:scroll;
}
#container {
	width:1024px;
	margin:0 auto;
}
#bgimg1 {
	background: url(../images/common/bg.jpg) no-repeat;
}
#bgimg2 {
	width:1024px;
	padding:0px;
	background: url(../images/common/bg_rep.jpg) repeat-y center top;
}
/*#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 { height: 75px; }

/*画像の設定*/
img { vertical-align:bottom; border:0; margin:0; padding:0; }
.top_banner {/*margin-top: 5px; */
	margin-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: 8px;
	margin: 15px 0px 5px 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; }

/*ナビゲーション*/
#g_nav ul {
	margin-bottom:10px;
}
#g_nav ul li {
	margin:0;
	padding:0;
	margin-bottom:3px;
}
#s_nav ul li {
	margin-bottom:5px;
}

/*下層レイアウト*/
#kasou_con {
	width:755px;
}

/*注釈の設定*/
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_tp_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 281px;
	width: 280px;
	text-align: left;
}
#information {
	height: 260px;
	width: 260px;
	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-left: 10px;
	font-size: 12px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}
#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: 345px;
	text-align: left;
	margin-left: 5px;
}


/*トピックスの設定*/
#topibox {
	background-image: url(../images/top/tp_bg.jpg);
	background-repeat: no-repeat;
	height: 276px;
	width: 570px;
	text-align: left;
	margin: 0px;
	padding-top: 56px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#topics {
	height: 260px;
	width: 550px;
	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-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 12px;
	color: #FFF;
	padding-top: 10px;
}
#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: 755px;
	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: #4e4577;
	border-right-color: #4e4577;
	border-left-color: #4e4577;
	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;
	line-height: 140%;
}
#charaBox {
	color:#fff;
	padding:10px 0px 10px 8px
}
.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; }
#tager_bg {background-image: url(../images/character/tager/tager08.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; }
.systemtxt02s {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; }

/*共通クラス*/
.margin5{margin:5px;}