@charset "shift_jis";
html{
overflow-y:scroll;
overflow:auto;
}	

body,table,tr,td,form,input,label,div,h1,p,a,img,input,label{
margin:0;
padding:0;
}



input,label{
vertical-align:baseline;
}

#body-index input:focus{
background-color:#fff0f6;
}

h1{
font-size:12px;
font-weight:normal;
}

img{
border:0;
vertical-align:baseline;
border-style:none;
}

a{
text-decoration:none;
}

a:link{ 
color:#e31666;
}

a:visited{
color:#e31666;
}

a:active{
color:#e31666;
}


body{
background:url(../images/index/toppage.png) no-repeat top center #ffddea;
}

#body-index{
background:url(../images/index/toppage.png) no-repeat top center;
behavior:url("csshover.htc");
width:1050px;
height:1027px;
font-size:12px;
position:relative;
letter-spacing:0;
margin:0 auto;

}



#registration{
width:420px;
height:75px;
text-align:left;
overflow:hidden;
margin:14px 0 0 0;

}

#registration a:hover{
background:url(../images/index/index-registration.png) no-repeat 0px -75px;
background-position:0px -75px;
width:420px;
height:75px;
}

* html #registration a:hover{
margin:1px 0 0 0;
}


#registration a {
background-image:url(../images/index/index-registration.png);
width:420px;
display:block;
height:75px;
}

#container{
margin:0 auto;
position:relative;
width:1050px;
}

#in-po-w{
	position:relative;
	}

#inpo{
position:relative;
width:891px;
margin:0px auto 0;
}

#inpo-in{
position:absolute;
top:3px;
left:-54px;
width:800px;
margin:0 auto;
}

#in-tit{
margin:0 auto;
text-align:left;
width:900px;
padding:0 0 0 15px;
}

#in-tit img{
text-align:left;
}

#inde-pas{
font-size:10px;
width:420px;
text-align:left;
padding:6px 0 0 207px;
}

#login-out{
margin:0 auto;
width:800px;
}

#lo-in{
text-align:center;
width:209px;
margin:19px 0 0 140px;
}

#lo-in2{
padding:9px 0 0 0;
}

#ro-c-b{
font-size:11px;
padding:7px 0 0 91px;
text-align:left;
}

#lo-in input{
background-color:#FFF7FA;
border:1px solid #fe7eb0;
font-size:12px;
font-family:"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
padding:2px 2px 2px 5px;
line-height:1.4;
height:14px;
width:200px ;
}

#ro-c-b label{
margin:9px 5px 0 0;
float:left;       
}
#ro-c-b input{
float:left;
}

#bbs,#diary,#information,#freemarket,#community,#photo,#mobile{
position:absolute;
width:150px;
height:150px;
}

#bbs{
top:470px;
left:15px;
}

#bbs-in{
left:101px;
position:relative;
top:-34px;
}

#diary{
top:500px;
left:285px;
}

#diary-in{
left:160px;
position:relative;
top:-42px;
}

#information{
top:390px;
left:525px;
}

#information-in{
left:139px;
position:relative;
top:-30px;
}

#freemarket{
top:530px;
left:700px;
}

#freemarket-in{
left:94px;
position:relative;
top:-31px;
}

#community{
top:750px;
left:85px;
}

#community-in{
left:92px;
position:relative;
top:-41px;
}

#photo{
top:670px;
left:440px;
}

#photo-in{
left:-96px;
position:relative;
top:-35px;
}

#mobile{
top:760px;
left:740px;
}

#mobile-in{
left:-123px;
position:relative;
top:-27px;
}

#footer-out{
position:relative;
}

#footer{
width:400px;
color:#e31666;
position: absolute;
top:996px;
left:400px;
font-size:12px;
}

.cr:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.cr{
display:inline-table;
min-height:1%;
}

* html .cr{ height:1%;}
.cr{ display:block;}

#ro{
margin:8px 0px 0 0;
height:12px;
width:24px;
}
.navispan{
display:none;
}


a:hover {background:none;width:300px;height:300px;}
a.tooltip span {display:none;width:120px;}
a.tooltip:hover span{display:inline;position:absolute;top:0;left:0;}