@charset "UTF-8";

/*--------------
header
---------------*/
div#header{
	margin:30px 0 10px;
	height:50px;
}

div#head_border{
	margin:5px auto;
	background:url(../img/tab_underline.gif) ;
	background-repeat:repeat-x;
}

div#head_innner{
	width:740px;
	margin:0 auto;
	position:relative;
}

div#logo_area{
	float:left;
}

div#logo_area{
	position:absolute;
	top:-7px;
	left:0;
}

div#tab_area{
	float:right;
	text-align:center;
	padding-top:1px;
	height:50px;
}

div#tab_area li{
	float:left;
	display:inline;
	line-height:25px;
	height:25px;
	margin-left:3px;
}

div#tab_area li.first{margin-left:0;}
div#tab_area li a{display:block;line-height:25px;height:25px;padding-top:2px;}
div#tab_area li.on{width:136px;}
div#tab_area li.off{width:136px;}
div#tab_area li.on a{background:url(../img/tab_on.gif) no-repeat 0 0;color:#000;text-decoration:none;}
div#tab_area li.off a{ background:url(../img/tab_off.gif)  no-repeat 0 0;color:#fff;}

/*--------------
main
---------------*/
div#main{
	width:760px;
	margin:0 auto;
}

#main{
	position:relative;
	height:310px;
	margin:0 auto;
}

#main h1{
	position:absolute;
	top:-16px;
	left:3px;
	background:url(../img/bg_main_area.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	width:754px;
	height:310px;
}

* html #main h1{
	position:absolute;
	margin:0 auto;
	top:-30px;
	left:3px;
 	background: url(../img/bg_main_area_ie6.gif);
	background-repeat:no-repeat;
	width:754px;
	height:340px;
 }

#phone{
	position:absolute;
	top:-26px;
	left:289px;
	background:url(../img/darairc_phone_silver.png);
	background-repeat: no-repeat;
	width:176px;
	height:340px;
	color:#fff;
}

* html #phone{background:none;}

/*--------------
description
---------------*/
div#discription_head{
	width:760px;
	margin:0 auto;
	background:url(../img/bg_head.gif);
	background-repeat:no-repeat;
	height:10px;
}

* html #discription_head{
	position:relative;
	top:5px;
	left:0;
}

div#discription{
	width:760px;
	margin:0 auto;
	background:url(../img/bg_mid.gif);
	background-repeat:repeat-y;
}

div#discription_btm{
	width:760px;
	margin:0 auto;
	background:url(../img/bg_btm.gif);
	background-repeat:no-repeat;
	height:17px;
}

/*--------------
lead
---------------*/
h2{	
	width:700px;
	height:30px;
	margin:0 auto;
	font-style:normal;
	font-weight:400;
}

h2#feature_head{
	background:url(../img/h2_head_feature.gif);
	background-repeat:no-repeat;
}

#lead_top{
	padding-top:14px;
}

h2#function_head{background:url(../img/h2_head_function.gif);background-repeat:no-repeat;}
h2#download_head{background:url(../img/h2_head_download.gif);background-repeat:no-repeat;}
h2#history_head{background:url(../img/h2_head_history.gif);	background-repeat:no-repeat;}

/*--------------
feature
---------------*/
div#feature{
	margin:0 auto 7px;
	width:700px;
	background-color:#efefef;
	text-align:left;
}

div.box{
	padding:20px 26px 14px 20px;
	border-top:2px solid #fff;
	border-bottom:1px solid #999;
	background:url(../img/bg_feature_list.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
}

div.box#first_box{
	border-top:none;
	border-bottom:1px solid #999;
}
div.box#last_box{
	border-top:2px solid #fff;
	border-bottom:none;
}

div.txt{
	float:left;
	padding-top:15px;
	width:420px;
}

div.txt h3{
	margin-bottom:7px;
	padding-left:7px;
	border-left:5px solid #a1c627;
	line-height:17px;
	color:#3f3f3f;
	font-weight:700;
	font-style:normal;
	text-align:left;
}

div.txt p{
	white-space:normal;
	color:#333;
	width:420px;
	line-height:1.4;
}

