@charset "UTF-8";
/****TOP****/

#top{
background: url(images/img_main.jpg) no-repeat 0 0;
width: 900px;
height: 203px;
margin-bottom: 10px;
padding: 0;
clear: both;
}

#top h1{
float: left;
width: 680px;
height: 203px;
display: block;
text-indent: -9999px;
}

#top div.btn_box{
float: right;
width: 200px;
height: 310px;
}

#top div.btn_box p.top_apply{
width: 200px;
height: 69px;
margin: 18px 0 0 0;
}

#top div.btn_box p.top_apply a{
background: url(images/btn_top_apply.gif) 0 0 no-repeat;
width: 200px;
height: 69px;
display: block;
text-indent: -9999px;
}

#top div.btn_box p.top_apply a:hover{
background-position: 0 -69px;
}

#top div.btn_box p.top_trial{
width: 200px;
height: 69px;
margin: 8px 0 0 0;
}

#top div.btn_box p.top_trial a{
background: url(images/btn_top_trial.gif) 0 0 no-repeat;
width: 200px;
height: 69px;
display: block;
text-indent: -9999px;
}

#top div.btn_box p.top_trial a:hover{
background-position: 0 -69px;
}

#top div.btn_box p.btn_top_hpmake{
width: 200px;
height: 69px;
margin: 8px 0 0 0;
}

#top div.btn_box p.btn_top_hpmake a{
background: url(images/btn_top_hpmake.gif) 0 0 no-repeat;
width: 200px;
height: 79px;
display: block;
text-indent: -9999px;
}

#top div.btn_box p.btn_top_hpmake a:hover{
background-position: 0 -79px;
}

#main_left{
float: left;
width: 680px;
}

#main_left div.plan_area{
float:left;
clear:both;
margin-bottom:15px;
}
#main_left div.plan_area div{
float:left;
width:224px;
height:364px;
}
#main_left div.plan_area div a{
display:block;
width:224px;
height:364px;
text-indent:-9999px;
}
#main_left div.plan_area div.plan_10{
	margin-right:4px;
}
#main_left div.plan_area div.plan_40{
	margin-right:4px;
}
#main_left div.plan_area div.plan_10 a{
background: url(images/plan_10.gif) 0 0 no-repeat;
}
#main_left div.plan_area div.plan_40 a{
background: url(images/plan_40.gif) 0 0 no-repeat;
}
#main_left div.plan_area div.plan_60 a{
background: url(images/plan_60.gif) 0 0 no-repeat;
}

#main_left h2.plan_list{
clear:both;
position:relative;
background: url(images/plan_btn_bg.gif) 0 0 no-repeat;
width:680px;
height:65px;
margin-bottom:36px;
}
#main_left h2.plan_list div.plan_btn{
position:absolute;
top:15px;
right:20px;
}
#main_left h2.plan_list div.plan_btn a{
background: url(images/plan_btn.gif) 0 0 no-repeat;
display:block;
width:230px;
height:35px;
text-indent:-9999px;
}
#main_left h2.plan_list div.plan_btn a:hover{
	background-position:0 -35px;
}

#main_left div.about_crtg{
background: url(images/about_img.gif) 100% 29px no-repeat;
}

#main_left div.about_crtg h3{
background: url(images/about_title.gif) 0 0 no-repeat;
width:680px;
height:22px;
text-indent:-9999px;
margin-bottom:20px;
}
#main_left div.about_crtg h4{
background: url(images/about_crtg.gif) 0 0 no-repeat;
width:399px;
height:66px;
text-indent:-9999px;
margin-bottom:24px;
}
#main_left div.about_crtg p{
display:block;
font-size:12px;
padding-bottom:40px;
}


#main_left div.case h3{
background: url(images/case_title.gif) 0 0 no-repeat;
width:680px;
height:22px;
text-indent:-9999px;
margin-bottom:20px;
}

#main_left .case .case_ca {
	font-size: 12px;
	margin-bottom: 20px;
}

