@charset "UTF-8";

.bl {
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

body {
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, 'Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',sans-serif;
  background:url(../images/body-bg.png) repeat-x;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	box-shadow:0px 0px 6px -2px;
}

.align-right {
	text-align: right;
}



/*---------header-------*/

#header {
	margin: 0;
  width: 960px;
  height: 154px;
  background: url(../images/hedaer_sub2.png) no-repeat;
  position: relative;
}
#header h1 {
	font-size: 36px;
  line-height: 1.2em;
	margin: 0;
	padding: 20px 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
}

#header h1 a {
	text-decoration: none;
	color: #000;
	text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0.1em 0.1em 5px #000;
}

#header #sitemap {
  position: absolute;
  left: 860px;
  top: 5px;
  width: 85px;
  height: 25px;
}



/*---------container-------*/

#container {
 /* background: #410000;*/
}




/*---------side-------*/

#side {
	width: 290px;
  padding: 20px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
	float: left;
  background: url(../images/side-bg.png);
  position: relative;
}

#side > * {
  position: relative;
  z-index: 2;
}

#side:before {
  content: ".";
  text-indent: -999em;
  overflow: hidden;
  display: block;
  width: 700px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 260px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#side #navi {
  padding: 0;
  margin: 0;
  list-style: none;
  background: url(../images/menu_header.png) no-repeat;
}

#side #navi li {
  padding: 0;
  background: url(../images/menu_item.png) no-repeat left bottom;
}

#side #navi li a {
  width: 250px;
  line-height: 46px;
  padding-left: 30px;
  text-decoration: none;
  height: 46px;
  text-indent: 0;
  font-size: 14px;
  text-shadow: 1px 1px 1px rgb(160, 160, 160);
  color: #000000;
}
#side #navi li:nth-child(1) {
  padding-top: 37px;
}

/*
#side #navi li:nth-child(1) a {
  background-position: 0 0px;
  height: 45px;
}
#side #navi li:nth-child(2) a {
  background-position: 0 -82px;
  height: 46px;
}
#side #navi li:nth-child(3) a {
  background-position: 0 -128px;
  height: 46px;
}
#side #navi li:nth-child(4) a {
  background-position: 0 -174px;
  height: 46px;
}
#side #navi li:nth-child(5) a {
  background-position: 0 -220px;
  height: 180px;
}
*/

#side #banners {
	padding: 0;
	margin: 20px 0 20px 0;
	list-style: none;
}

#side #banners li {
	padding: 0;
	margin: 0 0 10px 0;
}

#side #movie {
}
#side #movie a {
  color: #fff;
  font-size: 12px;
}



/*---------content-------*/

#content {
	width: 670px;
	float: right;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px 20px 30px 0;
  position: relative;
  z-index: 1;
  font-size: 13px;
  color: #333;
}

#content:before {
  content: ".";
  text-indent: -999em;
  overflow: hidden;
  display: block;
  width: 260px;
  height: 100%;
  background: url(../images/side-bg.png);
  position: absolute;
  top: 0;
  left: -260px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#content #breadcrumbs {
  color: #000;
  margin: 0 0 10px 0;
}
#content #breadcrumbs a {
  color: #000;
}

#content section h2 {
  color: #000;
  background: url(../images/h2-bg.png) no-repeat;
  padding: 0 0 0 20px;
  margin: 0;
  font-size: 16px;
  line-height: 40px;
  width: 650px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}

#content h3 {
background: url(../images/h3-bg.png) no-repeat;
padding:5px 10px 5px 5px;
color:#0062b8;
font-size:1.17em;
}

#content h4 {
border-left: solid 7px #ede88f;
padding-left:7px;
color:#51080e;
font-size:1.17em;
}

#content section {
  position: relative;
  font-size: 13px;
  background: #fff;
  padding: 40px 0 0 10px;
  border-radius: 10px;
  width: 640px;
  margin-bottom: 30px;
}

#content section dl {
  margin: 13px 0 0 0;
}
#content section dl dt {
  background: url(../images/dttop.png) 1px no-repeat;
  color: #000;
  padding: 0 0 0 18px;
  height: 18px;
  line-height: 17px;
}
#content section dl dd {
  margin: 0 0 12px 0;
  padding: 0 0 8px 14px;
  border-bottom: dashed 1px #97070E;
  color: #004a95;
}
#content section dl dd:last-child {
  margin-bottom: 0;
}

#content section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#content section ul li {
  margin: 12px 30px 12px 10px;
  position: relative;
}
#content section ul li:last-child {
  margin-bottom: 0;
}
#content section ul li:before {
  content: ".";
  text-indent: -999em;
  overflow: hidden;
  display: block;
  top: 50%;
  left: -8px;
  width: 2px;
  height: 2px;
  background: #14618E;
  position: absolute;
}
#content section ul li a {
} 

#content .list-section {
}

#content .list-section {
}

#content .list-section ul {
	margin: 0;
  padding: 0;
  list-style: none;
}
#content .list-section ul li {
}

#content h2 > a {
text-decoration:none;
color:#FFF
}

#content section .archive img {
position: absolute;
right: 20px;
width: 73px;
top: 14px;
}

.sub #content section dl {
overflow:hidden;
}

.sub #content section dl dt {
  background: url(../images/dttop.png) 1px 2px no-repeat;
  color: #000;
  padding: 0 0 0 18px;
  line-height: 17px;
  width: 115px;
  height:40px;
  float:left;
  font-weight:bold;
}
.sub #content section dl dd {
  color: #000;
  padding:0 0 0 15px;
  margin:0;
  width: 480px;
  float:left;
  border:none;
  line-height: 20px;
}
.sub #content section dl dd:last-child {
  margin-bottom: 0;
}

.sub section div.button {
display: block;
width:100%;
height:30px;
margin: 10px 0 20px 0;
}
.sub section div.button a{
	float: right;
}

.interval_time {
   text-align: right;
   margin-top: 20px;
}
.interval_time > div {
  border: 1px solid;
  display: inline-block;
  padding: 3px 10px;
  font-size: 16px;
  color: #57a0de;
}
.interval_time > div > span.break {
  background: url(../images/break_icon.png) no-repeat left center;
  padding-left: 24px;
}
.interval_time > div > span.photo {
  background: url(../images/photo_icon.png) no-repeat left center;
  padding-left: 24px;
}
.interval_time > div > span.bus {
   background: url(../images/bus_icon.png) no-repeat left center;
   padding-left: 40px;
}

/*---------footer-------*/

#footer {
	padding: 15px 0 0 0;
  background-color: #004c91;
  text-align: center;
}

#footer ul {
  list-style: none;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  width: 778px;
}

#footer ul li {
  float: left;
  line-height: 1.0;
  border-left: solid 1px #FFF;
  padding: 0 24px;
}

#footer ul li:last-child {
  border-right: solid 1px #FFF;
}

#footer ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
}


#footer .copy {
	margin: 40px 0 0 0;
	padding-bottom: 20px;
	color: #fff;
  text-align: center;
  font-size: 11px;
}