@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      rosen.css
 Author:         H.Okada
 Style Info:     路線ページ、駅ページ
 変更:           絶対パス化 kihara 07.12.22
----------------------------------------------------------- */

@import url("/css/import.css");


/*----------------------------------------------------
	路線図
----------------------------------------------------*/

/* boxRsenzu */

#main #boxRosenzu {
	margin-bottom: 10px;
	position: relative;
}
#main #boxRosenzu #boxRosenzuMain {
	border: 1px solid #aaa;
}
#main #boxRosenzu #boxRosenzuHeading {
	height: 31px;
	background: url(/img/share/rosenzu_h2_bg.gif) no-repeat left bottom;
}
#main #boxRosenzu h1 {
	font-size: 18px;
	line-height: 30px;
	text-indent: 10px;
	width: 690px;
}
#main #boxRosenzu h1 span#boxRosenzuLineColor {
	font-size: 18px;
	margin-right: 5px;
}
#main #boxRosenzu h1 span#boxRosenzuLine {
	font-size: 14px;
	font-weight: normal;
	margin-left: 12px;
}
#main #boxRosenzu h1 span#boxRosenzuCatchCopy {
	font-size: 12px;
	margin-left: 15px;
	font-weight: normal;
}



/* 路線図タブ切り替え */

#main #boxRosenzu ul#boxRosenzuTab {
	position: absolute;
	right: 0px;
	top: -6px;
	z-index: 10;
}
#main #boxRosenzu ul#boxRosenzuTab li {
	width: 127px;
	float: left;
	margin-right: 5px;
}



/* 路線図コントロール部分 */

#main #boxRosenzu #boxRosenzuControl {
	background: url(/img/share/rosenzu_control_bg.gif) no-repeat left top;
	height: 49px;
	position: relative;
}
#main #boxRosenzu #boxRosenzuControl ul {
	text-align: center;
	padding-top: 3px;
}
#main #boxRosenzu #boxRosenzuControl ul li {
	display: inline;
	margin: 0 5px;
}
#main #boxRosenzu #boxRosenzuControl p {
	position: absolute;
	right: 8px;
	top: 12px;
}


/*----------------------------------------------------
	 路線図スクロール部分
----------------------------------------------------*/

#main #boxRosenzu #rosenWindow {
	width: 958px;
	height: 220px;
	overflow: hidden;
	position: relative;
	text-align: center;
	background: #F5F8FA;
}
#main #boxRosenzu #rosentable {
	width:30000px;
	padding-top: 5px;
}


/* 駅セット */

#main #boxRosenzu #rosentable table {
	width: 86px;
	float: left;
}
#main #boxRosenzu #rosentable table td {
	vertical-align: top;
}
#main #boxRosenzu #rosentable table td img {
	margin-top: 10px;
	display: block;
}


/* 駅間 */

#main #boxRosenzu #rosentable p {
	font-size: 10px;
}
#main #boxRosenzu #rosentable .stBetween {
	width: 50px;
/*	background: url(/img/rosenzu/railway_line.gif) no-repeat center 10px; */
	text-align: center;
}
#main #boxRosenzu #rosentable .stBetween p {
	width: 50px;
}
#main #boxRosenzu #rosentable .stBetweenend p {
	width: 50px;
}


/* 接続路線 */

#main #boxRosenzu #rosentable ul {
	margin-top: 10px;
}
#main #boxRosenzu #rosentable ul li {
	font-size: 10px;
	text-align: left;
	color: #5F67E6;
	line-height: 1.4;
}
 


/*----------------------------------------------------
	 基本情報
----------------------------------------------------*/

#main .boxBasicInfo {
	position: relative;
	z-index: 10; 
	width: 260px;
	float: left;
	margin-top: -25px;
	margin-right: 15px;
}
#main .boxBasicInfo div.boxBody {
	border: 5px solid #66CC66;
	border-top-width: 4px;
}
#main .boxBasicInfo h3 {
	width: 100%;
	line-height: 30px;
	background-color: #CEEFCE;
	text-indent: 10px;
}
#main .boxBasicInfo h3 a {
	font-weight: normal;
}
#main .boxBasicInfo div.boxBodyInner {
	padding: 10px;
}
#main .boxBasicInfo table {
	width: 100%;
}
#main .boxBasicInfo table th,
#main .boxBasicInfo table td {
	border-bottom: 1px solid #E6E6E6;
}
#main .boxBasicInfo table th {
	font-weight: normal;
	padding: 10px 15px 10px 3px;
}
#main .boxBasicInfo table td {
	padding: 10px 0;
}


/* boxBasicInfoRosen */

