/* CSS Document */

/* [ =============== ALL =============== ] */
*{
	margin:0;
	padding:0;
}

img{
	border:0;
}

html,
body {
background-color:#FFF;
line-height:0px;
}

.clear_box{
	margin:0;
	padding:0;
	line-height:0;
	height:0;
	clear:both;
}

.clear_box_left{
	margin:0;
	padding:0;
	line-height:0;
	height:0;
	clear:left;
}

.clear_box_right{
	margin:0;
	padding:0;
	line-height:0;
	height:0;
	clear:right;
}
/* [ =============== /ALL =============== ] */


/* [ =============== Header Area =============== ] */
#header_super{
	width:100%;
	height:36px;
	background:url(../images/super_header_bg.jpg) bottom repeat-x #000;
}
#header_area{
	width:900px;
	height:35px;
	margin:0 auto 0 auto;
	padding:0;
}

#header_area ul.head_navi{
	list-style:none;
}

#header_area ul.head_navi li{
	list-style:none;
	float:left;
	display:table-cell;
	/display:inline;
	/zoom:1;
}

#header_area .channel_btn{
	float:right;
	padding:7px 7px 0 0;
}

/* [ =============== /Header Area =============== ] */

/* [ =============== GLONAVI Area =============== ] */
#gl_navi_area{
	width:100%;
	height:69px;
	background:url(../images/gl_navi_bg.jpg) top center no-repeat #000;
	clear:both;
}

#gl_navi_area .html_gl_area{
	width:900px;
	position:relative;
	margin:0 auto 0 auto;
}

#gl_navi_area .html_gl_area ul.gl{
	list-style:none;
	margin:0;
	padding:0;
}

#gl_navi_area .html_gl_area ul.gl li{
	overflow:hidden;
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	display:table-cell;
	/display:inline;
	/zoom:1;
}

#gl_navi_area .html_gl_area ul.gl li img{
	vertical-align:bottom;
}
/* [ =============== GLONAVI Area END =============== ] */

/* [ =============== SUBNAVI Area =============== ] */
.sub_navi_area_bg{
	clear:both;
	width:100%;
	background:url(../images/menta_subnavi_bg.jpg) repeat-x #000;
	height:42px;
}

/* [ =============== /SUBNAVI Area =============== ] */

/* [ =============== Contents Area =============== ] */
#main{
height:100%;
color:#000;
}

#main_firefox{
width:100%;
height:100%;
color:#000;
display:block;
}

.sub_img{
	width:600px;
	height:300px;
	margin:60px auto 0 auto;
	position:relative;
	background:url(../images/img_sub.jpg) no-repeat;
}

.adobe_btn{
	position:absolute;
	top:230px;
	left:255px;
}

#gl_navi{
	height:128px;
	width:100%;
}

#contents_area{
	width:100%;
	margin:0 auto 0 auto;
	background:url(../images/html_bg.jpg) #000 center repeat-y;
}

#contents_area .wrapper{
	width:830px;
	margin:0 auto 0 auto;
	padding:20px 0 10px 0;
	line-height:20px;
	color:#FFF;
	font-size:12px;
}

#contents_area .wrapper h1{
	margin:0;
	padding:0 0 20px 0;
	border:none;
}

#contents_area .wrapper h2{
	margin:0;
	padding:0 0 20px 0;
	border:none;
}

#contents_area .wrapper p{
	padding-bottom:13px;
}

#contents_area .wrapper p a{
	color:#F00;
	text-decoration:underline;
}

#contents_area .wrapper p a:hover{
	color:#F00;
	text-decoration:none;
}

.page_top{
	width:830px;
	text-align:right;
	padding-bottom:10px;
}

/* [ =============== /Contents Area =============== ] */

/* [ =============== Video Area =============== ] */
#video_navi{
width:100%;
height:110px;
display:block;
}

#movie_area{
width:900px;
height:330px;
color:#000;
display:block;
margin:0 auto 0 auto;
}

td.movie_line_tate{
	background:url(../images/movie_line_tate.jpg) repeat-y center;
}

.movie_line_yoko{
	width:100%;
	height:330px;
	border-top:#333 solid 1px;
	border-bottom:#333 solid 1px;
}

#main_movie{
	width:100%;
	height:330px;
	display:block;
	position:relative;
}


/* [ =============== Footer Area =============== ] */
#footer_area{
	width:100%;
	height:100px;
	background:url(../images/footer_top.jpg) top repeat-x #FFF;
	clear:both;
}

.foot_text{
	width:789px;
	margin:0 auto 0 auto;
	padding-top:16px;
}

#footer_area ul.foot_navi{
	list-style:none;
	width:568px;
	margin:0 auto 0 auto;
	padding:7px 0 0 0;
	height:19px;
}

#footer_area ul.foot_navi li{
	float:left;
	list-style:none;
}

#footer_area .copy{
	padding:5px 0 0 0;
	_padding:0 0 0 0;
	margin:0 auto 0 auto;
	width:430px;
}

/* [ =============== /Footer Area =============== ] */

#generater{
	width:900px;
	height:600px;
	margin:0 auto 0 auto;
}