@charset "UTF-8";
/* CSS Document */

body {
	background-color: #cccccc;
	margin: 0px;
	padding: 0px;}

#map {position:center; margin-top:0px; padding-top:0px;
　　　width:960px; height:auto; background-color:Ivory;
z-index:    0;
}

#navi {position:absolute; left:40px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    1;
}
#artprofile {position:absolute; left:40px; top:200px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    2;
}
#resprofile {position:absolute; left:40px; top:285px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    3;
}
#edu {position:absolute; left:40px; top:370px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    4;
}
#publish {position:absolute; left:40px; top:455px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    5;
}
#blog {position:absolute; left:40px; top:540px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    6;
}
#japanese {position:absolute; left:40px; top:625px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    7;
}

#sitemap {position:absolute; left:880px; top:625px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    8;
}

#dd1 {position:absolute; left:110px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    9;
}
#dd2 {position:absolute; left:180px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    10;
}
#sugar {position:absolute; left:250px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    11;
}
#tela {position:absolute; left:320px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    12;
}
#presence {position:absolute; left:390px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    13;
}
#LC {position:absolute; left:460px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    14;
}
#ef {position:absolute; left:530px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    15;
}
#temper {position:absolute; left:600px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    16;
}
#sphere {position:absolute; left:670px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    17;
}
#sky {position:absolute; left:740px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    18;
}
#image {position:absolute; left:810px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    19;
}
#music {position:absolute; left:880px; top:115px;
　　　width:25px; height:25px; background-color:oparcity;visibility:hidden;
z-index:    20;
}

/* 季節スペシャル */
#special {
	position:absolute;
	left:220px;
	top:285px;
	pofont-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:9pt;
	color:#CFF;
	background-color:oparcity;
	z-index:    21;
	width: 590px;
}

#special a {
color: #CFF; /*リンクの色*/
text-decoration: none; /*下線無し*/
}

#special a:hover {
	color:#FF0;/*リンクの色*/
text-decoration:none ; /*下線あり=underline*/
}


/* CSSだけでマウスオーバーで画像表示の位置指定 */
/*ここはサンプルページのタイトル部分なので不要
#imgHover { position: relative; margin-top: 50px; width: 710px;}
ここまで不要*/
/*ここから画像を表示する位置*/
#imgHover #imgFrame {
border: 0px;
position: absolute;
left: 130px;
top:225px;
width: 540px;
height: auto;
line-height: 124px;
text-align: center;
}

#imgHover #imgHoverList {       list-style: none;       position: relative; }
#imgHover ul li {float: left;  margin-right: 5px;      }
#imgHover ul li img {  border: none;           }
#imgHover ul li a { display: block;         }
#imgHover ul li a:hover { position: static;           }/* これをしないとIEでは画像が表示されない */
#imgHover ul li a .mainImage { display: none;          }
#imgHover ul li a:hover .mainImage {  display: block;  position: absolute;  top: 3px; left: 507px !important; left: 83px;         }