@charset "utf-8";

#container{
background: url(../img/top/con_bg.jpg) 0 500px repeat-x;
}

#header_top{
background: url(../img/top/top_flash_bg.gif) top left repeat-x;
width: 100%;
height: 420px;
}
#header_top #top_flash{
background: url(../img/top/top_flash_bg.jpg) top left repeat-x;
width: 100%;
}

#top_con{
width: 940px;
padding-top: 30px;
}

/*-- トップのみフッタとコンテンツのスキマを詰める --*/
#container #contents{
margin-bottom:0;
}

/*-- トップのみ左メニューとコンテンツのスキマを詰める --*/
#left_col{width:180px;}
#right_col{width:760px;}


/*-- コンテンツエリア --*/
#top_con h3{
width: 365px;
height: 37px;
position:relative;
margin-bottom: 8px;
margin-top: 4px;
}
#top_con h3 span{
display: none;
}
#top_con h3 a{
display: block;
}
#top_con h3 strong{
display: block;
text-align: right;
padding-right: 50px;
padding-top: 10px;
}
#top_con p.ob{
position:absolute;
top:0;
z-index:10;
right: 10px;
}
#top_con div.box2{
width: 365px;
height: 500px;
overflow:auto;
position:relative;
}
#top_con div.box{
position:relative;
margin-bottom: 8px;
padding-bottom: 8px;
background: url(../img/top/dotted_x.gif) bottom left repeat-x;
}

#top_con div.box dl{
width: 100%;
line-height: 1.5;
}
#top_con div.box dt{
width: 90px;
float: left;
}
#top_con div.box dt img{
/*border: 2px #ccc solid;*/
}
#top_con div.box dd{
width: 255px;
float: right;
}
#top_con div.box dd.title{
margin-bottom: 4px;
}
#top_con div.box dd.title a{
color:#666;
}
#top_con div.box dd.title a:hover{
color:#8EC31F;
text-decoration: underline;
}
#top_con div.box dd.title span{
float: right;
display: block;
width: 45px;
}
#top_con div.box dd.title strong{
float: left;
display: block;
font-weight: bold;
width: 200px;
}



/*--イベント--*/
#top_con #top_col1{
width: 365px;
float: left;
position:relative;
border-bottom: 3px solid #8EC31F;
}

#top_col1 h3{
background: url(../img/top/event_title_s.jpg) top left repeat-x;
}


/*--ショップニュース--*/
#top_con #top_col2{
width: 365px;
float: right;
position:relative;
border-bottom: 3px solid #8EC31F;
}
#top_col2 h3{
background: url(../img/top/news_title_s.jpg) top left no-repeat;

}