@charset "utf-8";
/* ============ KS QQ: 425340973 TEL: 18628958675 ================ */


html, div, form, h1, h2, h3, h4, h5, h6, p{margin:0; padding:0;}
body {
margin:0; padding:0; border:none;
font-size:12px;
line-height:150%;
color:#33322D;
background: #fff;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
img{ margin:0; padding:0; border:none;}
ol, ul, li, dl, dt, dd{
margin:0; padding:0;
list-style: none;
}
.fl{ float:left;}
.fr{ float:right;}

a{ color:#33322D; text-decoration:none;}
a:hover{ color:#E70012; text-decoration:underline;}

input{ color: #727171; }

.clear{ clear:both;}
/*----------------------------------------------------

----------------------------------------------------*/
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.wp{
	width: 1280px;
	margin: 0 auto;
	box-shadow: -4px 0px 10px rgba(0,0,0,0.1),		/* 右 */
				4px 0px 10px rgba(0,0,0,0.1),		/* 左 */
				0px 0px 2px rgba(0,0,0,0.1),		/* 上 */
				0px 4px 2px rgba(0,0,0,0.1);		/* 下 */
}

/* Update 2017.10.04 for ISMS new logo.
.header{ clear: both; height: 100px; position: relative;}
.header .logo{ padding: 11px 0 0 15px;}
.header .txt{ position: absolute; left: 345px; top: 40px; font-size: 14px; color: #666;}
.header .imsm{ position: absolute; top: 18px; right: 110px;}
.header .gmap{ position: absolute; top: 16px; right: 0px;}
*/
/* Update 2021.07.15 for Partner new logo.
.header{ clear: both; height: 120px; position: relative;}
.header .logo{ padding: 21px 0 0 15px;}
.header .txt{ position: absolute; left: 320px; top: 50px; font-size: 14px; color: #666;}
.header .imsm{ position: absolute; top: 0px; right: 110px;}
.header .gmap{ position: absolute; top: 36px; right: 0px;}
.header .gmap a{ display: block; width: 110px; height: 66px; background: url(../images/common/ico_s3.png) no-repeat 0 0;}
.header .gmap a:hover{ background-position: 0 -66px;}
*/

.header{ clear: both; height: 120px; position: relative;}
.header .logo{ padding: 22px 0 0 15px;}
.header .txt{ position: absolute; left: 400px; top: 56px; font-size: 14px; color: #666;}
.header .gmap{ position: absolute; top: 36px; right: 0px;}
.header .gmap a{ display: block; width: 110px; height: 66px; background: url(../images/common/ico_s3.png) no-repeat 0 0;}
.header .gmap a:hover{ background-position: 0 -66px;}

.footer{ clear: both; width: 1280px; height: 50px;}
.foot{ height: 26px; line-height: 26px; padding: 12px 18px 12px 12px; background: #64B2D6; color: #fff; font-size: 14px; position: relative;}
.foot a, .footer a:hover{ color: #fff;}
.foot ul{}
.foot ul li{ float: left; padding: 0 12px; background: url(../images/common/ico_s2.png) no-repeat center right;}
.foot ul li:last-child{ background: none;}
.foot p{ position: absolute; top: 12px; right: 18px; width: 50%; text-align: right;}

.footer_2{ clear: both; position: fixed; bottom: 0; width: 1280px; height: 50px; background: #64B2D6; color: #fff; font-size: 14px;}


.bnr_s{ height: 116px; position: relative; overflow: hidden;}
.bnr_s1{ background: url(../images/common/ico_s21.jpg) no-repeat;}
.bnr_s3{ background: url(../images/common/ico_s23.jpg) no-repeat;}
.bnr_s4{ background: url(../images/common/ico_s24.jpg) no-repeat;}
.bnr_s4_b{ background: url(../images/common/ico_s24b.jpg) no-repeat;}
.bnr_s4_c{ background: url(../images/common/ico_s24c.jpg) no-repeat;}
.bnr_s4_d{ background: url(../images/common/ico_s24d.jpg) no-repeat;}
.bnr_s5{ background: url(../images/common/ico_s25.jpg) no-repeat;}
.bnr_s6{ background: url(../images/common/ico_s26.jpg) no-repeat;}
.bnr_s7{ background: url(../images/common/ico_s27.jpg) no-repeat;}



.nav{ position: absolute; top: 9px; right: 19px;}
.nav li{ float: left; height: 95px; padding: 0 0 0 11px;}
.nav li a{ display: block; width: 84px; height: 95px;}
.nav li .n1{ background: url(../images/common/n1.png) no-repeat 0 0;}
.nav li.cur .n1, .nav li .n1:hover{ background-position: 0 -95px;}
.nav li .n2{ background: url(../images/common/n2.png) no-repeat 0 0;}
.nav li.cur .n2,.nav li .n2:hover{ background-position: 0 -95px;}
.nav li .n3{ background: url(../images/common/n3.png) no-repeat 0 0;}
.nav li.cur .n3,.nav li .n3:hover{ background-position: 0 -95px;}
.nav li .n4{ background: url(../images/common/n4.png) no-repeat 0 0;}
.nav li.cur .n4,.nav li .n4:hover{ background-position: 0 -95px;}
.nav li .n5{ background: url(../images/common/n5.png) no-repeat 0 0;}
.nav li.cur .n5,.nav li .n5:hover{ background-position: 0 -95px;}
.nav li .n6{ background: url(../images/common/n6.png) no-repeat 0 0;}
.nav li.cur .n6,.nav li .n6:hover{ background-position: 0 -95px;}