#main #boxBasicInfoRosen {
}
#main #boxBasicInfoRosen div.boxBody {
	padding: 0;
	height: 252px;
}
#main #boxBasicInfoRosen div.boxBodyInner {
	padding: 0 10px;
}
/* 080423追加 */
#main #boxBasicInfoRosen th {
	font-weight: bold;
}
#main #boxBasicInfoRosen table tr.noSeparate th,
#main #boxBasicInfoRosen table tr.noSeparate td {
	border-bottom: none;
	padding-bottom: 0;
}
#main #boxBasicInfoRosen table.congestionList {
	width: auto;
}
#main #boxBasicInfoRosen table.congestionList th,
#main #boxBasicInfoRosen table.congestionList td {
	border-bottom: none;
	padding: 0;
}
#main #boxBasicInfoRosen table.congestionList thead th {
	line-height: 1.2;
	padding: 0 0 0 3px;
}
#main #boxBasicInfoRosen table.congestionList tbody th,
#main #boxBasicInfoRosen table.congestionList tbody td {
	font-size: 10px;
	line-height: 1.5;
	vertical-align: top;
}
#main #boxBasicInfoRosen table.congestionList tbody th {
	font-weight: normal;
	padding: 0 0 0 3px;
}
#main #boxBasicInfoRosen table.congestionList tbody td {
	padding-left: 1em;
	white-space: nowrap;
}
#main #boxBasicInfoRosen #congestionAllday {
	padding-top: 15px;
}



/* boxBasicInfoEki */

#main #boxBasicInfoEki div.boxBody {
	height: 313px;
}
#main #boxBasicInfoEki p {
	margin-bottom: 5px;
}
#main #boxBasicInfoEki table th {
	width: 4em;
}

/* boxBasicInfoEki2 */

#main #boxBasicInfoEki2 {
	float: none;
	width: 100%;
	margin-top: -22px;
	margin-right: 0;
}
#main #boxBasicInfoEki2 div.boxBody {
}
#main #boxBasicInfoEki2 p {
	margin-bottom: 5px;
}
#main #boxBasicInfoEki2 table {
	width: auto;
	position: relative;
	left: -10px;
}
#main #boxBasicInfoEki2 table th,
#main #boxBasicInfoEki2 table td {
	border-bottom: none;
	padding: 3px 0;
	vertical-align: top;
	line-height:120%;
}
#main #boxBasicInfoEki2 table th {
	white-space: nowrap;
	padding-left: 10px;
	width: 7%;
}
#main #boxBasicInfoEki2 table th span {
	color: #00a219;
}
#main #boxBasicInfoEki2 table td {
	text-align: left;
	width: 11%;
	white-space: nowrap;
}
#main #boxBasicInfoEki2 table th.FirstLastTitle {
	width: 5%;
	white-space: normal;
}
#main #boxBasicInfoEki2 table td.FirstLastData {
	width: 325px;
	white-space: normal;
}




/*----------------------------------------------------
	 グラフ
----------------------------------------------------*/

#main #boxGraph {
	width: 662px;
	padding-left: 22px;
	margin-top: 37px;
	height: 263px;
	float: left;
	background: url(/img/graph_bg.gif) no-repeat left top;
}
#main #boxGraph h3 {
	position: absolute;
	left: -11px;
	top: -7px;
}
#main #boxGraph #boxGraphSatisfaction,
#main #boxGraph #boxGraphImpression {
	margin-top: 16px;
	position: relative;
	width: 308px;
	background-color: #fff;
	float: left;
}
#main #boxGraph #boxGraphSatisfaction {
	border: 1px solid #FF451A;
	margin-right: 27px;
}
#main #boxGraph #boxGraphImpression {
	border: 1px solid #1400F0;
}
#main #boxGraph p.boxGraphFlashArea {
	margin: 12px 0;
}
#main #boxGraph p.boxGraphBrowseAll {
	height: 30px;
	position: relative;
}
#main #boxGraph #boxGraphSatisfaction p.boxGraphBrowseAll {
	background-color: #FFDBD7;
}
#main #boxGraph #boxGraphImpression p.boxGraphBrowseAll {
	background-color: #D2D2FF;
}
#main #boxGraph p.boxGraphBrowseAll a {
	position: absolute;
	height: 20px;
	width: 126px;
	display: block;
	right: 10px;
	bottom: 5px;
}



/*----------------------------------------------------
	 良い点、悪い点
----------------------------------------------------*/

#main #boxRosenGoodMark,
#main #boxRosenBadMark {
	float: left;
	width: 470px;
}
#main #boxRosenGoodMark {
	margin-right: 20px;
}
#main #boxRosenGoodMark h2,
#main #boxRosenBadMark h2 {
	font-size: 18px;
	padding-left: 43px;
	height: 29px;
	line-height: 29px;
	padding-top: 5px;
}
#main #boxRosenGoodMark h2 span,
#main #boxRosenBadMark h2 span {
	font-size: 12px;
	color: #333;
}

