@charset "utf-8";
@import "html5reset.css";
html {
	width:100%;
	height:100%;
}
body {
	width:100%;
	position:relative;
	height:100%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
/*	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","ＭＳ Ｐ明朝","MS P Mincho",serif; */
}
header {
	position: fixed;
	top: 0px;
	width: 100%;
	clear: both;
}
p#logo,
p#logo2 {
	position:absolute;
	right:25px;
	top:70px;
	width:111px;
	height:44px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
}
p#logo2 {
	background-position:0 -45px;
	display:none;
}
p#logo a img,
p#logo2 a img{
	width:111px;
	height:44px;
}
#navibg {
	background:url(../images/bgw.png);
/*
	background:#FFF;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
*/
	width:100%;
	height:130px;
	position:absolute;
}
#navibg2 {
	background:url(../images/bgg.png);
/*
	background:#666;
	opacity: 0.25;
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
*/
	width:100%;
	height:130px;
	position:absolute;
}
span#menubg {
/*	background:#FFF;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
*/
	display:block;
	position:absolute;
	left:40px;
	top:130px;
	width:90px;
	height:25px;
	text-align:center;
	line-height:25px;
/*
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
*/
	background:url(../images/menu.png) no-repeat left top;
}
span#menubg2 {
/*	background:#FFF;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
*/
	display:block;
	position:absolute;
	left:40px;
	top:130px;
	width:90px;
	height:25px;
	text-align:center;
	line-height:25px;
/*
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
*/
	background:url(../images/menu.png) no-repeat left -25px;
}

span#menu {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color:#FFF;
	display:block;
	position:absolute;
	left:40px;
	top:130px;
	width:90px;
	height:25px;
	text-align:center;
	line-height:25px;
	font-size:10px;
	cursor: pointer;
}
ul#gnavi {
	position:absolute;
	padding-top:94px;
	padding-left:170px;
	width:860px;
}
ul#gnavi li{
	list-style-type:none;
	float:left;
	display:inline;
	margin-right:26px;
}
nav#naviframe {
	position:absolute;
/*	top:-70px; */
	top:-155px;
	height:155px;
	width:100%;
}
ul#gnavi li a,
ul#gnavi li span{
	overflow:hidden;
	color:#FFF;
	padding:1px;
	margin:0;
	font-size:10px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:1.2;

	display:block;
/*
	height:15px;

	text-indent:-9999px;
	background-image:url(../images/gnavi.png);
	background-repeat:no-repeat;
	overflow:hidden;
*/
}
ul#gnavi li a.current ,
ul#gnavi li a:hover {
	padding:1px;
	margin:0;
	overflow:hidden;
	font-size:10px;
	line-height:1.2;
/*	color:#908e8d !important; */
	color:#727171 !important; 
}
ul#gnavi li span{
/*
	color:#AAABAB;
*/
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

body#cover1 ul#gnavi li span{
/*
	color:#AAABAB;
*/
	opacity: 0.6 !important;
	filter: alpha(opacity=60) !important;
	-moz-opacity:0.6 !important;
}


/*
body#cover2 p#logo,
body#cover3 p#logo {
	background-position:0 -44px; 
}
body#cover1 #navibg,
body#cover3 #navibg {
	background:#666;
	opacity: 0.25;
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
}
body#cover1 span#menubg,
body#cover3 span#menubg {
	background:url(../images/menu.png) no-repeat left bottom transparent;
}
*/


body#cover0 p#logo {display:block !important; }
body#cover0 p#logo2 {display:none !important;}
body#cover0 #navibg{display:block !important;}
body#cover0 #navibg2{display:none !important;}
body#cover0 span#menubg {display:block !important;}
body#cover0 span#menubg2 {display:none !important;}

body#cover1 p#logo {display:none !important;}
body#cover1 p#logo2 {display:block !important;}
body#cover1 #navibg{display:none !important;}
body#cover1 #navibg2{display:block !important;}
body#cover1 span#menubg {display:none !important;}
body#cover1 span#menubg2 {display:block !important;}

/*
body#cover2 p#logo {display:none !important;}
body#cover2 p#logo2 {display:block !important;}
body#cover2 #navibg{display:block !important;}
body#cover2 #navibg2{display:none !important;}
body#cover2 span#menubg {display:block !important;}
body#cover2 span#menubg2 {display:none !important;}
*/

body#cover2 p#logo {display:block !important;}
body#cover2 p#logo2 {display:none !important;}
body#cover2 #navibg{display:none !important;}
body#cover2 #navibg2{display:block !important;}
body#cover2 span#menubg {display:none !important;}
body#cover2 span#menubg2 {display:block !important;}


body#sub p#logo {display:none !important;}
body#sub p#logo2 {display:block !important;}
body#sub #navibg{display:none !important;}
body#sub #navibg2{display:block !important;}
body#sub span#menubg {display:none !important;}
body#sub span#menubg2 {display:block !important;}




#loading {
	background:#FFF;
	position:absolute;
	width:100%;
	height:100%;
	z-index:900;
	text-align:center;
	vertical-align:middle;
	font-size:11px;
	color:#AAA;
	line-height:5;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#loading span{
	width:100%;
	display:block;
	text-align:center;
	margin-top:300px;
}
#cover{
	margin:0 0 0;
	position:fixed !important;
}
#cover div.cover1{
	background-position:right bottom;
}
#cover div.cover2{
/*	background-position:right center; */
	background-position:right bottom;
}
#cover div.cover3{
/*	background-position:right top; */
	background-position:right bottom;
}
#cover div.cover4{
	background-position:right bottom;
}
#pager {
	position:absolute;
	left:15px;
	bottom:40px;
	height: 18px;
}
#pager a{
	display:block;
	background-color:#FFF;
	float:left;
	overflow:hidden;
	width:8px;
	height:8px;
	text-indent:-99999px;
	margin-right:15px;
	box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.6), 0 0 0 0 rgba(0,0,0,0);
	-webkit-transition: box-shadow 900ms;
	-moz-transition: box-shadow 900ms;
	-o-transition: box-shadow 900ms;
	transition: box-shadow 900ms;
}
#pager a.activeSlide {
	background-color:#7b7b7b;
}
#pager a:hover {
	box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.9), 0 0 0 5px rgba(0,0,0,0.5);
	-webkit-transition: all 220ms;
	-moz-transition: all 220ms;
	-o-transition: all 220ms;
	transition: all 220ms;
	border-color:#000;
}



#wrap {
/*
	min-height: 625px;
	min-width: 1000px;
*/
	overflow: hidden;
}
footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	clear: both;
	overflow: hidden;
	background:#FFF;
	height:30px;
}
p#copyright {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#999;
	text-align:right;
	padding-right:15px;
	height:30px;
	line-height:26px;
}
/* top
***********************************************************/



/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	http://jquery.malsup.com/license.html
	Version: 0.1-alpha (02-June-2011)
*/


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
}

/*		IE6 
----------------------------------------------------*/
* html header{
	position:absolute !important;
	z-index:400;
}
* html nav#naviframe {
	top:0px !important;
}
* html #pager{
	z-index:400 !important;
}
* html #pager a{
	border-width:0px !important;
}
* html footer {
	z-index:400 !important;
	position: absolute !important;
}
* html  #cover {
	position: absolute !important;
}