@charset "UTF-8";


/*************************
top用ＣＳＳ
**************************/
#contentsTop{
width:930px;
margin:0 auto;
padding:20px 0 0 0;
}

#contentsTop:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#contentsTop .topLeftblock{
width:625px;
margin:0;
padding:0;
float:left;
}

#contentsTop .topRightblock{
width:288px;
margin:0;
padding:0;
float:right;
}


/*************************
ニュースエリア
**************************/
#contentsTop .topNewsarea{
width:625px;
margin:0 auto;
padding:0 0 14px 0;
text-align:left;
}

#contentsTop .topNewsarea:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#contentsTop .topNewsarea h2{
width:625px;
height:24px;
margin:0 auto;
padding:0;
background-image:url(../../img/top/ttl_top_newinfo.png);
background-repeat:no-repeat;
background-position:left top;
text-indent:-9999px;
}

#contentsTop .topNewsList{
width:625px;
margin:0 auto;
padding:0;
overflow:hidden;
}

#contentsTop .topNewsList dl{
width:625px;
margin:0 auto;
padding:0;
color:#FFFFFF;
}

#contentsTop .topNewsList dl a,#contentsTop .topNewsList dl a:visited{
color:#FFFFFF;
text-decoration:none;
}

#contentsTop .topNewsList dl a:hover{color:#FF0000;text-decoration:none;}

#contentsTop .topNewsList dt{
display:block;
width:135px;
margin:0;
padding:6px 20px 5px 0;
float:left;
text-align:center;
background-image:url(../../img/common/bg_common_arrow.png);
background-position: left;
background-repeat:no-repeat;
border-bottom:1px dotted #FFFFFF;
}


#contentsTop .topNewsList dd{
display:block;
width:470px;
margin:0 auto;
padding:6px 0 5px 0;
text-align:left;
float:left;
border-bottom:1px dotted #FFFFFF;
}


#contentsTop .topNewsGolist{
width:625px;
margin:0 auto;
padding:7px 0 0 0;
}

#contentsTop .topNewsGolist a,#contentsTop .topNewsGolist a:visited{
display:block;
width:108px;
height:19px;
overflow:hidden;
background-image:url(../../img/top/btn_top_newslist.png);
background-repeat:no-repeat;
background-position:top;
text-indent:-9999px;
float:right;
}

#contentsTop .topNewsGolist a:hover{background-position:bottom;}

/*************************
お菓子ピックアップ
**************************/
#contentsTop .topPickup{
width:625px;
height:150px;
margin:0 auto;
padding:0;
background-image:url(../../img/top/bg_top_pickup.png);
background-repeat:no-repeat;
background-position:top;
overflow:hidden;
}

#contentsTop .topPickup:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#contentsTop .topPickup ul{
width:605px;
margin:0 auto;
padding:10px 0;
}

#contentsTop .topPickup ul li{
display:block;
float:left;
margin:0;
padding:0;
}


/*************************
説明文
**************************/
#contentsTop .topunderComment{
width:625px;
margin:0 auto;
padding:5px 0 0 0;
}

#contentsTop .topunderComment h3{
width:625px;
height:17px;
margin:10px auto 0 auto;
padding:6px 0 10px 15px;
text-align:left;
font-weight:bold;
font-size:14px;
line-height:1;
background-image:url(../../img/top/subttl_comment.png);
background-repeat:no-repeat;
background-position:left top;
color:#FFFFFF;
overflow:hidden;
}



#contentsTop .topunderComment p{
text-align:left;
color:#666666;
font-size:12px;
margin:0 auto;
padding:0 15px 0 15px;
}

#contentsTop .topunderComment p strong{
font-weight:normal;
}



/*************************
右バナーエリア
**************************/
#contentsTop .topRightHead{
width:288px;
height:10px;
margin:0 auto;
padding:0;
background-image:url(../../img/top/bg_top_right_head.png);
background-repeat:no-repeat;
background-position:top;
overflow:hidden;
}

#contentsTop .topRightFoot{
width:288px;
height:10px;
margin:0 auto;
padding:0;
background-image:url(../../img/top/bg_top_right_foot.png);
background-repeat:no-repeat;
background-position:top;
overflow:hidden;
}

#contentsTop .topRightMiddle{
width:288px;
margin:0 auto;
padding:0;
background-image:url(../../img/top/bg_top_right_middle.png);
background-repeat:repeat-y;
}

#contentsTop .topRightMiddle ul{
width:274px;
margin:0 auto;
padding:1px 0;
}

#contentsTop .topRightMiddle ul li{
display:block;
width:274px;
margin:0 auto;
padding:0 0 10px 0;
}

#contentsTop .topRightMiddle ul li.last{
padding:0;
}