/* visual area */
div#feature_image1{
	width:760px;
	height:160px;
	background-image:url("../images/feat1_image.jpg");
	background-repeat:no-repeat;
	border-bottom:1px #EE5404 solid;
	text-align:left;
	}
	
div#feature_image2{
	width:760px;
	height:160px;
	background-image:url("../images/feat2_image.jpg");
	background-repeat:no-repeat;
	border-bottom:1px #EE5404 solid;
	text-align:left;
	}
	
div#feature_image3{
	width:760px;
	height:160px;
	background-image:url("../images/feat3_image.jpg");
	background-repeat:no-repeat;
	border-bottom:1px #EE5404 solid;
	text-align:left;
	}
	
div#feature_image4{
	width:760px;
	height:160px;
	background-image:url("../images/feat4_image.jpg");
	background-repeat:no-repeat;
	border-bottom:1px #EE5404 solid;
	text-align:left;
	}
	
div#feature_image5{
	width:760px;
	height:160px;
	background-image:url("../images/feat5_image.jpg");
	background-repeat:no-repeat;
	border-bottom:1px #EE5404 solid;
	text-align:left;
	}

#feature_image1 h1,#feature_image2 h1,#feature_image3 h1,#feature_image4 h1,#feature_image5 h1{
	font-weight:100;
	font-size:140%;
	line-height:160px;
	color:#fff;
	margin-left:20px;
	margin-top:0px;
	margin-bottom:0px;
	}


/* contetns area */
div#contents{
	padding-top:30px;
	padding-bottom:30px;
	width:760px;
	height:auto;
	background-color:#fff;
	text-align:center;
	}
	
#contents .text_area{
	width:700px;
	height:auto;
	margin:0px auto;
	background-color:#fff;
	text-align:left;
	}
	
#contents .position_frame{
	position:relative;
	}
	
.dot_bar{
	font-size:0%;
	margin:0;
	width:760px;
	height:4px;
	background-image:url("../images/bg_fnv_bar.gif");
	background-repeat:repeat-x;
	}

#contents .title_area{
	width:auto;
	height:24px;
	padding-left:15px;
	padding-top:0px;;
	margin-bottom:20px;
	font-weight:bold;
	line-height:26px;
	background-image:url("../images/title_head.gif");
	background-repeat:no-repeat;
	}
	
#contents .title_area2{
	width:auto;
	height:24px;
	margin-top:25px;
	margin-bottom:0px;
	font-weight:bold;
	line-height:24px;
	}
	
#contents .title_area3{
	width:auto;
	height:24px;
	margin-bottom:15px;
	font-weight:bold;
	line-height:24px;
	}
	
.title_area3 img{
	margin-right:5px;
	float:left;
	}
	
.title_area span{
	font-size:100% !important;
	}
	
div#chart_cap_area{
	float:right;
	width:280px;
	margin-left:20px;
	}

#chart_img{
	width:400px;
	height:auto;
	float:left;
	}

#chart_number{
	margin-top:5px;
	font-size:90%;
	padding:3px 10px 3px 10px;
	width:380px;
	}

#chart_number p{
	color:#fff;
	line-height:130% !important;
	margin:0px;
	}
	
#chart_cap_area p{
	margin:0px;
	}
	
.chart_switch{
	text-align:left;
	margin-top:5px;
	width:83px;
	height:auto;
	font-size:85%;
	}
	
#contents h1{
	margin:0px;
	font-size:160%;
	font-weight:600;
	}
	
#contents h2{
	font-size:130%;
	font-weight:600;
	color:#EE5404;
	margin:0px;
	}
	
#contents h3{
	font-size:130%;
	font-weight:bold;
	color:#fff;
	margin:0px;
	}
	
#contents p{
	margin:0px;
	font-size:100%;
	line-height:180%;
	}
	
#contents .text_frame{
	margin-bottom:10px;
	width:700px;
	height:auto;
	}

#contents .page_top{
	font-size:0%;
	display:block;
	background-image:url("../images/page_top.gif");
	background-position:bottom right;
	width:12px;
	height:12px;
	float:right;
	}
	
#contents .page_top_style{
	position:absolute;
	bottom:0px;
	right:0px;
	display:block;
	font-size:0%;
	background-image:url("../images/page_top.gif");
	background-position:bottom right;
	width:12px;
	height:12px;
	float:right;
	}
	
#contents .dot_border{
	height:18px;
	width:700px;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	margin-bottom:40px;
	background-image:url("../images/dot_border.gif");
	background-repeat:repeat-x;
	background-position:bottom;
	}
	
