/* CSS Document */

#leftContents{
width:520px;
float:left;
}

#rightContents{
width:240px;
float:left;
}



/* ------------------------------------------------------------------


                         div#event


--------------------------------------------------------------------- */

#event{
width:515px;
margin:5px 0 5px;
}

#event h2{
display:block;
width:515px;
height:38px;
background:url(../img/cardevent.jpg) left top no-repeat;
text-indent:-9999px;
}

div#event ul{
background:url(../img/news_back.jpg) left top repeat-y;
padding:5px 23px;
}

#event li{
list-style-type:none;
color:#003333;
padding-bottom:3px;
border-bottom:1px dotted #666666;
margin-top:10px;
}


/* ------------------------------------------------------------------


                         div#mobile


--------------------------------------------------------------------- */

#mobile h2{
display:block;
width:515px;
height:25px;
margin:10px 0 0;
background:url(../img/mobilesite.jpg) left top no-repeat;
text-indent:-9999px;
}

img#qr{
float:right;
margin:0;
}

#mobile p{
color:#333333;
margin:10px 10px 0px;
}

/* ------------------------------------------------------------------


                            newMember


--------------------------------------------------------------------- */

p#newMember{
width:220px;
height:74px;
background:url(../img/new_member1.jpg) left top no-repeat;
margin:5px 0 5px 12px;
}

p#newMember a{
display:block;
width:220px;
height:74px;
background:url(../img/new_member1.jpg) left top no-repeat;
text-indent:-9999px;
}

p#newMember a:hover{
background-position:bottom;
}


/* ------------------------------------------------------------------


                         div#shopSearch


--------------------------------------------------------------------- */

#shopSearch {
margin:5px 0 5px 10px;
}

#shopSearch h2{
display:block;
width:225px;
height:29px;
background:url(../img/shop.jpg) left top no-repeat;
text-indent:-9999px;
}

#shopSearch ul{
background:url(../img/shop_buck.jpg) left top repeat-y;
padding:2px 7px 0;
}

#shopSearch li{
list-style-type:none;
}


#shopSearch li#category{
width:210px;
height:57px;
margin:2px 0 2px 0px;
}

#shopSearch li#category a{
display:block;
width:210px;
height:57px;
background:url(../img/icon/category.jpg) left top no-repeat;
text-indent:-9999px;
}

#shopSearch li#map{
width:210px;
height:57px;
margin:2px 0 2px 0px;
}

#shopSearch li#map a{
display:block;
width:210px;
height:57px;
background:url(../img/icon/map.jpg) left top no-repeat;
text-indent:-9999px;
}

#shopSearch li#area{
width:210px;
height:57px;
margin:2px 0 0px 0px;
}

#shopSearch li#area a{
display:block;
width:210px;
height:57px;
background:url(../img/icon/area.jpg) left top no-repeat;
text-indent:-9999px;
}

#shopSearch li#category a:hover,
#shopSearch li#map a:hover,
#shopSearch li#area a:hover{
background-position:bottom;
}

p#shopserachFoot{
width:225px;
height:11px;
background:url(../img/shop_footer.jpg) left top no-repeat;
text-indent:-9999px;
}

/* ------------------------------------------------------------------


                         div#newShop


--------------------------------------------------------------------- */


#newShop{
margin:5px 0 5px 10px;
}

#newShop h2{
width:225px;
height:64px;
display:block;
background:url(../img/newshop.jpg) left top no-repeat;
text-indent:-9999px;
}

#newShop dl{
background:url(../img/newshop_buck.jpg) left top repeat-y;
width:225px;
}

#newShop dt{
padding-top:5px;
margin:0px 10px 0;
color:#FF6600;
}

 #newShop dd{
margin:0 10px 0;
padding-bottom:3px;
border-bottom:1px dotted #FF0000;
color:#333333;
line-height:140%;
}


p#mailmag{
width:221px;
height:74px;
margin:8px 10px;
}

p#mailmag a{
display:block;
width:221px;
height:74px;
background:url(../img/bunner1.jpg) left top no-repeat;
text-indent:-9999px;
}


/* ------------------------------------------------------------------


                         item　page 


--------------------------------------------------------------------- */


#eventBody{
padding:20px;
}

#eventBody h3 {
font-size:15px;
font-weight:bold;
color:#FFFFFF;
padding:5px;
background-color:#49AF54;
}

p.date{
margin:5px 10px 10px 0;
font-size:14px;
color:#FF6600;
text-align:right;
}


#eventBody　*{
border:none;
}


/* ------------------------------------------------------------------


                            kodoIcon


--------------------------------------------------------------------- */

#top p#kodoIcon{
width:495px;
height:60px;
background:url(../img/kodo_icon1.jpg) left top no-repeat;
margin:5px 0 8px 10px;
}

#top p#kodoIcon a{
display:block;
width:495px;
height:60px;
background:url(../img/kodo_icon1.jpg) left top no-repeat;
text-indent:-9999px;
}

#top p#kodoIcon a:hover{
background-position:bottom;
}

/* ------------------------------------------------------------------


                            kutikomi


--------------------------------------------------------------------- */

p#newKutikomi{
width:221px;
height:60px;
background:url(../img/icon/kutikomi2.jpg) left top no-repeat;
margin:5px 0 8px 8px;
}

p#newKutikomi a{
display:block;
width:221px;
height:60px;
background:url(../img/icon/kutikomi2.jpg) left top no-repeat;
text-indent:-9999px;
}

p#newKutikomi a:hover{
background-position:bottom;
}

/* ------------------------------------------------------------------


                            banner


--------------------------------------------------------------------- */

#top img.banner1{
margin:15px 0 20px 0;
border:0;
float:left;
}

#top img.banner2{
margin:15px 0 20px 0;
border:0;
float:right;
}