@charset "UTF-8";
@import "common.css";

/* ---------------------------------------------------------
	CSS Document Top
--------------------------------------------------------- */

#visual {
	clear: both;
	width: 800px;
	height: 184px;
	overflow: hidden;
	margin-top: 9px;
	background: url(../images/visual.jpg) no-repeat 0 0;
	text-align: left;
	text-indent: -9999px;
}

/* ---------------------------------------------------------
	CSS Document Main Navi
--------------------------------------------------------- */

#mnavi {
	min-height: 180px;
	margin: 10px 0 0;
}

#mnavi p {
	margin: 0 10px;
	line-height: 130%;
}

html[xmlns*=""] body:last-child #mnavi #mnavi2 p ,
html[xmlns*=""] body:last-child #mnavi #mnavi3 p {
	margin: 0 5px 0 5px;
}

#mnavi p.center {
	margin: 10px 0;
}

html[xmlns*=""] body:last-child #mnavi #mnavi2 p.center ,
html[xmlns*=""] body:last-child #mnavi #mnavi3 p.center {
	margin: 10px 0;
}

#mnavi #mnavi1 {
	float: left;
	width: 258px;
	min-height: 180px;
	overflow: hidden;
	margin-right: 10px;
	border: solid 1px #cdcdcd;
	background: #f7e7c6 url(../images/mnavi.jpg) repeat-x 0 0;
	text-align: left;
	cursor: pointer;
}

#mnavi #mnavi1:hover {
	border: solid 1px #ffa200;
	color: #478cf4;
	text-decoration: underline;
}

#mnavi #mnavi1 h4 {
	height: 23px;
	margin: 6px;
	border-bottom: solid 1px #ffa200;
	background: url(../images/mnavi1.jpg) no-repeat 0 0;
	text-align: left;
	text-indent: -9999px;
}

#mnavi #mnavi2 {
	float: left;
	width: 258px;
	min-height: 180px;
	overflow: hidden;
	border: solid 1px #cdcdcd;
	margin-right: 10px;
	background: #f7e7c6 url(../images/mnavi.jpg) repeat-x 0 0;
	text-align: left;
	cursor: pointer;
}

#mnavi #mnavi2:hover {
	border: solid 1px #ffa200;
	color: #478cf4;
	text-decoration: underline;
}

#mnavi #mnavi2 h4 {
	height: 23px;
	margin: 6px;
	border-bottom: solid 1px #ffa200;
	background: url(../images/mnavi2.jpg) no-repeat 0 0;
	text-align: left;
	text-indent: -9999px;
}

#mnavi #mnavi3 {
	float: left;
	width: 258px;
	min-height: 180px;
	overflow: hidden;
	border: solid 1px #cdcdcd;
	background: #f7e7c6 url(../images/mnavi.jpg) repeat-x 0 0;
	text-align: left;
	cursor: pointer;
}

#mnavi #mnavi3:hover {
	border: solid 1px #ffa200;
	color: #478cf4;
	text-decoration: underline;
}

#mnavi #mnavi3 h4 {
	height: 23px;
	margin: 6px;
	border-bottom: solid 1px #ffa200;
	background: url(../images/mnavi3.jpg) no-repeat 0 0;
	text-align: left;
	text-indent: -9999px;
}

* html #mnavi {
	height: 182px;
}

* html #mnavi #mnavi1 ,
* html #mnavi #mnavi2 ,
* html #mnavi #mnavi3 {
	width: 260px;
	height: 182px;
}

/* ---------------------------------------------------------
	CSS Document Top Navigation
--------------------------------------------------------- */

#tnavi {
	clear: both;
	min-height: 120px;
	overflow: hidden;
}

#tnavi a {
	text-decoration: none;
}

#tnavi a:hover {
	text-decoration: underline;
}

.tnavi {
	float: left;
	width: 190px;
	height: 120px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 10px;
	border: solid 1px #cdcdcd;
	background: #f2eded url(../images/tnavi.jpg) repeat-x 0 0;
	text-align: left;
	line-height: 130%;
	cursor: pointer;
}

* html .tnavi {
	width: 192px;
	height: 122px;
}

.tnavi:hover {
	border: solid 1px #478cf4;
	color: #478cf4;
}

