/* 
	Name: Train
	Author: CrMnFe
	Version: 1.0

	Changelog:
		v1.0 - 10-04-24	リリース
		v1.1 - 10-05-01	ナビバー追加
*/

body {
	background-color: #a0a0a0;	/* #1 */
	color: #202020;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin-top: 0px;
	padding: 0px;
}

#frame {
	background-color: #ffffff; /* 全体の背景色 */
	margin: 0 auto;
	width: 900px;
	padding: 0px;
	text-align: center;
}
#top_bar {
	background-color: #505050;	/* #3 */
	margin-top: 0;
	margin-left: auto;
	padding: 2px;
	height: 20px;
	width 900px;
}
#top_bar_left {
	font-size: 13px;
	color: #c0c0c0;				/* #4 */
	float: left;
	vertical-align: middle;
}
#top_bar_right {
	font-size: 13px;
	color: #c0c0c0;				/* #5 */
	float: right;
	vertical-align: middle;
}

#top_bar_right a, #top_bar_right a:visited {
	color: #c0c0c0;				/* #5 */
	text-decoration: none;
}

#header {
	margin-left: auto;
	padding: 120px 0px 0px;
	font-size: 40px;
	font-family: Times New Roman, Helvetica, Sans-Serif;
	text-align: right;
	color: #808080;				/* #6 */
	height: 180;
}

/*------------------------------------
	#Navi bar スタイル
-------------------------------------- */
#navi_bar{
}

dl#menu{
	font-size: 13px;
	margin: 0;
	background: url(graphic/menuBg.gif) left center repeat-x;
	float: left;
	width: 900px;
}

	dl#menu ul{
		margin: 0;
		list-style: none;
	}

	dl#menu dd{
		margin: 0;
		border-right: solid 1px #aaa;
		float: left;
		text-align: center;
		position: relative;
		width: 122px;
		height: 22px;
		z-index: 100;
	}

	dl#menu dd a{
		display: block;
		color: #606060;			/* N-#1 */
		text-decoration: none;
		line-height: 22px;
		width: 129px;
		height: 22px;
	}

	dl#menu dd a:hover{
		color: #000000;			/* N-#2 */
	}

	dl#menu dd ul{
	/*
		グローバルメニュー下、プルダウンメニューのスタイル。
	*/
		background-color: #c0c0ff;		/* N-#3 */
		border-left: solid 1px #a0a0a0;
		border-top: solid 1px #a0a0a0;
		border-right: solid 1px #404040;
		border-bottom: solid 1px #404040;
		display: none;
		position: absolute;
		top: 22px;
		left: 0;
	}

	dl#menu dd ul a{
		font-size: 13px;
		color: #222222;
		height: auto;
		line-height: 70%;
		text-align: left;
		padding: 5px 10px;
		width: 142px;
	}

	dl#menu dd ul a.hierarchy{
		background: url(graphic/gmArrow.gif) 142px center no-repeat;
	}

	dl#menu dd ul li.rollOver{
	/*
		プルダウンメニュー、マウスオーバー時のスタイル。
	*/
		background-color: #8080c0;		/* N-#4 */
	}
	
	dl#menu dd ul li.rollOver a.hierarchy{
		background: url(graphic/gmArrowB.gif) 142px center no-repeat;
	}

	dl#menu dd ul li.rollOver a.hi{
		color: #b0b0b0;
	}

	dl#menu dd ul li{
		position: relative;
	}

	dl#menu dd ul li ul{
		display: none;
		position: absolute;
		top: 0px;
		left: 155px;
	}

/*
	本体部分
*/
#content_container {
	width 900px;
}

#l_side_bar {
	text-align: left;
	background-color: #505080;		/* #7 */
	float: left;
	font-size: 13px;
	color: #b0b0b0;
	width: 220px;
	padding: 10px;
}

