@charset "UTF-8";
/*--------------------------------------------------------------------------------------------------------------*/
/*---　ＴＯＰ画面の背景　---------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

div#top_bg{
	width: 960px;/*箱のサイズ設定*/
	height: 960px;
	position: absolute;
	top: 0px;
	background-color: #fff;
	background-image:
							url("../images/00_top/top_message.png"),
							url("../images/00_top/xenlon_rogo_01.png"),

							url("../images/00_top/bg_01.png");
	background-repeat: no-repeat;
	background-size:
		    			120px  14px,/* OverTheRainbow */
		    			398px 216px,/* 神龍ロゴ */

		    			960px 960px;/* BG */
	background-position:
							420px   5px,/* OverTheRainbow */
							281px 255px,/* 神龍ロゴ */

							  0px   0px;/* BG */
	border: solid 0px #ff0000;/*デバッグ用*/
}
/*--------------------------------------------------------------------------------------------------------------*/
	/*---　Whats New　----------------------------------------------------------------------------------------------*/
	/*--------------------------------------------------------------------------------------------------------------*/

.wnBG{
	/* 箱のサイズ設定 */
	width: 320px;
	height: 165px;
	position: absolute;

	top: 655px;
	left: 20px;

/*
	background-size: 80% auto;
	background-image: url("../images/00_top/board_01.png");
	background-repeat: no-repeat;
	background-position: center;
*/
/*
	background-color: #351111;
*/
	/* デバッグ用 */
	border: solid 0px #0000ff;
}


img#topL{
	width: 10px;
	height: 10px;
	position: absolute;

	top: 0px;
	left: 0px;

	background-repeat: no-repeat;

	border: solid 0px #FF0000;
}


img#topR{
	width: 10px;
	height: 10px;
	position: absolute;

	top: 0px;
	left: 310px;

	background-repeat: no-repeat;

	border: solid 0px #FF0000;
}


img#topC{
	width: 300px;
	height: 10px;
	position: absolute;

	top: 0px;
	left: 10px;
	border: solid 0px #FF0000;
}



img#underL{
	width: 10px;
	height: 10px;
	position: absolute;

	top: 155px;
	left: 0px;

	background-repeat: no-repeat;

	border: solid 0px #FF0000;
}


img#underR{
	width: 10px;
	height: 10px;
	position: absolute;

	top: 155px;
	left: 310px;

	background-repeat: no-repeat;

	border: solid 0px #FF0000;
}


img#underC{
	width: 300px;
	height: 10px;
	position: absolute;

	top: 155px;
	left: 10px;
	border: solid 0px #FF0000;
}


img#center{
	width: 320px;
	height: 145px;
	position: absolute;

	top: 10px;
	left: 0px;
/*
	background-repeat: no-repeat;
*/
	border: solid 0px #FF0000;
}

























/*  -------------------------------------  Start  */
/*  スクロール処理  ----------------------------- */
/*  --------------------------------------------- */
.scroll{
	width: 280px;
    height: 100px;
	position: absolute;

	top: 40px;
	left: 15px;

	overflow: auto;
	border:none;
	padding:8px;

	scrollbar-face-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-darkshadow-color: #999999;
	scrollbar-arrow-color: #777777;
	scrollbar-track-color: #999999;

	border:solid 3px #0000ff;/*デバッグ用*/
}
/*  ---------------------------------------  End  */



.wnTitle{
	width: 250px;
    height: 20px;
	position: absolute;

	top: 5px;
	left: 10px;

	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif,ＭＳ ゴシック;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;/* デバッグ用 */
	border: solid 0px #0000ff;
}

.wnLine{
	width: 270px;
    height: 20px;
	position: absolute;

	top: 25px;
	left: 10px;

}



.wnTxt{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif,ＭＳ ゴシック;
	font-size: 12px;
	color: #FFFFFF;

	border: solid 0px #00ffff;
}




.date{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif,ＭＳ ゴシック;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;/* デバッグ用 */
	border: solid 0px #0000ff;
}


.release{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif,ＭＳ ゴシック;
	font-size: 12px;
	font-weight: bold;
	color: #aaaaFF;/* デバッグ用 */
	border: solid 0px #0000ff;
}



.icon{
	display: inline;
    vertical-align: -8px;
}




/*--------------------------------------------------------------------------------------------------------------*/
	/*---　メッセージバー　-----------------------------------------------------------------------------------------*/
	/*--------------------------------------------------------------------------------------------------------------*/

