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

/* FLASH START*/
#flashcontent{
	width:894px;
	height:365px;
	margin-left:4px;
	background-color: #000000;
	background-image: url(../images/img_sub.jpg);
	background-repeat: no-repeat;
}

p.hide{
display:none;
}
	
.adobeBtn {
margin-top:190px;
margin-left:402px;
}

#flashcontent_2{
width:116px;
height:81px;
background:#FFFFFF;
}

.adobeBtn_2{
margin-top:25px;
margin-left:8px;
}

#flashcontent_3{
width:116px;
height:87px;
background:#FFFFFF;
}

.adobeBtn_3{
margin-top:25px;
margin-left:8px;
}
/* FLASH END*/


/* CONTENS START*/
.index_contents_bg{
width:895px;
padding-top:20px;
background:url(../images/contents_area_bg_top.gif) no-repeat;
_margin-left:2px;
}

*:first-child+html .index_contents_bg{
width:895px;
background:url(../images/contents_area_bg_top.gif) no-repeat;
margin-left:1px;
}

.index_middle_line{
width:795px;
margin:0 auto 0;
padding:10px 0 15px 0;
_padding:15px 0 15px 0;
}

*:first-child+html .index_middle_line{
width:795px;
margin:0 auto 0;
padding:15px 0 15px 0;
}

/* CONTENS END*/

/* H1 START*/

.h1_area{
margin:0;
padding:0;
}

.h1_area .h1_title{
margin:0 auto 10px;
width:695px;
}

.h1_area .h1_bar{
margin:0 auto 10px;
width:808px;
}

.h1_area .text{
	width:700px;
	line-height:18px;
	color:#333333;
	letter-spacing:0.5px;
	margin:0 auto 10px;
}


/* Instruction Movies */
.h1_area .text:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html .h1_area .text{display:inline-block;}
*:first-child+html .h1_area .text{display:inline-block;}

.h1_area .text p{
float:left;
width:700px;
}
.h1_area .text dl{
float:right;
width:228px;
border:1px solid #af0000;
background:url(../images/im_bg02.gif);
padding-bottom:12px;
}
.h1_area .text dl:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html .h1_area .text dl{display:inline-block;padding-bottom:0;}
*:first-child+html .h1_area .text dl{display:inline-block;padding-bottom:0;}

.h1_area .text dl dt{
text-align:center;
background:url(../images/im_bg01.gif) repeat-x;
border-bottom:1px solid #af0000;
margin-bottom:12px;
}
.h1_area .text dl dd{
float:left;
width:60px;
margin-left:12px;
display:inline;
}
.h1_area .text dl img{
border:none;
vertical-align:top;
}
.sb-opened #flashcontent{background-image:none;}


.h1_area .guide_btn_box{
	position:absolute;
	top:15px;
	left:31px;
	width:207px;
	height:124px;
}

/* H1 END*/


/* WHATS START*/
div#index_cont_wh{
width:800px;
margin:20px auto;
background:url(../images/index_cont_bg_middle_wh.jpg) repeat-y;
}

div#index_cont_wh .cont_top_wh{
width:800px;
background:url(../images/index_cont_bg_top_wh.jpg) no-repeat;
}

div#index_cont_wh .cont_bottom_wh{
width:800px;
height:15px;
background:url(../images/index_cont_bg_bottom_wh.jpg) no-repeat;
}

div#index_cont{
width:800px;
margin:10px auto 20px;
background:url(../images/index_cont_bg_middle.jpg) repeat-y;
}

div#index_cont .cont_top{
width:800px;
background:url(../images/index_cont_bg_top.jpg) no-repeat;
}

div#index_cont .cont_top_2{
width:800px;
background:url(../images/index_cont_bg_top_2.jpg) no-repeat;
}

div#index_cont .cont_bottom{
width:800px;
height:15px;
background:url(../images/index_cont_bg_bottom.jpg) no-repeat;
}

.what_area{
	width:750px;
	margin:0 auto;
	color:#454545;
}

.what_area .what_title{
margin:0 auto 10px;
padding-top:25px;
text-align:center;
}

.what_area .what_line{
height:2px;
}

.what_area .what_text_area{
margin:15px auto 15px;
width:700px;
line-height:18px;
}

.what_area .what_img{
width:602px;
margin:0 auto;
}

.what_area .what_img ul.what_detail{
width:580px;
float:left;
list-style:none;
margin-bottom:10px;
}

.what_area .what_img ul.what_detail li{
width:145px;
margin-right:69px;
float:left;
font-size:10px;
line-height:18px;
}

br.what{
clear:left;
line-height:10px;
}

.pdf_area{
text-align:right;
margin:5px 0 5px 0;
_margin-top:10px;
width:750px;
line-height:18px;
}

*:first-child+html .pdf_area{
text-align:right;
margin:10px 0 5px 0;
width:750px;
line-height:18px;
}

.pdf_area .arrow_img{
padding-bottom:2px;
padding-right:3px;
}

.pdf_area a{
text-decoration:none;
color:#454545;
}

.pdf_area a:hover{
color:#999999;
}
/* WHATS END*/



/* BTN START*/
.btn_area{
width:750px;
margin:0 auto;
padding-bottom:5px;
}

a .index_btn{
width:243px;
background:url(../images/index_btn_bg_middle.jpg) repeat-y;
}

a .index_btn .index_btn_bottom{
width:243px;
background:url(../images/index_btn_bg_bottom.jpg) no-repeat bottom;
}

a .index_btn .index_btn_bottom .index_btn_top_01{
width:243px;
background:url(../images/index_btn_bg_top_01.jpg) no-repeat top;
position:relative;
}