#contents .dot_border_foot{
	height:18px;
	width:700px;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	margin-bottom:0px;
	background-image:url("../images/dot_border.gif");
	background-repeat:repeat-x;
	background-position:bottom;
	}

#contents .popup a{
	position:absolute;
	bottom:0px;
	right:0px;
	margin-right:30px;
	float:right;
	color:#000;
	font-size:125%;
	font-weight:bold;
	text-decoration:underline;
	}

/* operation */

div.op_frame{
	padding:20px;
	width:660px;
	height:auto;
	background-color:#ccc;
	float:left;
	}

div.op_frame2{
	margin:0px;
	padding:0px;
	width:660px;
	height:auto;
	background-color:#fff;
	float:left;
	}

div.op_textbox{
	margin:0px;
	padding:15px;
	width:425px;
	height:149px;
	background-color:#fff;
	float:left;
	}
	
div.op_textbox2{
	padding:15px;
	width:630px;
	height:70px;
	background-color:#fff;
	float:left;
	}
	
div.op_textbox3{
	padding:15px;
	width:630px;
	height:70px;
	background-color:#fff;
	}
	
div.op_ss{
	padding-right:15px;
	width:190px;
	height:179px;
	background-color:#fff;
	float:left;
	}
	
div.op_ss2{
	padding-right:15px;
	width:190px;
	height:179px;
	background-color:#fff;
	float:left;
	}
	
div.op_arrow1{
	padding-top:15px;
	font-size:150%;
	width:20px;
	height:35px;
	line-height:60px;
	float:left;
	}
	
div.op_arrow2{
	font-size:150%;
	width:20px;
	height:60px;
	line-height:60px;
	float:left;
	}
	
.step_number{
	font-weight:bold;
	font-size:140%;
	color:#000;
	}
	
.op_caption{
	color:#787878;
	font-size:85%;
	line-height:1.6;
	}
	
.op_border{
	font-size:0%;
	width:630px;
	margin-left:15px;
	height:1px;
	background-image:url("../images/dot_border.gif");
	background-repeat:repeat-x;
	background-position:bottom;
	}

/* camera view */

div.camera_caption1{
	float:left;
	text-align:right;
	font-weight:bold;
	margin-top:20px;
	width:250px;
	height:15px;
	margin-left:20px;
	margin-right:50px;
	}
	
div.camera_caption2{
	float:left;
	text-align:right;
	font-weight:bold;
	margin-top:20px;
	width:285px;
	height:15px;
	margin-left:20px;
	}
	
div.camera_caption3{
	float:left;
	text-align:right;
	font-weight:bold;
	margin-top:5px;
	width:280px;
	height:15px;
	margin-left:20px;
	margin-right:20px;
	}
	
div.camera_caption4{
	float:left;
	text-align:right;
	font-weight:bold;
	margin-top:5px;
	width:100px;
	height:15px;
	margin-left:20px;
	}
	
div.camera_caption5{
	float:left;
	text-align:right;
	font-weight:bold;
	margin-top:5px;
	width:160px;
	height:15px;
	margin-left:20px;
	}

div.camera_frame1{
	width:300px;
	height:227px;
	float:left;
	margin-left:20px;
	margin-right:40px;
	}
	
div.camera_frame2{
	width:310px;
	height:227px;
	float:left;
	}

/* jump button */

.jump_button{
	position:absolute;
	right:0%;
	bottom:0%;
	color:#fff;
	font-size:90%;
	width:200px;
	height:20px;
	background-image:url("../images/jump_button.gif");
	background-repeat:repeat-x;
	line-height:20px;
	text-align:center;
	float:right;
	}
	
.jump_button a{
	display:block;
	}
	
/* caption_back */

.caption_back{
	color:#fff;
	position:relative;
	background-image:url("../images/caption_back.gif");
	background-repeat:repeat;
	}
	
.csize1{
	color:#000;
	font-size:85%;
	text-indent:1px;
	line-height:17px;
	margin-top:3px;
	text-indent:1px;
	float:left;
	padding-left:3px;
	width:125px;
	height:34px;
	}
	
.csize2{
	color:#000;
	font-size:85%;
	text-indent:1px;
	line-height:17px;
	margin-top:3px;
	text-indent:1px;
	margin-bottom:5px;
	float:left;
	padding-left:3px;
	width:217px;
	height:17px;
	}
	
