@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-style: normal;
	}


/* =========== 初期設定 =========== */

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #444;
	text-align: center;
	background: #696969 url(/ar/herosbase/img/main_bg.gif) repeat-x center top;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	}

a:link,
a:visited {
	color: #ffd800;
	text-decoration: none;
	}

a:active,
a:hover {
	color: #f9ea48;
	text-decoration: underline;
	}

table {
	border: 0px;
	border-collapse: collapse;
	}

ul {
	list-style: none;
	}

img {
	border: 0;
	}

img.pict {
	margin: 0 10px 3px 0;
	padding: 0;
	float: left;
	border: 0;
	}

img.pictBR {
	margin: 0 0 5px;
	padding: 0;
	}

img.pict_def {
	margin: 0;
	padding: 0;
	}

img.pict_left {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	}

img.pict_right {
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
	}

.xxxtxt {
	font-size: 18px;
	}

.xxtxt {
	font-size: 16px;
	}

.xtxt {
	font-size: 14px;
	}

.txt {
	font-size: 12px;
	}

.stxt {
	font-size: 10px;
	}

.sstxt {
	font-size: 9px;
	}

.red {
	color: #c00;
	}

.blue {
	color: #69f;
	}

.yellow {
	color: #fc0;
	}

.orange {
	color: #f80;
	}

.txtleft {
	text-align: left;
	}

.txtcenter {
	text-align: center;
	}

.txtright {
	text-align: right;
	}


.bold {
	font-weight: bold;
	}

.normal {
	font-weight: normal;
	}

.hyde {
	display: none;
	}

.line140 {
	line-height: 1.4em;
	}

.line160 {
	line-height: 1.6em;
	}

.hide {
	display: none;
	}

.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}

/* ===== TOPICS縦幅 ===== */

#contents div.overScrl dl {
	height: 380px;
	}


/* =========== レイアウト =========== */

#layout {
	width: 820px;
	margin: 0 auto;
	padding: 0;
	}

#header {
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(/ar/herosbase/img/header_bg.gif) no-repeat center top;
	}

#header2 {
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(/ar/herosbase/img/header_bg2.gif) no-repeat center top;
	}

#contents {
	width: 820px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
	background: url(/ar/herosbase/img/contents_body.gif) repeat-y;
	}

#contents2 {
	width: 820px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
	background: url(/ar/herosbase/img/contents_body2.gif) repeat-y;
	}

#contents_btm {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	background: url(/ar/herosbase/img/contents_bottom.gif) no-repeat bottom;
	}

#contents_btm2 {
	width: 820px;
	margin: 0 auto;
	padding: 20px 0 50px 0;
	text-align: right;
	background: url(/ar/herosbase/img/contents_bottom2.gif) no-repeat bottom;
	}


/* =========== ヘッダ =========== */

#header div.hLft {
	width: 300px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	}

#header div.hRit {
	width: 330px;
	margin: 0;
	padding: 0;
	text-align: right;
	float: right;
	}

#header div.hRit p.rootadd {
	margin: 0;
	padding: 0 0 17px;
	text-align: right;
	}

#header div.hRit p.subnavi {
	margin: 0;
	padding: 0;
	text-align: right;
	}


/* =========== コンテンツ =========== */

#contents p.mainFla {
	margin: 0;
	padding: 0 20px;
	}

#contents div.topNews {
	width: 393px !important;
	width: 440px;
	margin: 0;
	padding: 0 0 0 47px;
	float:left;
	background: url(/ar/herosbase/img/txt_official_bg.gif) no-repeat 10px top;
	}

#contents div.topEvent {
	width: 345px !important;
	width: 375px;
	margin: 0;
	padding: 0 30px 0 0;
	float:right;
	}

#contents div h2 {
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(/ar/herosbase/img/news_title.gif) no-repeat top;
	}

#contents div.topNews div.hotTips {
	width: 342px !important;
	width: 393px;
	margin: 0;
	padding: 0 23px 0 28px;
	color: #fff;
	background: url(/ar/herosbase/img/news_body.gif) no-repeat left top;
	}

#contents div.topNews div.hotTips p {
	margin: 0;
	padding: 0 0 10px;
	color: #fff;
	}

#contents div.topNews div.hotTips p span.newIcon {
	margin: 0;
	padding: 0 0 0 30px;
	background: url(/ar/herosbase/img/icon_new.gif) no-repeat left center;
	}

#contents div.overScrl {
	width: 342px !important;
	width: 393px;
	margin: 0;
	padding: 0 23px 30px 28px;
	background: url(/ar/herosbase/img/news_body.gif) no-repeat left bottom;
	}

#contents div.overScrl dl {
	margin: 0;
	padding: 0;
	overflow: auto !important;
	overflow-y: scroll;
	scrollbar-base-color: #666666;
	scrollbar-track-color: #111111;
	scrollbar-face-color: #666666;
	scrollbar-shadow-color: #111111;
	scrollbar-darkshadow-color: #111111;
	scrollbar-highlight-color: #111111;
	scrollbar-3dlight-color: #111111;
	}

#contents div.overScrl dl dt {
	margin: 0 5px 0 0;
	padding: 7px 0 5px 0;
	font-weight: bold;
	color: #f66;
	border-top: 1px dotted #666;
	}

#contents div.overScrl dl dd {
	margin: 0;
	padding: 0 0 10px 15px;
	color: #fff;
	background: url(/ar/herosbase/img/arrow_bk.gif) no-repeat left 2px;
	}

#contents div.overScrl dl dd p {
	margin: 0;
	padding: 2px 5px 0 15px;
	color: #ccc;
	}

#contents div.overScrl dl dd a:link,
#contents div.overScrl dl dd a:visited {
	color: #fff;
	text-decoration: underline;
	}

#contents div.overScrl dl dd a:active,
#contents div.overScrl dl dd a:hover {
	color: #f9ea48;
	text-decoration: underline;
	}

#contents div.topEvent dl dd span.newIcon {
	margin: 0;
	padding: 0 0 0 30px;
	line-height: 1.4em;
	background: url(/ar/herosbase/img/icon_new.gif) no-repeat left center;
	}

#contents div.topEvent dl dd {
	margin: 0;
	padding: 10px 0 0;
	color: #fff;
	line-height: 1.4em;
	}

#contents div.topEvent dl dd p {
	margin: 0;
	padding: 50px 0 0;
	text-align: right;
	background: url(/ar/herosbase/img/txt_getflash.gif) no-repeat left 10px;
	}

#contents_btm2 span {
	margin: 0;
	padding: 0 40px 0 15px;
	font-size: 10px;
	color: #fff;
	text-align: right;
	background: url(/ar/herosbase/img/icon_top.gif) no-repeat left center;
	}



/* =========== フッタ =========== */

#footArea {
	width: 820px;
	margin: 0 auto;
	padding: 50px 0;
	background: url(/ar/herosbase/img/footer_bg.gif) no-repeat top;
	}

#footArea address {
	text-align: center;
	}