@charset "utf-8";



/* @group Grid */

html {
  background-color: transparent;
  background-image: none;
}


body {
	background-color: #b3b3b3;
	/* background-color: #ffff00; */
}


#wrapper {
	margin: auto;
	width: 960px;
}


/* @end */



/* @group Items */

.items {
	position: relative;	
	overflow:none;
	float: right;
	width: 960px;
	display: block;
}

.item {
	width:100%;
	overflow:none;
	position:relative;
	line-height: 0px;
	list-style-type: none;
}



#item1 {
	height: 1168px;
	background-color: #b3b3b3;
}

#item2 {
	height: 1600px;
	/* background-color: #FF0000; */
}

#item3 {
	height: 1800px;
}

#item4 {
	height: 3600px;
	position: relative;
	/* background-color: #0000FF; */	
}

#item5 {
	height: 670px;
	background-color: #FFFFFF;
}


.content {
	/*
	width: 500px;	
	height: 850px;
	display: block;
	*/
}

/* @end */


/* @group Local: item */

.content h2 {
	margin-left: 50px;
	padding-top: 177px;	
}

.content p {
	margin-left: 50px;
	margin-top: 22px;
	width: 400px;
}

.content .bt {
	margin-left: 50px;	
	margin-top: 24px;
}

/* @end */







/* @group Local: 01 */

#logo_line {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 960px;
	z-index: 200;
	background: url(./images/home/01/bg_logo_line.png) 0px 0px no-repeat;	
}

#logo_fulltitle {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1168px;
	z-index: 200;
	background: url(./images/home/01/bg_logo_fulltitle.png) 299px 450px no-repeat;
}

#logo_MAJ {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1500px;
	z-index: 200;
	background: url(./images/home/01/bg_logo_MAJ.png) 293px 280px no-repeat;	
}

#copy01 {
	position: absolute;
	left: 464px;
	top: 690px;	
	z-index: 202;
	width: 32px;
	height: 478px;
}

/* @end */




/* @group Local: 02 */

#yellowline02 {
	
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 2000px;
	z-index: 190;
	background: url(./images/home/02/yellowline02.png) no-repeat;	
}

#illust_japanmap {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1600px;
	z-index: 190;
	background: url(./images/home/02/illust_japanmap.png) no-repeat;	
}

#header02 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1600px;
	z-index: 200;
	background: url(./images/home/02/header02.png) no-repeat;	
}

#header02_en {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1600px;
	z-index: 200;
	background: url(./images/home/02/header02_en.png) no-repeat;	
}

#residence_index {
	position: absolute;
	top: 500px;
	font-weight: bold;
	font-style: italic;
	z-index: 210;	
}


#res_sair {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_sair.png) 155px 100px no-repeat;
}

#res_sair_en {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_sair_en.png) 155px 100px no-repeat;
}

#res_zerodate {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_zerodate.png) 155px 200px no-repeat;
}

#res_zerodate_en {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_zerodate_en.png) 155px 200px no-repeat;
}

#res_kapo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_kapo.png) 155px 300px no-repeat;
}

#res_kapo_en {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_kapo_en.png) 155px 300px no-repeat;
}

#res_himming {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_himming.png) 155px 400px no-repeat;
}

#res_himming_en {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_himming_en.png) 155px 400px no-repeat;
}

#res_commandn {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_commandn.png) 155px 500px no-repeat;
}

#res_commandn_en {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_commandn_en.png) 155px 500px no-repeat;
}

#res_beppu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_beppu.png) 155px 600px no-repeat;
}

#res_beppu_en {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_beppu_en.png) 155px 600px no-repeat;
}

#res_ano {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_ano.png) 155px 700px no-repeat;
}

#res_ano_en {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1000px;
	z-index: 200;
	background: url(./images/home/02/res_ano_en.png) 155px 700px no-repeat;
}

#res_index {				
	position: absolute;
	left: 392px;
	top: 500px;
	width: 176px;
	height: 36px;
	z-index: 198;				
}
	

/* @end */





/* @group Local: 03 */

#diversity_txt {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1800px;
	z-index: 221;
	background: url(./images/home/03/diversity_txt.png) 0px 0px no-repeat;
}

#diversity_txt_en {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1800px;
	z-index: 221;
	background: url(./images/home/03/diversity_txt_en.png) 0px 0px no-repeat;
}

#diversity_icon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1800px;
	z-index: 222;
	background: url(./images/home/03/diversity_icon.png) 0px -160px no-repeat;
}

#diversity_photo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 1800px;
	z-index: 223;
	background: url(./images/home/03/diversity_photo.png) 0px 0px no-repeat;
}




/* @end */







/* @group Local: 04 */

#timer01, #timer02, #timer03, #timer04, #timer05, #timer06 {
	position: absolute;
	left: 0px;
	width: 960px;
	height: 1200px;	
}

#timer01 {
	top: 0px;	
	z-index: 316;
	background: url(./images/home/04/timer01.png) 0px -100px no-repeat;
}