.csize3{
	color:#000;
	font-size:85%;
	text-indent:1px;
	line-height:17px;
	margin-top:3px;
	margin-bottom:5px;
	text-indent:1px;
	padding-left:3px;
	float:left;
	width:157px;
	height:17px;
	}
	
.csize4{
	color:#000;
	font-size:85%;
	text-indent:1px;
	line-height:17px;
	margin-top:3px;
	margin-bottom:5px;
	text-indent:1px;
	float:left;
	width:400px;
	height:17px;
	}

.csize5{
	color:#000;
	font-size:85%;
	text-indent:1px;
	line-height:17px;
	margin-top:3px;
	margin-bottom:5px;
	text-indent:4px;
	float:left;
	width:280px;
	height:17px;
	}	
	
.csize6{
	color:#000;
	font-size:85%;
	text-indent:1px;
	line-height:17px;
	margin-top:3px;
	margin-bottom:5px;
	text-indent:4px;
	float:left;
	width:267px;
	height:17px;
	}	
	
.csize7{
	color:#000;
	font-size:85%;
	text-indent:1px;
	line-height:17px;
	margin-top:3px;
	margin-bottom:5px;
	text-indent:4px;
	float:left;
	width:187px;
	height:17px;
	}	

/* mode */

.mode_frame1{
	margin-top:40px;
	float:left;
	height:400px;
	width:250px;
	}

.mode_frame2{
	margin-top:20px;
	float:right;
	width:400px;
	height:500px;
	margin-bottom:20px;
	}
	
.mode_frame3{
	float:right;
	width:400px;
	height:510px;
	margin-bottom:20px;
	}
	
.mode_frame4{
	float:right;
	width:400px;
	height:455px;
	margin-bottom:20px;
	}
	
.mode_frame5{
	float:left;
	width:700px;
	height:auto;
	margin:0px;
	}

.mode_label1{
	width:80px;
	height:20px;
	color:#fff;
	background-color:#000;
	line-height:20px;
	text-align:center;
	margin:0;
	}
	
.mode_label2{
	width:100px;
	height:20px;
	color:#fff;
	background-color:#000;
	line-height:20px;
	text-align:center;
	margin:0;
	}
	
.mode_label3{
	width:120px;
	height:20px;
	color:#fff;
	background-color:#000;
	line-height:20px;
	text-align:center;
	margin:0;
	}
	
.mode_photo1{
	width:246px;
	height:164px;
	border:2px solid #585858;
	margin:0 0 5px 0;
	}
	
.mode_photo2{
	width:396px;
	height:264px;
	border:2px solid #585858;
	margin:0 0 5px 0;
	}
	
.mode_line1{
	margin-top:122px;
	float:left;
	width:50px;
	height:1096px;
	background-color:#333;
	}

.mode_chart{
	margin-top:15px;
	width:700px;
	height:157px;
	}
	
.mode_chart span{
	font-weight:bold;
	font-size:120%;
	color:#fff;
	}
	
.mode_chart_text1{
	text-align:center;
	margin-top:38px;
	width:334px;
	height:30px;
	}
	
.mode_chart_text2{
	text-align:center;
	margin-top:18px;
	margin-left:8px;
	width:159px;
	height:30px;
	float:left;
	}
	
.mode_chart_text3{
	text-align:center;
	margin-top:18px;
	width:152px;
	height:30px;
	float:left;
	}

.mode_chart_frame1{
	width:334px;
	height:157px;
	background-image:url("../images/feat1_1_1.jpg");
	background-repeat:no-repeat;
	float:left;
	}
	
.mode_chart_frame2{
	line-height:150%;
	padding:5px 3px 0px 20px;
	width:343px;
	height:53px;
	background-image:url("../images/feat1_1_2.jpg");
	background-repeat:no-repeat;
	float:left;
	}

.mode_chart_frame3{
	line-height:150%;
	padding:5px 3px 0px 20px;
	width:343px;
	height:53px;
	background-image:url("../images/feat1_1_3.jpg");
	background-repeat:no-repeat;
	float:left;
	}
	
.mode_chart_frame4{
	line-height:150%;
	padding:5px 3px 0px 20px;
	width:343px;
	height:36px;
	background-image:url("../images/feat1_1_4.jpg");
	background-repeat:no-repeat;
	float:left;
	}

.grad_icon_area{
	float:left;
	text-align:left;
	width:400px;
	height:25px;
	margin:8px 0px;
	}
	
.plus_left{
	float:left;
	display:block;
	text-align:center;
	width:15px;
	height:25px;
	line-height:25px;
	}
	
