@charset "EUC-JP";

/* IR ***********************************************
	Created: 2013/10/17
	Last Modified: 2015/12/22
****************************************************/

/* 初期化 ******************************************/
html{
	color: #ffffff;
	text-align: center;
	line-height: 1.2;
}body,div,dt,dd,ol,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}fieldset,img{border:0; vertical-align:top;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{
	list-style: none;
}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:12px;}legend{color:#000}
body {font-size:12px;text-align:center;font-family: Arial, Helvetica, sans-serif;}
strong {font-weight:bold}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

/* clearfix ******************************************/
ul:after,
ol:after,
dl:after,
.clearfix:after
	{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

/* WinIE7 only */
*:first-child+html ol,
*:first-child+html .clearfix
	{
	height:1%;
	}

/* WinIE6 and below */
/*\*/
* html ul,
* html ol,
* html dl,
* html .clearfix
	{	height:1%;}

/**/
.mt10{    margin-top: 10px;}


body{	background-color:#f6f8fd;}

/* header ******************************************/
#header{
	color: #303030;
	height: 45px;
	width: 950px;
	position: absolute;
	top: 0px;
	z-index: 999;
	background-color: rgba(255,255,255,0.5);
	background: url(../images/header.png) 0px center no-repeat;
	margin-top: 50px;
}

#header h1{
	float:left;}

#header a{
	color: #303030;
	}

#header a:hover{
	opacity:0.7;
    filter: alpha(opacity=70);
	}

#header .sub-navi {
	margin: 16px 12px 0px 0px;
	float: right;
}
#header li {

	float: left;
	text-align: left;
	padding-left:3px;
	padding-right:3px;
}
#header li.right{
		padding-right:0px;}




/* 関連情報 ******************************************/
#related {
	padding: 0;
	width: 950px;
	height: 66px;
	margin: 0 auto;
	padding-top: 10px;
	z-index: 9999;
}

#related img{
	z-index: 9999;
	margin-top: 1px;
	margin-right: 1px;
}


	
#related .related-in{
	font-size: 14px;
	text-align: left;
	margin: 0 auto;
	width: 950px;
	padding-left: 20px;
}

#related ul {
	float: left;
	margin-top:0px;
	padding:0;
}
#related li {
	float: left;
	text-align: left;
	margin-right: 25px;
	background: url(../images/arrow.gif) left 15px no-repeat;
	color: #303030;
	padding-top: 10px;
	vertical-align: top;
}

#related li.info{
	font-weight:bold;
	background: none;
	}

#related li a {
			color: #303030;
			display: block;
			padding-left: 12px;
		}
.downlaod {
	float: right;
	padding-right: 10px;
	margin-right: 20px;
}
.downlaod a:hover{
	opacity:0.7;
    filter: alpha(opacity=70);
	
}

/* コンテンツ ******************************************/
#contents {
	text-align: left;
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 495px;
	padding-top: 90px;
}
#contents a img:hover{
	opacity: 0.9;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: 0.9;
    -moz-opacity: 0.9;
}

#wapper{
	width: 100%;
	background-color: #fdfdcb;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 1100px;
}
.wapper-in{
	width: 100%;
	height: 465px;
}

 
/* naviボタン ------------------------------------- */

.bxslider{
	margin-left: 50%;
}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
	background: url(../images/thenextstage50th.jpg) 0 5px no-repeat;
	padding-top:5px;

}



/*------------------------
pullup menu

---------------------------*/
.menu {
	width: 950px;
	position: relative;
	font-size: 13px;
	margin: 0 auto;
	padding-top: 49px;
	z-index: 5000;
}
.menu ul li a, 
.menu ul li a:visited {
	display: block;
	text-decoration: none;
	width: 132px;
	height: 33px;
	text-align: center;
	color: #fff;
	line-height: 1.2em;
	font-size: 13px;
	vertical-align: middle;
	padding-top: 20px;
}


.menu ul {
	padding: 0;
	margin: 0 0 0 1px;
	list-style-type: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	vertical-align: middle;
	}
.menu ul li {
	float: left;
	position: relative;
	text-align: center;
	font-weight:bold;
	width:133px;
}

/*親メニュー*/
.menu ul li.mm,
.menu ul li.mm2,
.menu ul li.mm3,
.menu ul li.mm4,
.menu ul li.mm5,
.menu ul li.mm6,
.menu ul li.mm7{
	border-right: 1px solid #fff;
	background: url(../images/menu_bg.png) top center repeat-x;
	width: 134px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2em;
	height: 53px;
	font-size: 12px;
	}	