#main #boxRosenGoodMark h2 {
	background: url(/img/rosen_good_mark_ttl_bg.gif) no-repeat left top;
	color: #EA3DE2;
}
#main #boxRosenBadMark h2 {
	background: url(/img/rosen_bad_mark_ttl_bg.gif) no-repeat left top;
	color: #7F26DD;
}


#main #boxRosenGoodMark ul,
#main #boxRosenBadMark ul {
	margin: 3px 0 0 14px;
	height: 160px;
	overflow: auto;
}
#main #boxRosenGoodMark ul li,
#main #boxRosenBadMark ul li {
	line-height: 140%;
	padding: 0 10px 0 18px;
	margin-bottom: 10px;
}
#main #boxRosenGoodMark ul li {
	background: url(/img/rosen_good_mark_icon.gif) no-repeat left 4px;
}
#main #boxRosenBadMark ul li {
	background: url(/img/rosen_bad_mark_icon.gif) no-repeat left 4px;
}



/*----------------------------------------------------
	 路線ページ、駅ランキング
----------------------------------------------------*/

#main #boxStationRanking {
	width: 470px;
	float: left;
	margin-right: 20px;
}
#main #boxStationRanking .boxCommonBorder {
	background-color: #E9F0FF;
}
#main #boxStationRanking .boxCommonBorderInner {
	border-color: #325ADC;
}
#main #boxStationRanking #boxStationRankingLive {
	width: 222px;
	float: left;
	border-right: 1px solid #CECECE;
}
#main #boxStationRanking #boxStationRankingCon {
	width: 221px;
	float: left;
}

#main #boxStationRanking ul li {
	padding-left: 47px;
	line-height: 36px;
	border-bottom: 1px dashed #BDC7E5;	
	background-repeat: no-repeat;
	background-position: 5px center;
}
#main #boxStationRanking ul li.boxStationRankingNo1 {
	background-image: url(/img/station_ranking_icon_no1.gif);
}
#main #boxStationRanking ul li.boxStationRankingNo2 {
	background-image: url(/img/station_ranking_icon_no2.gif);
}
#main #boxStationRanking ul li.boxStationRankingNo3 {
	background-image: url(/img/station_ranking_icon_no3.gif);
}
#main #boxStationRanking ul li.boxStationRankingNo4 {
	background-image: url(/img/station_ranking_icon_no4.gif);
}
#main #boxStationRanking ul li.boxStationRankingNo5 {
	background-image: url(/img/station_ranking_icon_no5.gif);
}
#main #boxStationRanking p.boxStationRankingBrowseAll {
	margin-top: -1px;
	background-color: #E8ECF7;
	border-top: 1px solid #BDC7E5;
	height: 28px;
	position: relative;
}
#main #boxStationRanking p.boxStationRankingBrowseAll a {
	position: absolute;
	display: block;
	height: 16px;
	width: 90px;
	top: 6px;
	right: 5px;
}



/*----------------------------------------------------
	 駅ページ、駅ランキング
----------------------------------------------------*/

#boxStationRankingDetail {
}
#main #boxStationRankingDetail .boxCommonBorder {
	background-color: #E9F0FF;
	overflow: hidden;
	height: 100%;
}
#main #boxStationRankingDetail .boxCommonBorderInner {
	border-color: #325ADC;
	position: relative;
	float: left;
	width: 460px;
	margin-bottom: 0;
}
#boxStationRankingDetail h2 {
	background: url(/img/station_ranking_d_bg.gif) repeat-x left top;
	height: 36px;
	position: relative;
}
#boxStationRankingDetail h2 img {
	margin-right: 20px;
}
#boxStationRankingDetail h2 span {
	color: #444;
	font-size: 12px;
}
#boxStationRankingDetail h2 span strong {
	color: #EA1600;
	font-size: 22px;
}
#boxStationRankingDetail h2 span strong span{
	color: #EA1600;
	font-size: 14px;
}
#boxStationRankingDetail h2 a.linkRankingAll {
	display: block;
	height: 16px;
	width: 90px;
	position: absolute;
	right: 9px;
	top: 14px;
}
#boxStationRankingDetail h2 a.linkRankingAll img {
	margin: 0;
	vertical-align: bottom;
}
#boxStationRankingDetail ul {
	margin: 8px;
	width: 444px;
	height: 130px;
	overflow: auto;
}
#boxStationRankingDetail ul li {
	line-height: 1.4;
	background: url(/img/share/icon_dot.gif) no-repeat 0px 2px;
	padding: 0 8px 5px 8px;
}
#marginRight10px {
	margin-right: 10px;
}


/*----------------------------------------------------
	 口コミ情報
----------------------------------------------------*/

#main #boxWomInfoRosen {
	width: 470px;
	float: left;
}
#main #boxWomInfoRosen ul li p.boxWomInfoDate {
	float: left;
}
#main #boxWomInfoRosen ul li table {
	float: none;
}
#main #boxWomInfoRosen ul li p.boxWomInfoComment {
	margin-left: 0;
}