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

#contener{
	margin:0 auto;
	width:961px;
	text-align:center;
}

#contener_section{

	text-align:left;
}

.contener_section2{

	text-align:left;
}

.contents_form{
	text-align:left;
	width:961px;
	margin:0px 0 auto;
}

/*----header
---------------------------------------*/
.header_bar{
	background:url(../images/header_bg.gif) repeat-x top left;
	height:10px;
	margin:0;
	padding:0;
}

#header_area{
	width:993px;
	float:left;
}

.header{
	width:930px;
	float:left;
	text-align:left;
}

.logo{
	float:left;
	padding:10px 0 15px 0;
}

.utilitylink{
	float:right;
	padding:10px 0 0 0;
}

.utilitylink_form{
	float:right;
	padding:10px 62px 0 0;
}


/*----glovalnavigation
---------------------------------------*/
#glovalnavigation{
	width:930px;
	margin:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
}

#glovalnavigation .top{
	position:absolute;
	top:0;
	left:0;
}

#glovalnavigation .about{
	position:absolute;
	top:0;
	left:232px;
}

#glovalnavigation .price{
	position:absolute;
	top:0;
	left:464px;
}

#glovalnavigation .case{
	position:absolute;
	top:0;
	left:696px;	
}

.bg_navi{
	}

/*----keyvisual
---------------------------------------*/
#kv_area{
	text-align:center;
	background:url(../images/top/kv_bg.gif) repeat-x top left;
	margin:0 0 10px 0;
	_margin /**/:-2px 0 0 0;
	padding:0;
}

#kv_area2{
	text-align:center;
	background:url(../images/app/kv_bg2.gif) repeat-x top left;
	margin:0 0 10px 0;
	_margin /**/:-2px 0 0 0;
	padding:0;
}

#kv_area3{
	text-align:center;
	background:url(../images/price/kv_bg3.gif) repeat-x top left;
	margin:0 0 0px 0;
	_margin /**/:-2px 0 0 0;
	padding:0;
}

#kv_area4{
	text-align:center;
	background:url(../images/case/kv_bg4.gif) repeat-x top left;
	margin:0 0 0px 0;
	_margin /**/:-2px 0 0 0;
	padding:0;
}

.top_kv{
	width:993px;
	margin:0 0 0 auto;
}

.about_kv{
	margin:0 0 0 auto;
}

.price_kv{
	margin:0 0 0 auto;
	
}

#banner_area{
	width:961px;
	text-align:center;
	margin:0 auto;
	
}

.news_banner{
	float:left;
	width:930px;
	padding:0 0 60px 0px;
}

.news_area{
	width:417px;
	float:left;
	margin:10px 0 0 0;
}

.news{
	width:417px;
	border-bottom:solid 1px #c7c7c7;
	float:left;
}

.news2{
	width:417px;
	float:left;
}

.news_date{
	float:left;
	margin:0 0 0 0px;
	padding:0 0 0 12px;
	background:url(../images/top_2/img_list_blue.gif) center left no-repeat;
	color:#119ef7;
	
}

.news_txt{
	float:left;
	margin:0 0 0 30px;
	
}

.banner{
	float:right;
}

.ttl_02{
	float:left;
	margin:55px 0 0px 0px;
}

/*----contents
---------------------------------------*/
#contents_area{
	width:961px;
	text-align:center;
	margin:0 auto;
}

.contents{
	float:left;
	width:993px;
	margin:40px 0 auto;
}


.txt_img{
	float:left;
}

.txt_img2{
	float:left;
}

.subttl{
	float:left;
}

.contents_txt{
	width:257px;
	text-align:left;
	float:left;
	margin:17px 0 0 0;
	line-height:18px !important;
}

.contents_txt2{
	width:257px;
	text-align:left;
	float:left;
	margin:17px 0 0 0;
	line-height:18px !important;
}

.co_btn{
	clear:left;
	padding:16px 0 0 0;
}


.co_price_all{
	float:left;
	margin:0 0 90px 0;
}


.co_img01{
	clear:left;
	padding:25px 0 0 0;
}

.co_img02{
	float:left;
	padding:41px 0 0 0;
}

.co_img03{
	float:left;
	padding:31px 0 0 0px;
}


.co_img04{
	clear:left;
	padding:67px 0 0 91px;
	_padding /**/:75px 0 0 81px;
}

.co_img05{
	float:left;
	padding:24px 0 0 11px;
}

.co_img06{
	clear:left;
	padding:0 0 0 136px;
}

.co_img07{
	clear:left;
	padding:0 0 0 0;
}

.co_img08{
	float:left;
	padding:90px 0 0 20px;
}

.contents_01 .co_img02{
	position:relative;
	width:279px;
	height:85px;
	top:-58px;
	left:0;
}

.spec{
	width:255px;
	height:74px;
	padding:20px 0 0 0;
	clear:left;
}

.browser{
	float:left;
}

