body { margin:0px;
 line-height: 150%;
 font-size: 12px;
 background:top left no-repeat #ffffff;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 color:#333333;
}

img { border: none;}

a {
	text-decoration: underline;
	outline-style: none;	
	}

a:link {
	color: #0800AA; 
	}

a:visited {
	color: #7E0062;
	}

a:active {
	color: #0800AA;
	}

a:hover {
	color: #0800AA; 
	}

h1,h2,h3,h4,h5,h6,p { margin:0px; padding:0px; font-weight:normal;}


ul { text-align:left;}
li { list-style-type:none; list-style-position:outside;}







.all {width:862px; margin:0px auto; clear:both; background:url(images/main_bg.gif) repeat-y top right;}

h1.site-title { color: #666; height:11px; text-align:center; width:862px; padding:1px 0px 0px 0px; line-height:12px; font-size:10px; margin:0px auto;}
h1.site-title a:link{ color:#666; text-decoration:none; padding:1px 0px 0px 0px; line-height:12px; font-size:10px; margin:0px auto;}
h1.site-title a:visited { color:#666; text-decoration:none; padding:1px 0px 0px 0px; line-height:12px; font-size:10px; margin:0px auto;}
h1.site-title a:active{ color:#666; text-decoration:none; padding:1px 0px 0px 0px; line-height:12px; font-size:10px; margin:0px auto;}
h1.site-title a:hover{ color:#666; text-decoration:none; padding:1px 0px 0px 0px; line-height:12px; font-size:10px; margin:0px auto;}


.head { width:862px; font-size:10px; margin:0px auto; padding:0px; vertical-align:bottom; height:103px; background: url(images/head.gif) no-repeat top right;}




/* navigation */

#navigation{
	clear: both;
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 862px;
	height: 55px;
	list-style: none;
	overflow: hidden;
}



#navigation li a{
	position: absolute;
	height: 55px;
	overflow: hidden;
	padding: 0px;
	text-indent: -9999px;
	text-decoration: none;
	top: 0;
}







li#navi01 a{ 
	background: transparent url(images/navi01.gif) no-repeat 0 0;
	width: 117px;
	left: 0px;
}
li#navi02 a{ 
	background: transparent url(images/navi02.gif) no-repeat 0 0;
	width: 114px;
	left: 117px;
}
li#navi03 a{ 
	background: transparent url(images/navi03.gif) no-repeat 0 0;
	width: 115px;
	left: 231px;
}
li#navi04 a{ 
	background: transparent url(images/navi04.gif) no-repeat 0 0;
	width: 112px;
	left: 346px;
}
li#navi05 a{ 
	background: transparent url(images/navi05.gif) no-repeat 0 0;
	width: 114px;
	left: 458px;
}
li#navi06 a{ 
	background: transparent url(images/navi06.gif) no-repeat 0 0;
	width: 113px;
	left: 572px;
}
li#navi07 a{ 
	background: transparent url(images/navi07.gif) no-repeat 0 0;
	width: 118px;
	left: 685px;
}


/* ロールオーバー設定 */
li#navi01 a:hover,
li#navi02 a:hover, 
li#navi03 a:hover, 
li#navi04 a:hover, 
li#navi05 a:hover, 
li#navi06 a:hover, 
li#navi07 a:hover, 
{ 
	background-position: 0px -55px;
}

.main { clear:both; width:862px; margin:0px auto; padding:0px;}
#ent_main { margin:5px 0px 5px 16px; padding:0px;}
#ent_hitotsu { margin:5px 0px 5px 0px; padding:0px;}

#side {margin:5px 0px; padding:0px;}

.side_menu {padding:5px 10px; margin:5px 0px; border-bottom:#CCCCCC 1px solid; }

.side_menu a:link {color: #333; text-decoration:none;}

.side_menu a:visited {color: #333; text-decoration:none;}

.side_menu a:active { color: #999;}

.side_menu a:hover {color: #999;}


.side_menu02 {padding:5px 10px; margin:5px 0px; border-bottom:#CCCCCC 1px solid; list-style:none;}
.side_menu02 a:link {color: #333; text-decoration:none;}
.side_menu02 a:visited {color: #333; text-decoration:none;}
.side_menu02 a:active { color: #999;}
.side_menu02 a:hover {color: #999;}


.side_menu03 {padding:5px 5px 5px 20px; list-style:none; background:url(images/point02.gif) no-repeat left;}
.side_menu03 a:link {color: #333; text-decoration:none;}
.side_menu03 a:visited {color: #333; text-decoration:none;}
.side_menu03 a:active { color: #999;}
.side_menu03 a:hover {color: #999;}



.cat_title {border-bottom:#CCCCCC dotted 1px; padding:5px; margin:0px 0px 10px 0px;}

.cat_title a:link {color: #333; text-decoration:none;}

.cat_title a:visited {color: #333; text-decoration:none;}

.cat_title a:active { color: #999;}

.cat_title a:hover {color: #999;}


.left { width:212px; clear:both; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; clear:left;}
form{ margin:0px; padding:0px;}


#bottom {width:862px; height:22px; margin:0px auto; clear:both; background:url(images/foot.gif) no-repeat top left;}

.pankuzu {font-size:11px; margin: 10px 0px 5px 0px; padding:0px; text-align:left; float:none; clear:both;}




#news {
width:614px;
	OVERFLOW: auto;
	HEIGHT: 100px;
	margin:0px;
}


.ent_title { background:url(images/ent_title.gif) no-repeat top left; font-size:14px;  width:592px; height:35px; padding:0px; margin:0px 0px 5px 0px;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }