/* ***********************************
    sitename:AXL 8th PRODUCT
    fileinfo:TOP装飾用
************************************ */

@charset "utf-8";

body {
	background-image: url(../images/body_top.jpg);
}

/* TOPIC部 */
div#contents-main div#mainpic {
	margin: 0px 0px 60px;
}
div#contents-main aside {
	margin: 0px 0px 60px;
}
div#contents-main aside > h1 {
	display: none;
}
div#contents-main aside ul#topic1 ,
div#contents-main aside ul#topic2 ,
div#contents-main aside ul#topic3 {
	margin: 0px 0px 20px;
}
div#contents-main aside ul li {
	position: relative;
	float: left;
	width: 480px;
}
div#contents-main aside ul li h2 {
	height: 18px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin: 0px 0px 5px;
}
div#contents-main aside ul#topic1 li h2 {
	background-image: url(../images/topic_title1.png);
}
div#contents-main aside ul#topic2 li h2 {
	background-image: url(../images/topic_title2.png);
}
div#contents-main aside ul#topic3 li h2 {
	background-image: url(../images/topic_title3.png);
}
div#contents-main aside ul li.empty_left h2 ,
div#contents-main aside ul li.empty_right h2 {
	background-position: 0px 20px;
}
div#contents-main aside ul li.order h2 ,
div#contents-main aside ul li.privilege h2 ,
div#contents-main aside ul li.regist h2 {
	background-position: left top;
}
div#contents-main aside ul li.melon h2 ,
div#contents-main aside ul li.bookdl h2 ,
div#contents-main aside ul li.reserve h2 {
	background-position: right top;
}
div#contents-main aside ul li.empty_left ,
div#contents-main aside ul li.empty_right {
	color: #587EC0;
	height: 203px;
	width: 480px;
	background-repeat: no-repeat;
	background-position: center 23px;
}
div#contents-main aside ul li.empty_left {
	background-image: url(../images/topic_00_l.png);
}
div#contents-main aside ul li.empty_right {
	background-image: url(../images/topic_00_r.png);
}
div#contents-main aside ul li a {
	color: #587EC0;
	text-decoration: none;
	display: block;
	height: 180px;
	width: 480px;
	background-repeat: no-repeat;
	background-position: center top;
}
div#contents-main aside ul li a:hover {
	text-decoration: underline;
	background-position: center bottom;
}
div#contents-main aside ul li.regist a {
	background-image: url(../images/topic_01.png);
}
div#contents-main aside ul li.bookdl a {
	background-image: url(../images/topic_02.png);
}
div#contents-main aside ul li.privilege a {
	background-image: url(../images/topic_03.png);
}
div#contents-main aside ul li.melon a {
	background-image: url(../images/topic_04.png);
}
div#contents-main aside ul li.order a {
	background-image: url(../images/topic_05.png);
}
div#contents-main aside ul li.reserve a {
	background-image: url(../images/topic_06.png);
}
div#contents-main aside ul li p {
	font-size: 85%;
	line-height: 1.5;
}
div#contents-main aside ul li.left p {
	padding: 115px 20px 0px 15px;
}
div#contents-main aside ul li.right p {
	padding: 115px 15px 0px 20px;
}
div#contents-main aside ul#topicfin li {
	float: left;
	height: 116px;
	width: 192px;
}
div#contents-main aside ul#topicfin li > h2 {
	height: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}
div#contents-main aside ul#topicfin li a {
	display: block;
	height: 96px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#contents-main aside ul#topicfin li.banner > h2 ,
div#contents-main aside ul#topicfin li.banner a {
	background-image: url(../images/topic_01_fin.png);
}
div#contents-main aside ul#topicfin li.book > h2 ,
div#contents-main aside ul#topicfin li.book a {
	background-image: url(../images/topic_03_fin.png);
}
div#contents-main aside ul#topicfin li.cast > h2 ,
div#contents-main aside ul#topicfin li.cast a {
	background-image: url(../images/topic_04_fin.png);
}
div#contents-main aside ul#topicfin li.thanks > h2 ,
div#contents-main aside ul#topicfin li.thanks a {
	background-image: url(../images/topic_05_fin.png);
}

/* -------------------- */

