@charset "UTF-8";

@import url("base.css");

/* ======================

各号、color設定
==========================*/

/* 最新情報 */
#news ul li a:hover { 
	background: #F793BD;
}

/* 右カラムバナー */
div.topright li {
	border: solid #F793BD 3px;
}

/* alpha 20% 設定済み*/
div.topright li div.ovlay {
	background: #F793BD;
}

/*［NEW］*/
div.topright li.box p.new span.new { color: #F793BD;}


/*==========================*/


body.top #contents h2 {
	height: auto;
}
body.top a { text-decoration: none; }

div.topleft {
	width: 675px;
	margin-right: 15px;
	float: left;
	height: 570px;
	position: relative;
	margin-bottom: 20px;
}
div.topright {
	width: 270px;
	float: left;
	margin-bottom: 20px;
}

#cover {
	background: url(../img/top/cover_bg.jpg) no-repeat;
	height: 470px;
	position: relative;
}
#cover p#bg { position: absolute; left:0; top: 0; }

#cover h2 {
	position: absolute;
	z-index: 10;
}

/* ------
#cover h3 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

#cover ul {
	position: absolute;
	left: 329px;
	top: 380px;
	z-index: 10;
}
----- */

/* ------ <BG COLOR>----- */
#cover h3 {
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 10;
}

#cover h4 {
	position: absolute;
	top: 348px;
	right: 122px;
	z-index: 10;
}

#cover ul {
	position: absolute;
	left: 319px;
	top: 370px;
	z-index: 10;
	width: 346px;
}


#cover ul li {
	float: right;
	margin-left: 16px;
	display: inline;
}


#news {
	margin-top: 10px;
	position: relative;
	height: 88px;
	width: 463px;
	border: solid 1px #d1d1d1;
	font-size: 11px;
	line-height: 1;
}
#news h2 { padding: 9px 0 0 10px; }
#news p.rss{
	position: absolute;
	top: 6px;
	right: 8px;
}
#news ul {
	width: 445px;
	padding: 10px 0 0 10px;
	color: #808080;
	line-height: 1.1;
}
#news ul li {
	margin-bottom: 6px;
}
#news ul li span { margin-right: 10px; }
#news ul li a { display: block; color: #000; }

div.member {
	position: absolute;
	right:0;
	bottom: 0;
	height: 90px;
	width: 195px;
}
div.member p.txt {
	padding: 15px 0 12px 0;
}

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

div.topright li {
	width: 264px;
	height: 84px;
	position: relative;
	cursor: pointer;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
}
div.topright li.box {
	padding: 5px 0;
	height: 114px;
	width: 264px;
}
div.topright li.box p { padding: 0 5px; }
div.topright li div.ovlay {
	height: 90px;
	filter:alpha(opacity=20);
	-moz-opacity: 0.20;
	opacity: 0.20;
	position: absolute;
	left: 0;
	top: 0;
}
div.topright li.box div.ovlay {
	height: 124px;
}

div.topright li.box p.new {
	line-height: 1;
	font-size: 69%;
	padding: 8px 0 0 6px;
}

div.topright li.box p.new span { color: #808080; margin-right: 5px; }

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

#linkbox {
	clear: both;
}
div.section {
	background: url(../img/top/bg_slash.gif) no-repeat left top;
	width: 640px;
	margin-right: 15px;
	float: left;
	padding-top: 14px;
}
div.bistory {
	width: 342px;
	margin-left: 25px;
	float: left;
	display: inline;
}
div.model {
	width: 232px;
	padding-left: 21px;
	margin-left: 20px;
	float: left;
	display: inline;
	background: url(../img/top/line_tate.gif) repeat-y left top;
}
div.section h3 { margin-bottom: 18px; }

div.model li {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	display: inline;
}

div.bnr {
	width: 300px;
	float: left;
	padding-top: 11px;
	background: url(../img/top/line_yoko.gif) repeat-x left top;
	font-size: 0;
}
div.bnr li a { margin-bottom: 10px; display: block; }