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

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

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

#top div.btn_box{
float: right;
width: 235px;
height: 220px;
}

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

#top div.btn_box p.top_apply a{
width: 225px;
height: 104px;
display: block;
text-indent: -9999px;
}

#top div.btn_box p.top_apply a:hover{
background: url(images/btn_top_apply_ov.gif) 0 0 no-repeat;
width: 225px;
height: 104px;
}

#top div.btn_box p.top_trial{
width: 225px;
height: 70px;
margin: 12px 0 0 0;
}

#top div.btn_box p.top_trial a{
width: 225px;
height: 70px;
display: block;
text-indent: -9999px;
}

#top div.btn_box p.top_trial a:hover{
background: url(images/btn_top_trial_ov.gif) 0 0 no-repeat;
width: 225px;
height: 70px;
}

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

#main_left div.point_area{
background-color: #f2f5ed;
width: 680px;
clear: both;
}

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

#main_left div.point_area div.point_L{
float: left;
background: #f2f5ed url(images/bg_point.gif) 5px 0 no-repeat;
width: 335px;
height: 160px;
padding-left: 5px;
display: inline;
}

#main_left div.point_area div.point_L h3{
width: 335px;
height: 71px;
text-indent: -9999px;
display: block;
}

#main_left div.point_area div.point_L h3.h3_1{
background: #f2f5ed url(images/h3_1.gif) 0 0 no-repeat;
}

#main_left div.point_area div.point_L h3.h3_3{
background: #f2f5ed url(images/h3_3.gif) 0 0 no-repeat;
}

#main_left div.point_area div.point_R{
float: right;
background: #f2f5ed url(images/bg_point.gif) 0 0 no-repeat;
width: 335px;
height: 160px;
padding-right: 5px;
display: inline;
}

#main_left div.point_area div.point_R h3{
width: 335px;
height: 71px;
text-indent: -9999px;
display: block;
}

#main_left div.point_area div.point_R h3.h3_2{
background: #f2f5ed url(images/h3_2.gif) 0 0 no-repeat;
}

#main_left div.point_area div.point_R h3.h3_4{
background: #f2f5ed url(images/h3_4.gif) 0 0 no-repeat;
}

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;
}

#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;
}