@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------
 [Base]
-------------------------------------------------- */
body {
	/* IE6対策（スクロール時の表示ブレ防止） */
	background-attachment: fixed;
	height: 100%;
	background: #000;
}

/*-----------------[ document base ]-----------------*/
#document {
	width: 100%;
	/*min-width: 1060px;*/
	min-width: 1024px;
	height: 833px;
	overflow: hidden;
	position: relative;
	background: #000;
}
#home #document {
	background: url(../../img/bg_temp.jpg) repeat-y center top;
}

/*-----------------[ conainer base ]-----------------*/
.container {
	position: relative;
}
.container_inn {
	width: 960px;
	margin: 0 auto;
	position: relative;
	/* ↓ 開発用 ↓ */
	/*border-right: 1px solid #f77;
	border-left: 1px solid #f77;
	border-bottom: 1px solid #f77;*/
}

/*-----------------[ main base ]-----------------*/
#main {
	width: 100%;
	position: absolute;
}
#main_box {
	height: 783px;
}

/*-----------------[ logo base ]-----------------*/
#logo {
	width: 100%;
	position: absolute;
}
#logo_box {
	height: 233px;
}

/*-----------------[ navi base ]-----------------*/
#navi {
	width: 100%;
	position: absolute;
	top: 234px;
}
#navi_box {
}

/*-----------------[ news base ]-----------------*/
#news {
	width: 100%;
	position: absolute;
	top: 618px;
}
#news_box {
}

/*-----------------[ sub_navi base ]-----------------*/
#sub_navi {
	width: 100%;
	position: absolute;
	top: 618px;
}
#sub_navi_box {
}

/*-----------------[ footer base ]-----------------*/
#footer {
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	background: #000;
	overflow: hidden;
}
#footer #footer_box {
	height: 50px;
	position: relative;
	top: -50px;
	display: none;
	/* ↓ 開発用 ↓ */
	/*border-right: 1px solid #77f;
	border-left: 1px solid #77f;
	border-top: 1px solid #77f;*/
}

/* -----------------------------------------------
 [Contents]
-------------------------------------------------- */
/*-----------------[ obj ]-----------------*/
#main_box .obj > div {
	position: absolute;
	display: none;
}
#main_box .obj_effect_01 {
	top: 0;
	left: 1060px;
	/*left: -47px;*/
	display: none;
}
#main_box .obj_effect_02 {
	top: 0;
	left: -1099px;
	/*left: -320px;*/
	display: none;
}
#main_box .obj_main {
	top: 0;
	left: 1060px;
	/*left: -50px;*/
	display: none;
}
#main_box .obj_effect_03 {
	bottom: -98px;
	left: -1538px;
	/*left: -335px;*/
	display: none;
}

/*-----------------[ logo ]-----------------*/
#logo_box > div {
	position: absolute;
	display: none;
	z-index: 10;
}
#logo_box .logo_00 {
	top: 3px;
	left: 2px;
}
#logo_box .logo_01 {
	top: 1px;
	left: 31px;
	/*left: -473px;*/
}

/*-----------------[ navi ]-----------------*/
#navi li {
	width: 241px;
	position: absolute;
	left: -291px;
	/*left: 100px;*/
	display: none;
}
#navi li.nav_01 {
	top: 0;
}
#navi li.nav_02 {
	top: 58px;
}
#navi li.nav_03 {
	top: 116px;
}
#navi li.nav_04 {
	top: 174px;
}
#navi li.nav_05 {
	top: 232px;
}
#navi li.nav_06 {
	top: 290px;
}

/*-----------------[ sub navi ]-----------------*/
#sub_navi_box > div {
	position: absolute;
}
#sub_navi_box .obj_01 {
	top: -17px;
	left: -304px;
	/*left: 410px;*/
	display: none;
}
#sub_navi_box .obj_02 {
	top: -20px;
	left: -246px;
	/*left: 720px;*/
	display: none;
}

/*-----------------[ news ]-----------------*/
#news .news_body {
	width: 215px;
	height: 75px;
	padding: 38px 38px 15px;
	background: url(../../img/home_news_bg.png) no-repeat left top;
	position: absolute;
	top: 0;
	left: -341px;
	/*left: 76px;*/
	opacity: 0;
}
#news .tinyscrollbar {
	width: 215px;
	position: absolute;
	top: 38px;
	left: -50px;
	/*left: 38px;*/
}
#news .tinyscrollbar .scrollbar {
	width: 6px;
	border-radius: 1px;
	background: #000;
	position: relative;
	float: right;
}
#news .tinyscrollbar .thumb {
	width: 6px;
	height: 20px;
	border-radius: 1px;
	background: #545454;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
#news .tinyscrollbar .viewport {
	width: 200px;
	height: 75px;
	overflow: hidden;
	position: relative;
}
#news .tinyscrollbar .overview {
	position: absolute;
	top: 0;
	left: 0;
}

#news .news_body dt {
	padding-top: 4px;
	font-size: 10px;
	line-height: 1.2;
	color: #fff;
}
#news .news_body dd {
	width: 200px;
	margin-top: 2px;
	margin-bottom: 1px;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	font-size: 10px;
	line-height: 1.2;
	color: #fff;
}
#news .news_body dd a {
	color: #fff;
	text-decoration: none;
}
#news .news_body dd a:hover {
	text-decoration: underline;
}

/*-----------------[ Footer ]-----------------*/
#footer .pagetop .btn {
	position:absolute;
	right: 2px;
	top: -72px;
	display: none;
}
#footer .socialArea {
	width: 600px;
	position: absolute;
	left: 20px;
	top: 17px;
}
#footer .socialArea li {
	float: left;
	margin-right: 2px;
}
#footer .bookmarkLink {
	width: 300px;
	height: 18px;
	font-size: 5px;
	position: absolute;
	left: 200px;
	top: 1px;
}
#footer .bookmarkLink .bookmark_title {
	margin-right: 4px;
}
#footer .bookmarkLink li {
	float: left;
	margin-right: 4px;
}
#footer .copyright {
	position:absolute;
	right: 7px;
	top: 18px;
}

/*-----------------[ Loading ]-----------------*/
#loading {
	width:100%;
	height:100%;
	overflow:hidden;
	background:#000 url(../../img/load.gif) no-repeat center 400px;
	left:0;
	top:0;
	z-index:9999;
	color:#FFF;
	text-align:center;
	position:absolute;
}