/* 最新情報部 */
div#contents-main section > h1 {
	display: none;
}
div#contents-main section div#wrapper-news {
	margin: 0px 0px 40px;
}
div#contents-main section div#wrapper-news > div {
	float: left;
}
div#contents-main section div#wrapper-news div#news {
	width: 640px;
}
div#contents-main section div#wrapper-news div#history {
	height: 200px;
	width: 308px;
	background-color: #FFFFFF;
	border: 1px dotted #68B9FF;
	padding: 9px 5px;
}
div#contents-main section div#wrapper-news div#news ul li {
	position: relative;
	float: left;
	height: 100px;
	width: 200px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 5px 5px 115px;
}
div#contents-main section div#wrapper-news div#news ul li a {
	color: #587EC0;
	text-decoration: none;
}
div#contents-main section div#wrapper-news div#news ul li a:hover {
	color: #587EC0;
	text-decoration: underline;
}
div#contents-main section div#wrapper-news div#news ul li.news00 {
	background-image: url(../images/news_00.png);
}
div#contents-main section div#wrapper-news div#news ul li.news01 {
	background-image: url(../images/news_01.png);
}
div#contents-main section div#wrapper-news div#news ul li.news02 {
	background-image: url(../images/news_02.png);
}
div#contents-main section div#wrapper-news div#news ul li.news03 {
	background-image: url(../images/news_03.png);
}
div#contents-main section div#wrapper-news div#news ul li.news04 {
	background-image: url(../images/news_04.png);
}
div#contents-main section div#wrapper-news div#news ul li.news05 {
	background-image: url(../images/news_05.png);
}
div#contents-main section div#wrapper-news div#news ul li.news06 {
	background-image: url(../images/news_02.png);
}
div#contents-main section div#wrapper-news div#news ul li.news07 {
	background-image: url(../images/news_07.png);
}
div#contents-main section div#wrapper-news div#news ul li.news08 {
	background-image: url(../images/news_08.png);
}
div#contents-main section div#wrapper-news div#news ul li.news09 {
	background-image: url(../images/news_09.png);
}
div#contents-main section div#wrapper-news div#news ul li.news10 {
	background-image: url(../images/news_10.png);
}
div#contents-main section div#wrapper-news div#news ul li.news11 {
	background-image: url(../images/news_11.png);
}
div#contents-main section div#wrapper-news div#news ul li.news12 {
	background-image: url(../images/news_12.png);
}
div#contents-main section div#wrapper-news div#news ul li.news13 {
	background-image: url(../images/news_13.png);
}
div#contents-main section div#wrapper-news div#news ul li.news14 {
	background-image: url(../images/news_14.png);
}
div#contents-main section div#wrapper-news div#news ul li.news15 {
	background-image: url(../images/news_15.png);
}
div#contents-main section div#wrapper-news div#news ul li.news16 {
	background-image: url(../images/news_16.png);
}
div#contents-main section div#wrapper-news div#news ul li.news17 {
	background-image: url(../images/news_17.png);
}
div#contents-main section div#wrapper-news div#news ul li.news18 {
	background-image: url(../images/news_18.png);
}
div#contents-main section div#wrapper-news div#news ul li.news19 {
	background-image: url(../images/news_19.png);
}
div#contents-main section div#wrapper-news div#news ul li.news20 {
	background-image: url(../images/news_20.png);
}
div#contents-main section div#wrapper-news div#news ul li.news21 {
	background-image: url(../images/news_21.png);
}
div#contents-main section div#wrapper-news div#news ul li.news22 {
	background-image: url(../images/news_22.png);
}
div#contents-main section div#wrapper-news div#news ul li.news23 {
	background-image: url(../images/news_23.png);
}
div#contents-main section div#wrapper-news div#news ul li.news24 {
	background-image: url(../images/news_24.png);
}
div#contents-main section div#wrapper-news div#news ul li.news25 {
	background-image: url(../images/news_25.png);
}
div#contents-main section div#wrapper-news div#news ul li.news26 {
	background-image: url(../images/news_26.png);
}
div#contents-main section div#wrapper-news div#news ul li.news27 {
	background-image: url(../images/news_27.png);
}
div#contents-main section div#wrapper-news div#news ul li.news28 {
	background-image: url(../images/news_28.png);
}
div#contents-main section div#wrapper-news div#news ul li.news29 {
	background-image: url(../images/news_29.png);
}
div#contents-main section div#wrapper-news div#news ul li.news30 {
	background-image: url(../images/news_30.png);
}
div#contents-main section div#wrapper-news div#news ul li.news31 {
	background-image: url(../images/news_31.png);
}
div#contents-main section div#wrapper-news div#news ul li.news32 {
	background-image: url(../images/news_32.png);
}
div#contents-main section div#wrapper-news div#news ul li.news33 {
	background-image: url(../images/news_33.png);
}
div#contents-main section div#wrapper-news div#news ul li.news34 {
	background-image: url(../images/news_34.png);
}
div#contents-main section div#wrapper-news div#news ul li.news35 {
	background-image: url(../images/news_35.png);
}
div#contents-main section div#wrapper-news div#news ul li.news36 {
	background-image: url(../images/news_36.png);
}
div#contents-main section div#wrapper-news div#news ul li.news37 {
	background-image: url(../images/news_37.png);
}
div#contents-main section div#wrapper-news div#news ul li strong {
	display: block;
	position: absolute;
	left: -20px;
	top: -15px;
	height: 45px;
	width: 55px;
	text-indent: -9999px;
	background-image: url(../images/float_new.png);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}
div#contents-main section div#wrapper-news div#news ul li h2 {
	color: #587EC0;
	font-size: 93%;
	line-height: 1.5;
	margin: 0px 0px 5px;
}
div#contents-main section div#wrapper-news div#news ul li h2 > span {
	font-size: 93%;
	display: block;
	font-weight: normal;
}
div#contents-main section div#wrapper-news div#news ul li p {
	color: #504F51;
	font-size: 85%;
	line-height: 1.5;
}
div#contents-main section div#wrapper-news div#history dl {
	overflow: hidden;
	height: 200px;
}
div#contents-main section div#wrapper-news div#history dt ,
div#contents-main section div#wrapper-news div#history dd {
	color: #587EC0;
	font-size: 93%;
	line-height: 1.5;
}
div#contents-main section div#wrapper-news div#history dt {
	float: left;
	text-align: right;
	width: 55px;
	clear: both;
}
div#contents-main section div#wrapper-news div#history dd {
	white-space: nowrap;
	width: 237px;
	margin: 0px 0px 3px 60px;
	overflow: hidden;
	/* CSS3 */
	text-overflow: ellipsis;
}
/* -------------------- */