@charset "utf-8";

/* reset.css */

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-size: 100%;
	font: inherit;
	vertical-align: bottom;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-size:13px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {	border-collapse: collapse;
	border-spacing: 0;
}

body{ border-top:solid 5px #000000; line-height:1.8em;}

/*clearFix*/
.clearfix {zoom:1;}
.clearfix:after{content: ""; display: block; clear: both;}

strong{ font-weight:bold}

/*border-box*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*appearance*/
input[type="submit"],input[type="button"]{-webkit-appearance: none;}

a{ color:#000000; text-decoration:none}
a:hover{ color:#ccc;}
.footer a:hover{ color:#c0c0c0}
.ct{ vertical-align:middle}
.ft18{ font-size:18px;}
.red{ color:red}

.yellow{ text-decoration:underline}


.imp{ font-weight:bold}
.icon{ vertical-align:middle}

.mb10{ margin-bottom:10px}
/* ==== ========================================================
   header
============================================================ */
#cont{ position: relative}
.header{ width:960px; margin:0 auto;position: relative}
.header img{vertical-align: baseline;}
h1 { width:262px; height:37px; text-indent:-99999px; background:url(../images/nav/logo.gif); margin-top:30px; float:left; }
.subnav{ float:right; width:346px; text-align:right; line-height: normal}
.subnav li{ float:left; margin-top:15px}
.subnav li img{	vertical-align: baseline;}
.suv01 a{display: block;width: 115px;height: 13px; margin-right:30px;letter-spacing:1px; font-size:13px !important}
.suv02 a{display: block;width: 86px;height: 13px;background: url(../images/nav/nav_b_on.gif) no-repeat 1px 0 #FFFFFF; margin:0; padding:0}
.subnav li.suv04{ margin-top:0px}
.suv04 a{display: block;width: 200px;height: 72px;background:#ffae46; color:#fff; font-size:17px; font-weight:bold; padding:25px 30px; text-align:center;	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;}
.suv04 a:hover{ background:#ffc57b}


#menuBody{ width:960px; clear:both; z-index:888;position: absolute; top:90px}
#menuBody li{ float:left}
.subnav li img{	vertical-align: baseline;}
ul.nav{overflow: hidden; width: 284px;float: left; height:30px}
ul.nav li.head{overflow: hidden; width: 169px; height:30px;}
ul.nav{ background:#FFFFFF; }
ul.nav li.down{ height:50px;}
ul.nav li.down:hover{background: #78cfdf;}
.nav03{ margin-left:-115px;}

#menuBody li.nav01 a{display: block;width: 84px;height: 30px;background: url(../images/nav/menu01_on.gif) no-repeat 0 0px;}
#menuBody li.nav02 a{display: block;width: 169px;height: 30px;background: url(../images/nav/menu02_on.gif) no-repeat 0 0px;}
#menuBody li.nav03 a{display: block;width: 141px;height: 30px;background: url(../images/nav/menu03_on.gif) no-repeat 0 0px;}
#menuBody li.nav04 a{display: block;width: 159px;height: 30px;background: url(../images/nav/menu04_on.gif) no-repeat 0 0px;}
#menuBody li.nav05 a{display: block;width: 161px;height: 30px;background: url(../images/nav/menu05_on.gif) no-repeat 0 0px;}
#menuBody li.nav06 a{display: block;width: 134px;height: 30px;background: url(../images/nav/menu06_on.gif) no-repeat 0 0px;}
#menuBody li.nav07 a{display: block;width: 111px;height: 30px;background: url(../images/nav/menu07_on.gif) no-repeat 0 0px;}

.int #menuBody li.nav01 img,
.communication #menuBody li.nav02 img,
.profilinglg #menuBody li.nav02 img,
#schedule #menuBody li.nav03 img,
.voice #menuBody li.nav04 img,
.lis #menuBody li.nav05 img,
.company #menuBody li.nav06 img,
.contact #menuBody li.nav07 img
{ display:none}



/* ============================================================
   ページトップ
============================================================ */

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}
#page-top a {
  background: rgba(0, 0, 0, 0.15);
  text-decoration: none;
  color: #fff;
  width: 45px;
  text-align: center;
  display: block;
  border-radius: 5px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  -webkit-transition:all 0.2s ease;
   -moz-transition:all 0.2s ease;
    -ms-transition:all 0.2s ease;
     -o-transition:all 0.2s ease;
}

#page-top a:after{content: "";position: absolute;left: 32px;top: 4px;border: 10px solid transparent;border-bottom: 14px solid #FFFFFF;margin-left: -20px;width: 20px;}
#page-top a:hover { text-decoration: none;  background: #78cfdf;
}

h1 a{ display:block; width:262px; height:37px; padding-top:5px}
.jppaT{ font-size:12px; z-index:8; top:8px; left:2px; position:absolute; color:#3ab4ca;letter-spacing: 1px; }