@charset "UTF-8";

/* ******************************************
 コンテンツ大枠　定義
****************************************** */

.index {
	width: 803px;
	margin-top: 6px;
	padding-bottom: 20px;
	color: #565656;
}


/* ******************************************
 メインビジュアル　定義
****************************************** */

.mv {
	width: 791px;
	margin: 0px auto 15px auto;
}


/* ******************************************
 メイン・サブ ラップ
****************************************** */

.wrapper {
	width: 803px;
	background: url(../images/bg_contents.gif) repeat-y;
}


/* ******************************************
 サブコンテンツ　定義
****************************************** */

.sub {
	display: inline;
	float: left;
	width: 216px;
	margin-left: 7px;
}

.sub li {
	width: 216px;
}

/* サブメニュー */
.sub_menu {
	border-bottom: 7px #ffffff solid;
}

/* バナー */
.banner {
	width: 204px;
	margin: 0px auto;
	padding-top: 6px;
}
*html .banner {
	margin-left: 6px;
}

.banner li {
	margin-bottom: 6px;
}


/* ******************************************
 メインコンテンツ　定義
****************************************** */

.main {
	display: inline;
	float: right;
	width: 552px;
	margin-right: 14px;
}


/*□□ 新刊案内 □□*/
.main div.title1 {
	width: 552px;
	margin-bottom: 15px;
	position: relative;
}

.main div.title1 h3 {
	float: left;
	width: 479px;
	z-index: 1;
}

.main div.title1 div {
	float: left;
	width: 73px;
	z-index: 1;
}

.main div.new_release {
	width: 532px;
	margin: 0px auto 25px auto;
	background: url(../images/bg_001.gif) center repeat-y;
}

.main div.new_release div.borderT {
	margin-top: 10px;
	padding-top: 10px;
	background: url(../images/bg_002.gif) left top repeat-x;
}

.main div.new_release li {
	width: 266px;
	float: left;
}

.main div.new_release div.magazine {
	width: 82px;
	float: left;
}

.main div.new_release div.magazine img {
	border: 1px solid #b2b2b2;
	margin-left: 10px;
}

.main div.new_release div.detail {
	width: 175px;
	float: left;
	text-align: center;
}

.main div.new_release div.detail p.name {
	font-size: 75%;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
	text-decoration: underline;
}
.main div.new_release div.detail p.name a {
	text-decoration: underline;
}

.main div.new_release div.detail p.name span {
	display: block;
	font-size: 80%;
}

.main div.new_release div.detail p.text {
	font-size: 70%;
	line-height: 1.2em;
	text-align: left;
}

.main div.new_release div.detail img {
	margin-top: 5px;
}


/*□□ NEWS・イベント情報 □□*/
.main div.title2 {
	width: 552px;
	position: relative;
}

.main div.title2 h3 {
	float: left;
	width: 479px;
	z-index: 1;
}

.main div.title2 div {
	float: left;
	width: 73px;
	z-index: 1;
}

.main div.title2 div.rss {
	width: 14px;
	height: 14px;
	position: absolute;
	left: 454px;
	top: 9px;
	z-index: 2;
}

.main div.info {
	width: 532px;
	margin: 0px auto;
}

.main div.info div {
	width: 532px;
	border-bottom: 1px solid #cfcfcf;
}

.main div.info li.date {
	float: left;
	width: 120px;
	padding: 10px 0px 8px 0px;
	font-size: 80%;
	line-height: 1.2em;
}

.main div.info li.text {
	float: left;
	width: 410px;
	padding: 10px 0px 8px 0px;
	font-size: 80%;
	line-height: 1.2em;
}

.main div.info li.date p {
	padding: 0px 0px 0px 5px;
	font-weight: bold;
}

.main div.info li.text p.text-Lt {
	float: left;
	width: 85px;
	height: 20px;
	background: url(../images/ic_002.gif) no-repeat;
	text-indent: 5px;
	line-height: 1em;
}

.main div.info li.text p.text-Lt,x:-moz-read-only {
	background: url(../images/ic_002.gif) 0 3px no-repeat;
	text-indent: 12px;
}

.main div.info li.text p.text-Rt {
	float: right;
	width: 340px;
	line-height: 1.5em;
	padding-left: 2px;
}

.main div.info li.text span {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	letter-spacing: -0.2em;
	margin-right: 5px;
}

.main div.info li.text a {
	text-decoration: underline;
}

.main div.info li.text span.event {
	color: #FF3333;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	letter-spacing: -0.2em;
	margin-right: 5px;
}

.main div.info li.text span.info {
	color: #6633CC;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	letter-spacing: -0.2em;
	margin-right: 5px;
}

.main div.info li.text span.column {
	color: #993300;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	letter-spacing: 0.06em;
	margin-right: 1px;
}

.main div.info li.text span.news {
	color: #339966;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	letter-spacing: -0.2em;
	margin-right: 5px;
}

