@import "base.css";


.news{width: 430px; height: auto; float: left}

.news div{width: auto; height: auto; padding: 0 0 0 10px;}
.news h3{width: 100%; height: auto; margin: 0 0 5px 0; padding: 0 0 10px 0; border-bottom: 1px solid #000}
.news h3 img{margin: 0 0 0 20px}

.news ul{width: auto; height: 150px; padding: 10px 20px; border-bottom: 1px solid #000; overflow: auto}
.news ul li{width: auto; height: auto; margin: 0 0 10px 0; padding: 0 0 0 20px;_height: 1px;}
.news ul li span{width: auto; height: auto; margin: 0 0 0 20px; display: block;_height: 1px;}
.news ul li span.info_cate{color: blue; display: inline; height: auto;}
.news ul li span.red{display: inline; height: auto;}

.campaign{width: 330px; height: auto; float: right; margin: 0 0 10px 0;}
.campaign div{width: auto; height: auto; margin: 0 10px; padding: 10px 0 15px 0; background: #eedcce;}
.campaign h3 img{margin: 0 0 0 30px;}

.campaign div ul{width: auto; height: 140px; margin: 10px 20px 0 20px; padding: 10px 0; background: #fff; overflow: auto}
.campaign div ul li{width: auto; height: auto; margin: 0 0 10px 0; padding: 0 0 0 10px}


.campaign div dl{width: auto; height: 140px; margin: 10px 20px 0 20px; padding: 10px 0; background: #fff; overflow: auto}
.campaign div dl dt{width: auto; height: auto; float: none; margin: 0 0 5px 0; padding: 0 0 0 10px ;font-size:12px;}
.campaign div dl dd{width: auto; height: auto; float: none; margin: 0 0 5px 0; padding: 0 0 0 20px;}
.campaign div dl dd span{width: auto; height: auto; float: none; margin: 0; padding: 0; display: inline;}




#shopping{width: 770px; height: auto; margin: 0 0 0 5px; padding: 10px 0; border: 1px solid #c2c2c2; clear: both;}
#shopping:after{display: block; content: "."; height: 0; clear: both; visibility: hidden;}
#shopping dt img{margin: 0 0 0 20px;}

#shopping dd{width: 250px; height: 100px; float: left; margin: 5px 0 0 5px; font-size: 11px;}

#shopping dd dl{width: auto; height: auto; margin: 8px 0 0 60px;}
#shopping dd dl dt{width: 150px; height: 20px; margin: 0 5px 2px 0; text-indent: -9999px; overflow: hidden;}
#shopping dd dl a{width: 100%; height: 100%; display: block;}
#shopping dd dl dd{width: 90px; height: auto; float: left; margin: 0; padding: 0 ; text-align: left;}


#shopping-list1{background: url(../img/list1-bg.jpg) no-repeat;}
#shopping-list1:hover{background: url(../img/list1-bg_ho.jpg);}
#shopping-list1 dt{background: url(../img/list1-dt.gif);}
#shopping-list1 dt:hover{background: url(../img/list1-dt_ho.gif);}

#shopping-list2{background: url(../img/list2-bg.jpg) no-repeat;}
#shopping-list2:hover{background: url(../img/list2-bg_ho.jpg);}
#shopping-list2 dt{background: url(../img/list2-dt.gif);}
#shopping-list2 dt:hover{background: url(../img/list2-dt_ho.gif);}

#shopping-list3{background: url(../img/list3-bg.jpg) no-repeat;}
#shopping-list3:hover{background: url(../img/list3-bg_ho.jpg);}
#shopping-list3 dt{background: url(../img/list3-dt.gif);}
#shopping-list3 dt:hover{background: url(../img/list3-dt_ho.gif);}

#shopping-list4{background: url(../img/list4-bg.jpg) no-repeat;}
#shopping-list4:hover{background: url(../img/list4-bg_ho.jpg);}
#shopping-list4 dt{background: url(../img/list4-dt.gif);}
#shopping-list4 dt:hover{background: url(../img/list4-dt_ho.gif);}

#shopping-list5{background: url(../img/list5-bg.jpg) no-repeat;}
#shopping-list5:hover{background: url(../img/list5-bg_ho.jpg);}
#shopping-list5 dt{background: url(../img/list5-dt.gif);}
#shopping-list5 dt:hover{background: url(../img/list5-dt_ho.gif);}

#shopping-list6{background: url(../img/list6-bg.jpg) no-repeat;}
#shopping-list6:hover{background: url(../img/list6-bg_ho.jpg);}
#shopping-list6 dt{background: url(../img/list6-dt.gif);}
#shopping-list6 dt:hover{background: url(../img/list6-dt_ho.gif);}




.contents h4{width: auto; height: auto; margin: 10px 0 0 0; padding: 0 0 0 30px; clear: both;}

#contents-list{width: auto; height: auto; margin: 0 5px; padding: 10px 0 10px 10px;}
#contents-list:after{display: block; content: ""; height: 1px; margin: -1px; clear: both;}
#contents-list li{width: auto; height: auto; float: left; padding: 0 10px 0 0}
#contents-list li span{width: 180px; height: auto; display: block}

div.campaign dd.photo {
	float: left;
	width: 80px;
	margin: 0 10px 0 0;
	overflow: hidden;
	}
div.campaign dt {
	clear: both;
	}
div.campaign dd.moreItem {
	clear: both;
	border-bottom: 4px solid #eedcce;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}

/*�@8/26���v�ԁ@*/
#tokushu_8_26 {
	margin: 0 0 0 17px;
	}