@charset "utf-8";

.pagetop {
 display: none;
 position: fixed;
 bottom: 30px;
 right: 55px;
 z-index:99999;
}

.pagetop a {
 display: block;
 width: 50px;
 height: 50px;
 background-color: #333;
 text-align: center;
 color: #fff;
 font-size: 24px;
 text-decoration: none;
 line-height: 50px;
}

#wrap{
	width:100%;
	height:auto;
	overflow:hidden;	
}

/*ヘッダー*/

#header{
	background:#fff;
	overflow:hidden;
}

.header_contents{
	width:960px;
	margin:0 auto;	
}

.header_text_area{
	height:14px;
	background:#172a88;	
}

.header_text{
	width:960px;
	margin:0 auto;	
	color:#fff;
	font-size:10px;
	line-height:13px;
}

.header_logo_area{
	width:100%;
	overflow:hidden;	
	padding-top:20px;
}

.header_logo{
	float:left;	
}

.header_renraku{
	float:right;
	margin-right:50px;
}

/*メインナビ*/

#main_nav{
list-style-type: none;
  width: 960px;
  height: 40px;
  margin: 10px auto 200px;
  padding: 0;	
}

#main_nav li {
  position: relative;
  width: 105px;
  float: left; 
  margin: 0;
  padding: 0;
  text-align: center;
}

#main_nav li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  font-size: 12px;
  text-decoration: none;
  color:#333;
}

#main_nav li a:hover{
  color:#fff;
  background: url(../images/main_nav_bg.png);
}

#main_nav li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index:9999;
  margin: 0;
  padding: 0;
  border-radius: 3px 3px 3px 3px;
}

#main_nav li ul li{
  overflow: hidden; 
  width:200px;
  height: 0;
  color: #ffffff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;    
  font-size:13px;
}

#main_nav li ul li a{
  padding: 13px 10px;
  background: url(../images/main_nav_bg.png);
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color:white;
}

#main_nav li:hover ul li{
  overflow: visible;    
  height: 38px;
}