/* CSS Document */
* {
margin:0px;
padding:0px;
}

img{border:0px;}
body{
font-size:84%;
color:#555;
background:url(img/back.gif);
cursor:url('img/anidata.ani');
}

body#index{
background:url(img/indexback.gif);
}

p{
margin-bottom:15px;
}

/* INDEX
-------------------------------------------- */
h1#indextitle{
width:372px;
height:119px;
margin:30px auto 0px auto;
}
h1#indextitle a{
display:block;
text-indent:-1000000em;
background:url(img/logoindex.gif) 0px 0px no-repeat;
width:372px;
height:119px;
}

#enter{
background:url(img/cakeindex.gif) 0px 0px no-repeat;
width:475px;
height:384px;
margin:10px auto;
}

#enter p{
width:200px;
height:200px;
margin-left:156px;
padding:42px 0px 0px 0px;
}

#movie{
margin:0px auto;
width:760px;
}

/* HEADER
-------------------------------------------- */
h1#title{
width:560px;
height:118px;
margin:20px auto 0px auto;
}

h1#title a{
display:block;
text-indent:-1000000em;
background:url(img/logo.gif) 0px 0px no-repeat;
width:560px;
height:118px;
}

/* CONTENTS
-------------------------------------------- */
#contents{
width:753px;
height:539px;
background:url(img/frame-cake.gif) 0px 0px no-repeat;
margin:0px auto;
}

#contentsp{
width:753px;
height:564px;
background:url(img/backprof.gif) 0px 0px no-repeat;
margin:0px auto;
}
#contentsg{
width:533px;
height:394px;
background:url(img/backgall.gif) 0px 0px no-repeat;
margin:0px auto;
padding:130px 130px 20px 90px;
}

div#gallery{
height:340px;
overflow:auto;
}

/* SIDE character
-------------------------------------------- */
#caraimg{
float:left;
}
.infoimg{
padding-top:40px;
float:left;
}
.gameimg{
padding-top:30px;
padding-left:60px;
float:left;
}
.shopimg{
padding-top:30px;
padding-right:30px;
float:right;
}
.discoimg{
padding-top:69px;
padding-left:61px;
float:left;
}


/* MAIN SPACE
-------------------------------------------- */
#main{
float:right;
margin-top:100px;
margin-right:95px;
width:340px;
height:330px;
overflow:auto;
}
*html #main{
width:340px;
margin-right:45px;
height:330px;
}

img#blog{
position:relative;
top:0px;
left:-30px;
z-index:3;
}

#shopmain{
float:left;
margin-top:100px;
margin-left:135px;
width:340px;
height:330px;
overflow:auto;
}
*html #shopmain{
width:340px;
margin-left:75px;
height:330px;
}

/* UL PROFILE
-------------------------------------------- */
ul#profile{
padding:150px 0px 0px 100px;
}

ul#profile li{
list-style-type:none;
float:left;
margin-right:20px;
}

ul#profile li.monmon,
ul#profile li.nijimas{
margin-top:50px;
}

/* UL GALLERY
-------------------------------------------- */
ul.gallery{
clear:both;
}

ul.gallery li{
list-style-type:none;
float:left;
height:170px;
vertical-align:middle;
margin-right:15px;
width:145px;
text-align:center;
}

/* DL INFO,prof
-------------------------------------------- */
dl#infodl{}

dl#profiledl{
padding:10px;
background:#fff;
margin:20px;
}

dl#infodl dt,
dl#profiledl dt{
font-weight:bold;
color:#FF6D6D;
}

dt#name{
font-size:120%;
text-align:center;
padding:5px;
}
dl#infodl dd,
dl#profiledl dd{
margin-bottom:15px;
border-bottom:1px dotted #ccc;
padding:5px;
}
dl#infodl dd ul li,
dl#profiledl dd ul li{
list-style:inside;
list-style-type:square;
}

p#close{
text-align:center;
padding:10px;
font-weight:bold;
}
p#proflimg{
text-align:center;
}
/* MENU
-------------------------------------------- */
ul#menu{
margin:0px auto;
width:720px;
z-index:5;
}

ul#menu li{
list-style-type:none;
float:left;
}

li.minfo{
margin-left:-5px;
}
li.mdisco{
margin-left:-5px;
}
li.mshop{
margin-left:10px;
}
li.mblog{
margin-left:10px;
}
li.mclo{
margin-left:10px;
}

/* GALLARY
-------------------------------------------- */
/*
LAYER----- */
#layer1,
#layer2,
#layer3,
#layer4,
#layer5,
#layer6,
#layer7,
#layer8,
#layer9,
#layer11,
#layer12,
#layer13,
#layer14,
#layer15,
#layer16,
#layer17,
#layer18,
#layer19,
#layer20,
#layer21, 
#layer10{
position:relative;
visibility:hidden;
padding:5px;
background:#FFD4C4;
line-height:1.5;
display:block;
top:-15px;
left:17px;
z-index:1;
}



/* -------------------------------------------------------- */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
ul#profile:after,
ul#menu:after,
ul#gallery:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

ul#profile,
ul#menu,
ul#gallery{ display:inline-table; }

/* Mac IE には適用させない \*/
* html ul#profile,
* html ul#menu,
* html ul#gallery{ height:1px; }

ul#profile,
ul#menu,
ul#gallery{ display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */