@charset "UTF-8";
html,
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd,
q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt,
dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot,
thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption,
footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time,
mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

body{
	font-size: 13px;
	line-height: 180%;
	letter-spacing: 2px;
	padding: 0px;
	margin: 0px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align: center;
	min-width: 980px;
}

html {
	line-height: 1;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q,
blockquote {
	quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	 content: "";
	content: none;
}

a img {
	border: none;
}

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

.clear{
	clear: both;
}

.left{
	float: left;	
}

.right{
	float: right;	
}

.text_left{
	text-align: left;
}

.text_right{
	text-align: right;
}

.text_center{
	text-align: center;
}


/*font*/
.fontcolor-gery{
	color:#595757;
}


.fontcolor-fff{
	color:#fff;
}

.fontcolor-blue{
	color:#0068b6;
}

.font-bold{
	font-weight: bold;
}

.font-size_27{
	font-size:27px;
}

.font-size_23{
	font-size:23px;
}

.font-size_18{
	font-size:18px;
}

.font-size_16{
	font-size:16px;
}

.font-size_14{
	font-size:14px;
}

.font-size_11{
	font-size:11px;
}

.font-size_9{
	font-size:9px;
}

/*line*/
.line-fff{
	border-top: 1px solid #FFFFFF;
}

/*margin*/
.ma_5_0_0{
	margin:5px 0 0;
}

.ma_10_0{
	margin:10px 0;
}

.ma_0_10{
	margin:0 10px;
}

.ma_0_0_10_0{
	margin:0 0 10px 0;
}

.ma_15_0_0{
	margin:15px 0 0;
}

.ma_0_0_20{
	margin:0 0 20px;
}

.ma_20{
	margin:20px;
}

.ma_20_0{
	margin:20px 0;
}

.ma_20_0_0{
	margin:20px 0 0 ;
}

.ma_20_0_40{
	margin:20px 0 40px;
}

.ma_25{
	margin:25px;
}

.ma_0_0_25{
	margin:0 0 25px;
}

.ma_25_0_50{
	margin:25px 0 50px;
}

.ma_30_0_0{
	margin: 30px 0 0;
}
.ma_30_15_0{
	margin: 30px 15px 0;
}
.ma_30_0_10{
	margin:30px 0 10px;
}

.ma_30_20_0{
	margin: 30px 20px 0;
}

.ma_0_0_30{
	margin:0 0 30px;
}

.ma_35_40{
	margin:35px 40px;
}

.ma_35_0_0_40{
	margin:35px 0 0 40px ;
}

.ma_0_0_35{
	margin:0 0 35px;
}

.ma_40_0{
	margin:40px 0;
}

.ma_40_30{
	margin:40px 30px;
}

.ma_0_0_40{
	margin:0 0 40px;
}

.ma_50_0{
	margin:50px 0;
}

.ma_50_0_30{
	margin:50px 0 30px;
}

.ma_0_0_50{
	margin:0 0 50px;
}

.ma_60_0_50{
	margin:60px 0 50px;
}

.ma_65_0_30{
	margin:65px 0 30px;
}

.ma_0_60_0_0{
	margin:0 60px 0;
}

.ma_60_0_0{
	margin:60px 0 0;
}

.ma_65_0_25{
	margin:65px 0 25px;
}

.ma_0_0_100{
	margin:0 0 100px ;
}

/*padding*/
.pa_5{
	padding:5px;
}
.pa_5_0_0{
	padding:5px 0 0;
}

.pa_10_0{
	padding:10px 0;
}

.pa_10_0_40_0 {
	padding:10px 0 40px 0;
}

.pa_0_20{
	pdding:0 20px;
}

.pa_20_0_40{
	padding:20px 0 40px;
}

.pa_0_0_25{
	padding:0 0 25px;
}

.pa_50_0{
	padding:50px 0;
}

/*head*/
.header-line {
	border: 6px solid #0068b6;
	margin-top: 0px;
}

.headerbox{
	margin: 0 auto;
	width: 980px;
	position: relative;
	top: -7px;
}

.header-text{
	color: #000000;
	float: left;
	text-align: left;
	padding-top: 30px;
	padding-left: 10px;
	line-height: 29px;
}

.headerbox_mail a {
	display: block;
	width: 100px;
	height: 88px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/header-mail.png);
	line-height: 65px;
}
.headerbox_mail a:hover {
	background-position: 0 bottom;
}

