@charset "UTF-8";
/* CSS Document */
html {
    overflow-y:scroll;
    }
body{
	width:auto; margin:0; padding:0; background:url(../img/common/bg2.gif) 0 0 repeat-x; 
	background-color:#000; 
	margin: 0px;
	padding: 0px;
	line-height:170%;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
		
}

h1{
	margin: 0;
	padding: 0px;
}
h2{
	margin:15px 0 20px 0;
	padding: 0px;
	clear: both;
}
h3{
	margin: 0;
	padding: 0px;
}
h4{
	margin: 7px 0px 0px 0px; 
	text-align: left;
	color: #525880;
	font-weight: bold;
	padding-left: 7px;
	font-size: 15px;
	background: url(../img/common/icon_h4.gif) no-repeat  left;
	width:250px;
}
h5{
	font:12px bold;
	line-height:160%;
	margin:0;
	padding: 0px;
}
p{
	margin: 0;
	padding-bottom:15px;
}
img {
	border:0px;
	vertical-align:top
}
.TextRed{
	color:#CC0000;
}
.TextRedBg{
	font-size:10px;
	color:#FFFFFF;
	background-color:#CC0000;
	padding:1px 4px 1px 4px;
}
.terminate{
	padding:0!important;
}
.align-center{
	text-align:center;
}
/****************************** リンク ******************************/
a, a:link,
a:visited {
	color:#5377AB;
	text-decoration: underline;
	outline: none;
}
a:active,
a:hover {
	color:#86A0C4;
	text-decoration: none;
}

a img.alph{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	zoom:1;/* IE で filter を使うときには zoom:1; を指定する */}



a:hover img.alph{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom:1;/* IE で filter を使うときには zoom:1; を指定する */}

/****************************** フォントサイズ変更 ******************************/
.fontL #Container {
	font-size:115%;
	line-height:150%;
}
.fontM #Container{
	font-size:100%;
	line-height:150%;
}
.fontS #Container{
	font-size:85%;
	line-height:150%;
}
.fontL #Footer {
	font-size:115%;
}
.fontM #Footer{
	font-size:100%;
}
.fontS #Footer{
	font-size:85%;
}
/****************************** 全体 ******************************/
.wrap {
	
	padding:0;
	margin:0 auto;
	width:966px;
}
/****************************** ヘッダー ******************************/
.header{
	background:url(../img/common/header.jpg) 0 0 no-repeat;
	width:966px;
	height:123px;
	margin:0;
	padding:0;
}

.Logo{
	width:194px;
	margin:0px;
	padding:0px 0px 0 0px;
	float:left;
}


.headernavi {
	float:right;
	margin:0px;
	padding:30px 0px 0 0px;
	width:680px;	
	height:0px;
}

.headernavi a img {
	border:none;
	margin:0;
	padding-right:0px;
}
.headernavi btn {
	margin:0;
	padding:0;
	width:110px;
	height:20px;
	
}
.headernavi li {
	display:inline;
	float:left;
	padding:0px;
	margin:0 0 0 20px;
}



/****************************** グローバルメニュー ******************************/
.gnavi {
	margin-top:0px;
	padding:0px 0 0px 0px;
	width:966px;	
}

a img {
	border:none;
	margin:0;
	padding:0;
}
.btn {
	margin:0;
	padding:0;
	width:970px;
	height:61px;
	
}
.gnavi li {
	display:inline;
	float:left;
	padding-left:0px;
	margin:0;
}

#menu li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0px;
  width: auto;
  height: 63px;
  font-weight: bold;
  z-index:99;
}
#menu li:hover {
  color: #fff;
  background:none;
}
#menu li ul {
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  padding:0px 0 0 0;
  width:127px;
  background:none;
  text-align:center; 
}

#menu li ul li {
  margin:0px 0 0 0;
  padding: 0;
  width: 100px;
  border: none;
}
#menu li ul li a {
  display: inline-block;
  width: 100px;
  height: 33px;
}
#menu li ul li a:hover {
  background: none;
  color: #fff;
}



#globalNavi {
	padding:0px;
	margin:0 0 0 0px;
	display:inline-block;
	position: relative;
}

#globalNavi:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#globalNavi ul li {
	float: left;
	position: relative;
}

