@charset "Shift_JIS";

/* 全体枠 */

#content {
	width:100%;
	height:535px;
}

#content_inner {
	margin:5px 0 0 0;
	padding:0;
}

/* 左メニュー */

#menu {
	float:left;
	width:300px;
	height:100%;
}

#menu_box {
	height:513px;
	margin:0;
	padding:0;
	background:#F0F8FF url(../img/bg_001.gif) left top repeat-y;
	border:1px solid #033669;
	overflow:auto;
}

/* メイン・イメージ＆メニュー */

#main_image {
	height:150px;
	margin:0 0 0 305px;
}

*:first-child+html #main_image {	/* IE7対応 */
	height:150px;
	margin:0 0 0 307px;
}

* html #main_image {	/* IE6対応 */
	height:150px;
	margin:0 0 0 302px;
}

#main_image_inner {
	margin:0;
	padding:0;
}

#volume_box {
	width:100%;
	height:150px;
	background:#F0F8FF url(../img/image_001.jpg) left top no-repeat;
	border:1px solid #033669;
}

#volume_label {
	height:20px;
	margin:20px 0 0 430px;
	padding:0;
	font-size:90%;
	color:white;
}

#volume_table {
	width:110px;
	margin:5px 0 0 445px;
	padding:0;
	border:none;
}

#volume_table td.title {
	width:40%;
	margin:0;
	padding:0;
	font-size:80%;
	color:white;
}

#volume_table td.note {
	width:60%;
	margin:0;
	padding:0;
	font-size:80%;
	color:white;
	text-align:right;
}

/* お薦め */

#recommend {
	height:172px;
	margin:0 0 0 305px;
}

*:first-child+html #recommend {	/* IE7対応 */
	height:172px;
	margin:0 0 0 307px;
}

* html #recommend {	/* IE6対応 */
	height:172px;
	margin:0 0 0 302px;
}

#recommend_inner {
	margin:5px 0 0 0;
	padding:0;
}

*:first-child+html #recommend_inner {	/* IE7対応 */
	margin:6px 0 0 0;
	padding:0;
}

* html #recommend_inner {	/* IE6対応 */
	margin:5px 0 0 0;
	padding:0;
}

#recommend_box {
	width:100%;
	margin:0;
	padding:0;
	background:#F0F8FF url(../img/bg_002.gif) 180px 0px no-repeat;
	border:1px solid #033669;
}

#recommend_select_box {
	float:left;
	width:180px;
	height:150px;
	margin:0;
	padding:0;
	background:#F0F8FF url(../img/image_002.jpg) left top no-repeat;
}

#recommend_select_box ul {
	margin:70px 15px 0 0;
	padding:0;
	list-style:none;
	text-align:right;
}

#recommend_select_box li {
	margin:2px 0 0 0;
	padding:0;
	font-size:80%;
	color:#CCCCFF;
}

#recommend_select_box li a {
	color:#CCCCFF;
	text-decoration:none;
}

#recommend_select_box li a:hover {
	color:white;
	text-decoration:none;
}

#recommend_data_box {
	margin:0 0 0 180px;
	padding:0;
}

#recommend_data_box_inner {
	height:150px;
	margin:0;
	padding:0;
	overflow:auto;
}

#recommend_data_box ul {
	margin:3px 5px 3px 15px;
	padding:0;
	list-style:none;
}

#recommend_data_box li {
	margin:2px 0 0 0;
	padding:0;
	font-size:70%;
}

#recommend_data_box li a {
	color: #033669;
	text-decoration:none;
}

#recommend_data_box li a:hover {
	color: #033669;
	text-decoration:underline;
}

/* ニュース */

#news {
	height:206px;
	margin:0 0 0 305px;
}

*:first-child+html #news {	/* IE7対応 */
	height:206px;
	margin:0 0 0 307px;
}

* html #news {	/* IE6対応 */
	height:206px;
	margin:0 0 0 302px;
}

#news_inner {
	margin:2px 0 0 0;
	padding:0;
}

*:first-child+html #news_inner {	/* IE7対応 */
	margin:7px 0 0 0;
	padding:0;
}

* html #news_inner {	/* IE6対応 */
	margin:5px 0 0 0;
	padding:0;
}

#news_box {
	height:184px;
	margin:0;
	padding:0;
	background-color:white;
	border:1px solid #033669;
	overflow:auto;
}

#news_box_inner {
	height:100%;
	margin:0;
	padding:0;
}

/* 共通見出し */

.label_box {
	width:100%;
	height:17px;
	background:white url(../img/bg_label_002.gif) left top repeat-x;
	border-top:1px solid #033669;
	border-left:1px solid #033669;
	border-right:1px solid #033669;
	text-align:center;
}

.label {
	margin:0;
	padding:2px 0 0 0;
	font-size:70%;
	font-weight:bold;
	text-overflow:ellipsis;
}

.label2_box {
	width:100%;
	height:17px;
	background:#033669 url(../img/bg_label_001.gif) left top repeat-x;
	border-top:1px solid #033669;
	border-left:1px solid #033669;
	border-right:1px solid #033669;
	text-align:center;
}

.label2 {
	margin:0;
	padding:2px 0 0 0;
	color:silver;
	font-size:70%;
	font-weight:bold;
	text-overflow:ellipsis;
}