.rk_gradation{
	color:#fff;
	display:block;
	float:left;
	text-align:center;
	font-weight:bold;
	line-height:25px;
	height:25px;
	width:100px;
	background-image:url("../images/grada_red.jpg");
	}
	
.gk_gradation{
	color:#fff;
	display:block;
	float:left;
	text-align:center;
	font-weight:bold;
	line-height:25px;
	height:25px;
	width:150px;
	background-image:url("../images/grada_green.jpg");
	}
	
.bk_gradation{
	color:#fff;
	display:block;
	float:left;
	text-align:center;
	font-weight:bold;
	line-height:25px;
	height:25px;
	width:120px;
	background-image:url("../images/grada_blue.jpg");
	}
	
.yk_gradation{
	color:#fff;
	display:block;
	float:left;
	text-align:center;
	font-weight:bold;
	line-height:25px;
	height:25px;
	width:90px;
	background-image:url("../images/grada_yellow.jpg");
	}
	
/* adv auto */

.adv_auto_frame1{
	width:400px;
	height:auto;
	float:left;
	margin-top:15px;
	margin-right:20px;
	margin-bottom:20px;
	}
	
.adv_auto_frame2{
	width:280px;
	height:auto;
	float:left;
	margin-top:15px;
	margin-bottom:20px;
	}
	
.adv_auto_frame3{
	width:400px;
	height:auto;
	float:left;
	margin-top:15px;
	margin-bottom:20px;
	margin-right:20px;
	}
	
.adv_auto_frame4{
	width:267px;
	height:auto;
	margin-left:66px;
	}

.adv_s_title{
	display:block;
	margin-top:5px;
	margin-bottom:3px;
	font-size:100%;
	font-weight:bold;
	}
	
/* adv level */

.adv_level_frame1{
	margin-top:20px;
	width:700px;
	height:180px;
	}
	
.adv_level_photo1{
	width:128px;
	height:115px;
	margin-right:15px;
	float:left;
	}
	
.adv_level_photo1e{
	width:128px;
	height:115px;
	margin-right:0px;
	float:left;
	}
	
.adv_level_photo2{
	width:220px;
	height:165px;
	margin-right:20px;
	margin-bottom:10px;
	float:left;
	}
	
.adv_level_photo2e{
	width:220px;
	height:165px;
	margin-bottom:10x;
	float:left;
	}
	
.adv_level_photo3{
	width:160px;
	height:260px;
	margin-right:20px;
	margin-bottom:10px;
	float:left;
	}
	
.adv_level_photo3e{
	width:160px;
	height:250px;
	margin-bottom:10px;
	float:left;
	}

.adv_level_photo4{
	width:160px;
	height:260px;
	margin-right:20px;
	margin-bottom:15px;
	float:left;
	}
	
.adv_level_photo4e{
	width:220px;
	height:260px;
	margin-bottom:5px;
	float:left;
	}


.adv_level_text{
	width:700px;
	height:auto;
	margin-bottom:25px;
	}
	
.adv_level_text_e{
	width:700px;
	height:30px;
	}
	

.adv_level_text2{
	width:700px;
	height:auto;
	margin-top:10px;
	margin-bottom:15px;
	}	

/* pc */	

.pc_ss_frame1{
	text-align:center;
	margin-top:20px;
	width:700px;
	height:465px;
	}
	
.pc_ss_frame2{
	text-align:right;
	width:300px;
	height:400px;
	float:left;
	}
	
.pc_text_frame1{
	width:400px;
	height:390px;
	float:left;
	}

.pc_text1{
	line-height:140%;
	float:right;
	width:395px;
	height:40px;
	padding-top:90px;
	padding-bottom:15px;
	}
	
.pc_text2{
	line-height:140%;
	float:right;
	width:395px;
	height:20px;
	padding-bottom:25px;
	}
	
.pc_text3{
	line-height:140%;
	float:right;
	width:395px;
	height:55px;
	padding-bottom:5px;
	}
	
.pc_text4{
	width:700px;
	height:auto;
	margin-top:15px;
	}

/* column */

.column_frame{
	margin-top:20px;
	width:658px;
	height:auto;
	padding:20px;
	border:1px  solid #EE5404;
	float:left;
	}
	
.column_frame2{
	margin-top:20px;
	margin-bottom:15px;
	width:658px;
	height:auto;
	padding:20px;
	border:1px  solid #EE5404;
	float:left;
	}
	
.column_title{
	margin-bottom:10px;
	display:block;
	font-weight:bold;
	font-size:120%;
	color:#EE5404;
	}