a .index_btn .index_btn_bottom .index_btn_top_02{
width:243px;
background:url(../images/index_btn_bg_top_02.jpg) no-repeat top;
position:relative;
}

a .index_btn .index_btn_bottom .index_btn_top_03{
width:243px;
background:url(../images/index_btn_bg_top_03.jpg) no-repeat top;
position:relative;
}

a .index_btn .index_btn_bottom .index_btn_top_04{
width:243px;
background:url(../images/index_btn_bg_top_04.jpg) no-repeat top;
position:relative;
}

a .index_btn .index_btn_bottom .index_btn_top_05{
width:243px;
background:url(../images/index_btn_bg_top_05.jpg) no-repeat top;
position:relative;
}

a .index_btn .index_btn_bottom .index_btn_top_06{
width:243px;
background:url(../images/index_btn_bg_top_06.jpg) no-repeat top;
position:relative;
}

a.hover .index_btn .index_btn_bottom{
width:243px;
background:url(../images/index_btn_bg_over_bottom.jpg) no-repeat bottom;
}
a.hover .index_btn{
width:243px;
background:url(../images/index_btn_bg_over_middle.jpg) repeat-y;
}

a.hover .index_btn .index_btn_bottom .index_btn_top_01{
width:243px;
background:url(../images/index_btn_bg_top_01_over.jpg) no-repeat top;
position:relative;
}

a.hover .index_btn .index_btn_bottom .index_btn_top_02{
width:243px;
background:url(../images/index_btn_bg_top_02_over.jpg) no-repeat top;
position:relative;
}

a.hover .index_btn .index_btn_bottom .index_btn_top_03{
width:243px;
background:url(../images/index_btn_bg_top_03_over.jpg) no-repeat top;
position:relative;
}

a.hover .index_btn .index_btn_bottom .index_btn_top_04{
width:243px;
background:url(../images/index_btn_bg_top_04_over.jpg) no-repeat top;
position:relative;
}

a.hover .index_btn .index_btn_bottom .index_btn_top_05{
width:243px;
background:url(../images/index_btn_bg_top_05_over.jpg) no-repeat top;
position:relative;
}

a.hover .index_btn .index_btn_bottom .index_btn_top_06{
width:243px;
background:url(../images/index_btn_bg_top_06_over.jpg) no-repeat top;
position:relative;
}



ul.index_btn_list{
list-style:none;
}
ul.index_btn_list:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;font-size:0;}
*html ul.index_btn_list {display: inline-block;}
*:first-child+html ul.index_btn_list {display: inline-block;}

ul.index_btn_list li{
width:243px;
float:left;
margin-right:9px;
margin-top:15px;
}

.index_btn_text_area{
	padding:34px 0 21px 18px;
	width:200px;
	min-height:32px;
	line-height:18px;
	font-size:14px;
	font-weight:bold;
	color:#555555;
	text-decoration:none !important;
}

.index_btn_text_area_2{
	padding:25px 0 12px 18px;
	width:200px;
	min-height:50px;
	line-height:18px;
	font-size:14px;
	font-weight:bold;
	color:#555555;
	text-decoration:none !important;
}

.index_btn_font_14{
font-size:14px
}
.index_btn_font_12{
font-size:12px
}
.index_btn_10{
padding-top:7px;
font-size:12px;
font-weight:100;
position:relative;
}

.index_btn_arrow_icon{
position:absolute;
top:9px;
left:74px;
_top:5px;
_left:72px;
width:15px;
height:15px;
background:url(../images/index_btn_arrow.gif);
}

a:hover .index_btn_arrow_icon{
position:absolute;
top:9px;
left:74px;
_top:5px;
_left:72px;
width:15px;
height:15px;
background:url(../images/index_btn_arrow_over.gif);
}

/* BTN END*/


/* PRODUCT START*/
div#product{
margin:20px auto 25px;
width:800px;
}

.line_up_area{
width:750px;
margin:0 auto;
color:#FFFFFF;
}

.line_up_title{
padding:20px 0 5px 0;
}

ul.line_up_list{
width:750px;
float:left;
list-style:none;
margin:15px 0 15px;
}

ul.line_up_list li{
float:left;
margin-right:7px;
}

.line_up_btn_area{
width:245px;
background:url(../images/line_up_bg_middle.gif) repeat-y;
}

.line_up_btn_area_top{
width:245px;
background:url(../images/line_up_bg_top.gif) no-repeat top;
}

.line_up_btn_area_bottom{
	width:245px;
	background:url(../images/line_up_bg_bottom.gif) no-repeat bottom;
	position:relative;
	height:108px;
}

.line_up_pic{
	position:absolute;
	top:12px;
	left:15px;
}

.line_up_name{
position:absolute;
top:18px;
left:122px;
}

.line_up_btn{
position:absolute;
top:5px;
left:5px;
}
/*
.line_up_detail{
	position:absolute;
	top:43px;
	left:120px;
	line-height:16px;
	font-size:9px;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}
*/
.line_up_btn{
	position:absolute;
	top:42px;
	left:122px;
	font-size:12px;
	line-height:16px;
	letter-spacing: 0;
}

.line_up_btn a{
	text-decoration:none;
	color:#3366CC;
}

.line_up_btn a:hover{
	color:#CC0000;
}

.line_up_arrow{
padding-bottom:2px;
padding-right:5px;
}

/* PRODUCT END*/


/* BANNER START*/
.bn_area_box{
width:800px;
margin:20px auto 0;
}

/* BANNER END*/