body{
margin:0;
}

div:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}  

div {   
    display: inline-block;   
}


#header{
margin-left: auto;
margin-right: auto; 
padding: 3px 0 0 3px;
width:99%;
height;56px;
background: #ffcccc;
margin-top: 0;
border-width: 2px 2px 0 2px; border-color: #ff69b4; border-style: solid;
}

#header img{border-width:0;}

#header h1{
width:248px;
height:60px;
text-align:center;
margin:0 0 0 10px ; padding: 0 ;
float:left;
}
#header ul{
margin:25px 0 0 0;
}
#head-menu li{
float:left;
display: block;
margin:0px;padding:0px;
width:120px;height:20px;

}
#head-menu a{
background: url(img/menu_d.gif) no-repeat;
width:120px;height:20px;
margin:0; padding:10px 2px 0px 35px;
font-size:14px;
display: block;
text-decoration: none;
border-width:2px 0 2px 0; border-color: #ff69b4; border-style: solid;}

}
#head-menu a:hover{
background: url(img/menu_u.gif) no-repeat;
width:120px;height:20px;
margin:0; padding:10px 2px 0px 35px;
font-size:14px;font-weight:bold;
display: block;
color:white;
}

.img-left{
float:left;
margin:5px;
}

#center-bl{
padding:0;margin:0;
width:99%;
background: url(img/islands.gif) right top no-repeat;
text-align: center;
}
.titleimg{
float:left;
margin:2px;
}

.title{
width:80%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#center-bl h2{
font-size:18pt;
color:#336633;
font-family: '‚l‚r P–¾’©';
margin:14px 0 0 20px;
text-align:left;
}
.sub-h2{font-size:12pt;}
.h2-erabu{color:hotpink;font-family: '‚l‚r PƒSƒVƒbƒN';font-size:28pt;}

#center-bl h3{
background: #ffcccc;
margin:1em 0 1em 2px;padding:2px 0 0 20px;
font-size:16px;
text-align:center;
color:#ff6699;
border-width:0 2px 0 0 ; border-color: #ff69b4; border-style: solid;
}
.capt{
font-size:90%;
line-height:1.4em;
margin:10px;
}

#center-bl form{
margin:5px 3px 3px 3px;padding:0;
}

#osirase{
background: url(img/shop.jpg) no-repeat;
margin:0 20px 0 20px;
}

.bbs{
width:660px;height:200px;dhisplay:block;
margin: 0px 10px 5px 220px; border-width: 0px; border-color: #ff69b4; border-style: dotted; padding:0px;text-align:left;line-height:1.5em;font-size:90%;
}

.osusume{
text-align:right;
width:32%;height:140px;
line-height:1.2em;
float:left;
margin:1px;
font-size:80%;
border-width: 1px; border-color: #ff69b4; border-style: dotted; padding: 0px;
font-weight:bold;
}

.setumei{
text-align:left;
margin:0 0 10px 0;padding:3px;
}
#center-bl h4{
height:18px;
text-align:center;
background: #ff6699 ;
font-size:14px;
color:white;
margin:0 0 0 0;padding:3px 0 0 0;
}
.footer{
background: #ffc0cb;
width:99%;
height:1.5em;
line-height:1.5em;
text-align:center;
margin:0px 0px 0px 0px; 
clear:both;
border-width:0 2px 2px 2px; border-color: #ff69b4; border-style: solid;}
.caution{
width:99%;
font-size:x-small;
text-align:center;
margin:0px 0px 20px 0px;
color: red;
}

.copyright{text-align:right;font-size:small;}
