@charset "utf-8";

/* タイトル
------------------------------------------------------------------------------------------*/

/* リード文下タイトル */

#exWrap #nav_content h2 {
	position:absolute;
	top:48px;
	left:248px;
}

/* カテゴリタイトル */

#exWrap h3 {
	font-size:128%;
	padding:0.5em 1em;
	background:url(../img/bg_ttl_cate.gif) left center no-repeat #0066a6;
	color: #FFFFFF;
}

/* ジャンルタイトル */

#exWrap h4 {
	padding:0.5em 1em;
	margin-bottom:1em;
	border-left:solid 3px #0066a6;
	background-color:#f3f8fc;
	font-size:108%;
	font-weight:bold;
	color:#333333;
}

/* 記事タイトル */

#exWrap h5 {
	margin-bottom:1em;
	font-size:108%;
	font-weight:bold;
	color:#0066a6;
}

/* タイトル_other */

#exWrap .sttl{
	padding:0.5em 1em;
	margin-bottom:1em;
	border-left:solid 3px #0066a6;
	background-color:#f3f8fc;
	font-size:108%;
	font-weight:bold;
	color:#333333;
}



/* 枠・エリア
------------------------------------------------------------------------------------------*/

/* コンテンツ */

#exWrap #content {
	width:740px;
}

/* リード文 */

#exWrap #intro {
	width:730px;
	padding-bottom:15px;
}

#exWrap #intro .fl {
	width:510px;
}

#exWrap #intro .fr {
	width:200px;
}

/* カテゴリ */

#exWrap .section {
	width:708px;
	padding:15px;
	margin-bottom:1em;
	border:solid 1px #cccccc;
}

/* 記事 */

#exWrap .article { 
	width:680px;
	padding:0 0 4em;
	margin:0 14px;
	background:url(../img/dotline.gif) left bottom no-repeat;
}

#exWrap .article:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visiblity:hidden;
	font-size:0;
}

/* 記事終わり */

#exWrap .article.end { 
	padding:0 0 2em;
	background:none;
}



/* リンク・ナビゲーション
------------------------------------------------------------------------------------------*/

/* リード文下ナビゲーション */

#exWrap #nav_content {
	/*height:250px;*/
	padding:5px 105px 5px 104px;
	background:url(../img/bg_nav.jpg) top left no-repeat;
	/*position:relative;*/
}
#exWrap #nav_content ul {
	width:540px;
}

#exWrap #nav_content ul li {
	width:100px;
	margin-left:8px;
	float:left;
	display:inline;
}

#exWrap #nav_content ul li a {
	width:100px;
	height:100px;
	border:0;
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#exWrap  p.lead{
	width:470px;
	padding-top:5px;
	font-size: 77%;
	text-align:left;
}


#exWrap #nav_content ul li#nav_saf a {background-image:url(../img/img_nav_saf.png);}
#exWrap #nav_content ul li#nav_env a {background-image:url(../img/img_nav_env.png);}
#exWrap #nav_content ul li#nav_wel a {background-image:url(../img/img_nav_wel.png);}
#exWrap #nav_content ul li#nav_cul a {background-image:url(../img/img_nav_cul.png);}
#exWrap #nav_content ul li#nav_com a {background-image:url(../img/img_nav_com.png);}

#exWrap #nav_content ul li#nav_saf a:hover {background-image:url(../img/img_nav_saf_on.png);}
#exWrap #nav_content ul li#nav_env a:hover {background-image:url(../img/img_nav_env_on.png);}
#exWrap #nav_content ul li#nav_wel a:hover {background-image:url(../img/img_nav_wel_on.png);}
#exWrap #nav_content ul li#nav_cul a:hover {background-image:url(../img/img_nav_cul_on.png);}
#exWrap #nav_content ul li#nav_com a:hover {background-image:url(../img/img_nav_com_on.png);}


/* カテゴリタイトル下リンク */

#exWrap .nav_article {
	width:708px;
	margin-bottom:1em;
	padding:0.8em 0;
	background-color:#efefef;	
	overflow:hidden;
}

#exWrap .nav_article ul {
	width:708px;
	margin-left:-1px;
}

