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

body{
	position:relative;
	background: url(../img/bg.gif) #e6e6e6 fixed;
	}
#wrap{
	width: 950px;
	margin: 0 auto 20px;
	}

/******************************************************************************
block-ttl
******************************************************************************/
#block-ttl{
	position: relative;
	}
#block-ttl h1{
	padding: 15px 0;
	font-size: 2.2em;
	text-align: center;
	}
#block-ttl ul{
	position: absolute;
	top: 12px;
	right: 0;
	}
#block-ttl ul li{
	width: 80px;
	float: left;
	text-align: center;
	line-height: 1.4;
	}
#block-ttl ul li.art{
	border-bottom: solid 3px #f00;	
	}
#block-ttl ul li.music{
	border-bottom: solid 3px #0099cc;		
	}
#block-ttl ul li.stay{
	border-bottom: solid 3px #90dc00;		
	}
#block-ttl ul li span{
	display: block;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	}

/******************************************************************************
navi
******************************************************************************/
#navi{
	position: fixed;	
 	display: inline;
	float:left;
	width: 570px;
	padding: 10px;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: 1px 1px 5px #ccc;
    -webkit-box-shadow: 1px 1px 5px #ccc; 
	box-shadow: 0 0 5px #ccc;
	}
#navi address{
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	}
/*------------------------------*/
/*display*/
/*------------------------------*/
div#display{
	float:left;
	width: 570px;
	height: 260px;
	margin-bottom: 10px;
	}
/*------------------------------*/
/*pano*/
/*------------------------------*/
div#pano{
	float:left;
	width: 450px;
	height: 320px;
	background: #000000;
	margin-bottom: 10px;
	}
/*------------------------------*/
/*guide*/
/*------------------------------*/
p.guid{
	float: right;
	width: 120px;
	}

/******************************************************************************
list
******************************************************************************/
#list{
	float: right; 
	width: 340px;
	padding: 5px;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: 1px 1px 5px #ccc;
    -webkit-box-shadow: 1px 1px 5px #ccc; 
	box-shadow: 0 0 5px #ccc;
	}
/*------------------------------*/
/*listtable*/
/*------------------------------*/
table#listtable{
	font-size: 1.2em;
	line-height: 1.5;
	}
table#listtable tr{
	background: #fff;
	}
table#listtable td{
	padding: 5px;
	}
table#listtable td div{
	padding-top: 5px;
	font-size: 1.0em!important;
	}
table#listtable td div a{
	padding-right: 5px;
	}
/* art */
table#listtable tr.art td.bottom{
	border-bottom: solid 3px #f00;	
	}
/* music */
table#listtable tr.music td.bottom{
	border-bottom: solid 3px #0099cc;	
	}
/* stay */
table#listtable tr.stay td.bottom{
	border-bottom: solid 3px #90dc00;	
	}


/******************************************************************************
pagetop
******************************************************************************/
#pagetop {
	position: fixed;
	right: 0;
	bottom: 35px;
	}
#pagetop a {
	color: #fff;
	display: block;
	height: 18px;
	width: 28px;
	background: #09c;
	text-align: center;
	padding: 8px 0 0;
	text-decoration: none;
	font-weight: bold;
	}
#pagetop a:hover{
	color: #000!important;
	background: #fff;
	}
/* hack ie6- */
*html body #pagetop {
	position: absolute;
	top: -75px;
	right: 0;
	}
*html body #pagetop a {
	display: block;
	height: 35px;
	width: 35px;
	}