@charset "utf-8";

/*********************************
 *
 * COMMON STYLES
 *
 *********************************/

body {color:#4d4d4d; background:#edeeee; font-size:12px; font-family:"メイリオ",Meiryo,"ＭＳ ゴシック",monospace;}
a {color:#007167;} a:hover{color:#00ab9e; text-decoration:none;}
a:hover img.hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; background:#fff;}
.bold {font-weight:bold;}

/*********************************
 *
 * WRAPPER
 *
 *********************************/

#wrapper {background:url(../images/bg.gif) center top repeat-y;}

#header,
#gnavi ul,
#main {width:1024px; margin:0 auto;}
@media screen and (max-width: 768px) {
	#main { width: auto; }
}


/*********************************
 *
 * HEADER
 *
 *********************************/

#header {height:60px; padding-top:15px; line-height:1;}
	#header img {margin-top:3px;}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

/*********************************
 *
 * GNAVI
 *
 *********************************/
 
#gnavi {background:#007770;}
#gnavi ul {overflow:hidden; height:48px; background:url(../images/gnavi.png) no-repeat;}
	#gnavi li {float:left;}
	#gnavi li span {display:none;}	
	#gnavi li a {display:block; height:48px;}
	#gnavi li.n1v, #gnavi li.n1 a,
	#gnavi li.n2v, #gnavi li.n2 a,
	#gnavi li.n3v, #gnavi li.n3 a,
	#gnavi li.n4v, #gnavi li.n4 a,
	#gnavi li.n5v, #gnavi li.n5 a {width:152px;}
	#gnavi li.n6v, #gnavi li.n6 a {width:153px;}
	#gnavi li.n1 a:hover, #gnavi li.n1v {background:url(../images/gnavi.png) 0 -48px no-repeat;}
	#gnavi li.n2 a:hover, #gnavi li.n2v {background:url(../images/gnavi.png) -152px -48px no-repeat;}
	#gnavi li.n3 a:hover, #gnavi li.n3v {background:url(../images/gnavi.png) -304px -48px no-repeat;}
	#gnavi li.n4 a:hover, #gnavi li.n4v {background:url(../images/gnavi.png) -456px -48px no-repeat;}
	#gnavi li.n5 a:hover, #gnavi li.n5v {background:url(../images/gnavi.png) -608px -48px no-repeat;}
	#gnavi li.n6 a:hover, #gnavi li.n6v {background:url(../images/gnavi.png) right -48px no-repeat;}

/*********************************
 *
 * MAIN
 *
 *********************************/

#main {margin-top:15px;}
	.contents {padding:35px 25px;}



/*********************************
 *
 * FOOTER
 *
 *********************************/

#footer {width:100%; margin-top:20px; background:#007770;}
	#footer .inner {position:relative; width:913px; height:33px; margin:0 auto;}
	#footer h3 {position:absolute; top:6px; left:20px; padding-right:25px; border-right:1px solid #fff;}
	#footer ul {position:absolute; width:750px; top:8px; left:150px;}
		#footer ul li {float:left; margin-left:30px;}
		#footer ul li a {color:#fff; text-decoration:none;}		
		#footer ul li a:hover {text-decoration:underline;}

/*********************************
 *
 * sp-menu
 *
 *********************************/

#slide_menu ul li span.current{
	background-color: #007a80;
    color: #ffffff;
    padding: 14px 12px;
    box-sizing: border-box;
    font-size: 14px;
    display: block;
    width: 240px;
    position: absolute;
	height: 50px;
	border-bottom: 1px solid #268e93;
 }
.base_products #slide_menu ul li span.active01.current
{
	background-color: #d7d7d7;
    color: #007a80;
}
.base_application #slide_menu ul li a p.active02,
.base_service #slide_menu ul li a p.active03,
.base_events #slide_menu ul li a p.active04,
.base_company #slide_menu ul li a p.active05,
.base_contact #slide_menu ul li a p.active06
{
	background-color: #d7d7d7;
    color: #007a80;
}
.base_products #gnavi li.n1.act_1 {
	background:url(../images/gnavi.png) 0 -48px no-repeat;
}
.base_application #gnavi li.n2.act_2 {
	background:url(../images/gnavi.png) -152px -48px no-repeat;
}
.base_service #gnavi li.n3.act_3 {
	background:url(../images/gnavi.png) -304px -48px no-repeat;
}
.base_events #gnavi li.n4.act_4 {
	background:url(../images/gnavi.png) -456px -48px no-repeat;
}
.base_company #gnavi li.n5.act_5 {
	background:url(../images/gnavi.png) -608px -48px no-repeat;
}
.base_contact #gnavi li.n6.act_6 {
	background : url(../images/gnavi.png) right -48px no-repeat;
}


sub {
	top: 0;
	font-size: 0.333em;
	vertical-align: bottom;
}
/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
	sub {
		top: 0;
		font-size: 0.500em;
		vertical-align: bottom;
	}
 }
/* IE */
@media all and (-ms-high-contrast: none) {
    sub:not(:target) {
        top: 0;
		font-size: 0.833em;
		vertical-align: bottom; /* IE10以上 */
    }
}
/* Edge */
@supports (-ms-ime-align:auto) {
    sub{
		top: 0;
		font-size: 0.833em;
		vertical-align: bottom;
	}
}
/* Firefox */
@-moz-document url-prefix(){
	sub {
		top: 0;
		font-size: 0.667em;
		vertical-align: bottom;
	}
  }