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

div#mainFlash {
width:692px;
height:321px;
margin:0;
padding: 0;
background-image: url(main.jpg);
background-repeat: no-repeat;
}

/*leftLeft--------------------------------*/

div#newTopic {
margin: 0;
width: 686px;
height: 167px;
float: left;
padding: 13px 0 0 3px;
}

div#newtcBox {
margin: 0;
width: 671px;
height: 153px;
float: left;
padding: 12px 0 0 13px;
border: 1px solid #c5b77e;
background-image: url(../common/images/bg_catsearch.gif);
background-repeat: repeat;
}

div#newtcBox a {
color:#4f430f;
border-bottom: 1px dotted #aaa;
}

div#newtcBox a:hover {
color: #ff0066;
border-bottom: 1px solid #666;
}

div#newtcBox p {
font-size: 10px;
margin: 0;
height: 20px;
}

div#newtcBox p span {
color: #333;
}

p.newfashion {
padding: 0 0 5px 100px;
background-image: url(../common/images/ic_fashion.gif);
background-repeat: no-repeat;
background-position: 0px 0px; 
}

p.newdairy {
padding: 0 0 5px 100px;
background-image: url(../common/images/ic_dairy.gif);
background-repeat: no-repeat;
background-position: 0px 0px; 
}

p.newhairsalon {
padding: 0 0 5px 100px;
background-image: url(../common/images/ic_hairsalon.gif);
background-repeat: no-repeat;
background-position: 0px 0px; 
}

p.newlunch {
padding: 0 0 5px 100px;
background-image: url(../common/images/ic_lunch.gif);
background-repeat: no-repeat;
background-position: 0px 0px; 
}

p.newgourmet {
padding: 0 0 5px 100px;
background-image: url(../common/images/ic_gourmet.gif);
background-repeat: no-repeat;
background-position: 0px 0px; 
}

p.newother {
padding: 0 0 5px 100px;
background-image: url(../common/images/ic_other.gif);
background-repeat: no-repeat;
background-position: 0px 0px; 
}

div#newtcBox img {
margin: 0 10px 0 0;
}

div#leftLeft {
width: 296px;
float:left;
padding: 8px 0 0 0;
}

div#spotFlash {
width:296px;
height:265px;
margin:0;
padding:3px 0 0 3px;
}

div#leftLeft h2 {
margin:0px;
padding:0 0 0 3px;
}

div#leftLeft h3 {
font-size:12px;
margin:0px;
padding:0 0 1px 0;
}

div#leftLeft p {
margin:0;
padding:0;
font-size:10px;
color:#857c56;
line-height:18px;
}

.dateBox3 {
width:290px;
height:103px;
border-bottom: 1px dotted #a29882;
padding: 13px 0 0 3px;
}

.dateBox3 img {
width:88px;
height: 88px;
float:left;
border:1px solid #fff;
margin:0 10px 0 0;
padding:0;
}

.dateBox4 {
width:290px;
height:105px;
padding: 13px 0 0 3px;
}

.dateBox4 img {
width:88px;
height: 88px;
float:left;
border:1px solid #fff;
margin:0 10px 0 0;
padding:0;
}


/*leftRight-------------------------*/

div#leftRight {
width:380px;
float:right;
padding: 8px 3px; 0 0;
}

div#leftRight h2 {
margin:0;
padding:0;
}

div#leftRight h3 {
font-size:12px;
margin:0px;
padding:0 0 1px 0;
}

div#leftRight p {
margin:0;
padding:0;
font-size:10px;
color:#857c56;
line-height:18px;
}

.dateBox {
width:380px;
height:103px;
border-bottom: 1px dotted #a29882;
padding: 13px 0 0 0;
}

.dateBox img {
width:88px;
height: 88px;
float:left;
border:1px solid #fff;
margin:0 10px 0 0;
padding:0;
}

.dateBox2 {
width:380px;
height:105px;
padding: 13px 0 0 0;
}

.dateBox2 img {
width:88px;
height: 88px;
float:left;
border:1px solid #fff;
margin:0 10px 0 0;
padding:0;
}

.dateBoxclip {
width:380px;
height:103px;
border-bottom: 1px dotted #a29882;
padding: 13px 0 0 0;
}

.dateBoxclip img {
width:88px;
float:left;
border:1px solid #fff;
margin:0 10px 0 0;
padding:0;
}

.dateBoxclip p {
width: 280px;
float:right;
}

.dateBoxclip2 {
width:380px;
height:105px;
padding: 13px 0 0 0;
}

.dateBoxclip2 img {
width:88px;
float:left;
border:1px solid #fff;
margin:0 10px 0 0;
padding:0;
}

.dateBoxclip2 p {
width: 280px;
float:right;
}

/*Rightinfo------------------------------*/

div#weather {
width: 245px;
height: 41px;
padding: 10px 0 0 5px;
margin: 0 0 4px 0;
background-image:url(../common/images/bg_weather.gif);
background-repeat:no-repeat;
opacity: 0.7;    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}

div#weather img {
float: left;
}

div#weather p {
font-size: 12px;
padding: 0;
margin: 0;
float: left;
line-height: 16px;
}

div#weather p span {
font-size: 10px;
font-weight: bold;
color: #333;
}

.hot {
color: #c82b2b !important;
}

.cold {
color: #2ba1c8 !important;
}

div#Rightinfo {
width:250px;
padding:10px 0 0 0;
}

div#Rightinfo h3 {
margin:0;
padding:5px 0 1px 2px;
font-size: 10px;
}

.Rightdairydate {
font-size: 10px;
margin:0;
padding:2px 0 8px 2px;
}

.indexInfo {
background-image:url(../images/icon_indexinfo.gif);
background-repeat:no-repeat;
background-position : 2px center;
color:#666;
padding:0 0 0 2px;
font-size: 10px;
margin:0;
}

.indexInfo2 {
color:#666;
padding:4px 0 4px 2px;
font-size: 10px;
margin:0;
}

.dateBoxsp {
width:279px;
height:265px;
border: 1px dotted #a29882;
padding: 5px;
float:left;
margin-right: 12px;
margin-bottom: 12px;
background-image:url(../common/images/bg_catsearch.gif);
background-repeat:repeat;
}

.dateBoxsp img {
width: 160px;
height: 100px;
float:left;
margin:0 10px 0 0;
padding:0;
}

.dateBoxsp h2 {
font-size:12px;
margin:0px;
padding:0 0 1px 0;
}

.dateBoxsp3 {
width:279px;
height:107px;
border: 1px dotted #a29882;
padding: 5px;
float:left;
background-image:url(../common/images/bg_catsearch.gif);
background-repeat:repeat;
}

.dateBoxsp3 h2 {
font-size:12px;
margin:0px;
padding:0 0 1px 0;
}

.dateBoxsp3 img {
width: 160px;
height: 100px;
float:left;
margin:0 10px 0 0;
padding:0;
}

div#indexSp img {
border: none;
}