@charset "utf-8";

/* ===========================================
 * RITE
 * -------------------------------------------
 * Unique Style [Home Page]
 * -------------------------------------------
 * 2012.03.30
=========================================== */


/* Top Area Parts
=========================================== */

#main_image{
padding-bottom:15px;
}

#main_btns{
margin-bottom:15px;
padding:6px 0 6px 6px;
background:#f3f3f3;
}

#main_btns li{
float:left;
width:225px;
height:80px;
padding-right:6px;
}

#main_btns02{
margin-bottom:15px;
padding:5px 0 5px 5px;
background:#f3f3f3;
}

#main_btns02 li{
float:left;
width:180px;
height:170px;
padding-right:5px;
}


/* Main Parts
=========================================== */

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


/* Side Parts
=========================================== */

#side{
float:right;
width:226px;
}


/* Unique Style
=========================================== */

#title_news{
height:40px;
margin-bottom:10px;
background:url(/img/news_bg01.gif) no-repeat;
}

#title_news h2{
float:left;
width:500px;
padding:10px 0 0 10px;
}

#title_news .btns{
float:right;
width:82px;
padding:7px 5px 0 0;
}

#title_news .btns p{
float:left;
}

/* -------------------- */

#news_tab li{
float:left;
}

/* -------------------- */

#news_area{
clear:both;
height:185px;
margin-bottom:15px;
border-right:solid 1px #CCC;
border-bottom:solid 1px #CCC;
border-left:solid 1px #CCC;
background:#f8f8f8;
}

#news_area .hide{
display: none;
}

#news_area #tab01,
#news_area #tab02,
#news_area #tab03,
#news_area #tab04,
#news_area #tab05,
#news_area #tab06{
height:185px;
overflow:auto;
overflow-x:hidden;
}

#news_area .tbl01{
width:640px;
margin:10px 0 10px 10px;
}

#news_area .tbl01 td{
padding:5px 0;
border-bottom:dotted 1px #646464;
}

#news_area .tbl01 .date{width:20%; padding-left:5px;}
#news_area .tbl01 .category{width:15%;}
#news_area .tbl01 .title{width:65%; padding-left:10px;}

/* -------------------- */

#news_area .tbl02{
width:640px;
margin:10px 0 10px 10px;
}

#news_area .tbl02 td{
padding:5px 0;
border-bottom:dotted 1px #646464;
}

#news_area .tbl02 .date{width:20%; padding-left:5px;}
#news_area .tbl02 .title{width:80%;}


/* -------------------- */

#banner_area{
clear:both;
}

#banner_area p{
clear:both;
margin-bottom:15px;
}

/* -------------------- */

#greeting_area{
clear:both;
}

#greeting_area h2{
padding:10px 0;
}

#greeting_area .image{
float:right;
width:173px;
padding-top:15px;
}

#greeting_area .text{
float:left;
width:500px;
line-height:1.75;
}