@charset "utf-8";

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

 siteName	: www.mintetsu.or.jp
 fileName	: /common/css/top.css
 description	: top page CSS.
 date		: 2010.03.01
 update	: 2010.03.01

	---------------------LIST---------------------
	 01: Header
	 02: Side
	 03: Section
			 03-1: bnrArea
			 03-2: infoArea
	 04: Common
	----------------------------------------------
	
========================================================================*/

/*====================================================
  01: Header
====================================================*/
#header {
	background: url(../../img/header_bg.jpg) repeat-x bottom #f3f3f3;
	padding-bottom: 15px;
}
#header_inr {
}
h1#header_logo {
	width: 205px;
	height: 47px;
	background: none;
	padding: 0;
	margin: 0;
}

#flashArea {
	width: 936px;
	height: 426px;
	margin: 0 auto;
}

#main {
	padding-top: 15px;
}

/*====================================================
  02: Side
====================================================*/

/* 紹介リンク ---------- */
ul#about {
	margin-bottom: 5px;
}
ul#about li {
	margin-bottom: 1px;
}

/* 民営鉄道協会からのお知らせ ---------- */
#information {
	width: 238px;
	border: 1px solid #cccccc;
	border-bottom: 0;
	margin-bottom: 5px;
}
#information h2 {
	margin-bottom: 10px;
}
#information ul.topics01 {
	padding: 0 15px;
	width: 208px;
}
#information ul.topics01 li {
	padding: 5px 0;
}

/* 鉄道の豆知識 ---------- */
#knowledge {
	width: 238px;
	border: 1px solid #cccccc;
	border-bottom: 0;
	margin-bottom: 5px;
}
#knowledge h3 {
	border-bottom: 1px dotted #999999;
}

/*　鉄道Ｑ＆Ａ */
#knowledge ul#knowledge_qa {
	padding: 0 15px;
	width: 208px;
}
#knowledge ul#knowledge_qa li {
	border-bottom: 1px dotted #999999;
	padding: 10px 0;
}

/* knowledge_words */
#knowledge ul#knowledge_words {
	width: 208px;
	border-bottom: 1px dotted #999999;
	margin: 0 15px;
	padding: 10px 0;
}
#knowledge ul#knowledge_words li {
	float: left;
	padding-right: 1em;
	white-space: nowrap;
}



/*====================================================
  03: Section
====================================================*/

/* 03-1: bnrArea
 -------------------------------------------------- */
#bnrWrap{
	float:left;
	width:300px;
}

#bnrArea {
	background-image: url('../../img/bg_bnrArea4.jpg'); 
	float:left;
	width: 280px;
	height:878px;
	padding: 13px 10px 11px;
}

#temp_bnrArea{
	float:left;
	width:280px;
	margin-top:6px;
	padding:13px 10px 11px;
	height:138px;
	background:url('/img/temp_bnrArea_bg.jpg') left top no-repeat;
}

/* 出版物バナー ---------- */
ul#publishBnr {
}
ul#publishBnr li {
	margin-bottom: 2px;
}

/* 安全バナー ------------ */
#safetyBnr {
	margin: 7px 0 6px;
}

/* 紹介バナー ---------- */
ul#introBnr {
}
ul#introBnr li {
	margin-bottom: 2px;
}

/* 復興バナー ---------- */
#fukkoBnr {
	margin-top: 7px;
}

#fukkoBnr ul li {
	margin-bottom: 2px;
}

/* テンポラリーバナー ---------- */
#temp_bnrArea li {
	margin-bottom: 2px;
}


/* 03-2: topicsArea
 -------------------------------------------------- */
#topicsArea {
	float:right;
	width: 358px;
}
#topicsArea h2 {
	margin-bottom: 5px;
	position: relative;
}
#topicsArea ul.topics01 li {
	width: 328px;
	padding: 8px 15px;
}



/*====================================================
  04: もっとみる
====================================================*/
p.more {
	background: url(../img/css_img/modules/icon_arrow_blue.gif) no-repeat 15px;
	border-bottom: 1px solid #cccccc;
	padding: 8px 15px 8px 27px;
}
p.more a {
	text-decoration: underline;
}

p.morenews {
	text-align:right;
	padding: 0 5px 8px 0;
	border-bottom:1px dotted #999;
}

p.morenews a {
	background: url(../img/css_img/modules/icon_arrow_blue.gif) no-repeat 15px;
	padding-left:27px;
}

/*====================================================
  05: お見舞い
====================================================*/

div#topbnrbox {
	width:930px;
	margin:13px auto 0;
}

div#topbnrbox #mannercam{
	width:240px;
	float:right;
	padding-top:23px;
}

div#topbnrbox #mannercam ul.bnr li {
	text-align:left;
	width:240px;
	margin-bottom:10px;
}

div#topbnrbox #mannercam ul.bnr li.iccard {
	margin-bottom:26px;
}


div#topbnrbox div#informationbox {
	float:left;
	position: relative;
	width: 670px;
	margin: 0 auto;
	line-height: 160%;
	background-color: #ffffff;
	text-align:left;
}

div#topbnrbox div#setsuden {
	border:3px solid #E1E1E1;
	padding: 10px 0 5px 0;
}


div#topbnrbox div#setsuden .title {
	margin:0 0 6px	0;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}

div#topbnrbox div#setsuden .gorikai {
	margin:0 0 6px	72px;
	line-height:1.5;
	font-size:14px;
}

div#topbnrbox div#informationbox #info_bnr {
	width:660px;
	margin:10px auto 0 auto;
}

div#topbnrbox div#informationbox #info_bnr li {
	float: left;
	width: 220px;
	text-align:center;
	display: inline;
}