@charset "utf-8";


/* ---------------------------------------------
　base modules
------------------------------------------------ */

.body {
	clear:both;
}

.wrap{
	clear:both;
}

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


/* ---------------------------------------------
　header
------------------------------------------------ */

.header{
	background:#fff;
	width:100%;
	z-index:2;
}

.header .inner{
	width:960px;
	height:200px;
	position:relative;
}

.header .logo{
	position:absolute;
	top:30px;
	left:325px;
}

.header li{
	float:left;
}

.header .global-navigation{
	position:absolute;
	left:0;
	bottom:0;
	width:960px;
	height:78px;
	background: url(../images/bg_gnav.png) no-repeat 0 0;
	z-index:10;
}

.header .global-navigation .stay img,
.header .global-navigation img:hover{
	opacity: 0;
	filter:alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";
}

.header .utility-navigation{
	position:absolute;
	right:0;
	top:42px;
}

.header .utility-navigation li.ton{
	display:none;
}

/*.header.fixed{
	position:fixed;
}*/

/*.header .anchor-ex {
    background: url(../images/icon_window02.png) no-repeat right 100%;
    padding-right: 15px;
}*/

#acMenu{
	position:absolute;
	top:45px;
	right:180px;
	color:#1e3f60;
}

#acMenu a:link,
#acMenu  a:visited,
#acMenu  a:hover,
#acMenu  a:active{
	color:#1e3f60;
	text-decoration:none;
}

#acMenu dt{
    display:block;
    width:116px;
    height:33px;
    line-height:33px;
    text-align:center;
    border:#265c92 1px solid;
    cursor:pointer;
	background:url(../images/icon_lan.png) no-repeat 90% 50%;
}
#acMenu dd{
    background:#fff;
    width:116x;
    height:33px;
    line-height:33px;
    text-align:center;
    border:#265c92 1px solid;
	border-top:none;
    display:none;
}

#acMenu dd a{
	display:block;
	width:100%;
	height:33px;
}

/* ---------------------------------------------
　container
------------------------------------------------ */

.keyvisual{
	width:100%;
	min-width: 960px;
}

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

/* ------ title -------------------------------- */

.page-title{
	width:100%;
	min-width:960px;
	height:350px;
	background:#eee;
	text-align:center;
	position:relative;
	margin-top:-40px;
	background: url(../../main/contactus/images/bg_title.jpg) center no-repeat;
	background-size: cover;
}

.page-title h1{
	display:inline-block;
	margin-top:124px;
	padding:20px 35px;
	text-align:center;
	color:#fff;
	font-size:34px;
	font-weight: normal;
	letter-spacing:-1px;
	line-height:1.4;
	background-color:rgba(0,0,0,0.5);
}

.page-title h1 span{
	display:block;
	padding-top:10px;
	letter-spacing:0;
	color:#b4b4b4;
	font-size:16px;
	font-weight: normal;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	background: url(../../main/images/bg_title_line.png) no-repeat 50% 0;
}

.page-title.news{
	background:url(../../main/images/bg_h1_news.jpg) center no-repeat;
	background-size: cover;
}


/* ------ topic-path --------------------------- */

.topic-path {
	text-align:left;
	padding:8px 0;
	font-size:11px;
	background:#f7f7f7;
	border-bottom:1px solid #dadada;
}

.topic-path p{
	width:960px;
	margin:0 auto;
}

.topic-path a,
.topic-path a:link,
.topic-path a:hover,
.topic-path a:visited,
.topic-path a:active {
	color:#1e3f60;
	margin-right:5px;
}

/* ------ pagetop ------------------------------ */

#pagetop{
	clear:both;
	width:100%;
	min-width:960px;
}

#pagetop a{
	background-color:#1e3f60;
	display:block;
	line-height:1;
}

/* content
------------------------------------------------ */

.content {
	float:left;
	width:685px;
	margin:50px auto;
	text-align:left;
	background:#fff;
	padding:0;
}

.content1column {
	float:left;
	width:960px;
	margin:0px auto 50px auto;
	text-align:left;
	background:#fff;
	padding:0;
}

.content-blog {
	width:685px;
	float:left;
	text-align:left;
	background:#fff;
	padding:0;
}

/* sidebar
------------------------------------------------ */

.sidebar{
	width:245px;
	margin-top:54px;
	float:right;
	text-align:left;
}


/* ------ local-navigation --------------------- */

.sidebar .local-navigation{
	margin-bottom:20px;
}

.sidebar .local-navigation h2{
	margin:0;
	background:#1e3f60;
	padding:30px 15px;
	color:#fff;
	font-size:20px;
	line-height:1.2;
}

