@charset "utf-8";
/* CSS Document */

a img { 
	border: none;
}
a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

.container {
	width: 1200px;
	margin: 0 auto;
	/*display: table;*/
	text-align: center;
}

/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。~~ */
header {
	width: 100%;
	height: 60px;
	background: url(../img/header/bg_header.jpg) repeat-x;
}
header h1 {
	float: left;
	display: inline;
}
header .button {
	float: right;
	display: inline;
	padding: 13px 0 0;
}
header .button a:hover img {
	position: relative;
	top: 1px;
	left: 1px;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE */
	filter: alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* Firefox(old) */
	-khtml-opacity: 0.8
}
hr {
	width: 100%;
	height: 10px;
	background: url(../img/header/bg_hr.jpg) repeat-x;
}
.navi {
	width: 10 0%;
	height: 82px;
	background: url(../img/navi/bg_navi.jpg) repeat-x;
}
.navi li {
	float: left;
	display: inline-block;
}
.navi li.driver a:hover img,
.navi li.busguide a:hover img,
.navi li.salesstaff a:hover img {
	position: relative;
	top: 1px;
	left: 1px;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE */
	filter: alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* Firefox(old) */
	-khtml-opacity: 0.8
}
.navi li.entry a:hover img {
	-moz-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
}

section.content {
	display: table;
	width: 100%;
	height: auto;
	background: url(../img/content/bg_content_bottom.png) no-repeat bottom;
}

#sidenav {
	float: right;
}
#sidenav h1 {
	margin: 45px 0 0;
}
#sidenav ul li img {
	margin: 1px 0 0;
}
#sidenav p img {
	margin: 10px 0 0;
}

.area {
	float: left;
	display: inline-table;
	width: 970px;
	height: auto;
	margin: 0 -230px 13px 0;
	padding: 45px 230px 155px 0;
	background: url(../img/sidebar/bg_road.jpg) repeat-y right 52px top;
}
.area section {
	margin: 0 0 100px;
}

.form {
	display: table;
	width: 1200px;
	height: auto;
	padding: 45px 0 155px 0;
}

/* ~~ フッター ~~ */
footer {
	width: 100%;
	min-height: 250px;
	background: #15315E;
	display: table;
}
footer .container {
	width: 1200px;
	min-height: 250px;
	background: url(../img/footer/mark_fujikyu.png) no-repeat;
}
footer p {
	text-align: right;
	padding: 25px 0 0 0;
}
footer address,
footer p.copyright {
	text-align: right;
	color: #FFFFFF;
	line-height: 20px;
}