/*親メニュー（右端　幅調整）*/
.menu ul li.mm7{width:136px;}

	
/*タイトル　2行時　高さ */
.menu ul li.mm3 a, 
.menu ul li.mm3 a:visited,
.menu ul li.mm5 a, 
.menu ul li.mm5 a:visited,
.menu ul li.mm7 a, 
.menu ul li.mm7 a:visited {
	padding-top: 12px;
}


.menu ul li ul {visibility:hidden; position:absolute;}
.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}


.menu ul li:hover ul, 
.menu ul li a:hover ul {
	visibility: visible;
	bottom: 53px;
	left: 0;
	border-width: 0px 0px 0px 0px;
	vertical-align: middle;
}


/*親メニュー：hover*/
.menu ul li.mm:hover,
.menu ul li.mm a:hover{
	background: url(../images/menu_bg01.png) top center repeat-x;}

.menu ul li.mm2:hover,
.menu ul li.mm2 a:hover{
	background: url(../images/menu_bg02.png) top center repeat-x;}

.menu ul li.mm3:hover,
.menu ul li.mm3 a:hover{
	background: url(../images/menu_bg03.png) top center repeat-x;}

.menu ul li.mm4:hover,
.menu ul li.mm4 a:hover{
	background: url(../images/menu_bg04.png) top center repeat-x;}

.menu ul li.mm5:hover,
.menu ul li.mm5 a:hover{
	background: url(../images/menu_bg05.png) top center repeat-x;}

.menu ul li.mm6:hover,
.menu ul li.mm6 a:hover{
	background: url(../images/menu_bg06.png) top center repeat-x;}

.menu ul li.mm7:hover,
.menu ul li.mm7 a:hover{
	background: url(../images/menu_bg07.png) top center repeat-x;
	border-width:0px 0px 0px 0px;}
	



/*子メニュー*/
.menu ul li:hover ul li ul, 
.menu ul li a:hover ul li a ul {
	visibility:hidden; position:absolute;}



/*子メニュー 1*/
.menu ul li.mm:hover ul li, 
.menu ul li.mm a:hover ul li {
	*background: #82aed9;/*ie7*/
	display: block;
	color: #fff;
	font-weight:normal;
	clear: both;
	width: 135px;
	vertical-align: middle;

}

.menu ul li.mm2:hover ul li, 
.menu ul li.mm2 a:hover ul li {
	*background: #eb8dc5;/*ie7*/
	display: block;
	color: #fff;
	font-weight:normal;
	clear: both;
	width: 135px;
	vertical-align: middle;
}

.menu ul li.mm3:hover ul li, 
.menu ul li.mm3 a:hover ul li {
	*background: #7ac2e9;/*ie7*/
	display: block;
	color: #fff;
	font-weight:normal;
	clear: both;
	width: 135px;
	vertical-align: middle;
}

.menu ul li.mm4:hover ul li, 
.menu ul li.mm4 a:hover ul li {
	*background: #f8c701;/*ie7*/
	display: block;
	color: #fff;
	font-weight:normal;
	clear: both;
	width: 135px;
	vertical-align: middle;

}

.menu ul li.mm5:hover ul li, 
.menu ul li.mm5 a:hover ul li {
	*background: #bc97c8;/*ie7*/
	display: block;
	color: #fff;
	font-weight:normal;
	clear: both;
	width: 135px;
	vertical-align: middle;
}
.menu ul li.mm6:hover ul li, 
.menu ul li.mm6 a:hover ul li {
	*background: #8dc453;/*ie7*/
	display: block;
	color: #fff;
	font-weight:normal;
	clear: both;
	width: 135px;
	vertical-align: middle;
}

.menu ul li.mm7:hover ul li, 
.menu ul li.mm7 a:hover ul li {
	*background: #efa764;/*ie7*/
	display: block;
	color: #fff;
	font-weight:normal;
	clear: both;
	width: 136px;
	vertical-align: middle;
}


/*子メニュー 2　標準時*/
.menu ul li.mm:hover ul li a, 
.menu ul li.mm a:hover ul li a {
	background-color: rgba(130,174,217,0.9);
	display: block;
	width: 135px;
	height: 45px;
	padding-top:5px;
	padding-bottom:5px;

}

.menu ul li.mm2:hover ul li a, 
.menu ul li.mm2 a:hover ul li a {
	display: block;
	background-color: rgba(235,141,197,0.9);
	width: 135px;
	font-size:12px;
	height: 45px;
	padding-top:5px;
	padding-bottom:5px;

}

.menu ul li.mm3:hover ul li a, 
.menu ul li.mm3 a:hover ul li a {
	display: block;
	background-color: rgba(235,141,197,0.9);
	width: 135px;
	height: 30px;
	padding-top:10px;

}