#tnavi h4 {
	height: 23px;
	margin: 6px;
	border-bottom: solid 1px #478cf4;
	text-align: left;
	text-indent: -9999px;
}

.tnavi img {
	float: left;
	margin-right: 10px;
}

.tnavi p {
	width: 180px;
	margin: 10px 5px 0;
}

.tnavi a {
	display: block;
	height: 90px;
}

.tnavi:hover a {
	color: #478cf4;
}

/* ---------------------------------------------------------
	CSS Document News
--------------------------------------------------------- */

#news {
	float: left;
	width: 394px;
	height: 120px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 10px;
	border: solid 1px #cdcdcd;
	background: #f2eded url(../images/tnavi.jpg) repeat-x 0 0;
	text-align: left;
}

* html #news {
	width: 396px;
	height: 122px;
}

#news h4 {
	background: url(../images/news.jpg) no-repeat 0 0;
}

#news ul {
	height: 58px;
	overflow: hidden;
	margin: 10px 6px 0;
	list-style: none;
}

#news li {
	clear: both;
	padding-left: 35px;
}

#news li:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#news li.new {
	background: url(../images/new.jpg) no-repeat 0 3px;
}

#news li.topics {
	background: url(../images/topics.jpg) no-repeat 0 3px;
}

* html #news li {
	clear: both;
	height: 10px;
	overflow: visible;
}

#news li span.date {
	float: left;
	width: 65px;
	overflow: hidden;
}

html[xmlns*=""] body:last-child #news li span.date {
	width: 75px;
}

#news li span.text {
	float: right;
	width: 280px;
	overflow: hidden;
}

html[xmlns*=""] body:last-child #news li span.text {
	width: 265px;
}

#news p.right {
	padding-right: 8px;
}

/* ---------------------------------------------------------
	CSS Document Ranking
--------------------------------------------------------- */

#rank {
	float: left;
	width: 394px;
	height: 120px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 10px;
	border: solid 1px #cdcdcd;
	background: #f2eded url(../images/tnavi.jpg) repeat-x 0 0;
	text-align: left;
}

* html #rank {
	width: 396px;
	height: 122px;
}

#rank h4 {
	background: url(../images/rank.jpg) no-repeat 0 0;
}

#rank p.f_left img {
	margin: 9px 20px 0 6px;
}

#rank p.desc {
	height: 54px;
	margin-top: 13px;
	margin-right: 20px;
}

#rank p.right {
	padding-right: 8px;
}

/* ---------------------------------------------------------
	CSS Document Search
--------------------------------------------------------- */

#search h4 {
	background: url(../images/search.jpg) no-repeat 0 0;
}

/* ---------------------------------------------------------
	CSS Document Guide
--------------------------------------------------------- */

#guide {
	margin-right: 0;
}

#guide h4 {
	height: 23px;
	background: url(../images/guide.jpg) no-repeat 0 0;
}

/* ---------------------------------------------------------
	CSS Document Info
--------------------------------------------------------- */

#info h4 {
	background: url(../images/info.jpg) no-repeat 0 0;
}

/* ---------------------------------------------------------
	CSS Document Door
--------------------------------------------------------- */

#door {
	margin-right: 0;
}

#door h4 {
	height: 23px;
	background: url(../images/door.jpg) no-repeat 0 0;
}

/* ---------------------------------------------------------
	CSS Document Kodawari
--------------------------------------------------------- */

#kodawari {
	width: 192px;
	margin-right: 10px;
}

* html #kodawari {
	width: 194px;
}

#kodawari h4 {
	background: url(../images/kodawari.jpg) no-repeat 0 0;
}

/* ---------------------------------------------------------
	CSS Document Links
--------------------------------------------------------- */

#links h4 {
	height: 23px;
	background: url(../images/links.jpg) no-repeat 0 0;
}

/* ---------------------------------------------------------
	CSS Document Movie
--------------------------------------------------------- */

#movie h4 {
	background: url(../images/movie.jpg) no-repeat 0 0;
}

/* ---------------------------------------------------------
	CSS Document List
--------------------------------------------------------- */

#list {
	margin-right: 0;
	border: solid 1px #478cf4;
}

#list h4 {
	height: 23px;
	background: url(../images/list.jpg) no-repeat 0 0;
}