div.display{
	float:right;
}

.bg_bottom{
	margin:0 auto;
	width:700px;
	height:17px;
	background:url(../img/bg_bottom_s.gif);
	background-repeat:no-repeat;
}

.bg_bottom_function{
	margin:0 auto;
	width:700px;
	height:10px;
	background:url(../img/bg_bottom_s.gif);
	background-repeat:no-repeat;
	clear:both;
}

.mb_13{
	margin-bottom:13px;
}

/*--------------
function
---------------*/
div#function {
	width:680px;
	padding:10px 10px 0;
	margin:0 auto;
	background-color:#fff;
	text-align:left;
}

div#function ul {
	float:left;
	display:inline;
	color:#333;
	margin:0;
	width:335px;
}

*html div#function{
	width:690px;
}

div#function ul.first {
	margin-right:10px;
}

div#function ul li {
	padding:3px;
	color:#333;
	margin-bottom:5px;
	background:url(../img/bg_cube.gif);
	background-repeat:repeat-x repeat-y;
}

div#function ul li.last_child{
	margin-bottom:0;
}

div#function ul li p{
	padding-left:8px;
	line-height:22px;
	line-height:22px;
	background-color:#fff;
}

* html div#function ul li p{
	padding-left:0;	
}

/*--------------
download
---------------*/
#download{
	width:700px;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
}

.method h3{
	padding-top:3px;
	line-height:20px;
	color:#333;
}

.method h3.now{
	padding-bottom:22px;
	font-style:normal;
	color:#fff;
}

.method h3.now, x:-moz-any-link{
	padding-bottom:24px;
}

.method h3.green{
	color:#7ea61e;
}

.method{
	float:left;
	display:inline;
	margin:5px 0;
	padding:5px;
	color:#333;
	border:1px solid #666;
	width:332px;
	height:152px;
}

*html div.method{
	width:344px;
	height:160px;
}

.method#left{
	background-color:#9ebf15;
}

.method#right{
	background-color:#fff;
	margin-left:11px;
}

.method#left p.dl_button{
	padding-bottom:10px;
}

.method#left p.dl_txt{
	padding-bottom:30px;
	font-weight:700;
	font-style:normal;
	line-height:20px;
}

.two p{
	margin:5px auto 7px;
	line-height:16px;
}

html>/**/body div.two p,
div.two ol li{
	font-size:0.9em;
}

.two ol{
	margin-bottom:2px;
}

.two ol li{
	display:inline;
	padding-left:15px;
}

.two ol li.first{
	padding-left:0;
}

.two ol li.innner{
	background:url(../img/arrow_Amarket.gif);
	background-repeat:no-repeat;
	background-position:4px 50%;
}

#works{
	margin:0 auto 8px;
	padding:3px;
	text-align:center;
	background:url(../img/bg_cube.gif);
	background-repeat:repeat-x repeat-y;
	clear:both;
	width:694px;
}

*html #works{
	width:700px;
}

#works p{
	line-height:26px;
	height:26px;
	background-color:#fff;
	color:#333;
}

#works p span.price{
	margin-left:20px;
}

/*---------------
history
---------------*/
#history{
	width:680px;
	margin:0 auto;
	padding:10px;
	background-color:#fff;
	text-align:left;
}

#history dl{
	width:680px;
	margin:0 auto 8px auto;
	padding-top:3px;
	padding-bottom:8px;
	border-bottom:1px dotted #999;
	color:#333;
}

#history dl.first{
	padding-top:0;
}

#history dl.last{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

#history dt{
	float:left;
	width:232px;
	padding-left:4px;
}

#history dt .date{
	margin-left:3px;
}

#history dd{
	float:right;
	text-align:left;
	width:424px;
	padding-right:8px;
	padding-bottom:3px;
	padding-left:12px;
	line-height:1.2;
	background:url(../img/circle.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}

.btm_space{padding-bottom:10px;}

/*---------------
footer
---------------*/
#footer{
	text-align:center;
	margin-top:5px;
	margin-bottom:60px;
	width:760px;
	clear:both;
}

#footer p{
	color:#666;
}