.sidebar .local-navigation h2 span{
	font-size:15px;
	color:#b6bcc5;
	padding-left:10px;
}

.sidebar .local-navigation ul li ul{
	padding:0 0 0 35px;
}

.sidebar .local-navigation ul span{
	font-size:78%;
}

.sidebar .local-navigation ul li{
	border-bottom:1px solid #c7c7c7;
}

.sidebar .local-navigation ul li li{
	border:none;
}

.sidebar .local-navigation li a{
	background:url(../../main/images/icon_arrow02.png) no-repeat 15px 1.8em;
	padding:20px 0 20px 37px;
	display:block;
	color:#636363;
}

.sidebar .local-navigation li li a{
	background:url(../../main/images/icon_arrow03.png) no-repeat 0 1.8em;
	padding-left:10px;
	color:#636363;
}

.sidebar .local-navigation li.stay a,
.sidebar .local-navigation li a:hover{
	background-color:#eff4f9;
	color:#226db7;
}

.sidebar .local-navigation li a:link,
.sidebar .local-navigation li a:visited,
.sidebar .local-navigation li a:hover,
.sidebar .local-navigation li a:active{
	text-decoration:none;
}

/* ------ content-local-navigation --------------------- */

.content .content-local-navigation table{
	border:none;
}

.content .content-local-navigation table td{
	background:#fff;
	border:1px solid #8fd9c7;
	font-size:14px;
	padding:0;
	width:33.333%;
	vertical-align:middle;
	text-align:center;
	line-height:1.6;
}

.content .content-local-navigation table td a{
	background:#fff;
	color:#333;
	text-decoration:none;
	padding:0;
	display:table-cell;
	width:33.333%;
	height:60px;
	vertical-align:middle;
}

.content .content-local-navigation table td a:hover,
.content .content-local-navigation table td.active a{
	background:#71c6b1;
	color:#fff;
}



.content .content-local-navigation{
	margin:0;
	position:relative;
	clear:both;
}

.content .content-local-navigation ul{
	margin:0;
	_zoom:1;
}

.content .content-local-navigation li{
	float:left;
	width:33.333%;
	height:60px;
	line-height:62px;
	text-align:center;
}

.content .content-local-navigation li a{
	width:100%;
	height:100%;
	padding:0;
	display:block;
	color:#333;
	background:#fff;
	border:1px solid #8fd9c7;
	text-decoration:none;
}

.content .content-local-navigation li a:hover,
.content .content-local-navigation li.active a{
	background:#71c6b1;
	color:#fff;
}

/* 2列の場合 */
.content .content-local-navigation.two-col li{
	width:49.8958333%;
}

/* ------ banner ------------------------------- */

.sidebar .banner{
	margin-top:30px;
}

.sidebar .banner li{
	margin-bottom:10px;
}



/* ---------------------------------------------
　footer
------------------------------------------------ */

.footer{
	color:#333;
	clear:both;
}

.footer .inner{
	width:960px;
	margin:0 auto;
	padding:30px 0;
}


.footer a,
.footer a:link,
.footer a:hover,
.footer a:visited{
	color:#333;
	text-decoration:none;
}

.footer a:hover{
	text-decoration:underline;
}

.footer .footer-navigation{
	float:left;
	text-align:left;
}

.footer-navigation{
	width:240px;
}

.footer-navigation.short{
	width:120px;
}

.footer-navigation li{
	background:url(../../main/images/icon_arrow01.png) left top .3em no-repeat;
	padding:0 0 0 15px;
	margin:0 0 15px;
}

.footer-navigation li ul{
	margin:10px 0 0;
}

.footer-navigation li ul li{
	background:url(../../main/images/icon_arrow02.png) left top .4em no-repeat;
	margin:0 0 5px;
	font-size:13px;
}

.footer li ul a,
.footer li ul a:link,
.footer li ul a:visited {
	color:#636363;
}

.footer a:hover,
.footer a:active,
.footer li ul a:hover,
.footer li ul a:active{
	color:#6ea8e1;
}

.copyright{
	background:#d9d9d9;
	border-top:1px solid #afafaf;
	font-size:14px;
	color:#222222;
	width:100%;
	min-width:960px;
	height:72px;
	line-height:70px;
}


/* switch-area */

footer #spchange{
	display:block;
}

footer .switch-area {
	background:#1e3f60;
	padding:20px 0;
	overflow:hidden;
}
footer ul.switch-device {
	padding:0;
	margin:0;
	float:left;
	left:50%;
	position:relative;
}
footer .switch-device li {
	float:left;
	left:-50%;
	position:relative;
	width:50%;
	text-align:center;
}

footer .switch-device li img, 
footer .switch-device li input{
	max-width:100%;
}

footer .switch-device li.current {
	margin:0;

}