.main-image {
	width: 580px;
	margin: 0px auto 10px auto;
}

/* -- ここからバス・地下鉄運行状況 --*/

div#jyokyo-info {
	width: 580px;
	margin: 2px auto 0px auto;
}

div#jyokyo-info div#jyokyo-left {
	width: 580px;
	float: left;
	
}

div.jyokyo-area {
	border: 2px solid #B2B2B2;
	width: 574px;
	padding: 2px;
	margin: 2px 0px 0px 0px;
}

div.jyokyo-area h2.st-rain {
	float: left;
	width: 172px;
	height: 20px;
	display: block;
	background: url(../../top-img/stitle-rain.gif) no-repeat;
	font-size: small;
}

	div.jyokyo-area h2.st-rain span {
		position: relative;
		z-index:-1;
		overflow:hidden;
		display:block;
		width: 172px;
		height: 20px;
	}

div.jyokyo-area h2.st-busjyokyo {
	float: left;
	width: 115px;
	height: 20px;
	display: block;
	background: url(../../top-img/stitle-busjyokyo.gif) no-repeat;
	font-size: small;
}

	div.jyokyo-area h2.st-busjyokyo span {
		position: relative;
		z-index:-1;
		overflow:hidden;
		display:block;
		width: 115px;
		height: 20px;
	}
	
div.jyokyo-area h2.st-subjyokyo {
	float: left;
	width: 115px;
	height: 20px;
	display: block;
	background: url(../../top-img/stitle-subjyokyo.gif) no-repeat;
	font-size: small;
}

	div.jyokyo-area h2.st-subjyokyo span {
		position: relative;
		z-index:-1;
		overflow:hidden;
		display:block;
		width: 115px;
		height: 20px;
	}

div.jyokyo-area h2.st-subjyokyo-b {
 float: left;
 width: 115px;
 height: 20px;
 display: block;
 background: url(../../top-img/stitle-subjyokyo-b.gif) no-repeat;
 font-size: small;
}

 div.jyokyo-area h2.st-subjyokyo-b span {
  position: relative;
  z-index:-1;
  overflow:hidden;
  display:block;
  width: 115px;
  height: 20px;
 }

div.jyokyo-area h2.st-subjyokyo-g {
 float: left;
 width: 115px;
 height: 20px;
 display: block;
 background: url(../../top-img/stitle-subjyokyo-g.gif) no-repeat;
 font-size: small;
}

 div.jyokyo-area h2.st-subjyokyo-g span {
  position: relative;
  z-index:-1;
  overflow:hidden;
  display:block;
  width: 115px;
  height: 20px;
 }

div.jyokyo-area h3.st-subjyokyo-b {
 float: left;
 width: 115px;
 height: 20px;
 display: block;
 background: url(../../top-img/stitle-subjyokyo-b.gif) no-repeat;
 font-size: small;
}

 div.jyokyo-area h3.st-subjyokyo-b span {
  position: relative;
  z-index:-1;
  overflow:hidden;
  display:block;
  width: 115px;
  height: 20px;
 }

div.jyokyo-area h3.st-subjyokyo-g {
 float: left;
 width: 115px;
 height: 20px;
 display: block;
 background: url(../../top-img/stitle-subjyokyo-g.gif) no-repeat;
 font-size: small;
}

 div.jyokyo-area h3.st-subjyokyo-g span {
  position: relative;
  z-index:-1;
  overflow:hidden;
  display:block;
  width: 115px;
  height: 20px;
 }


div.jyokyo-area .rain-txt {
	float: left;
	width: 310px;
	text-align: left;
	padding: 2px 10px;
}

div.jyokyo-area .jyokyo-txt {
	float: left;
	width: 370px;
	text-align: left;
	padding: 2px 10px;
}

div.jyokyo-area .bt_syosai {
	float: right;
	width: 63px;
	list-style-type: none;
}

div.jyokyo-area .bt_syosai li {
	float: left;
	margin-left: 3px;
}

