@charset "Shift_JIS";

/*
===== CONTENTS ==============================
	1: #contents
	2: #article
		headerArea
		tltArea
		root
		move
		direct
		walk
		spot
		pageNav
		sectionH2
	3: #localNav
	4: Browser clear
=============================================
*/

/*
===== 1: #contents =====
#contents {
	background: url(../image/contents_bg.gif) repeat-y left top;/* 仮 */
}
#contents p {
	font-size: 80%;
}
#contents img {
	margin: 0;
	vertical-align:bottom;
}
*/


#contetns-right-inner{
	margin: 0px; padding:0px;
}
#contetns-right{
	margin: 0px; padding:0px;
}
/*
===== 2: #article =====
*/
#article {
	width: 562px;
	x_width: 630px;
	margin:0;
	padding:0;
	height: 100%;
}

/* headerArea */
#article #headerArea {
	padding: 18px 0 5px 0;
	background: url(../image/headerArea_bg.gif) no-repeat left 5px;
}
#article #headerArea ul {
	margin: 5px 0 0;
}
#article #headerArea ul.plan2 {
	margin: 0;
	padding: 5px 0 0;
	background: url(../image/rootNav_bg.gif) no-repeat right top;
}
#article #headerArea ul li {
	float: left;
	padding-bottom: 9px;
}
#article #headerArea ul li.rootBack {
	width: 161px;
	margin: 16px auto 0;
	text-align: center;
}

/* tltArea */
#article #tltArea {
	margin: 0 0 25px;
	padding: 20px 0 10px;
	border-top: 1px dotted #c1c1c1;
}
#article #tltArea h1 {
	float: left;
}
#article #tltArea .rootMap {
	float: right;
}

/* root */
#article #root {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	width: 560px;
	font-size: 80%;
	font-size : 100%;
}

/* move */
#article #root .move {
	position:relative;
	margin-left: 230px;
	text-align: left;
	z-index:10;
}
#article #root .move p {
	position:absolute;
	left: 74px;
	width: 265px;
	xtext-indent: -30px;
	line-height: 120%;
	z-index: 10;
	top: 3px;
	font-size: 80%;
}

#article #root .move #line2 {
	margin-top: 4px;
}


#article #root #train01 {
	margin-bottom: 3px;
	padding-top: 3px;
}

#article #root .r_bus p {
	top: 10px;
}

#article #root .r_bus02 p {
	top: 18px;
}

#article #root .bus02 p,
#article #root .bus01 p {
	top: 0px;
	
}
#article #root .bus03 p{
	top: 10px;
}

#article #root .train p {
	top: 9px;
	z-index:10;
}
#article #root .train2 p {
	top: 3px;
	z-index:10;
	_font-size: 79%;
}

/* direct */
#article #root .direct {
	margin: 10px;
}

/* walk */
#article #root .walk06 p,
#article #root .walk05 p,
#article #root .walk04 p,
#article #root .walk03 p,
#article #root .walk02 p,
#article #root .walk01 p {
	top: 8px;
	z-index: 10;
}

/* spot */
#article #root .spot {
	position: relative;
	z-index: 2;
}
#article #root .spot img {
	position: absolute;
	z-index: 1;
}

#article .areaGuide img{
	display: block;
	margin: 8px 0 4px 0;
}

/* pageNav */
#article .pageNav,
#article  .pageNav02 {
	margin: 15px 0 20px;
	height: 1%;
}

#article .pageNav02 {
	_top : -30px;
	_margin-top : 10px;
	height: 1%;
}

#article .pageNav .planTop,
#article .pageNav02 .planTop
 {
	float: left;
}
#article .pageNav .nextDay,
#article .pageNav02 .nextDay
 {
	float: right;
}

/* sectionH2 */
#article .sectionH2 {
	padding: 20px 0 25px;
	_padding: 12px 0 15px;
	border-top: 1px dotted #c1c1c1;
	background: url(../image/plan_btmBg.gif) -41px bottom repeat-x;

}
*:first-child+html #article .sectionH2 {padding/**/: 12px 0 15px;}/* IE7 */
#article .sectionH2 .other {
	margin: 0 0 12px 12px;
	font-weight: bold;
	font-size: 80%;
	color: #15123d;
}
#article .sectionH2 .toPlan {
	float: left;
}
#article .sectionH2 .pageTop {
	float: right;
}

#gotoarea{
	margin: 20px 0 0 0;
	text-align: left;
}


/*--IE6*/
* html #gotoarea{
   margin: 20px 0 0 0;
}



#gotoarea img{
	padding: 3px 0;
}

/*
===== 3: #localNav =====
#localNav {
	width: 170px;
}
*/


/*
===== 4: Browser clear =====
*/
#article #headerArea:after,
#article #tltArea:after,
#article .pageNav:after,
#article .sectionH2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #headerArea,
* html #tltArea,
* html .pageNav,
* html #article .sectionH2 {
	display: inline-table;/*for MacIE*/
}