@charset "UTF-8";

body {
	width: 100%;
	overflow-x: hidden;
}
.gray_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
	background-position: 50% 50%;
}
.gray_bg_1 {
	background-image: url("../../img/top/main_list_img_1_off.jpg");
}
.gray_bg_2 {
	background-image: url("../../img/top/main_list_img_2_off.jpg");
}
.gray_bg_3 {
	background-image: url("../../img/top/main_list_img_3_off.jpg");
}
.gray_bg_4 {
	background-image: url("../../img/top/main_list_img_4_off.jpg");
}
.gray_bg_5 {
	background-image: url("../../img/top/main_list_img_5_off.jpg");
}
.gray_bg_6 {
	background-image: url("../../img/top/main_list_img_6_off.jpg");
}
.gray_bg_7 {
	background-image: url("../../img/top/main_list_img_7_off.jpg");
}

#main_area {
	min-width: 984px;
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 10;
	background-color: #000;
}
#main_area table, #main_area tr {
	width: 100%;
	height: 100%;
}
#main_area td {
	vertical-align: middle;
}


#area1 {
	z-index: 11;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #f2f2f2;
}
#area2 {
	z-index: 12;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#carv_intro {
	min-width: 984px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 135px;
	background-color: #000;
	z-index: 1001;
	margin: 20px auto;
	padding-bottom: 10px;
}
#scroll_area {
	height: 5380px;
	width: 100%;
}
#menu_list table, #menu_list tr {
	width: 100%;
	height: 100%;
}
#menu_list td {
	vertical-align: middle;
}
#menu_list {
	position: relative;
	width: 100%;
	min-width: 984px;
	overflow: hidden;
	z-index: 100;
}
#menu_list .list_wrap {
	position: absolute;
	width: 14.285714%;
	min-width: 104px;
	background-position: top center;
	cursor: pointer;
	overflow: visible !important;
	background-position: 50% 50%;
}
.menu_list_text {
	position: absolute;
	left: 50%;
	bottom: 112px;
	margin-left: -15px;
	z-index: 10;
}
.menu_list_1 {
	background-image: url("../../img/top/main_list_img_1.jpg");
}
.menu_list_2 {
	background-image: url("../../img/top/main_list_img_2.jpg");
}
.menu_list_3 {
	background-image: url("../../img/top/main_list_img_3.jpg");
}
.menu_list_4 {
	background-image: url("../../img/top/main_list_img_4.jpg");
}
.menu_list_5 {
	background-image: url("../../img/top/main_list_img_5.jpg");
}
.menu_list_6 {
	background-image: url("../../img/top/main_list_img_6.jpg");
}
.menu_list_7 {
	background-image: url("../../img/top/main_list_img_7.jpg");
}
.list_link {
	z-index: 1000;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url("../../img/top/side_shadow.png");
	background-position: top right;
	background-repeat: repeat-y;
}
#list_main_area_wrap {
	background-color: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#list_main_area {
	background-color: #000;
	background-image: url("../../img/top/list_pict/main_list2_cont_back.jpg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.list_main_area_inner {
	display: none;
	position: relative;
	text-align: left;
	width: 640px;
	margin: 0 auto;
	padding: 0px 0 64px 0;
}
#list_main_area table, #list_main_area tr {
	width: 100%;
	height: 100%;
}
#list_main_area td {
	vertical-align: middle;
}
.list_main_area_txt {
	padding: 30px 0 43px 0;
}
.list_main_area_copy {
	position: absolute;
	left: -130px;
	bottom: 54px;
}
.list_main_area_bottom_left {
	float: left;
}
.list_main_area_bottom_right {
	float: right;
}
.list_close_bt {
	cursor: pointer;
}
/* top */

#Gnav {
	min-width: 984px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 58px;
	background-color: #FFFFFF;
	z-index: 1000;
}
.head_inner {
	height: 58px;
	width: 984px;
	margin: 0 auto;
	background-color: #FFF;
	z-index: 99;
}
#Gnav .logo {
	margin: 0 auto;
	padding-top: 14px;
}
.gnav_next_icon a {
	display: block;
	cursor: pointer;
}
.gnav_next_icon {
	z-index: -1;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	top: -26px;
}
.top_loading {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1000;
}
.top_loading td {
	padding-top: 10px;
	padding-left: 2px;
}
#play_back {
	display: block;
	top: 185px;
	position: absolute;
	left: -50px;
	z-index: 100;
	cursor: pointer;
}
#play_next {
	display: block;
	top: 185px;
	position: absolute;
	right: -50px;
	z-index: 100;
	cursor: pointer;
}
.after_load {
	display: none;
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
}
.load_bar_wrap_wrap {
	padding-left: 29px;
}
.load_bar_wrap {
	width: 37px;
	margin: 0 auto;
	height: 2px;
	background-color: #333333;
}
.load_bar {
	width: 0px;
	height: 2px;
	background-color: #FFF;
}