div.jyokyo-area .bt_syosai li a {
	background: url(../../top-img/bt-jyokyo.gif) no-repeat;
	height: 20px;
	width: 60px;
	float: left;
}

div.jyokyo-area .bt_syosai li span {
	height: 20px;
	width: 60px;
	position: relative;
	z-index:-1;
	overflow:hidden;
	display:block;
}

	div.jyokyo-area .bt_syosai li.syosai a {
		background-position: 0 0;
	}
	div.jyokyo-area .bt_syosai li.syosai a:hover {
		background-position: 0 -20px;
	}
	
div.jyokyo-area .bt_rain {
	float: right;
	width: 63px;
	list-style-type: none;
}

div.jyokyo-area .bt_rain li {
	float: left;
	margin-left: 3px;
}

div.jyokyo-area .bt_rain li a {
	background: url(../../top-img/bt-rain.gif) no-repeat;
	height: 20px;
	width: 60px;
	float: left;
}

div.jyokyo-area .bt_rain li span {
	height: 20px;
	width: 60px;
	position: relative;
	z-index:-1;
	overflow:hidden;
	display:block;
}

	div.jyokyo-area .bt_rain li.rain a {
		background-position: 0 0;
	}
	div.jyokyo-area .bt_rain li.rain a:hover {
		background-position: 0 -20px;
	}

/*
div#jyokyo-info .chien-area {
	float: right;
	background-color: #009999;
	width: 116px;
	height: 60px;
	margin: 2px 0px 2px 2px;
}
*/

.chien-area .bt-chien {
	text-align: right;
}

.bt-chien strong {
	background: url("../img/icon-08.gif") no-repeat left center;
	padding-left: 13px;
}

/* -- ここからメインコンテンツ --*/

div#contents-area {
	width: 780px;
	margin: 15px auto 0px auto;
}

/* -- ここからトップ右コンテンツ --*/

div#contents-area div#right-area {
	float: right;
	width: 580px;
	text-align: left;
}


/* -- ここから広告募集中バナー --*/
div#right-area div#koukoku-box div.koukoku-box{
	width: 580px;
}

div#right-area div#koukoku-box .koukoku-l div.koukoku-box{
	float: left;
	width: 270px;
	height:90px;
	padding: 5px 7px 10px 7px;
	border: solid 1px #0c8980;  /* border: solid 1px #0c8980; */
}

div#right-area div#koukoku-box .koukoku-r div.koukoku-box{
	float: right;
	width: 270px;
	height:90px;
	padding: 5px 7px 10px 7px;
	border: solid 1px #f0f0f0;  /* border: solid 1px #0c8980; */
	background-image:url(../../top-img/koukoku-bk.gif);
	background-repeat:no-repeat;
}

div#right-area div#koukoku-box .koukoku-r .yose div.koukoku-box{
	padding: 0px 0px 0px 2px;
	margin:	0px 0px 0px 0px;	
}

div#right-area div#koukoku-box p.bunner div.koukoku-box{
	float: left;
	padding: 15px 0px 0px 10px;
}

.shadow {  
	background-image:url(../img/shadow.gif); /* 背景画像を指定 */  
	background-repeat:repeat;   /* 背景画像の繰り返し */  
	background-position:right bottom;   /* 背景画像の表示位置 */  
	float:left; /* 左寄せ */  
	margin:0px 0px 0 0px;  /* 文字との間隔調節 */  
	padding:0;  
    }  
   /* 
親要素から画像をずらした部分が“影”になります。 
left、topの数値が小さくなるほど影が太くなります。 
画像に枠線を付けたい場合は、ボーダープロパティで指定します。 
例) border:1px solid #000; 
    */  
    .shadow img {  
	position:relative;  /* 親要素から相対位置に表示 */  
	left:-3px;  /* 親要素から左に3pxずらす */  
	top:-3px;   /* 親要素から右に3pxずらす */  
	border:0;   /* 画像の枠線なし */  
   }  