.server{
	float:left;
	margin:0 0 0 30px;
}

.btn_area2{
	width:961px;
	_padding:0px 0 0 0;
	text-align:center;
	margin:0px auto 26px;
	padding:0;
}

.ttl_gpl{
	margin:0 0 40px 0;
	float:left;
}

.subttl_gpl{
	margin:0 0 20px 0;
	float:left;
}

.subttl_gpl2{
	margin:40px 0 20px 0;
	float:left;
}

.gpl_txt01{
	width:560px;
	clear:left;
	margin:0 0 20px 0;
}

.gpl_txt02{
	width:560px;
	clear:left;
	margin:0 0 40px 0;
}

.gpl_link2{
	margin:0 0 40px 0;
}

.gpl_link1 a{
	margin:0 0 0 5px;
	font-size:12px;
	font-weight:bold !important;
	color:#239eeb !important;
	text-decoration:underline !important;

}

.gpl_link1 a:hover{
	margin:0 0 0 5px;
	font-size:12px;
	font-weight:bold !important;
	color:#239eeb !important;
	text-decoration:none !important;

}

.gpl_link2 a{
	margin:0 0 0 5px;
	font-size:12px;
	font-weight:bold !important;
	color:#239eeb !important;
	text-decoration:underline !important;

}

.gpl_link2 a:hover{
	margin:0 0 0 5px;
	font-size:12px;
	font-weight:bold !important;
	color:#239eeb !important;
	text-decoration:none !important;

}

.ask_txt a{
	text-decoration:underline !important;
	color:#39a8ed !important;
}

.ask_txt a:hover{
	text-decoration:none !important;
	color:#39a8ed !important;
}
/*----footer
---------------------------------------*/
#footer_area{
	background:url(../images/footer_bg.gif) bottom left repeat-x;
}

.footer_bg{
	width:961px;
	margin:0 auto;
	text-align:left;
}

.footer_up{
	width:930px;
}

.footer_up_img{
	text-align:left;
}

.footer_up_img01{
	float:left;
	text-align:center;
}

.footer_up_img02{
	float:right;
	text-align:center;
	margin:69px 0px 0 0;
}

.footer_down_area{
	clear:both;
	height:49px;
	padding:0;
}

.footer_down{
	width:930px;
}

.footer_down_up{
	width:930px;
	padding:0;
	color:#FFFFFF;
}


.copyright a{
	color:#FFFFFF !important;
}	

.copyright{
	width:930px;
	clear:left;
}

.footer_navi_copy{
	float:left;
	width:930px;
}

.footer_navi{
	float:left;
	color:#FFF !important;
}

.footer_img01{
	float:left;
	}

.footer_img02{
	margin:0 0 0 0px;
	float:right;
}


/*----form_contents
---------------------------------------*/
#form_contents_area{
	width:961px;
	margin:0 auto;
}

.ttl{
	float:left;
	margin:60px 0 40px 0;
}

.ask_tel{
	margin:0 0 40px 0;
}

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

.btn{
	padding:90px 0 0 0;
	text-align:center;
}

.text_red{
	color:#FF0000;
}

.thanks{
	margin:0 0 60px 0;
}

/*----table
---------------------------------------*/
.table_area{
	margin:60px 0 45px 0;
}

.table_line{
	padding /**/:15px 0;
	_margin:15px 0;
}

.attention{
	padding:45px 0 0 0;
}

/*----form
---------------------------------------*/
.form_ttl{
}

.txt_must{
	margin:0 0 6px 10px;
}

.long_input{
	padding:0 0 4px 0;
	line-height:16px;
	_height /**/:22px;
	width:378px;
}

.mid_input{
	padding:2px 0 4px 0;
	line-height:16px;
	_height /**/:22px;
	width:114px;
}

.short_input{
	padding:2px 0 4px 0;
	line-height:16px;
	_height /**/:22px;
	width:77px;
}

.text_area{
	height:246px;
	width:622px;
}

.btn_check{
	border:none;
}

.btn_return{
	margin:20px 60px 0 102px;
	border:none;
	line-height:100px;
	vertical-align:top;
	float:left;
}

.btn_send{
	border:none;
	float:left;
}

.form_txt{
	padding:0 10px 0 0;
	line-height:22px !important;
}

.form_txt2{
	padding:0 10px 0 0;
	line-height:24px !important;
}



/*----- 091023 add ----*/

.add1023_fLeft {
	float:left;
	width:434px;
}

.add1023_MarginTop10px {
	padding:10px 0 0 0;
}

.add1023_MarginBottm10px {
	padding:0 0 10px 0;
}

.add1023_MarginTop20px {
	padding:20px 0 0 0;
}

.add1023_bg {
	width:434px;
	background:url(../images/top_2/bg_add091023_01.gif) top left repeat-y;
}

.add_1023_list{
	padding:0 0 0 25px;
	background:url(../images/top_2/icon_add091023.gif) 15px center no-repeat;
	width:380px;
}