@charset "UTF-8";

/*----------------------------------------------------
	☆Uniq Common Rules
	
bgColor #FFFFF3
theme color #FFFFF3
sub color #FFFFF3
color #333
title color #7A99B2
link color #448EE3

masking layer color #fcfff0;

transition:.2s;
	
	
----------------------------------------------------*/

body, h1, h2, h3, h4, h5, h6, pre, ul , ol , li, dl, dt, dd, p, img {
	margin:0;
	padding:0;
}

body {
 font-family: "Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
	color:#000000;
	line-height:100%;
	min-width:1024px;
}

a {
	color:#448EE3;
	text-decoration:underline;
	cursor:pointer;
	outline:none;
}

a:link {
	color:#448EE3;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#448EE3;
	text-decoration:none;
	outline:none;
}

#contents p {
	line-height:1.7;
}

ul, ol {
	list-style-type:none;
}

ul li, ol li, dl {
	line-height:1.7;
}

a:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
	line-height:1.7;
}

::selection { background-color:#888; color: #FFFFF3; /* Safari */ }
::-moz-selection { background-color: #888; color: #FFFFF3; /* Firefox */ }


h1, h2, h3, h4, h5, h6, pre, li, dt, dd, th, td, p {
	font-size:100%;
}


/*----------------------------------------------------
	☆Crearfix
----------------------------------------------------*/


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

.clearfix {
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */




/*----------------------------------------------------
	☆br clear
----------------------------------------------------*/


br.clear_noie {
	display:inline !important;
	display:none;
	clear:both;
	line-height:0px;
}

br.clear_all {
	clear:both;
	line-height:0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
br.clear_noie  {
	display:block!important;
	content: " ";
}
}

div.clear_noie {
	clear:both;
	line-height:0px;
}


/*----------------------------------------------------
	☆topcontrol
----------------------------------------------------*/


#topcontrol {
	z-index:100;
}

#topcontrol a {
	background:url(../cmn_js/scrolltop/scrollup.png) center center no-repeat;
	background : url(../cmn_js/scrolltop/scrollup.gif) center center no-repeat\9; /* IE8 and below */
	*background : url(../cmn_js/scrolltop/scrollup.gif) center center no-repeat; /* IE7 and below */
	_background : url(../cmn_js/scrolltop/scrollup.gif) center center no-repeat; /* IE6 */
	font-size:0;
	display:block;
	height:60px;
	width:60px;
	background-size:50px 50px;
	opacity:0.7;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}


#topcontrol a:hover {
	background-size:60px 60px;
	opacity:1;
}



/*----------------------------------------------------
	☆Display None
----------------------------------------------------*/

#sample{
	display:none;
	visibility:hidden;
}




/*----------------------------------------------------
	☆base contents
----------------------------------------------------*/

html,body {
	height:100%;
}


/*-- HEADER --*/
header#header{
	height:100%;
	position:relative;}


div.divInr {
	width: 960px;
	margin: 0 auto;
}
div.topMv {
	background: url("/image/mv_bc.jpg") no-repeat fixed center -140px / cover ;
  position: relative;
	  height:100%;
}

div.topMv p {
	display:inline-block;
	position:absolute;
  
}
div.topMv p.p01 {
	margin-left: -415px;
	top: 24%;
	left: 50%;
	height:57px;
}
div.topMv p.p02{
	margin-left: -380px;
	top: 42%;
	left: 50%;
	height:64px;
	}
p.p03{
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 9999;
	}

div.topBottom{
   bottom: 0;
    height: 150px;
    position: absolute;
    width: 100%;
		border-top:#2b69a3 3px solid;
	}

div.topMark {
	width: 100%;
	position:absolute;
	background-color:#FFFFFF;
}
div.topMark div.divInr{
	padding-top: 15px;
	padding-bottom: 20px;
	position:relative;
	}
div.topMark div.divInr p.topPdf{
	position:absolute;
    right: 28px;
    top: 9px;
	}


div.topMark div.fltL {
	width: 345px;
}
div.topMark div.fltL p {
	min-height: 45px;
}
div.topMark div.fltR {
	width: 236px;
	 padding-right: 118px;
}
div.topMark div.fltR a{
	text-decoration:none;
	color:#000000;
	}
div.topMark div.fltR a:hover{
	text-decoration:underline;
	}
header#header nav {
	background-color: #347cb6;
	padding: 10px 0;
	position:absolute;
	bottom:0px;
	width:100%;
	height:44px;
}
header#header nav.fixed{
    position: fixed;
    top: 0;
    z-index: 10000;
	}
header#header nav ul {
	width: 960px;
	margin: 0 auto;
}
header#header nav ul li {
	border-left: 1px dotted #ffffff;
	float: left;
	line-height:1;
	 padding:0px 20px;
	text-align: center;
	width: 197px;
}
header#header nav ul li.last {
	border-right: 1px dotted #FFFFFF;
}
header#header nav ul li a {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	 padding: 7px 0;
}
header#header nav ul li a span{
	font-size:10px;
	font-weight: normal;
	}
header#header nav ul li:hover {
	cursor: pointer;
}
header#header nav ul li:hover a {
	color: #FFDD00;
	transition: .2s ease-in-out;
}
header#header nav ul li a.current{
	color: #FFDD00;
	}


.btn01 {
	display: block;
 background: -moz-linear-gradient(top, #c4d719, #c4d719 50%, #b3c800 50%, #b3c800);
	background: -webkit-gradient(linear, left top, left bottom, from(#c4d719), color-stop(0.5, #c4d719), color-stop(0.5, #b3c800), to(#b3c800));
	border-radius:5px;
	
	/*IE6 IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#c4d719, endcolorstr=#b3c800));
/* IE8 IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#c4d719, endcolorstr=#b3c800))";
zoom: 1;
background: -moz-linear-gradient(top, #c4d719, #b3c800);/* FF3.6+ */
background: -webkit-linear-gradient(top, #c4d719, #c4d719 50%, #b3c800 50%, #b3c800);/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, #c4d719, #c4d719 50%, #b3c800 50%, #b3c800);/* IE10+, W3C */
	
	
	
}

	header#header nav ul li:hover a.btn01{
	color: #FFFFFF;
		-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0.9;	
/*background: -moz-linear-gradient(top, #b3c800, #b3c800 50%, #c4d719 50%, #c4d719);
	background: -webkit-gradient(linear, left top, left bottom, from(#b3c800), color-stop(0.5, #b3c800), color-stop(0.5, #c4d719), to(#c4d719));*/
	} 





/*--footer#footer--*/	
footer#footer div.footer01 {
	padding: 40px 0;
	background-color: #052739;
	color: #FFFFFF;
}
footer#footer div.footer01 p {
	text-align: center;
}
footer#footer div.footer01 p.footerP01 {
	background-color: #052739;
	color: #ffffff;
	padding: 15px 0;
	font-size: 16px;
}
footer#footer div.footer01 p.footerP02 {
	font-size: 12px;
	margin-bottom: 30px;
	line-height: 1.7;
}
footer#footer div.footer01 div {
	width: 380px;
	margin: 0 auto;
}
footer#footer div.footer01 div li {
	border-left: 1px solid #ffffff;
	float: left;
	line-height: 1;
	padding: 0 13px;
}
footer#footer div.footer01 div li.last {
	border-right: 1px solid #FFFFFF;
}
footer#footer div.footer01 div li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
}
footer#footer div.footer01 div li a:hover {
	text-decoration: underline;
}
footer#footer div.footer02 {
	padding: 10px 0;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	font-size: 10px;
}