@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;
}


/*//// 右から出るバナー ////*/
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 200px;
    right: 0px;
    list-style: none;
    z-index:9999;
	
}
ul#navigation li {
    width: 250px;
	margin-bottom:15px;
	opacity:0.93;
	
}
ul#navigation li a {
    display: block;
    margin-left: 2px;
    width: 250px;
    height: 120px;    
    background-repeat:no-repeat;
    background-position:center center;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
box-shadow:rgba(125, 125, 125, 0.592157) -3px 3px 8px -1px;
-webkit-box-shadow:rgba(125, 125, 125, 0.592157) -3px 3px 8px -1px;
-moz-box-shadow:rgba(125, 125, 125, 0.592157) -3px 3px 8px -1px;
border-radius:15px;

}

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
	
/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html{
	overflow-y: scroll;
    overflow-x: hidden;
	height:100%;
	-webkit-text-size-adjust: 100%;
}
header{
	width:100%;
	height:180px;
	background:rgba(255, 255, 255, 0.95);
	border-bottom:1px solid #f2f2f2;
	position:fixed;
	z-index:9999;
	border-top:5px solid #1baad1;
}
.sub_header{
	width:100%;
	height:180px;
	border-top:5px solid #FFF;
}
.header_center{
	width:1100px;
	height:180px;
	position:relative;
	margin:0 auto;
	
}
/*--------------- レインボウ -----------------------*/
#rainbow{
	position:absolute;
	top:10px;
	left:35.5%;
}


h1.logo{
	position:relative;
	top:18px;
	width:380px;
	height:96px;
	margin:0 auto;
}
span.s_logo{
	font-size:77%;
}
	
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{
	float:left;
	width:183px;
	height:20px;
	text-align:center;
	font-size:85%;
	color:#333;
	line-height:22px;
	text-decoration:none;
    position: relative;
    display: inline-block;
    transition: .3s;
	letter-spacing:2px;
}
ul.header_nav li a:hover{
	color:#1baad1;
}

.header_nav li a::before,
.header_nav li a::after {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  background-color:#1baad1;
  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%;
  
}

#dropmenu li:hover > ul{
	display: block;
	list-style: none;
}

.nav_drop_ul{
	width: 183px;
	height: auto;
	display:none;
	list-style: none;
	position: absolute;
	top: 40px;
	left: 183px;
	background: rgba(255, 255, 255, 0.9);/*rgba(0,104,183,0.5)*/
	letter-spacing: 2px;
	border: solid 2px #0068b7;
	border-top: none;
	font-size: 65%;
	float: inherit;
	z-index: 999;
}

.nav_drop_ul li{
	padding: 10px;
	text-decoration: none;
	border-bottom:solid 1px #0068b7;
	color: #fff;
	letter-spacing: 2px;
}

.nav_drop_ul li a{
	color: #333;
}

.nav_drop_ul li:hover{
	background: #8FC8EB;/*rgba(0,104,183,0.5)*/
}

.nav_drop_ul li:last-of-type:hover{
}

.nav_drop_ul li:last-of-type{
	border-bottom: none;
}







footer{
	clear:both;
	width:100%;
	height:280px;
	background:#1baad1;
}

.footer_center{
	width:1100px;
	height:280px;
	margin:0 auto;
	position:relative;
}


h3.footer_logo{
	width:420px;
	height:85px;
	margin:0 auto;
	position:relative;
	top:100px;
}
.left_bar{
	width:330px;
	height:80px;
	position:absolute;
	top:100px;
}
.right_bar{
	width:330px;
	height:80px;
	position:absolute;
	top:100px;
	right:0;
}

	
	

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

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:30px;
	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%;
}







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

#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;
}