/*header-navi*/
#headernavi {
	*zoom: 1;
	list-style-type: none;
	width: 980px;
	height: 87px;
	margin: 0 auto;
	padding: 0;
}

#headernavi:before, #headernavi:after{
	content: "";
	display: table;
}

#headernavi:after{
	clear: both;
}

#headernavi li{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

#headernavi li a{
	display: block;
	height: 87px;
	background-image: url(../img/header-navi.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

/* サブメニュー */
#headernavi li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 82%;
	left: 0;
	margin: 0;
	padding: 0;
}

#headernavi li ul li{
	display: block;
	width: 202px;
	vertical-align: middle;
}

#headernavi li ul li a.menu_1 {
	display: inline-block;
	padding: 8px 30px 0 15px;
	height: 80%;
	background: #fff;
	text-align: left;
	color: #595757;
	font-weight: bold;
}

#headernavi li ul li a.menu_2 {
	display: inline-block;
	padding: 8px 25px 0 20px;
	height: 80%;
	background: #fff;
	text-align: left;
	color: #000;

}

.menu_color{
	color:#0068b6;
}

#headernavi li ul li a:hover{
	background: #eeeeef;
	color: #C5C5C5;
}

/* サブメニュー */

/* サブメニューの動きの制御 */
#headernavi li ul li{
	overflow: hidden;
	height: 0;
	width:202px;
	transition: .2s;
	display: block;
}

#headernavi li:hover ul li{
	overflow: visible;
	width: 202px;
	height: 38px;
}


/* サブメニューの動きの制御 */


#headernavi ul li#menu1 a {
	width: 136px;
	background-position: 0 0;
}

#headernavi ul li#menu2 a {
	width: 155px;
	background-position: -136px 0;
}

#headernavi ul li#menu3 a {
	width: 156px;
	background-position: -293px 0;
}

#headernavi ul li#menu4  a {
	width: 156px;
	background-position: -450px 0;
} 

#headernavi ul li#menu5  a {
	width: 197px;
	background-position: -606px 0;
}

#headernavi ul li#menu6  a {
	width: 179px;
	background-position: -803px 0;
}

#headernavi ul li#menu1 a:hover {
	width: 136px;
	background-position: 0 -86px;
}

#headernavi ul li#menu2 a:hover {
	width: 155px;
	background-position: -136px -86px;
}

#headernavi ul li#menu3 a:hover {
	width: 156px;
	background-position: -293px -86px;
}

#headernavi ul li#menu4  a:hover {
	width: 156px;
	background-position: -450px -86px;
} 

#headernavi ul li#menu5  a:hover {
	width: 197px;
	background-position: -606px -86px;
}

#headernavi ul li#menu6 a:hover {
	width: 179px;
	background-position: -803px -86px;
}

/*main*/
.main-content{
	margin: 0 auto;	
}

.main-content-980{
	margin: 0 auto;
	width: 980px;
	display: block;
}

.main-head{
	width: 100%;
	background-color: #2174b3;
	height: 140px;
}

.main-head_img{
	margin: 0 auto;
	width: 980px;
}

.button_arrow{
	font-size: 23px;
	margin-top: 0;
	position: absolute;
	right: 16px;
}

.button_arrow_2{
	font-size: 23px;
	margin-top: 2px;
	position: absolute;
	right:10px;
}

/*pankuzu*/
.pankuzu{
	width: 980px;
	margin: 0 auto;
	height: 50px;
}

.pankuzu-text{
	text-align: left;
}

.pankuzu :link, .pankuzu a:visited, .pankuzu a:hover, .pankuzu a:active {
	color: #0068b6;
	text-decoration: underline;
}


a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/*footer*/
.footer-top{
	margin: 40px auto;
	width: 980px;
	text-align: center;
}