div.case_area dl{
float:left;
margin-right:10px;
}
div.case_area dl.last{
	margin-right:0;
}
div.case_area dl dt{
clear: both;
background: url(images/h4_company.gif) 0 0 no-repeat;
width: 220px;
height: 20px;
margin-bottom: 10px;
}

div.case_area dl dt p{
float: left;
width: 164px;
height:20px;
font-size:12px;
line-height:20px;
text-indent: 12px;
font-size:10px;
}

div.case_area dl dt a{
display:block;
float:right;
width:56px;
height:20px;
text-indent:-9999px;
padding:0;
margin:0;
}

div.case_area dl dd{
width: 205px;
margin: 0 0 15px 0;
padding: 0;
}

#main #main_right .case_area dd.logo a.cap{
font-size:11px;
font-size:10px\9; /* IE */
display:block;
width:160px;
margin:0 auto 0 auto;
padding-left:12px;
background: url(images/icon_case_area.gif) 0 2.5px no-repeat;
text-decoration:none;
text-align:left;
}

div.case div.case_btn{
clear:both;
float:right;
margin-bottom:10px;
}
div.case div.case_btn a{
background: url(images/case_btn.gif) 0 0 no-repeat;
display:block;
width:197px;
height:27px;
text-indent:-9999px;
}
div.case div.case_btn a:hover{
background-position:0 -27px;
}



p.h3_text{
width: 299px;
height: 56px;
padding:0px 18px 0 18px;
font-size:10px;
line-height:14px;
}

p.h3_link a{
float: right;
width: 80px;
height: 17px;
margin: 0 28px 0 0;
padding:8px 0px 0px 0px;
text-indent: -9999px;
display: inline;
}

#main_left div.point_area h3.h3_5{
background: url(images/h3_5.gif) 0 0 no-repeat;
width: 680px;
height: 38px;
text-indent: -9999px;
display: block;
}

#main_left div.body_bottom{
width:680px;
height: auto;
margin:20px 0 0 0;
clear:both;
}

#main_left div.body_bottom div.whatnew{
float:left;
width:680px;
margin:0 0 0 0;
display:inline;
}

#main_left div.body_bottom div.whatnew h3{
background:url(images/whatsnew.gif) no-repeat 0 0;
width:126px;
height:20px;
text-indent:-9999px;
}

#main_left div.body_bottom div.whatnew ul{
width:680px;
padding:0;
margin:10px 0 0 0;
border-top:#a4a5a8 dotted 1px;
}

#main_left div.body_bottom div.whatnew ul li{
font-size:10px;
padding:3px 0 3px 28px;
border-bottom:#a4a5a8 dotted 1px;
}

span.date{
font-size:10px;
width:73px;
float:left;
}

#main_right{
float: right;
width: 200px;
margin-top: -41px;
}

#main_right dl.case_area{
clear: both;
width: 200px;
text-align: center;
margin: 0;
padding: 0;
}

#main_right dl.case_area dt{
background: url(images/bg_case_top.gif) 0 0 no-repeat;
width: 200px;
height: 29px;
text-indent: -9999px;
display: block;
}

#main_right dl.case_area dd.logo{
background: url(images/bg_case.gif) 0 0 repeat-y;
width: 200px;
height: auto;
margin: 0;
padding: 0;
}

#main_right dl.case_area dd.logo img{
margin: 5px 0 3px 0;
padding: 0px;
}

#main_right dl.case_area dd.dotline{
background: url(images/bg_case_dotline.gif) 0 0 no-repeat;
width: 200px;
height: 1px;
font-size: 0px;
margin: 0px;
padding: 0px;
}

#main_right dl.case_area dd.bottom{
background: url(images/bg_case_bottom.gif) 0 0 no-repeat;
width: 200px;
height: 23px;
margin: 0;
padding: 0; 
}

#main_right dl.case_area dd.bottom a{
width: 150px;
height: 23px;
text-indent: -9999px;
float: right;
display: block;
}

#main_right div.banner_area{
width: 200px;
margin-top: 25px;
}

#main_right div.banner_area img{
margin-bottom: 15px;
}