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


                        structure css


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

#mainContents{
width:600px;
float:left;
}

#sideContents{
width:165px;
float:left;
}

#pankuzu{
font-size:12px;
margin:5px 0 0 8px;
}

#pankuzu a{
font-size:12px;
color:#006633;
}

#pankuzu a:hover{
color:#FF9900;
}

p#newMember{
width:150px;
height:55px;
background:url(../img/new_member2.jpg) left top no-repeat;
margin:8px 0 8px 8px;
}

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

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


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

#shopSearch h3{
display:block;
width:150px;
height:25px;
background:url(../img/side_title.jpg) left top no-repeat;
text-indent:-9999px;
margin:3px 0 0 8px;
}

#shopSearch ul{
padding:2px 0 0 8px;
}

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


#shopSearch li#category{
width:150px;
height:50px;
margin:2px 0 2px 0px;
}

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

#shopSearch li#map{
width:150px;
height:50px;
margin:2px 0 2px 0px;
}

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

#shopSearch li#area{
width:150px;
height:50px;
margin:2px 0 0px 0px;
}

#shopSearch li#area a{
display:block;
width:150px;
height:50px;
background:url(../img/icon/area2.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#newKutikomi{
width:150px;
height:60px;
background:url(../img/icon/kutikomi.jpg) left top no-repeat;
margin:8px 0 8px 8px;
}

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

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


p#kodoIcon2{
width:150px;
height:60px;
background:url(../img/icon/kodo_icon2.jpg) left top no-repeat;
margin:8px 0 8px 8px;
}

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

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

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


                        service css


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

#service h1{
display:block;
width:600px;
height:200px;
margin:5px 0 0;
}

#service #mainContents dd.foot{
width:280px;
height:20px;
background:url(../img/point/point_foot.jpg) left top no-repeat;
}

#service #mainContents dl{
width:290px;
float:left;
background:url(../img/point/point_buck.jpg) left top repeat-y;
margin-top:8px;
}

#service #mainContents dt.sub1{
display:block;
width:280px;
height:80px;
background:url(../img/point/point1.jpg) left top no-repeat;
text-indent:-9999px;
}

#service #mainContents dt.sub2{
display:block;
width:280px;
height:80px;
background:url(../img/point/point2.jpg) left top no-repeat;
text-indent:-9999px;
}
#service #mainContents dt.sub3{
display:block;
width:280px;
height:80px;
background:url(../img/point/point3.jpg) left top no-repeat;
text-indent:-9999px;
}
#service #mainContents dt.sub4{
display:block;
width:280px;
height:80px;
background:url(../img/point/point4.jpg) left top no-repeat;
text-indent:-9999px;
}
#service #mainContents dt.sub5{
display:block;
width:280px;
height:80px;
background:url(../img/point/point5.jpg) left top no-repeat;
text-indent:-9999px;
}
#service #mainContents dd.pointText{
margin:5px 15px 0;
color:#FF6600;
line-height:150%;
font-size:15px;
font-weight:bold;
}

#service #mainContents dd.point{
margin:5px 15px 0;
color:#333333;
line-height:150%;
}

#service dl img{
margin:0;
}



#loginForm dt{
margin:5px 5px 0 5px;
padding:3px 5px;
background-color:#E38800;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
color:#FFFFFF;
}

.loginform{
margin:0px 5px 5px 5px;
padding:5px;
background-color:#FCEDDA;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
}

.formbutton {
margin:3px 0 0 75px;
}