div#right-area #koukoku-box .koukoku-txt div.koukoku-box{
	float: right;
	width: 106px;
	margin-right: 0px;
}

div#right-area #koukoku-box .koukoku-l h3 div.koukoku-box{
	font-size:1.0em;  /* 初期値は1.0emでした。*/ 
	font-weight:bold;
	padding: 0px 0px 3px 0px;
}

div#right-area #koukoku-box .koukoku-r h3 div.koukoku-box{
	font-size:1.0em;
	font-weight:bold;
	padding: 0px 0px 3px 0px;	
}


.indent {
	padding: 0px 0px 0px 12px;
}


/* -- ここから横浜の観光はコレ！ --*/
div#right-area div#kanko-box {
	width: 580px;
	font-size: x-small;
}

div#kanko-box h2 {
	background: url(../../top-img/stitle-kanko.gif) no-repeat 7px 7px;
	font-size: small;
	height: 15px;
	width: 573px;
	padding: 10px 0px 7px 7px;
	border-bottom: 2px solid #8F0000;
}

div#kanko-box h2 span {
	height: 15px;
	width: 573px;
	position: relative;
	overflow: hidden;
	z-index:-1;
	display: none;
}

div#right-area div#kanko-box .kanko-l {
	float: left;
	width: 270px;
	/* -- height: 105px; --*/
	padding: 15px 7px 10px 10px;
	background:url(../../top-img/kanko-base.gif) repeat-x 0px top;
	overflow:hidden;
}

div#right-area div#kanko-box .kanko-r {
	float: right;
	width: 270px;
	/* -- height: 105px; --*/	
	padding: 15px 10px 10px 7px;
	background:url(../../top-img/kanko-base.gif) repeat-x 0px top;
	overflow:hidden;	
}

div#right-area div#kanko-box .kanko-r .yose {
	padding: 0px 0px 0px 2px;
	margin:	0px 0px 0px 0px;	
}

div#right-area #kanko-box .kanko-txt {
	float: right;
	width: 180px;
	margin-right: 0px;
}

div#right-area #kanko-box .kanko-txt h3 {
	font-size: small;
	font-weight:bold;
	background: url(../img/icon-06.gif) no-repeat 1px 2px;
	padding: 0px 0px 7px 20px;
}

div#right-area #kanko-box .kanko-txt h3 a {
	color: #8D1316!important;
	text-decoration: none;
}

div#right-area #kanko-box .kanko-txt h3 a:visited {
	color: #8D1316!important;
	text-decoration: none;
}

div#right-area #kanko-box .kanko-txt h3 a:hover {
	color: #8D1316!important;
	text-decoration: underline;
}


/* -- 横浜から新しいeco生活が始まる！ --*/
div#right-area div#eco-box {
	width: 580px;
	background-color:#F0F5FF;
	border-bottom:#C7DDFF solid 2px;
	border-top:#C7DDFF solid 2px;
	font-size: x-small;	
}

div#right-area div#eco-box .banner-left {
float: left;
padding:15px 10px 15px 15px;
}

div#right-area div#eco-box .banner-right {
float: right;
padding:15px 15px 15px 10px;
}

div#right-area #eco-box .eco-txt h3 {
	font-size: small;
	color: #004467!important;	
	font-weight:bold;
	background: url(../img/icon-07.gif) no-repeat 1px 2px;
	padding: 0px 0px 7px 20px;
}


/* -- ここから今月のおすすめニュースリリーストピックス --*/

div#right-area .divide-box {
	width: 580px;
	margin-top: 20px;
}

div#right-area .divide-box h2.stitle-osusume {
	width: 580px;
	height: 55px;
	display: block;
	background: url(../../top-img/stitle-osusume.gif) no-repeat;
}

	div#right-area .divide-box h2.stitle-osusume span {
		width: 580px;
		height: 55px;
		position: relative;
		z-index:-1;
		overflow:hidden;
		display:block;
	}

