@charset "utf-8";

@import url("/contents/style/recommend.css");

#contents-inner-top {}

#contents-inner-top .mainimg { height:270px; margin:23px 0 20px 0;}

#contents-inner-top .map{ margin-bottom:20px; }
/*---------------------------------------------news-------------------------------------------*/
#contents-inner-top .welcome{ height:205px;background:url(../images/top/welcome_bg.gif) no-repeat bottom left; padding-bottom:10px;}
#contents-inner-top .welcome table{margin:13px 15px 0 15px; font-size:12px;}




/*---------------------------------------------news&campaign-------------------------------------------*/
#contents-inner-top .news {
text-align:left;
float:left;
margin-bottom:20px;
}

#contents-inner-top .news img{
line-height:0px;
vertical-align: top;
}

#contents-inner-top .news .news-bg{
width:330px;
margin:0px 0px 0px 0px;
padding:0 5px 5px 15px;
background:url(../images/top/news_bg.gif) left bottom no-repeat;
}

#contents-inner-top .news .news-bg .news-list {
overflow: scroll;
overflow-x: hidden;
height:181px;
}

#contents-inner-top .news ul {
}
#contents-inner-top .news ul li{
margin:0px 15px 10px 0px;
padding:5px 0px 5px 15px ;
border-bottom:1px dotted #ccc;
list-style:none;
background:url(../images/top/inedent_news.gif) left 8px no-repeat;
color:#333;
font-size:12px;
}

#contents-inner-top .news p{
margin:0px 15px 10px 0px;
padding:5px 0px 5px 15px ;
border-bottom:1px dotted #ccc;
list-style:none;
background:url(../images/top/inedent_news.gif) left 8px no-repeat;
color:#333;
font-size:12px;
}

#contents-inner-top .campaign{
width:350px;
height:202px;
float:right;
margin-bottom:20px;
}

#contents-inner-top .campaign img{
line-height:0px;
vertical-align: top;
}

#contents-inner-top .campain-list{
background:url(../images/top/news_bg.gif) left bottom no-repeat;
height:170px;
padding:6px 15px 10px 15px;
font-size:12px;
font-weight:bold;
color:#b40000;
}


#contents-inner-top .campain-list ul .camp1{
background:url(../images/top/campaign01.gif) left top no-repeat;
width:232px;
height:61px;
padding:9px 0 0 88px;
}

#contents-inner-top .campain-list ul .camp2{
background:url(../images/top/campaign02.gif) left top no-repeat;
width:232px;
height:48px;
padding:22px 0 0 88px;
}

#contents-inner-top .campain-list p{
font-size:10px;font-weight:normal;
margin-top:5px; 
text-align:right;
color:#333;
}

#contents-inner-top .campaign a{
text-decoration:none;
}
#contents-inner-top .campaign a:hover{
text-decoration:underline;
}

/*---------------------------------------------features-------------------------------------------*/

#contents-inner-top .features{
clear:both;
width:710px;
margin-bottom:20px;
color:#333;
}

#contents-inner-top .features img{
margin-bottom:9px;
}

#contents-inner-top .features table{
margin-bottom:15px;
}

#contents-inner-top .features table+table{
margin:0;
}

#contents-inner-top .features table td{
vertical-align:top;
width:348px;
}

#contents-inner-top .features .feature1-box{background:url(../images/top/feature01_bottom.gif) left bottom no-repeat; padding-right:14px;}
#contents-inner-top .features .feature2-box{background:url(../images/top/feature02_bottom.gif) left bottom no-repeat;}
#contents-inner-top .features .feature3-box{background:url(../images/top/feature03_bottom.gif) left bottom no-repeat; padding-right:14px;}
#contents-inner-top .features .feature4-box{background:url(../images/top/feature04_bottom.gif) left bottom no-repeat;}


#contents-inner-top .features .feature1-head{background:url(../images/top/feature01_head.gif) left top no-repeat;}
#contents-inner-top .features .feature2-head{background:url(../images/top/feature02_head.gif) left top no-repeat;}
#contents-inner-top .features .feature3-head{background:url(../images/top/feature03_head.gif) left top no-repeat;}
#contents-inner-top .features .feature4-head{background:url(../images/top/feature04_head.gif) left top no-repeat;}

#contents-inner-top .features .feature-text{
padding:54px 16px 16px 16px;
font-size:12px;
letter-spacing:-0.3px;
width:316px;
}