@charset "Shift_JIS";

/*	トランジット全体の記述	*/
div#container.traffic {
	text-align: left;
	margin: -1em auto 1em auto;
}
div#container.traffic h1 {
	font-size: 1.3em;
	padding: 0.5em 0 0.5em 0.5em;
	margin: 1em 0 0.5em 0;
	border-bottom: 1px solid #333333;
}
div#container.traffic h2 {
	margin: 0 0 1em 0;
	clear: both;
}

/*	form部分	*/
form#transitForm {
	width: 364px;
	height: 210px;
	margin: 2em auto;
	background-image: url(../traffic/images/input-area.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	margin: 0 0 1em 0;
}
fieldset {
	border: none;
	margin: 20px;
}
div#inputitem {
	position: absolute;
	top: 22px;
	left: 32px;
}
div#inputitem p {
	margin: 0 0 5px 0;
	padding: 0;
}
div#inputitem .txtarea {
	margin: 0 0 10px 0;
	padding: 0;
}
input#departure, input#arrival {
	width: 290px;
}
input#submit {
	border: none;
	width: 252px;
	height: 38px;
	margin: 0 auto;
	cursor: pointer;
	display: block;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: transparent;
	background-image: url(../traffic/images/submit-btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 150px;
	left: 60px;
}

/*	Google トランジットとはの見出しh3部分	*/
h3#what-tarnsit {
	border-bottom: 2px solid #CCCCCC;
	padding: 5px 0 10px 0;
}

/*	各box共通の記述	*/
div.trabox-wrap {
	margin: 0 0 1em 0;
}
div.trabox {
	width: 360px;
	padding: 0 5px;
}
div.each {
	margin: 0 0 2em 0;
}
div.each h3 {
	margin: 0 0 1em 0;
	padding: 0;
}
div.trabox h4 {
	margin: 0 0 0 2em;
	padding: 5px 10px;
	background-image: url(../traffic/images/h4-bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	display: inline;
}
div.trabox ul li {
	padding: 0 0 0 15px;
	background-image: url(../traffic/images/bllet-tarnsit.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	list-style-type: none;
	margin: 0 0.5em 0.5em 0;
}
div.trabox li p {
	margin: 0.5em 0 0 1em;
}

/*	左右boxの記述	*/
div.left-side {
	float: left;
}
div.right-side {
	float: right;
}