/* header
-----------------------------*/
header { position:relative; }
div#header_v2 div.headMenu ul{
	margin: 0 auto;
  transform: translateX(48px);
}

div#header_v2 div.headMenu ul li a{
	padding: 23px 3px 25px;
	font-size: 13px;
}
div#header_v2 .headMenu ul li:last-child a{
	padding: 23px 5px 25px;
	font-size: 13px;
}
#header_v2{
	line-height: 1.2;
}
div#header h1 {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: none;
}

.headMenu {
	background: rgba(0,0,0,0.4);
	border-style:solid;
	border-color:rgba(255,255,255,0.5);
	border-width:0 0 1px;
}

.headMenu ul {
	display:table;
	margin:0 auto 0 auto;
}

.headMenu ul li {
	display:table-cell;
	max-height:64px;
}

.headMenu ul li:first-child a {
	padding:19px 20px 19px 20px;
}

.headMenu ul li:first-child {
	padding:0 0 0 105px;
}

.headMenu ul li:last-child a {
	padding:19px 20px 19px 20px;
}

.headMenu ul li a {
	display:block;
	padding:21px 20px 21px 20px;
	font-weight:bold; 
	font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイ��E�",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#fff;
	max-height:63px;
	text-decoration:none;
	font-size:15px;
}

.headMenu ul li a:hover {
	background:rgba(0,0,153,0.5);
}

.headMenu ul li.active a {
	background:rgba(153,0,1,0.5);
}

.headWrap {
	position:relative;
}

.headWrap h1 {
	position:absolute;
	right:0;
	top:0; 
}

.headWrap h2 {
	position:absolute;
	left:0;
	top:0;
	pointer-events: none;
}

.pageTitle { 
	text-align:center; 
	padding:75px 0 75px 0; 
}

.pageTitle em { 
	line-height:1.4; 
	font-style:normal; 
	opacity:1; 
	display:block; color:#fff; 
	font-size:36px; 
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; 
	font-weight: bold;
}

.pageTitle span { 
	font-style:normal; 
	opacity:1; 
	display:block; 
	font-size:17px; 
	color:#fff; 
	font-family: 'Vollkorn', serif; 
	letter-spacing:1px; 
	font-weight:bold; 
}

.pageTitle em {
animation-name: 'transdown' ;
animation-duration: 1s;
animation-delay: 0.1s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode:forwards;

-webkit-animation-name:transdown;
-webkit-animation-duration: 1s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: ease;
-webkit-animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;

-moz-animation-name:transdown;
-moz-animation-duration: 1s;
-moz-animation-delay: 0.1s;
-moz-animation-timing-function: ease;
-moz-animation-iteration-count: 1;
-moz-animation-fill-mode:forwards;

-o-animation-name:transdown;
-o-animation-duration: 1s;
-o-animation-delay: 0.1s;
-o-animation-timing-function: ease;
-o-animation-iteration-count: 1;
-o-animation-fill-mode:forwards;

-ms-animation-name:transdown;
-ms-animation-duration: 1s;
-ms-animation-delay:0.1s;
-ms-animation-timing-function: ease;
-ms-animation-iteration-count: 1;
-ms-animation-fill-mode:forwards;
}

.pageTitle span {
animation-name: 'transup' ;
animation-duration: 1s;
animation-delay: 0.1s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode:forwards;

-webkit-animation-name:transup;
-webkit-animation-duration: 1s;
-webkit-animation-delay: 0.1s;
-webkit-animation-timing-function: ease;
-webkit-animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;

-moz-animation-name:transup;
-moz-animation-duration: 1s;
-moz-animation-delay: 0.1s;
-moz-animation-timing-function: ease;
-moz-animation-iteration-count: 1;
-moz-animation-fill-mode:forwards;

-o-animation-name:transup;
-o-animation-duration: 1s;
-o-animation-delay: 0.1s;
-o-animation-timing-function: ease;
-o-animation-iteration-count: 1;
-o-animation-fill-mode:forwards;

-ms-animation-name:transup;
-ms-animation-duration: 1s;
-ms-animation-delay:0.1s;
-ms-animation-timing-function: ease;
-ms-animation-iteration-count: 1;
-ms-animation-fill-mode:forwards;
}

@keyframes transdown{
  0% { opacity:0; transform:translate(0, -20px);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-moz-keyframes transdown{
  0% { opacity:0; transform:translate(0, -20px);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-webkit-keyframes transdown {
  0% { opacity:0; transform:translate(0, -20px);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-o-keyframes transdown {
  0% { opacity:0; transform:translate(0, -20px);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-ms-keyframes transdown {
  0% { opacity:0; transform:translate(0, -20px);}
  100% { opacity:1; transform:translate(0, 0);}
}

@keyframes transup{
  0% { opacity:0; transform:translate(0, 20px);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-moz-keyframes transup{
  0% { opacity:0; transform:translate(0, 20px);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-webkit-keyframes transup {
  0% { opacity:0; transform:translate(0, 20px);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-o-keyframes transup {
  0% { opacity:0; transform:translate(0, 20px);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-ms-keyframes transup {
  0% { opacity:0; transform:translate(0, 20px);}
  100% { opacity:1; transform:translate(0, 0);}
}

@keyframes transleft{
  0% { opacity:0; transform:translate(-20px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-moz-keyframes transleft{
  0% { opacity:0; transform:translate(-20px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-webkit-keyframes transleft {
  0% { opacity:0; transform:translate(-20px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-o-keyframes transleft {
  0% { opacity:0; transform:translate(-20px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-ms-keyframes transleft {
  0% { opacity:0; transform:translate(-20px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}

@keyframes transright{
  0% { opacity:0; transform:translate(20px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-moz-keyframes transright{
  0% { opacity:0; transform:translate(20px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-webkit-keyframes transright {
  0% { opacity:0; transform:translate(20px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-o-keyframes transright {
  0% { opacity:0; transform:translate(20px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}
@-ms-keyframes transright {
  0% { opacity:0; transform:translate(20px, 0);}
  100% { opacity:1; transform:translate(0, 0);}
}

.subHead { 
	z-index:999;
}

.bg1 { 
	background:transparent url(/newpackage/0550850/img/bg1.jpg) center center no-repeat; 
	background-size: cover;
}

header:before { 
	content:"";
	height:2px;
	width:100%;
	display:block;
	background:#000099;
	background:-webkit-gradient(linear, left top, right bottom, from(#990000), to(#000099));
	background:-moz-linear-gradient(left, #990000, #000099);
	background:linear-gradient(left, #990000, #000099);
}

.mb20{
	margin-bottom: 20px;
}

/* footer
-----------------------------*/
div#footer {
	border: none !important;
}

footer p { 
	text-align:center; 
}

footer p a { 
	display:block;
	padding:25px 0 26px 0;
	background:#EEEEEE;
	line-height:1;
}

footer p a:hover {
	background:#E8E8E8;
}

footer p a img {
	vertical-align:middle;
}

footer div {
	background:#272727;
	padding:50px 0;
	text-align:center;

}

footer div small {
	color:#fff;
	font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイ��E�",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:12px;
}

small {
    display: block;
    line-height: 170%;
}