div#right-area .divide-box .info-box {
	width: 560px;
	margin: 0px 10px;
	padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #D3D3D3;
}

div#right-area .divide-box .info-box .info-txt {
	float: right;
	width: 450px;
}

div#right-area .divide-box .info-box .info-img {
	float: left;
}

div#right-area .divide-box .info-box .info-txt h3 {
	background: url(../img/icon-03.gif) no-repeat 1px 0px;
	padding: 0px 0px 10px 20px;
	font-size: small;
}


div#right-area .divide-box h2.stitle-news {
	width: 580px;
	height: 55px;
	display: block;
	background: url(../../top-img/stitle-news.gif) no-repeat;
}

	div#right-area .divide-box h2.stitle-news span {
		width: 580px;
		height: 55px;
		position: relative;
		z-index:-1;
		overflow:hidden;
		display:block;
	}
	


div#right-area .divide-box h2.stitle-newstitle {
	width: 580px;
	height: 55px;
	display: block;
	background: url(../../top-img/stitle-newstitle.gif) no-repeat;
}

	div#right-area .divide-box h2.stitle-newstitle span {
		width: 580px;
		height: 55px;
		position: relative;
		z-index:-1;
		overflow:hidden;
		display:block;
	}
	
div#right-area .divide-box h2.stitle-topicstitle {
	width: 580px;
	height: 55px;
	display: block;
	background: url(../../top-img/stitle-topicstitle.gif) no-repeat;
}

	div#right-area .divide-box h2.stitle-topicstitle span {
		width: 580px;
		height: 55px;
		position: relative;
		z-index:-1;
		overflow:hidden;
		display:block;
	}







	
#right-area .divide-box dl {
	margin: 10px;
	width: 560px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 10px;
	clear: both;
}

#right-area .divide-box dt {
	float: left;
	width: 85px;
	padding: 0px 0px 10px 5px;
}

#right-area .divide-box dd {
	padding-bottom: 10px;
	margin-left: 85px;
}




/* -- ここからPASMOバス特のご案内 --*/

div#right-area .divide-box2 {
	width: 580px;
	margin: 5px 0px 20px 0px;
}


div#right-area .divide-box2 h2.stitle-osusume {
	width: 580px;
	height: 55px;
	display: block;
	background: url(../../top-img/stitle-osusume.gif) no-repeat;
}


div#right-area .divide-box2 h2.stitle-osusume span {
		width: 580px;
		height: 55px;
		position: relative;
		z-index:-1;
		overflow:hidden;
		display:block;
}


div#right-area .divide-box2 h2.stitle-topicstitle {
	width: 580px;
	height: 55px;
	display: block;
	background: url(../../top-img/stitle-topicstitle.gif) no-repeat;
}


div#right-area .divide-box2 h2.stitle-topicstitle span {
		width: 580px;
		height: 55px;
		position: relative;
		z-index:-1;
		overflow:hidden;
		display:block;
}


div#right-area .divide-box2 h2.stitle-newstitle {
	width: 580px;
	height: 55px;
	display: block;
	background: url(../../top-img/stitle-newstitle.gif) no-repeat;
}


div#right-area .divide-box2 h2.stitle-newstitle span {
		width: 580px;
		height: 55px;
		position: relative;
		z-index:-1;
		overflow:hidden;
		display:block;
}


div#right-area .divide-box2 .info-box {
	width: 560px;
	margin: 0px 10px;
	padding: 10px 0px 10px 0px;
	border:solid 1px #0c8980;
}

div#right-area .divide-box2 .info-box .info-txt {
	float: right;
	width: 370px;
}

div#right-area .divide-box2 .info-box .info-img {
	float: right;
	padding-right:5px;
}

div#right-area .divide-box2 .info-box .info-txt h3 {
	background: url(../img/icon-03.gif) no-repeat 1px 0px;
	padding: 0px 0px 10px 20px;
	font-size: small;
}

div#right-area br {
	clear: both;
}