#l_side_recent {
	padding: 5px 0;
	background-color: #686898;				/* #8 */
	border-bottom: solid 5px #505080;		/* #7 */
}

#l_side_recent_title {
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 5px;
}

#l_side_recent_body {
	padding-left: 16px;
}

#l_side_category {
	padding: 5px 0;
	background-color: #686898;				/* #8 */
	border-bottom: solid 5px #505080;		/* #7 */
}

#l_side_category_title {
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 5px;
}

#l_side_category_body {
	padding-left: 16px;
}

#l_side_news {
	padding: 5px 0;
	background-color: #686898;				/* #8 */
	border-bottom: solid 5px #505080;		/* #7 */
}

#l_side_news_title {
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 5px;
}

#l_side_news_body {
	padding-left: 16px;
}

#r_side_content {
	text-align: left;
	font-size: 13px;
	color: #606060;		/* 本文の文字色 */
	padding: 10px;
	margin-left: 240px;
}

#r_side_content a {
	color: #606060;		/* 記事本文中の未訪問リンクの文字色 */
}

#r_side_content a:visited {
	color: #8080b0;		/* 記事本文中の訪問済リンクの文字色 */
	text-decoration: underline;
}

#cont_title {
	padding: 10px 10px 10px 10px;
	font-size: 17px;
	text-decoration: none;
	font-weight: bold;
}

#cont_body {
	font-size: 13px;
	padding-left: 10px;
}

#cont_body img {
	border: solid 1px #c0c0c0;
}

#footer {
	font-size: 13px;
	background: url(graphic/footbar.gif);
	width: 900px;
	background-color: #202020;
	color: #c0c0c0;
	margin: 0px auto 0px;
	padding: 5px 0px;
	text-align: center;
	height: 17px;
}
	
#footer a, #footer a:visited {
	color: #C0C0C0;
	text-decoration: underline;
}
	
#footer a:hover {
	color: #999999;
	text-decoration: underline;
}

/*------------------------------------
	#table gallery スタイル
-------------------------------------- */
table.gallery {
	background-color:#c0c0c0;
	border-spacing: 1px;
}
table.gallery tr{
	height: 148px;
	background-color:#202020;
}
table.gallery td{
	width: 148px;
	text-align: center;
	padding: 10px;
}

/*------------------------------------
	#bbs スタイル
-------------------------------------- */
#bbs_root {
	background-color:#a0a0f0;
}

#bbs_child {
	background-color:#d0d0f0;
}

/*-----------------------------------------------
	新規エントリ、カテゴリ、ニュース スタイル
------------------------------------------------- */

.dropdown, .dropdown * {
 font-size: 13px;  /* 文字サイズ */
 line-height: normal;
 margin: 0;
 padding: 0;
}
.dropdown {
/* border: solid 1px #000000;   メインメニューのボーダー */
}
.dropdown, .dropdown ul, .dropdown li {
 width: 200px;  /* メニューの幅 */
 border: solid 1px #686898;
}
.dropdown a {
 display: block;
 padding: 2px 0.5em;
}
.dropdown a, .dropdown a:link, .dropdown a:hover, .dropdown a:visited {
 color: #c0c0c0;  /* 文字色 */
 text-decoration: none;
}
.dropdown a:hover {  /* マウスカーソルが乗ったとき */
 color: #404040;  /* 文字色 */
 background: #c0c0ff;  					/* #9 */
}
.dropdown li {
 position: relative;
 display: block;
 list-style: none;
 background: #9090c0;  					/* #10 (メインメニュー背景) */
}
.dropdown li li {
 background: #808080;  /* サブメニュー背景 */
}
.dropdown ul {
 visibility: hidden;
 position: absolute;
 left: 200px;  /* メニューの幅と同じ値 */
 top: -1px;  /* サブメニューのボーダー幅を減算 */
 border: solid 1px #484848;  /* サブメニューのボーダー */
}
.dropdown li:hover > ul {
 visibility: visible;
}