#timer02 {
	top: 500px;	
	z-index: 315;
	background: url(./images/home/04/timer02.png) 0px -100px no-repeat;
}

#timer03 {
	top: 1000px;	
	z-index: 314;
	background: url(./images/home/04/timer03.png) 0px -100px no-repeat;
}

#timer04 {
	top: 1500px;	
	z-index: 313;
	background: url(./images/home/04/timer04.png) 0px -100px no-repeat;
}

#timer05 {
	top: 2000px;	
	z-index: 312;
	background: url(./images/home/04/timer05.png) 0px -100px no-repeat;
}

#timer06 {
	top: 2500px;	
	z-index: 311;
	background: url(./images/home/04/timer06.png) 0px -100px no-repeat;
}





#header04 {
	position: absolute;
	width: 960px;
	height: 3600px;
	z-index: 210;
	background: url(./images/home/04/header04.png) no-repeat;
}

#header04_en {
	position: absolute;
	width: 960px;
	height: 3600px;
	z-index: 210;
	background: url(./images/home/04/header04_en.png) no-repeat;
}


#photo04_1, #photo04_2, #photo04_3, #photo04_4, #photo04_5, #photo04_6 {
	position: absolute;
	left: 0px;
	width: 960px;
	height: 600px;	
}


#photo04_1 {
	top: 0px;
	z-index: 101;
	background: url(./images/home/04/photo04_1.jpg) 0px 0px no-repeat;
	
}

#photo04_2 {
	top: 600px;
	z-index: 102;
	background: url(./images/home/04/photo04_2.jpg) 0px 0px no-repeat;	
}

#photo04_3 {
	top: 1200px;
	z-index: 103;
	background: url(./images/home/04/photo04_3.jpg) 0px 0px no-repeat;
}

#photo04_4 {
	top: 1800px;
	z-index: 104;
	background: url(./images/home/04/photo04_4.jpg) 0px 0px no-repeat;
}

#photo04_5 {
	top: 2400px;
	z-index: 105;
	background: url(./images/home/04/photo04_5.jpg) 0px 0px no-repeat;
}

#photo04_6 {
	top: 3000px;
	z-index: 106;
	background: url(./images/home/04/photo04_6.jpg) 0px 0px no-repeat;
}

/* @end */




/* @group Local: 05 */


#go-to-next {

	width: 960px;	
	margin-bottom: 20px;
}

	
#header05 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 940px;
	height: 670px;
	z-index: 220;
	background: url(./images/home/05/header05.png) 0px 0px no-repeat;
}

#header05_en {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 940px;
	height: 670px;
	z-index: 220;
	background: url(./images/home/05/header05_en.png) 0px 0px no-repeat;
}

#yellow05 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 670px;
	z-index: 210;
	/* background: url(../../common/images/05/yellowline05.png) 0px 0px fixed no-repeat; */
}

#photo05_1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 670px;
	z-index: 103;
	background: url(./images/home/05/photo05_1.jpg) 0px 0px no-repeat;
}


#btn05 {
	/*
	position: absolute;
	left: 620px;
	top: 900px;

	z-index: 220;
	*/
		top: 900px;
		width: 320px;
	height: 30px;	
	position: absolute;
	margin-left: 320px;
}

#btn05 a {
	display: block;
	height: 30px;	
}

#btn05 a:focus, a:active, a:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	-khtml-opacity: 0.6; 	
	filter: alpha(opacity=60);
}



/* @end */








/* @group Footer */

#footer {
	width: 960px;
	height: 110px;
	clear: both;
	margin-top: 0px;
}

#copyright {
	padding-bottom: 15px;
}

#util_nav {
	width: 960px;
	clear: both;
	float: right;		
}

#util_nav li {
	float: left;
	margin-right: 10px;
	height: 32px;
}




div#footer {
	margin-top: 30px;

}

div#footer a {
}

div#footer a:focus, 
div#footer a:active, 
a:hover {
}

div#footer ul.support {
	float: right;
}

div#footer ul li {
	margin-left: 5px;
	display: inline;
	font-size:77%;  /*renders 10px */	
}

div#footer address {
	text-align: left;
	float: left;
	font-size:77%;  /*renders 10px */		
}




/* @end */









/* @group Local: Functions */

#function_area {
	position: fixed;
	left: 980px;
	top: 10px;
	width: 160px;
	height: 200px;
	/* background-color: #FFF; */
	z-index: 300;

	
}


#logo {
	margin-bottom: 15px;
}



/* @end */




/* @group same as fonts.css */


#footer {
	height: 30px;
}

/*
#footer ul.support {
	float: right;
	margin-right: 10px;	
}

#footer ul li {
	margin-left: 5px;
	display: inline;
	font-size:77%;	
}
*/

#footer address {
	text-align: left;
	float: left;
	font-size:77%;  /*renders 10px */
	margin-left: 10px;	
}



/* @end */