@charset "UTF-8";
/* CSS Document */



body{
	text-align:center;
	background-color:#888684;
	color:#FFFFFF;
	font-family:Verdana, Helvetica, Arial, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
	line-height: 150%;}
	


a {
	color:#FFFFFF;
	text-decoration:none;}

a:hover {
	color:#f90;
	background-color:#CCCCCC;}

h1{
	display:inline;
	color:#888684;}

h2{
	display:inline;
	color:#888684;}

h3{
	display:inline;
	float:left;}

.box h4{
	width:20%;
	font-size:110%;
	margin-left:10px;
	margin-bottom:5px;
	padding-left:5px;
	border-left-width:medium;
	border-left-style: solid;
	border-left-color: #FFFFFF;}

.title{
	background-color:#FFFFFF;
	color:#888684;
	display:inline;
	overflow: visible;
	padding:2px;}

#menu p{
	display:inline;
	float:left;
	width:100px;}

#container{
	text-align:left;
	width:900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;}

#container h1{
	font-weight:bold;}
	
#header{
	width:899px;
	clear:both;
	margin-top:25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;}

#header a:hover{color:#888684;
	background-color:#FFFFFF;}
	
#header a{color:#888684;}

#contents{
	width:790px;
	float:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align:center;}
	
#main{
	width:600px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#888684;
	text-align:left;}

#left_area{
float:left;
width:650;}

#news{
	float:left;
	clear:both;
	display:block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;}

#gallery{
	float:left;
	clear:both;
	display:block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;}

#event{
	float:left;
	clear:both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;}

#other{
	float:left;
	clear:both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;}

#other .menu{
	clear:both;}

#menu{
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align:right;
	width:100px;}

#menu p{
	padding-right:10px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;}

#banner{
width:130px;
float:right;}

#banner a:hover{
	color:#FFFFFF;
	text-decoration:none;}

#footer{
	width:899px;
	float:left;
	text-align:right;
	margin-top:25px;
	margin-bottom:25px;
	clear:both;}


.list{
	float:left;
	text-align:left;
	margin-left:25px;}

.menu{
	float:left;
	text-align:right;
	width:100px;}

.menu p{
	padding-right:10px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;}
	


.date{
	padding-right:20px;}

.right{
	text-align:right;
	width:100%;
	float:left;
	clear:both;}



/*////////ギャラリ用css///////////*/
.box{
	display:block;
	float:left;
	clear:both;
	width:99%;
	margin-bottom:10px;
	margin-top:5px;
	padding-bottom:10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;}

/*////////profile部分///////////*/
#profile{
	line-height:200%;}

#profile h3{
	font-size:200%;
	font-weight:bold;}

#prftop{
	vertical-align: top;}

#prfphoto{
	float:left;
	border: 2px solid #FFFFFF;}
	

#prfmid{
	vertical-align: top;
	float:left;
	display:block;
	margin-left:10px;
	margin-bottom:10px;}


#prfbot{
	width:100%;
	clear:both;
	margin-top: 10px;
	margin-right:0px;
	margin-bottom: 0px;
	margin-left: 0px;}
	
#prfmid p{
	vertical-align:text-bottom;}
	
/*////////lifelog部分///////////*/

	
.logline{
	width:99%;
	margin-bottom:5px;
	float:left;
	clear:left;
	}

.year{
	width:20%;
	padding-left:15px;
	vertical-align:top;
	font-size:100%;
	float:left;
	clear:left;}

.topic{
	width:75%;
	vertical-align:top;
	font-size:100%;
	float:right;
	clear:right;}


/*////////gallery部分///////////*/
.gal_link{
	width:80px;
	display:block;
	margin:0px auto;
	font-size:110%;}
    
.cat_title{
	clear:left;
	font-size:110%;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	border-bottom-width:thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	display:block;}
	
.cat_info{
	float:left;
	display:block;
	width:90%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:10px;}
    
.gal_title{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	font-size:110%;
	display:block;}
    
.gal_info{
	width:90%;
	margin:5px auto;}
    
.gal_img_box{
	width:90%;
	margin:10px auto;}
    
.img_tree{
	width:29%;
	float:left;
	margin:0px 1%;}

.img_two{
	width:45%;
	float:left;
	margin-left:2%;
	margin-right:2%;}

.img_one{
	width:99%;
	float:left;
	margin-bottom:100px;}


.gallery_flash{
	clear:both;
	width:426px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;}


.gallery_box{
	display:block;
	width:99%;
	clear:left;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;}

.gallery_box p{
	text-align:left;}