#exWrap .nav_article ul:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visiblity:hidden;
	font-size:0;
}

#exWrap .nav_article ul li{
	float:left;
	padding:0 1em;
	border-left:solid 1px #000000;
	font-size:93%;
	display:inline;
}

/* カテゴリリンク */

#exWrap .nav_section {
	width:740px;
	margin:1em 0;
	padding:0.8em 0;
	background-color:#efefef;
	overflow:hidden;
}

#exWrap .nav_section ul {
	width:760px;
	margin-left:-1px;
}

#exWrap .nav_section ul:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visiblity:hidden;
	font-size:0;
}

#exWrap .nav_section ul li{
	padding:0 1em;
	border-left:solid 1px #000000;
	float:left;
	display:inline;
	font-size:93%;
}

/* 写真
------------------------------------------------------------------------------------------*/

/* 写真エリア */

#exWrap .figure {
	width:674px;
	padding:1em 0 0;
	overflow:hidden;
}

#exWrap .figure:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visiblity:hidden;
	font-size:0;
}

/* 写真配置 */

#exWrap .figure li {
	width:307px;
	margin-left:29px;
	padding-bottom:10px;
	float:left;
	display:inline;
}

/* 写真（複数時） */

#exWrap .figure li.even {
	clear:both;
}

/* キャプション */

#exWrap .figure p{
	padding-top:5px;
	font-size:78%;
}

/* 写真枠 */

#exWrap .figure li img {
	width:295px;
	padding:5px;
	border:solid 1px #cccccc;
}

/* リスト
------------------------------------------------------------------------------------------*/

#exWrap ol.number li{
	list-style-type:decimal;
	margin-left:35px;
	margin-bottom:20px;
	font-size:93%;
}

#exWrap ul.disc li{
	list-style-type:disc;
	margin-left:15px;
	margin-bottom:0px;
	font-size:100%;
}

#exWrap ol.number{
	font-size:108%;
	font-weight:bold;
	color:#0066a6;
}

#exWrap ol.number span,
#exWrap ol.number ul{
	margin-top:1em;
	font-size:93%;
	font-weight:normal;
	color:#333333;
}

/* 鉄道文化　写真3枚掲載
------------------------------------------------------------------------------------------*/
#railroad .article {
	background: none;
	padding-bottom: 0px;
}


#railroad .column {
	padding: 0 0 0 14px;
	overflow: hidden;
}

#railroad .column .thumb img {
	border: 1px solid #ccc;
	padding: 5px;
}

#railroad .column .thumb {
	float: left;
	width: 216px;
}

#railroad .column p{
	padding-top:5px;
	font-size:78%;
}

/* 東日本大震災への取り組み
------------------------------------------------------------------------------------------*/

#earthquake .article {
	background: none;
	padding-bottom: 20px;
}


#earthquake .column {
	padding: 0 0 0 24px;
	overflow: hidden;
}

#earthquake .number {
	color: #0066A6;
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 10px;
}

#earthquake .number span {
	font-size: 93%;
}

#earthquake .column .thumb img {
	border: 1px solid #ccc;
	padding: 5px;
}

#earthquake .column .thumb img.deco_none {
	border: 0;
	padding: 5px;
}

#earthquake .thumb p {
	font-size: 77%;
	padding: 5px;
}

#earthquake #about_cotton .fr {
	width:383px;
}

#earthquake #about_cotton .letter {
	padding-left: 14px;
}

#earthquake #about_cotton .fr li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 93%;
}

#earthquake #reason_cotton .thumb {
	width:297px;
}

#earthquake #reason_cotton .letter {
	font-size: 93%;
	width: 340px;
}

#earthquake #action_cotton .thumb,
#earthquake #wjr_action_cotton .thumb {
	float: left;
	width: 216px;
}

#earthquake #support_ejr .number {
	margin-bottom: 0;
}

#earthquake #support_ejr .disc {
	font-size: 93%;
	margin-top: 1em;
}

#earthquake #action_cotton .thumb {
	float: left;
	width: 216px;
}
#earthquake #support_victim .thumb {
	float: left;
	width: 162px;
}