@charset "UTF-8";

@import url(reset.css);
@import url(fonts.css);
@import url(layout.css);

/* --------------------------------------------------
 * general
 * -------------------------------------------------- */
html {
}

body {
background-image:url(../images/bg.gif);
background-repeat:repeat-x;
background-position:left top;
background-color:#FFFFFF;
text-align:center;
overflow-y:scroll;
color:#333;
}


/* ie6, ie7 hack */
*html body,
*+html body {
overflow-y:auto;
}


a {
color:#06C;
text-decoration:none;
}
a:hover {
color: #06C;
text-decoration: underline;
}


h1 {
font-size: 146.5%;
margin: 0 0 1em;
font-weight:bold;
border-bottom: 1px solid #A8D103;
}

h2 {
font-size: 131%;
margin:0 0 0.5em;
font-weight:bold;
border-left: 10px solid #A8D103;
padding: 0.2em 0 0.2em 10px;
}

h3 {
font-size: 116%;
margin: 0.5em 0 0.5em;
font-weight:bold;
background-color:#EFF8CE;
padding:0.2em;
}

h4 {
font-size: 100%;
margin: 0 0 0.5em;
font-weight:bold;
}

p {
padding:0 0 1.5em;
}

ul, ol {
margin:0 0 1em 1.5em;
}

ul li {
list-style-type:disc;
margin-bottom: 0.3em;
}

ol li {
list-style-type: decimal;
margin-bottom: 0.3em;
}

strong {
font-weight:bold;
}

table {
border-collapse:collapse;
/*max-width:567px;*/
margin-bottom:1.5em;
}
table th {
/* background-color: #DEFED1; */
border: 1px solid #bbb;
padding:0.5em;
font-weight:bold;
}
table td {
border: 1px solid #bbb;
padding:0.3em;
}

pre {
margin: 0 0 1.5em;
padding: 0.5em;
border: 1px solid #ccc;
font-size:77%;
line-height:100%;
background-color: #EFEFEF;
font-family: monospace;
}

h2 small {
color:#666;
font-size:60%;
}


#header {
}


#container {
width: 700px;
background-image:url(../images/bg_border.png);
background-repeat:repeat-y;
position:relative;
}

/* --------------------------------------------------
 * globalnavigation
 * -------------------------------------------------- */
#globalnavigation {
height: 50px;
}

#globalnavigation ul {
margin: 0;
padding: 0;
list-style-position:outside;
list-style-image:none;

}
#globalnavigation li {
display:inline;
float: left;
list-style-type: none;
margin: 0;
padding:0;
}

#systemmenu{
position:absolute;
top:235px;
left:350px;
width:180px;
background-color:#E5F1B3;
z-index:9999;
display:none;
}
#systemmenu ul{
margin:0.5em;
}
#systemmenu li{
display:block;
float:none;
margin:0 0 0.5em;
border-bottom:1px solid #fff;
}
#systemmenu li.last{
border-bottom:none;
}
#systemmenu .close{
background-color:#ccc;
margin:15px 0 0.5em;
}


/* --------------------------------------------------
 * maincol
 * -------------------------------------------------- */
div#single #maincol {
margin: 1em 1.5em;
}



/* --------------------------------------------------
 * content
 * -------------------------------------------------- */
.content {
zoom:100%;
}
.content:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.content .left {
width:50%;
float:left;
}
.content .right {
width:50%;
float:right;
}

.route01 th{
background-color:#C4EDFF;
font-weight:normal;
}
.route03 th{
background-color:#FFD595;
font-weight:normal;
}
.route04 th{
background-color:#F8B4C2;
font-weight:normal;
}
.route05 th{
background-color:#A8FDC1;
font-weight:normal;
}
.route06 th{
background-color:#CBE7AF;
font-weight:normal;
}
.route07 th{
background-color:#ACD8FF;
font-weight:normal;
}
.route08 th{
background-color:#F7B197;
font-weight:normal;
}
.route09 th{
background-color:#D5BBD9;
font-weight:normal;
}
.center_cell th,.center_cell td{
text-align:center;
}

/* --------------------------------------------------
 * maincontent
 * -------------------------------------------------- */
#menu ul{
margin:0 0 1.3em 0;
}

#menu li{
list-style-type:none;
margin-bottom:1px;
}
#link h3 {
padding:0px;
border:none;
}
#link ul {
margin: 0.5em;
}

#link li{
list-style-type:none;
padding:0.2em 0 0 0;

}

#news {
width:460px;
margin-bottom:15px;
background-color:#F0F0D9;
}
#news h2 {
border:none;
padding:0px;
}
#news ul,#service ul{
margin:0;
padding:1em;
}
#news li{
list-style-type:none;
background-image:url(../images/list_news.png);
background-repeat:no-repeat;
padding: 0 0 0.5em 2em;
}

#service {
width:460px;
margin-bottom:20px;
background-color:#D9F0F7;
}
#service h2 {
border:none;
padding:0px;
}
#service li {
list-style-type:none;
background-image:url(../images/list_service.png);
background-repeat:no-repeat;
padding:0 0 0.5em 2em;
}

#attention{
background-image:url(../images/attention.png);
background-repeat:no-repeat;
border-bottom:2px solid #C00;
border-top:2px solid #C00;
border-right:2px solid #C00;
margin:2em 0;
padding:0.4em 3em 0;
}

/* --------------------------------------------------
 * detail_maincontent
 * -------------------------------------------------- */
.text-center td{
text-align:center;
}

/* --------------------------------------------------
 * box
 * -------------------------------------------------- */
.creation {
padding:1em 0;
margin-bottom:0.5em;
}
.creation td {
border:0;
}

.photo,.text{
float:left;
}
.photo {
border:1px solid #CCC;
margin-right:0.3em;
}

.photo img{
margin:9px;
}

.text {
width:250px;
padding-left: 4px;
color:#333;
}

/* --------------------------------------------------
 * rightcol
 * -------------------------------------------------- */
#sidemenu {
	padding: 1em 0;
}

/* --------------------------------------------------
 * footer
 * -------------------------------------------------- */
#address{
line-height: 167%;
}
#address p{
margin:0px;
padding:0px;
}

#line {
border-top:1px solid #666;
padding:0.5em 0 0;
margin-top: 0.5em;
}

.copyright {
background-color:#B1DD04;
height:50px;
}

.copy_text{
padding:18px 0;
color:#333;
/* font-size:77%; */
text-align:center;
}





#route_map {
height: 400px;
width:100%;
border:1px solid #ccc;
margin-bottom:1.5em;
}

#route_map_large {
display: none;
position:absolute;
top:20px;
background-color:#eee;
/*left:50%;*/
margin-left:20px;
text-align:left;
}

#route_map_large .imagemap {
background-color:#eee;
margin:20px;
}

#route_map_large .route_map_header{
margin:0 0 5px;
zoom:100%;
}
#route_map_large .route_map_header:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#route_map_large .route_map_header .left {
width:200px;
float:left;
}
#route_map_large .route_map_header .right {
float:right;
}
#route_map_large area {
border:1px solid #06c;
}


.red {color: #FF0000;}
.blue {color: #0000FF;}