@import "./css/default.css";
@import "./css/layout.css";
@import "./css/common.css";
@import "./css/navi.css";

/* -------------------- # --------------------*/

#myContent{
width:950px;
height:570px;
margin:0;
padding:0;
}

/* -------------------- # --------------------*/

.block{
width:290px;
margin:0 0 10px 0;
padding:0;
}

.odd{ float:left; }
.eve{ float:right; }

.info-image{
width:80px;
margin:0;
padding:0;
overflow:hidden;
background-color:#DDDDDD;
text-align:center;
}

.info-cont{
width:200px;
margin:0;
padding:0;
}

.info-time{
margin:0;
padding:0;
font-size:10px;
line-height:10px;
color:#006600;
}

.info-title{
margin:0 0 5px 0;
padding:0 0 5px 0;
color:#006600;
border-bottom:dotted 1px #CCCCCC;
}

.info-title a{ color:#006600; }


.info-date{ color:#006600; padding-right:1em; }

.info-text{
margin:0 0 10px 0;
padding:0;
}

/* -------------------- # --------------------*/

.sub-title{
margin:0 0 20px 0;
padding:0;
}

.point-image{
width:60px;
margin:0 0 15px 0;
padding:0;
}

.point-cont{
width:210px;
margin:0 0 15px 0;
padding:0;
}

.point-list{
margin:0 0 5px 0;
padding:0 0 0 17px;
}

.point-list2{
margin:0;
padding:0 0 0 17px;
}

#point-a{ background:url("./index_img/point-a.gif") 0 4px no-repeat; }
#point-b{ background:url("./index_img/point-b.gif") 0 4px no-repeat; }
#point-c{ background:url("./index_img/point-c.gif") 0 4px no-repeat; }



#pont-btn, #pont-btn2{
width:280px;
margin:0;
padding:0;
overflow:hidden;
clear:both;
}

#pont-btn{ background:url("./index_img/pont-btn.jpg") 0 0 repeat-y; height:40px; }
#pont-btn a{ background:url("./index_img/pont-btn.jpg") 0 0 repeat-y; height:40px; display:block; }
#pont-btn a:hover{ background:url("./index_img/pont-btn.jpg") 0 -40px repeat-y; }

#pont-btn2{ background:url("./index_img/pont-btn2.jpg") 0 0 repeat-y; height:40px; }
#pont-btn2 a{ background:url("./index_img/pont-btn2.jpg") 0 0 repeat-y; height:40px; display:block; }
#pont-btn2 a:hover{ background:url("./index_img/pont-btn2.jpg") 0 -40px repeat-y; }

.map-text{
margin:0 0 15px 0;
padding:0;
}

#map-btn{
width:280px;
margin:0 0 15px 0;
padding:0;
overflow:hidden;
clear:both;
}

#map-btn{ background:url("./index_img/map-btn.jpg") 0 0 repeat-y; height:105px; }
#map-btn a{ background:url("./index_img/map-btn.jpg") 0 0 repeat-y; height:105px; display:block; }
#map-btn a:hover{ background:url("./index_img/map-btn.jpg") 0 -105px repeat-y; }

#info-btn{
width:100px;
margin:0;
padding:0;
overflow:hidden;
clear:both;
}

#info-btn{ background:url("./index_img/info_list.gif") 0 0 repeat-y; height:30px; }
#info-btn a{ background:url("./index_img/info_list.gif") 0 0 repeat-y; height:30px; display:block; }
#info-btn a:hover{ background:url("./index_img/info_list.gif") 0 -30px repeat-y; }