.footer-top-box{
	background-color: #0068b6;
	width: 63px;
	margin: 0 auto;
	height: 63px;
	padding: 5px;
	display: block;
}

.foot-top_font{
	color: #fff;
	font-size: 25px;
}

.footer-bottom{
	background-color: #0068b6;
}

.footer-bottom-box{
	margin: 0 auto;
	width: 980px;
}

.foot-bottom_logo{
	float: left;
	margin-top: 35px;
	margin-bottom: 50px;
}

.foot-bottom_banner{
	float: right;
	margin-top: 35px;
	margin-bottom: 50px;
}

.foot_text{
	text-align: left;
	color: #fff;
	margin-left: 70px;
	letter-spacing: 1px;
}

/*footnavi*/
#footernavi{
	height: 72px;
	margin: 0 auto;
	background-color: #64a3d1;
	*zoom: 1;
	list-style-type: none;
	padding: 0;
}

#footernavi ul{
	margin: 0 auto;
	width: 980px;
	position:relative;
}


#footernavi:before,#footernavi:after{
	content: "";
	display: table;
}

#footernavi:after{
	clear: both;
}

#footernavi ul li{
	height: 87px;
	float: left;
}

#footernavi li{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

#footernavi ul li a {
	text-decoration: none;
	display: block;
	height: 72px;
	background-image: url(../img/footer-navi.png);
	background-repeat: no-repeat;
}


/* サブメニュー */

#footernavi li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	bottom: 86px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 202px;
}

#footernavi li ul li{
	display: block;
	width: 202px;
	vertical-align: middle;
	transition: .2s;
}

#footernavi li ul li a.menu_1 {
	display: inline-block;
	padding: 8px 30px 0 15px;
	height: 80%;
	background: #f2f8ff;
	text-align: left;
	color: #595757;
	font-weight: bold;
}

#footernavi li ul li a.menu_2 {
	display: inline-block;
	padding: 8px 25px 0 20px;
	height: 80%;
	background: #f2f8ff;
	text-align: left;
	color: #000;

}

#footernavi li ul li a:hover{
	background: #eeeeef;
	color: #C5C5C5;
}

/* サブメニュー */

/* サブメニューの動きの制御 */
#footernavi li ul li{
	overflow: hidden;
	height: 0;
	width:200px;
	display: block;
}

#footernavi li:hover ul li{
	overflow: visible;
	width: 200px;
	height: 38px;
	/*bottom: 481px;*/
}


/* サブメニューの動きの制御 */


#footernavi ul li#foot_menu1 a {
	width: 136px;
	background-position: 0 0;
}

#footernavi ul li#foot_menu2 a {
	width: 158px;
	background-position: -136px 0;
}

#footernavi ul li#foot_menu3 a {
	width: 156px;
	background-position: -294px 0;
}

#footernavi ul li#foot_menu4  a {
	width: 156px;
	background-position: -450px 0;
} 

#footernavi ul li#foot_menu5  a {
	width: 195px;
	background-position: -607px 0;
}

#footernavi ul li#foot_menu6  a {
	width: 178px;
	background-position: -802px 0;
}

#footernavi ul li#foot_menu1 a:hover {
	width: 136px;
	background-position: 0 -72px;
}

#footernavi ul li#foot_menu2 a:hover {
	width: 158px;
	background-position: -136px -72px;
}

#footernavi ul li#foot_menu3 a:hover {
	width: 156px;
	background-position: -294px -72px;
}

#footernavi ul li#foot_menu4  a:hover {
	width: 156px;
	background-position: -450px -72px;
} 

#footernavi ul li#foot_menu5  a:hover {
	width: 195px;
	background-position: -607px -72px;
}

#footernavi ul li#foot_menu6 a:hover {
	width: 178px;
	background-position: -802px -72px;
}

/*白くする*/
.overwhite{
	background-color:#ffffff;
	display:block;
}

.overwhite:hover img{
	cursor:pointer;
	filter: alpha(opacity=60);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";	/* ie 8 */
	-moz-opacity:0.6;					/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;				/* Safari 1.x */
	opacity:0.6;
	zoom:1;
}

.mapborder {
	border: 1px solid #000;
}