﻿@charset "UTF-8";
/* styleReset
----------------------------------------------- */
html,body {
 height: 100%;
 margin: 0 auto;
	text-decoration: none;
 scrollbar-face-color: #E1E2E6;
 scrollbar-arrow-color: #4C505B;
 scrollbar-highlight-color: #ffffff;
 scrollbar-shadow-color: #ececdb;
 scrollbar-base-color: #ececdb;
 scrollbar-3dlight-color: #E6E6E6;
 scrollbar-darkshadow-color: #999999;
	scrollbar-track-color: #d6d9de;
}
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
 text-decoration: none;
 color: #555;
 text-align: left;
}
img {
	border: none;
}
.font1 {
 color: #fff;
}
.font2 {
 color: #c99c29;
}
.detail_right {
 float: right
}

/* tooltip
----------------------------------------------- */
 a:hover {
 text-decoration:none;
} 
/*BG color is a must for IE6*/
 a.tooltip span {
 display: none;
 padding: 10px;
 margin-left: 1px;
 width: 250px
}
 a.tooltip:hover span{
 display: inline;
 position: absolute;
 background: #efefef;
 border: 1px solid #777;
 color: #555
}

/* clearfix
----------------------------------------------- */
.clearfix:after { /*floatの解除*/
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: "."
}
.clearfix {
	min-height: 1px; /*for IE6/7*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*forMAC/IE5.x*/
	height: auto;
	overflow: hidden
	/**/
}
.clear {
 clear: both
}

/* container
----------------------------------------------- */
#container {
	margin: 0 auto;
 text-align : center;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 position: relative
}

/* header
----------------------------------------------- */
#header {
	margin: 30px auto;
	width: 960px;
	height: 52px
}

#ci {
 text-align: left;
	float: left
}

/* menu
----------------------------------------------- */
.menu {
 margin-top: 10px;
 float: right;
 border-bottom: 1px solid #ccc
}
ul.menu li{
 float: left;
	width: 120px;
	height: 30px;
 line-height: 30px;
	text-align: center;
	position: relative;
 margin: 1px;
 border-bottom: 2px solid #547884
}
ul.menu li a{
	display: block;
 width: 100%;
 height: 100%;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
 background: #fff;
}
ul.menu li a:hover{
	background: #547884;
 color: #fff !important
}
ul.menu:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden
}

/* footer
----------------------------------------------- */
#footer_bg {
	position: absolute;
 bottom: 0;
 left: 0;
 height: 100px;
 width: 100%;
 background: #fff;
 text-align: center;
 border-top: solid 1px #547884
}
#footer_up {
	height: 1px;
 width: 100%;
 background: #666;
 margin: 0 auto
}
#footer {
	height: 100px;
 width: 960px;
 margin: 0 auto
}
.footer_txt {
 text-align: left;
 position: relative;
	top: 30px;
 float: left
}
.footer_txt2 {
	text-align: right;
 position: relative;
	top: 45px;
 float: right
}

/* main_img
----------------------------------------------- */
#main_img {
	width: 960px;
 margin: 0 auto
}

/* main
----------------------------------------------- */
#main {
	width: 960px;
 margin: 0 auto;
 text-align: center;
 padding-bottom: 100px;
 z-index: 1
}
#main a:link {
	color: #335F83 ;
	text-decoration: none
}
#main a:visited {
	color: #335F83 ;
	text-decoration: none
}
#main a:active { 
	color: #FF8000 ;
	text-decoration: none
}
#main a:hover {
	color: #FF8000 ;
	text-decoration: none
}
#main a:hover {
	position: relative;
	top: 1px;
	left:1px
}

/* main_left
----------------------------------------------- */
#main_left {
	width: 620px;
 margin: 20px 20px 30px 0;
 float: left
}
/* main_left
----------------------------------------------- */
.txt1 {
 font-size: 110%
}

/* main_right
----------------------------------------------- */
#main_right {
	width: 320px;
 margin: 10px 0 30px 0;
 float: right
}

/* loginbox
----------------------------------------------- */
#loginbox {
	width: 320px
}
/* loginbox_head
----------------------------------------------- */
#loginbox_head {
	width: 310px;
 height: 30px;
 background: #7c756d;
 line-height: 30px;
 text-indent: 10px;
 color: #fff;
 border-left: solid 10px #555
}
* html #loginbox_head {
	width: 320px;
 height: 30px;
 background: #7c756d;
 line-height: 30px;
 text-indent: 10px;
 color: #fff;
 border-left: solid 10px #555
}

















