html { width: 100%; height: 100%; overflow: hidden }

body    { color: #003366; font-size: small; background: #ffffff url(/daria/cddarl/img/bg.jpg) repeat-x fixed 0 bottom; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden }
#outline                { background-image: url(/daria/cddarl/img/bg_shadow.png); background-repeat: repeat-y; background-attachment: fixed; background-position: center 0; margin: 0; padding: 0; width: auto; height: 100%; overflow: auto }
#main               { margin: 0 auto; width: 800px; height: 100%; disprlay: block           }
#menu      { display: block; margin: 0; padding: 0; z-index: 1; width: 190px; height: 100%; float: left }
#menu ul   { list-style-type: none; list-style-position: outside; margin: 15px 0 0; padding: 0; border: 0 }

#menu li {
	padding-top: 5px;
}

#menu li a:hover {
	margin: 5px 0px 0px;
	padding: 0px;
	position: relative;
	bottom: 5px;
}


#footer { font-size: x-small; text-align: center; margin-top: 100px; margin-bottom: 20px; bottom: 10px }

#headspace{
width:610px;
hight:80px;
display:block;
}

#page    { display: block; margin-top: 80px; margin-right: auto; margin-left: auto; width: 550px }

.clear{
float:none;
clear:both;
}

h1{
	font-size: medium;
	color: #0066FF;
	text-align: center;
}

h2{
	font-size:small;
	color:#006666;
	border-bottom-style:dotted;
    border-bottom-color: #006666;
}
object  { display: block; margin-right: auto; margin-left: auto }
table   { color: #f36; font-size: 12px }
/*各ページ
#contents{
width:610px;
display:block;
margin-top:0px;
margin:0px;
padding:0px;
float:right;

}

*/
#top{
width:610px;
display:block;
margin-top:0px;
margin:0px;
padding:0px;
float:right;
background-image:url(top/title.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#wallpaper{
width:610px;
display:block;
margin-top:0px;
margin:0px;
padding:0px;
float:right;
background-image:url(wallpaper/title.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#enquete{
width:610px;
display:block;
margin-top:0px;
margin:0px;
padding:0px;
float:right;
background-image:url(enquete/title.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#special{
width:610px;
display:block;
margin-top:0px;
margin:0px;
padding:0px;
float:right;
background-image:url(special/title.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#history{
width:610px;
display:block;
margin-top:0px;
margin:0px;
padding:0px;
float:right;
background-image:url(history/title.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#map{
width:610px;
display:block;
margin-top:0px;
margin:0px;
padding:0px;
float:right;
background-image:url(map/title.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
}



/*アンケートページ*/
#enquete li     { list-style-type: none; margin: 0; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ff99ff }
#enquete ul    { list-style-position: inside; margin: 0; padding: 0 }
#enquete li:first-line {
	color: #FF3366;
}
/*壁紙*/
.btn-l     {
	background-image: url(/daria/cddarl/wallpaper/btn_l.png);
	list-style-type: none;
	display: block;
	margin-top: 0;
	margin-bottom: 30px;
	padding: 0;
	width: 162px;
	height: 37px;
	float: left;
	margin-left: 50px;
}
.btn-m   { background-image: url(/daria/cddarl/wallpaper/btn_m.png); display: block; margin-top: 0; margin-right: 50px; margin-bottom: 30px; padding: 0; width: 162px; height: 37px; float: right }
#wallpaper a:hover { background-position: 0 37px }

/*history*/
#history p { text-align: center }

/*top*/
.t      { background-image: url(top/menu.png); background-position: 0 0; margin: 0; padding: 0; width: 275px; height: 62px; float: left; overflow: hidden }
.w      { background-image: url(top/menu.png); background-position: 275px 0; display: block; margin: 0; padding: 0; width: 275px; height: 62px; float: left }
.m     { background-image: url(top/menu.png); background-position: 0 -126px; display: block; margin: 0; padding: 0; width: 275px; height: 62px; float: left }
.h     { background-image: url(top/menu.png); background-position: 0 -62px; display: block; margin: 0; padding: 0; width: 275px; height: 62px; float: left }
.d    { background-image: url(top/menu.png); background-position: 275px -126px;  display: block; margin: 0; padding: 0; width: 275px; height: 62px; float: left }
.s     { background-image: url(top/menu.png); background-position: -275px -62px; display: block; margin: 0; padding: 0; width: 275px; height: 62px; float: left }
.t:hover { background-position: 0 -190px }
.h:hover { background-position: 0 -252px }
.m:hover{ background-position: 0 -316px }
.w:hover  { background-position: 275px -190px }
.d:hover  { background-position: 275px -316px }
.s:hover { background-position: 275px -252px }

/*map*/
#map ul { list-style-position: inside; margin: 0; padding: 0 }
#map li{}

/*special*/
#special strong {
	color: #f69;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 2px dotted #f69;
	font-style: normal;
	display: block;
}
#special em {
	color: #009;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}
#special a img { border: solid 1px #36f }
#special a img:hover  { border: solid 1px #f03 }
#map a {
	color: #006633;
}
#map a:hover {
	color: #FF0033;
}