/*ディスコグラフィ*/
.disk_box{
	display:block;
	width:200px;
	float:left;
	margin-bottom:20px;
	padding-bottom:10px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #FFFFFF;
	margin-right:5px;
	padding-right:15px;}
	
.disk_title{
	width:99%;
	margin-left:15px;
	margin-top:30px;
	margin-bottom:15px;
	font-size:110%;
	float:left;
	clear:both;}

.disk_image{
	margin-left:15px;
	width:199px;
	float:left;}

.disk_image img{
	width:180px;}

.disk_data{
	margin-left:15px;
	width:199px;
	float:left;
	clear:left;
	display:inline;}

.disk_track{
	float:left;
	display:inline;
	width:55%;}

.disk_track li{
	list-style-type: decimal;
	list-style-position: inside;
	vertical-align:middle;}

.disk_track object{
	height:14px;
	width:150px;
	padding-top:5px;
	margin-left:5px;}
/*////////shop部分///////////*/	

.shop_shelf{
	width:599px;
	float:left;}

.item_box{
	width:30%;
	margin-bottom:20px;
	display:block;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 15px;}

.item_photo{width:100%;}

.item_title{
	font-weight:bold;}

.item_info{
	margin-left:5px;}

/*////////Link部分///////////*/	

.link_box{
	margin-left:15px;
	display:block;}

.link_name{
	display:inline;
	margin-left:15px;
	font-weight:bold;
	font-size:120%;
	float:left;
	clear:left;}

.link_info{
	display:inline;
	margin-left:5px;
	float:left;}

.link_url{
	margin-left:25px;
	margin-bottom:15px;
	float:left;
	clear:both;}

#link{display:block;}





/*////////Gallery list用CSS///////////*/	
#gallery_list{
	width:500px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}


.creator_box{
	width:499px;
	float:left;
	clear:both;
	margin-bottom:5px;}


.creator_name{
	text-align:left;
	display:inline;
	float:left;}

.creator_category{
	text-align:right;
	display:inline;
	float:right;}
	

/*////////Event list用CSS///////////*/	
#event_head{
	display:block;
	width:600px;
	padding-bottom:25px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;}
	

.l{
	font-size:150%;
	float:left;
	display:inline;}

.s{
	float:right;
	display:inline;}

#event_list{
	width:600px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;}

.event_box{
	display:block;
	width:599px;
	clear:both;
	margin-bottom:5px;}
	
.event_name{
	width:199px;
	text-align:left;
	display:inline;
	float:left;}
	
.event_plase{
	width:199px;
	text-align:center;
	display:inline;
	float:left}
	
.event_date{
	width:199px;
	text-align:right;
	display:inline;
	float:left;}

/*////////About用CSS///////////*/	

#concept h3{
	display:block;
	float:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;}


#concept p{
	display:block;
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;}


#about h3{
	display:block;
	float:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-top:30px;}


#about p{
	display:block;
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;}


/*////////Contact用CSS///////////*/	

.iptborder {
	border: 1px solid #ccb;}
	
/*////////Event用CSS///////////*/	

#event_info{	
}

#event_info h3{
	float:left;
	clear:both;
	font-size:200%;
	font-weight:bold;}
	
#event_info ul{
	line-height:200%;
	float:left;
	clear:both;
	margin-top:20px;
	margin-left:15px;}

.free_write{
	float:left;
	clear:both;
	margin-top:25px;
	margin-left:15px;}

/*////////EventFlyer用CSS///////////*/

.flyer_box a:hover{background-color:#888684;} 

.flyer_box{
	float:left;
	display:block;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	width:148px;
	height:148px;
	text-align: center;
	vertical-align: middle;}

.flyer_box a img{
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color:#888684;}

.flyer_box a:hover img{
	border: 2px solid #CCC;}

.flyer_box a:hover {
	background-color:none;}

#flyer_head{
	display:block;
	width:600px;
	padding-bottom:25px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;}

/*////////Entry_Form用CSS///////////*/
#entry_form dd{
	margin-left:10px;
	margin-bottom:20px;
	margin-top:5px;}

#entry_form {
	margin-left:30px;
	margin-top:20px;}

/*////////Photo_album用CSS///////////*/	
.album_title{
	font-size:200%;
	font-weight:bold;
	width:80%;
	display:inline;
	float:left;}

.album_info{
	font-size:100%;
	width:99%;
	float:left;
	clear:right;
	margin-left:10px;}

#photo_area{
	width:750px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;}


.maxi_title{
color:#333;}

.maxi_description{}