@charset 'utf-8';

*{
	padding:0;
	margin:0;
}

img{
	border: 0;
}

iframe{
	border: 0;
	overflow-y: hidden;
}

ol,ul {
	list-style:none;
}

html {
	overflow-y: scroll;
}

/*////////////////////////////////////// layout */

body {
	color:#000;
	font: 13px/18px Arial, sans-serif;
	
	/*background-color: #000000;*/
	background:url("background.jpg") repeat-x;
	
	text-align: center;
	margin: 0px auto;
	width: 800px;
}

#container{
	width: 800px;
	text-align: center;
}

#container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#container {display: inline-table;}

/* Hides from IE-mac \*/
* html #container {height: 1%;}
#container {display: block;}
/* End hide from IE-mac */


#header{
	margin: 8px 0 0 0;
}

#contents{
	margin: 16px 0 0 0;
}

#footer{
	height: 16px;
}

#clear{
	clear: both;
}

.clear{
	clear: both;
}

/*////////////////////////////////////// title */

#title{
	clear: both;
}

#title-logo{
	width: 300px;
	height: 80px;
	float:left;
}

#title-space{
	width: 324px;
	height: 80px;
	float:left;
}

#title-owner{
	width: 176px;
	height: 80px;
	float:left;
}

#title-owner-logo{
	margin: 4px 0 4px 0;
	width: 144px;
	float: right;
}

#title-owner-copyright{
	width: 176px;
	font-size: 11px;
	text-align: right;
	float: left;
}

#title-owner-spacer{
	width: 49px;
	height: 32px;
	float: left;
}

/*////////////////////////////////////// navi */

#navi{
	clear: both;
}

#navi_header{
	width: 9px;
	height: 24px;
	background:url("img/navi_header_space.jpg");
	float: left;
}

#navi_footer{
	width: 291px;
	height: 24px;
	background:url("img/navi_footer_space.jpg");
	float: left;
}

#navi ul{
	width: 500px;
	height: 24px;
	float: left;
}

#navi li{
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
}

#navi li a{
	font-size: 1px;
	display: block;
	te\xt-indent: -10000px;
	/*width: 90px;*/
	height: 24px;
}

#navi1 a{width: 80px;}
#navi1_select a{width: 80px;}
#navi1 a{					background:url(img/navi_profile.jpg) no-repeat left top;}
#navi1 a:hover{		background:url(img/navi_profile_select.jpg) no-repeat left top;}
#navi1_select a{	background:url(img/navi_profile_select.jpg) no-repeat left top;}

#navi2 a{width: 120px;}
#navi2_select a{width: 120px;}
#navi2 a{					background:url(img/navi_photo_gallery.jpg) no-repeat left top;}
#navi2 a:hover{		background:url(img/navi_photo_gallery_select.jpg) no-repeat left top;}
#navi2_select a{	background:url(img/navi_photo_gallery_select.jpg) no-repeat left top;}

#navi3 a{width: 100px;}
#navi3_select a{width: 100px;}
#navi3 a{					background:url(img/navi_art_gallery.jpg) no-repeat left top;}
#navi3 a:hover{		background:url(img/navi_art_gallery_select.jpg) no-repeat left top;}
#navi3_select a{	background:url(img/navi_art_gallery_select.jpg) no-repeat left top;}

#navi4 a{width: 140px;}
#navi4_select a{width: 140px;}
#navi4 a{					background:url(img/navi_todays_message.jpg) no-repeat left top;}
#navi4 a:hover{		background:url(img/navi_todays_message_select.jpg) no-repeat left top;}
#navi4_select a{	background:url(img/navi_todays_message_select.jpg) no-repeat left top;}

/*
#navi5 a{width: 90px;}
#navi5_select a{width: 90px;}
#navi5 a{					background:url(img/navi_withlove.jpg) no-repeat left top;}
#navi5 a:hover{		background:url(img/navi_withlove_select.jpg) no-repeat left top;}
#navi5_select a{	background:url(img/navi_withlove_select.jpg) no-repeat left top;}
*/
#navi5{display:none;}
#navi5_select{display:none;}

/*
#navi6 a{width: 60px;}
#navi6_select a{width: 60px;}
#navi6 a{					background:url(img/navi_mail.jpg) no-repeat left top;}
#navi6 a:hover{		background:url(img/navi_mail_select.jpg) no-repeat left top;}
#navi6_select a{		background:url(img/navi_mail_select.jpg) no-repeat left top;}
*/
#navi6{display:none;}
#navi6_select{display:none;}

#navi7 a{width: 60px;}
#navi7_select a{width: 60px;}
#navi7 a{					background:url(img/navi_link.jpg) no-repeat left top;}
#navi7 a:hover{		background:url(img/navi_link_select.jpg) no-repeat left top;}
#navi7_select a{	background:url(img/navi_link_select.jpg) no-repeat left top;}

/*////////////////////////////////////// contents */

/* contents_header */

#contents_header{
	width: 128px;
	float: left;
	color: gray;
	text-align: left;
}


#frame{
	width: 672px;
	text-align: center;
	float: left;
}

#credit{
	text-align: right;
	font-size: 11px;
}

/*////////////////////////////////////// gallery */