/* CSS Document */ 
 
.comingsoon{ 
	margin:150px auto 250px auto;
	width: 186px;
	text-align: center;
}

 
/* clearfix */ 

.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.clearfix {
  _height: 1px;
  min-height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
 
/* common styles */ 

.caution { text-indent: -1em; margin-left: 1em;}
.caution02 { text-indent: -2em; margin-left: 2em;}
.cap { color: #FF0000; font-size:10px; }
.red { color: #FF0000; }
.green { color: #046541; }
.font10 { font-size :10px; }
 
/* generic styles */ 

* {
	font-size: 12px;
	color: #333;
	line-height: 1.3;
}
img {
	display: block;
}
a { outline: none; }

a { color: #068bc3;}
a:visited { color: #818ff4;}
a:hover { color: #28afdf;}
a:active { color: #ff236c;}
 
/* generic classes */ 

.mt0 { margin-top: 0 !important; }
.mt30 { margin-top: 30px !important; }
.mr0 { margin-right: 0 !important; }
.mr35 { margin-right: 35px !important; }
.mb0 { margin-bottom: 0 !important; }
.ml0 { margin-left: 0 !important; }
.ml20 { margin-left: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pl10 { padding-left: 10px !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.nb { border: none !important; background: none !important; }
 
/* layout */ 

body {
	background: #fff;
	text-align: center;
 background: url(../img/bg.gif) repeat 0 0;
}
#wrapper{
	margin: 0 auto;
	border-left: solid 1px #d7d7d7;
	border-right: solid 1px #d7d7d7;
	width: 833px;
 background-color: #fff;
	text-align:left;
}
#content{
	clear: both;
	position: relative;
	background: url(../img/bg_content.jpg) repeat-y 0 0;
}
 
/* header */ 

#wrapper #header {
	margin: 0 auto;
	padding: 0 0 11px 18px;
	width: 815px;
	background:url(../img/bg_head.jpg) repeat-x 0 bottom;
}
#wrapper #header p#logo {
	padding: 5px 0 0;
	float: left;
	width: 548px;
}
#wrapper #header #headnav_area {
	float: left;
	padding-left: 40px;
}
#wrapper #header #headnav_area img {
	display: block;
}
#wrapper #header ul#hnav {
	margin-top: 3px;
	border-left: 1px solid #d8d8d8;
	width: 219px;
}
#wrapper #header ul#hnav li {
	float: left;
	padding: 3px 10px;
	border-right: 1px solid #d8d8d8;
}
#wrapper #header ul#hnav li a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#wrapper #header ul#hnav li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#wrapper #header ul#hnav li a:hover img,
#wrapper #header ul#hnav li a.active img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#wrapper #content {
 clear: left;
}

div#side p.pagetop {
	clear: both;
	position: absolute;
	bottom: 20px;
	width: 192px;
	left: 0px;
	padding: 5px 0 0 5px;
}
div#side p.pagetop img {
	display: inline;
}
div#side p.pagetop a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
 
/* Top Menu */ 

#topMenu {
	margin-bottom: 5px;
}

#topMenu li {
	float: left;
}
#topMenu li a {
	height: 54px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background-repeat: no-repeat;
}
#topMenu .home a { width: 166px; background-image: url(../img/topmenu_home.jpg); }
#topMenu .history a { width: 167px; background-image: url(../img/topmenu_history.jpg); }
#topMenu .kake a { width: 167px; background-image: url(../img/topmenu_kake.jpg); }
#topMenu .access a { width: 166px; background-image: url(../img/topmenu_access.jpg); }
#topMenu .contact a { width: 167px; background-image: url(../img/topmenu_contact.jpg); }
 	
/* main content */ 

div#main {
	float: left;
	width: 605px;
	margin-left: 12px;
	padding-bottom: 60px;
}
div#main p#topic_path {
	margin-bottom: 35px;
	padding: 0 5px;
	text-align: right;
}
div#main p#topic_path a {
	color: #068bc3;
}
 
/* footer */ 

#wrapper #footer {
 clear: left;
}
#wrapper div#footer {
	margin: 0 auto;
	padding: 10px 0 30px 0;
	background: #f0f0f0;
	width: 833px;
	text-align: left;
	background: url(../img/bg_foot.jpg) repeat-x 0 top;
	border-bottom: solid 1px #d7d7d7;
	}
#wrapper div#footer_left {
	float: left;
	padding-left: 10px;
	width: 540px;
}
#wrapper div#footer_left p{
 color: #333;
	font-size:11px;
}
#wrapper ul#fnav {
	margin-bottom: 15px;
	border-left: 1px solid #666;
}
#wrapper ul#fnav li {
	padding: 0 15px;
	border-right: 1px solid #666;
	float: left;
	width: auto;
	line-height: 1.0;
}
#wrapper ul#fnav li a {
	line-height: 1.0;
	text-decoration: none;
}
#wrapper div#footer_right {
	float: left;
	width: 270px;
	font-size: 10px;
}
#wrapper div#footer_right a{
	font-size: 10px;
}
#wrapper div#footer_right address a { color: #068bc3;}
#wrapper div#footer_right address a:visited { color: #818ff4;}
#wrapper div#footer_right address a:hover { color: #28afdf;}
#wrapper div#footer_right address a:active { color: #ff236c;}

#wrapper div#footer_right address {
	font-size: 10px;
	line-height: 1.2;
}
#wrapper div#footer_right strong {
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2;
}