@charset "utf-8";
/* CSS Document */
/****************************************
		1. 基本設定 
*****************************************/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
↓YUI3 CSS Fonts　フォントサイズを相対指定する↓*/


/*---↓リンクに対する共通設定↓---*/
*{
	margin:0;
	padding:0;
	line-height:1.5;
	list-style:none;
}
/*アンダーtopボタン*/
.pagetop {
	position: fixed;
	bottom: -200px;
	right: 20px;
	z-index:9999;
}
.pagetop a {
	display: block;
	width: 86px;
	height: 110px;
}

img{
	border:none;
}
a, a:link,/*未訪問のリンクを指定*/
a:visited,/*訪問済みのリンクを指定*/
a:hover,/*マウスオーバーした時のリンク部分を指定*/
a:active,/*クリック時のリンク部分を指定*/
a{
	text-decoration:none;
}
body{	
	overflow-x:hidden;
}

/* clearfix
----------------------------------------------------*/
.clearfix{ /zoom: 1; }
.clearfix:after{ content: ''; display: block; clear: both; }
/* box-sizing
----------------------------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*送信ボタン*/
input[type="submit"] {
  -webkit-appearance: none;
}
input[type="reset"] {
  -webkit-appearance: none;
}


.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
	
/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
    overflow-x: hidden;
	height:100%;
	-webkit-text-size-adjust: 100%;
}
/*=================================================
font
=================================================*/

span.demo05{
	background: linear-gradient(transparent 65%, #FF0 10%); 
}




.top_bar{
	width:100%;
	height:5px;
	background:#0086d3;
}

header{
	width:100%;
	height: 160px;
/*	height:193px;
*/	background:#FFF;
}

#header_center{
	width:1100px;
	height: 160px;
/*	height:193px;
*/	position:relative;
	margin:0 auto;
	
}


h1.logo{
	width:400px;
	height:135px;
	margin:0 auto;
	margin-top:10px;
}


.tel{
	width:65px;
	height:65px;
	position:absolute;
	right:90px;
	top:50px;
}
.mail{
	width:65px;
	height:65px;
	position:absolute;
	right:0;
	top:50px;
}


#logo{
	width:420px;
	height:100px;
	margin:0 auto;
}

nav{
	width:1100px;
	height:20px;
	background:url(../img/nav_back.gif);
	position:absolute;
	bottom:20px;
}
ul.header_nav{
	width:1100px;
	height:20px;
}

ul.header_nav li a {
  position: relative;
  z-index: 1;
  padding: 0 10px;
	font-weight:800;
	float:left;
	width:157px;
	height:20px;
	text-align:center;
	font-size:77%;
	letter-spacing:1px;
	color:#3093d8;
	line-height:20px;
	text-decoration:none;
    position: relative;
    display: inline-block;
    transition: .3s;
}
ul.header_nav li a::before {
  background: #3093d8;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
  z-index: -1;
}
ul.header_nav li a:hover {
  color: #fff;
}
ul.header_nav li a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
 

/*ul.header_nav li a{
	font-weight:800;
	float:left;
	width:157px;
	height:20px;
	text-align:center;
	font-size:77%;
	letter-spacing:1px;
	color:#3093d8;
	line-height:20px;
	text-decoration:none;
    position: relative;
    display: inline-block;
    transition: .3s;
}
ul.header_nav li a:hover{
	-webkit-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-moz-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-ms-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
    text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
}

.header_nav li a::before,
.header_nav li a::after {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  background-color:#3093d8;
  transition: .3s;
}
.header_nav li a::before {
  top: -5px;
  left: 0;
}
.header_nav li a::after {
  bottom: -5px;
  right: 0;
}
.header_nav li a:hover::before,
.header_nav li a:hover::after {
  width: 100%;
  
}
.header-top-tab{
    position: absolute;
    z-index: 100;
    top: 157px;
    left: 365px;
    width: 967px;
    height: 57px;
    padding-left: 31px;
    background: url(../img/header_logo.png) no-repeat left top;
}

.header-top-logo img{
	position:absolute;
	top:0;
	left:5px;
}


*/

.header-top-tab{
    position: absolute;
    z-index: 100;
    top: 157px;
    left: 365px;
    width: 967px;
    height: 57px;
    padding-left: 31px;
    background: url(../img/header_logo.png) no-repeat left top;
}

.header-top-logo img{
	position:absolute;
	top:0;
	left:5px;
}