#globalNavi li ul.drop {
	width:190px;
	position:absolute;
	display:none;
	float:none;
	z-index:100;
	left:731px;
	top:60px;
	
	/* 透け透けにしたいとき */
	opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=90); /* IE lt 8 */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	-khtml-opacity: .90; /* Safari 1.x */
	-moz-opacity: .90; /* FF lt 1.5, Netscape */
}

#globalNavi li ul.drop li {
	float:none;
	position:static;
}

#globalNavi li ul.drop li a {
	display:block;
	background:#fff;
	color:#FFF;
	padding:0px;
	margin-top:1px;
	_zoom:1; /* IE 6 */
}

#globalNavi li ul.drop ul a {
	padding:10px 10px 10px 20px
}

.drop2 {
	width:192px;
	position:absolute;
	display:none;
	float:none;
	z-index:200;
	left:539px;
	top:60px;
	
	/* 透け透けにしたいとき */
	opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=90); /* IE lt 8 */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	-khtml-opacity: .90; /* Safari 1.x */
	-moz-opacity: .90; /* FF lt 1.5, Netscape */
}

.drop2 li {
	float:none;
	position:static;
}
.drop2 li a {
	display:block;
	background:#fff;
	color:#FFF;
	padding:0px;
	margin-top:1px;
	_zoom:1; /* IE 6 */
}

.drop2 ul a {
	padding:10px 10px 10px 20px
}


.drop3 {
	width:192px;
	position:absolute;
	display:none;
	float:none;
	z-index:200;
	left:347px;
	top:60px;
	
	/* 透け透けにしたいとき */
	opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=90); /* IE lt 8 */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	-khtml-opacity: .90; /* Safari 1.x */
	-moz-opacity: .90; /* FF lt 1.5, Netscape */
}

.drop3 li {
	float:none;
	position:static;
}
.drop3 li a {
	display:block;
	background:#fff;
	color:#FFF;
	padding:0px;
	margin-top:1px;
	_zoom:1; /* IE 6 */
}

.drop3 ul a {
	padding:10px 10px 10px 20px
}


/****************************** 中身 ******************************/
.contents{
	background:url(../img/common/bg01.gif) 0 0 no-repeat;	
	width:966px;
	height:586px;
	margin-left:0px;
	padding:0px;
}

.contents2{
	background:url(../img/common/bg02.gif) 0 0 no-repeat;	
	width:966px;
	height:700px;
	margin-left:0px;
	padding:0px;
}



.snavi {
	margin-top:0px;
	padding:16px 0 7px 0;
	width:900px;	
}

a img {
	border:none;
	margin:0;
	padding:0;
}
.sbtn {
	margin:0;
	padding:0;
	width:900px;
	height:20px;
	
}
.snavi li {
	display:inline;
	float:left;
	padding:0;
	margin:0 20px 0 0px;
}

.breadcrumbs{
	font-size:90%;
	margin:0 0 0 0px;
}	
.breadcrumbs a{
	margin:0 0 0 0px;
}	


.content{	
	width:８66px;
	height:586px;
	margin:0px;
	padding:10px 0 0 44px ;
}


.flexcroll-hide-default {
    overflow: hidden !important;
}
#information {
    height: 480px !important;
    width: 900px !important;
}


#information02 {
    height: 620px !important;
    width: 900px !important;
}




/****************************** フッター ******************************/
.footer{
	margin:43px 0 0 0 ;
	width:966px;
	height:50px;
	background:url(../img/common/footer_bg.gif) 0 0 repeat-x;
}

.fnavi{
	float: left;
	width:260px;
	height:20px;
	padding:20px 0 0 0px;
	
}

.fnavili{	
	float:left;
	padding-right:20px;
}

.f_logo{
	float:right;
	width:275px;
	padding:20px 0px 0 0px;
}


	


/****************************** clearfix ******************************/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/************************************************************/

.clear{
	clear:both;
}

.clear hr{
	height:0px;
	display:none;
}

#Contents form table textarea{
	width:400px;
	height:150px;
}

#Contents form table th{
	width:120px;
}


.apply{
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.list{ background:url(../img/top/list_m.gif) 50% 0 repeat-y; padding:8px; }
.list li a{ background:url(../img/top/list.gif) 0 50% no-repeat; padding-left:10px; }


.a img {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	zoom:1;/* IE で filter を使うときには zoom:1; を指定する */
}
.a:hover img {
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	zoom:1;/* IE で filter を使うときには zoom:1; を指定する */
}