.menu ul li.mm4:hover ul li a, 
.menu ul li.mm4 a:hover ul li a {
	display: block;
	background-color: rgba(248,199,1,0.9);
	width: 135px;
	height: 45px;
	padding-top:5px;
	padding-bottom:5px;
}

.menu ul li.mm5:hover ul li a, 
.menu ul li.mm5 a:hover ul li a {
	display: block;
	background-color: rgba(188,151,200,0.9);
	width: 135px;
	height: 45px;
	padding-top:5px;
	padding-bottom:5px;}

.menu ul li.mm6:hover ul li a, 
.menu ul li.mm6 a:hover ul li a {
	display: block;
	background-color: rgba(141,196,83,0.9);
	width: 135px;
	height: 30px;
	padding-top:12px;
}

.menu ul li.mm7:hover ul li a, 
.menu ul li.mm7 a:hover ul li a {
	display: block;
	background-color: rgba(239,167,100,0.9);
	width: 135px;
	*z-index:9999;/*ie7*/
	height: 45px;
	padding-top:4px;
	padding-bottom:4px;	
	
}

/*子メニュー hover*/
.menu ul li.mm:hover ul li a:hover, 
.menu ul li.mm a:hover ul li a:hover,
.menu ul li.mm2:hover ul li a:hover, 
.menu ul li.mm2 a:hover ul li a:hover,
.menu ul li.mm3:hover ul li a:hover, 
.menu ul li.mm3 a:hover ul li a:hover,
.menu ul li.mm4:hover ul li a:hover, 
.menu ul li.mm4 a:hover ul li a:hover,
.menu ul li.mm5:hover ul li a:hover, 
.menu ul li.mm5 a:hover ul li a:hover, 
.menu ul li.mm6:hover ul li a:hover, 
.menu ul li.mm6 a:hover ul li a:hover,
.menu ul li.mm7:hover ul li a:hover, 
.menu ul li.mm7 a:hover ul li a:hover {
	text-decoration: underline;
	color: #fff;
	opacity: 0.8;
	vertical-align: middle;
}



/*子メニュー高さ調整*/

.menu ul li.mm:hover ul li.short a, 
.menu ul li.mm a:hover ul li.short a,
.menu ul li.mm2:hover ul li.short a, 
.menu ul li.mm2 a:hover ul li.short a
.menu ul li.mm3:hover ul li.short a, 
.menu ul li.mm3 a:hover ul li.short a,
.menu ul li.mm4:hover ul li.short a, 
.menu ul li.mm4 a:hover ul li.short a,
.menu ul li.mm5:hover ul li.short a, 
.menu ul li.mm5 a:hover ul li.short a,
.menu ul li.mm6:hover ul li.short a, 
.menu ul li.mm6 a:hover ul li.short a,
.menu ul li.mm7:hover ul li.short a, 
.menu ul li.mm7 a:hover ul li.short a{
	height:30px;
	padding-bottom:10px;
	padding-top:5px;	} 


.menu ul li.mm4:hover ul li.shorts a, 
.menu ul li.mm4 a:hover ul li.shorts a,
.menu ul li.mm5:hover ul li.shorts a, 
.menu ul li.mm5 a:hover ul li.shorts a,
.menu ul li.mm7:hover ul li.shorts a, 
.menu ul li.mm7 a:hover ul li.shorts a{
	height:30px;
	padding-top:10px;
	padding-bottom:0;	} 

.menu ul li.mm:hover ul li.high a, 
.menu ul li.mm a:hover ul li.high a,
.menu ul li.mm2:hover ul li.high a, 
.menu ul li.mm2 a:hover ul li.high a
.menu ul li.mm3:hover ul li.high a, 
.menu ul li.mm3 a:hover ul li.high a,
.menu ul li.mm4:hover ul li.high a, 
.menu ul li.mm4 a:hover ul li.high a,
.menu ul li.mm5:hover ul li.high a, 
.menu ul li.mm5 a:hover ul li.high a,
.menu ul li.mm6:hover ul li.high a, 
.menu ul li.mm6 a:hover ul li.high a,
.menu ul li.mm7:hover ul li.high a, 
.menu ul li.mm7 a:hover ul li.high a{
	font-size:12px;
	height:45px;
} 

/*透明部分（矢印）*/
.menu ul li:hover ul li.arrow, 
.menu ul li a:hover ul li.arrow{
	display: block;
	background: none;
	clear: both;
	opacity: 1;
}

.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {
	visibility:visible; left:210px; bottom:0;}