/* =======================================
	サブのヘッダー
======================================= */
#change {
  background: rgba(255,255,255,0.95);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height:110px;
  display: none;
  z-index: 9999;
  border-bottom:1px solid #3093d8;
}
	

#change .inner01 {
  width:1100px;
  height:110px;
  overflow: hidden;
  margin:0 auto;
  position:relative;
}
h2.logo_sub{
	width:250px;
	height:55px;
	position:absolute;
	left:425px;
	bottom:32px;
}

.sub_tel{
	width:50px;
	height:50px;
	position:absolute;
	right:75px;
	bottom:35px;
}
.sub_mail{
	width:50px;
	height:50px;
	position:absolute;
	right:0px !important;
	bottom:35px !important;;
}






.sub_nav_box{
	width:1100px;
	height:20px;
	background:url(../img/nav_back.gif) no-repeat;
	position:absolute;
	bottom:13px;
}
ul.sub_nav{
	width:1100px;
	height:20px;
}

ul.sub_nav li a {
  position: relative;
  z-index: 1;
  padding: 0 10px;
	font-weight:800;
	float:left;
	width:157px;
	height:20px;
	text-align:center;
	font-size:77%;
	letter-spacing:1px;
	color:#3093d8;
	line-height:20px;
	text-decoration:none;
    position: relative;
    display: inline-block;
    transition: .3s;
}
ul.sub_nav li a::before {
  background: #3093d8;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
  z-index: -1;
}
ul.sub_nav li a:hover {
  color: #fff;
}
ul.header_nav li a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}

/*ul.sub_nav li a{
	float:left;
	width:157px;
	height:20px;
	text-align:center;
	font-size:77%;
	letter-spacing:1px;
	color:#3093d8;
	line-height:20px;
	text-decoration:none;
    position: relative;
    display: inline-block;
    transition: .3s;
}
ul.sub_nav li a:hover{
	color:#3093d8;
}

.sub_nav li a::before,
.sub_nav li a::after {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  background-color:#3093d8;
  transition: .3s;
}
.sub_nav li a::before {
  top: -5px;
  left: 0;
}
.sub_nav li a::after {
  bottom: -5px;
  right: 0;
}
.sub_nav li a:hover::before,
.sub_nav li a:hover::after {
  width: 100%;
}/* =======================================
	サブのヘッダー
======================================= */





footer{
	width:100%;
	height: 400px;
/*	height:450px;
*/	background:#3093d8;
	background-image: linear-gradient(-45deg, #369ee6 25%, transparent 25%, transparent 50%, #369ee6 50%, #369ee6 75%, transparent 75%, transparent);
    background-size: 7px 7px;
}
.footer_center{
	width:1100px;
	height: 400px;
/*	height:450px;
*/	margin:0 auto;
	position:relative;
}

.footer_logo{
	width:270px;
	height:140px;
	top:30px;
	left:410px;
	position:absolute;
}

.footer_banner{
	width:330px;
	height:110px;
	position:absolute;
	right:0;
	top:40px;
}


/* =======================================
	NAV_01
======================================= */
ul.footer_nav_01{
	width:1100px;
	position:absolute;
	top:204px;
}

ul.footer_nav_01 li {
}
ul.footer_nav_01 li a{
	float:left;
  　font-family: webfontHorizontal, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:77%;
	letter-spacing:1px;
	text-decoration:none;
    position: relative;
    display: inline-block;
    transition: .3s;
	margin-left:25px;
	margin-bottom:10px;
	color:#FFF;
}
ul.footer_nav_01 li a:hover{
	-webkit-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-moz-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-ms-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
    text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
}

.footer_nav_01 li a::before,
.footer_nav_01 li a::after {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  background-color: #FFF;
  transition: .3s;
}
.footer_nav_01 li a::before {
  top: -5px;
  left: 0;
}
.footer_nav_01 li a::after {
  bottom: -5px;
  right: 0;
}
.footer_nav_01 li a:hover::before,
.footer_nav_01 li a:hover::after {
  width: 100%;
}




p.footer_ad{
	text-align:center;
	color:#FFF;
	letter-spacing:2px;
	padding-top:200px;
}

/* =======================================
	コピーライト
======================================= */
#under_wrapper{
	width:100%;
	height:30px;
	background:#0C5E9A;
}

#under_wrapper_center{
	width:1100px;
	height:30px;
	margin:0 auto;
}
p.copy{
	font-size:85%;
	text-align:center;
	line-height:30px;
	color:#FFF;
	letter-spacing:2px;
}