/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 14px;
	line-height: 1.6;
}

textarea {
	font-style:normal;
	font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	color:#323232;
	background-color:#ffffff;
	font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sp {
	display:none !important;
}


/* font
===============================================================*/
a { 
	color:#323232;
	text-decoration:none;
}
 
a:visited {
	color:#323232;
	text-decoration:none;
}

a:hover {
	color:#323232;
	text-decoration: underline; 
}

a:active {
	color:#323232;
	text-decoration: underline; 
}


/* Contents
===============================================================*/
div#AllBox{
	padding:100px 0 0 0;
}


div#Contents {
	
}

div#Main {
	position:relative;
	z-index:10;
}


div#Main ul.pan {
	width:1000px;
	margin:5px auto 15px;
	clear:both;
	overflow:hidden;
}
div#Main ul.pan li {
    float: left;
    margin-right: 8px;
    padding-right: 10px;
	background:url(../images/common/ar.png) no-repeat right center;
}
div#Main ul.pan li:last-child {
	background:none;
}
div#Main ul.pan li a {
	text-decoration:underline;
}


div#SideBar {
		
}


/* HeaderBox
===============================================================*/
div#HeaderBox {
	width:100%;
	height:112px;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	background:url(../images/common/bg.png) repeat-x 0 0;
}

.menu_btn {
	background-color:#f7f5f0;
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:100px;
}

.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing:border-box;
}
.menu-trigger {
  width:45px;
  height:54px;
  display: block;
  padding:23px 27px 23px 27px;
  position: absolute;
  top:0;
  right:0;
  z-index:50;
  transition: all .4s;
  color:#214674;
}
.menu-trigger span {
  position: absolute;
  left: 27px;
  width: 45px;
  height: 4px;
  background-color: #214674;
}

.menu-trigger span:nth-of-type(1) {
  top: 23px;
}
.menu-trigger span:nth-of-type(2) {
  top: 36px;
}
.menu-trigger span:nth-of-type(3) {
  top: 48px;
}

.menu_btn .t {
  position:absolute;
  top:62px;
  left:0;
  width:100%;
  text-align:center;
  font-weight:bold;
  letter-spacing:0.05em;
  color:#214674;
}

.menu_btn .t2 {
	display:none;
  position:absolute;
  top:62px;
  left:0;
  width:100%;
  text-align:center;
  font-weight:bold;
  letter-spacing:0.05em;
  color:#214674;
}

.active .menu_btn .t {
	display:none;
}

.active .menu_btn .t2 {
	display:block;
}

.active .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}

.active .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}

.active .menu-trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
}

div#HeaderBox .comp {
	position:absolute;
	top:0;
	left:101px;
}

div#HeaderBox .comp a {
	display:block;
	transition: all 300ms 0s ease;
}

div#HeaderBox .comp a:hover {
	opacity:0.8;
}


div#HeaderBox .logo {
	width:374px;
	margin:0 auto;
	text-align:center;
	padding:10px 0 0 0;
}

div#HeaderBox .logo a {
	text-decoration:none;
}

@media screen and (max-width: 1100px) {

div#HeaderBox .logo {
	width:250px;
	padding:20px 0 0 0;
}

div#HeaderBox .logo img {
	width:100%;
	height:auto;
}

}


div#HeaderBox .btn {
	position:absolute;
	top:0;
	right:0;
}

div#HeaderBox .btn a {
	display:block;
	transition: all 300ms 0s ease;
}

div#HeaderBox .btn a:hover {
	opacity:0.8;
}

div#HeaderBox .tel {
	position:absolute;
	top:0;
	right:100px;
	padding:30px 37px 0 0;
}

@media screen and (max-width: 1100px) {

div#HeaderBox .tel {
	padding:7px 20px 0 0;
}

div#HeaderBox .tel img.pc {
	display:none !important;
	padding:0;
}

div#HeaderBox .tel .sp {
	display:block !important;
}

div#HeaderBox .tel .sp img {
	width:60px;
	height:auto;
}

}

/* Navigation
===============================================================*/
div#Navigation {
	display:none;
	width:314px;
	height:100%;
	position:fixed;
	top:100px;
	left:-340px;
	background-color:#0083cd;
	transition: all 300ms 0s ease;
}

div#Navigation.open {
	left:0;
}

div#Navigation ul {
}

div#Navigation ul li {
padding:0 20px;
}
div#Navigation ul li a {
	display:block;
	color:#fff;
	font-size:18px;
	padding:12px 0;
	border-bottom:#80c1e6 1px solid;
	background: url(../images/top/ar01.png) no-repeat right 0 top 50%;
}
div#Navigation ul li.ac{
	position:relative;
}
div#Navigation ul li.ac span{
	transition: all 300ms 0s ease;
}
div#Navigation ul li.ac a.l {
	background: url(../images/common/icon_ac.png) no-repeat right 0 top 50%;
	background-size:10px auto;
}
div#Navigation ul li.ac a.open {
	background: url(../images/common/icon_ac2.png) no-repeat right 0 top 50% ;
	background-size:10px auto;
}
div#Navigation ul li.ac:hover span,
div#Navigation ul li.ac a.open span{
	padding-left:10px;
}

div#Navigation ul li:last-child a {
	border:none;
}
div#Navigation ul li ul.sub{
	display:none;
    position: absolute;
    top: 0px;
    left: 314px;
    width: 300px;
    background-color: rgb(0, 117, 197);
	

}

/* FooterBox
===============================================================*/
div#FooterBox {
	padding:0 0 514px 0;
	position: relative;
	z-index: 1;
}

div#FooterBox .footer_wrapper {
	position:relative;
	z-index:10;
	background-color:#fff;
}

div#FooterBox .footer_wrapper .banner,
.banner.designated {
	background-color:#f7f5f0;
	color:#fff;
	padding:44px 0 24px 0;
	text-align:center;
}

div#FooterBox .footer_wrapper .banner li,
.banner.designated li {
	display:inline-block;
	padding:0 5px 14px;
}

div#FooterBox .footer_wrapper .banner li a,
.banner.designated li a {
	display:block;
	transition: all 300ms 0s ease;
}

div#FooterBox .footer_wrapper .banner li a:hover,
.banner.designated li a:hover {
	opacity:0.7;
}

div#FooterBox .footer_wrapper .list {
	background-color:#214674;
	color:#fff;
	padding:20px 0;
	text-align:center;
}

div#FooterBox .footer_wrapper .list p {
	text-align:center;
}

div#FooterBox .footer_wrapper .list a {
	color:#fff;
}

div#FooterBox .footer_wrapper address {
	width:1000px;
	margin:0 auto;
	padding:20px 0;
	position:relative;
	font-style:normal;
}

div#FooterBox .footer_wrapper address dl dt {
	float:left;
	padding:0 25px 0 0;
}

div#FooterBox .footer_wrapper address dl dd {
	padding:13px 0 0 0;
	line-height:1.3;
}

div#FooterBox .footer_wrapper address p.pri {
	position:absolute;
	top:13px;
	right:0;
}

div#FooterBox .footer_wrapper .copy {
	padding:12px 0;
	text-align:center;
	color:#fff;
	font-size:12px;
	background-color:#bebebe;
}

div#FooterBox .fx {
	width:100%;
	height:514px;
	position:fixed;
	bottom:0;
	left:0;
	z-index:1;
	background:url(../images/top/bg05.jpg) no-repeat 0 0;
	background-size:cover;
}

div#FooterBox .fx p {
	text-align:center;
	padding:230px 0 0 0;
}


/* SideBar
===============================================================*/