.Message_bar{
	border: solid 0px #00f;
}


.bar_white{
	/* 箱のサイズ設定 */
	width: 585px;
	height: 134px;
	position: absolute;
	background-color:#eeeeee;
	top: 685px;
	left: 350px;
	border: solid 1px #bbbbbb;
}

.message{
	/* 箱のサイズ設定 */
	width: 475px;
	height: 80px;
	position: absolute;
	top: 10px;
	left: 130px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif,ＭＳ ゴシック;
	font-size:14px;
	font-weight: bold;
	border: solid 0px #00f;
}
.icon_img{
	position: absolute;
	top: 10px;
	left: 10px;
	width : 110px;
	height : 110px;
}

/* iTune Store icon */
.store_link_i{
	position: absolute;
	top: 85px;
	left: 320px;
	height : 35px;
}
/* Google Store icon */
.store_link_a{
	position: absolute;
	top: 85px;
	left: 170px;
	height : 35px;
}
.store_link_txt{
	font-size:13px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif,ＭＳ ゴシック;
}

	/*--------------------------------------------------------------*/
	a:link.messageTxt{
		color:#0000FF;
	}

	a:visited.messageTxt{
		color:#0000FF;
	}

	a:hover.messageTxt{
		color:#FF0000;
	}

	a:active.messageTxt{
		color:#AA0000;
	}

/*--------------------------------------------------------------------------------------------------------------*/
	/*--　ＴＯＰ画面用リンクアイコン  ------------------------------------------------------------------------------*/
	/*--------------------------------------------------------------------------------------------------------------*/

nav#main_link{
	/* 箱のサイズ設定*/
	width: 900px;
	height: 800px;/* 箱の位置設定 */
	position: absolute;
	top: 0px;/* デバッグ用 */
	border: solid 0px #ff00ff;
}





/*---　会社概要　-----------------------------------------------*/
a#link_01{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 131px;
	left: 344px;
	border: solid 0px #f00;
}

a#link_01:hover{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 131px;
	left: 344px;
	border: solid 0px #0f0;
}

#HPB_ROLLOVER1{
	width: 230px;
	height: 230px;
	position: absolute;
	top: 65px;
	left: 277px;
	border: solid 0px #fff;
}




/*---　事業紹介　-----------------------------------------------*/
a#link_02{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 95px;
	left: 688px;
	border: solid 0px #00f;
}

a#link_02:hover{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 95px;
	left: 688px;
	border: solid 0px #0f0;
}

#HPB_ROLLOVER2{
	width: 230px;
	height: 230px;
	position: absolute;
	top: 29px;
	left: 621px;
	border: solid 0px #fff;
}





/*---　ご挨拶　---------------------------------------------------*/
a#link_03{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 327px;
	left: 737px;
	border: solid 0px #00f;
}

a#link_03:hover{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 327px;
	left: 737px;
	border: solid 0px #0f0;
}

#HPB_ROLLOVER3{
	width: 230px;
	height: 230px;
	position: absolute;
	top: 260px;
	left: 669px;
	border: solid 0px #fff;
}


/*---　採用情報　---------------------------------------------------*/
a#link_04{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 516px;
	left: 528px;
	border: solid 0px #00f;
}

a#link_04:hover{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 516px;
	left: 528px;
	border: solid 0px #0f0;
}

#HPB_ROLLOVER4{
	width: 230px;
	height: 230px;
	position: absolute;
	top: 449px;
	left: 461px;
	border: solid 0px #fff;
}




/*---　アクセス　-----------------------------------------------*/
a#link_05{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 500px;
	left: 177px;
	border: solid 0px #00f;
}

a#link_05:hover{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 500px;
	left: 177px;
	border: solid 0px #0f0;
}

#HPB_ROLLOVER5{
	width: 230px;
	height: 230px;
	position: absolute;
	top: 433px;
	left: 110px;
	border: solid 0px #fff;
}




/*---　お問い合わせ　-----------------------------------------------*/
a#link_06{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 271px;
	left: 130px;
	border: solid 0px #00f;
}

a#link_06:hover{
	width: 95px;
	height: 95px;
	position: absolute;
	top: 271px;
	left: 130px;
	border: solid 0px #0f0;
}

#HPB_ROLLOVER6{
	width: 230px;
	height: 230px;
	position: absolute;
	top: 204px;
	left: 62px;
	border: solid 0px #fff;
}