@charset "UTF-8";

*{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	color: #663300;
	font-style: normal;
	font-weight: normal;	
	font-size: 100%;/*全ての文字の大きさをクリア*/	
}



body{
	margin-top:10px;
	text-align: center;
	background:url(img/bg_navi.jpg);
	background-repeat:repeat-x;
	font-famry:"ヒラギノ角ゴ pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS P Gothic",Arial,Helvetica,sans-serif;
	font-size: 80%;
}



/*コンテンツ*/

#content{
	margin:0 auto;
	width: 800px;
	position: relative;
	text-align: left;	
}

p{
	padding: 0 0 10px 0;
}




/*ヘッダー*/

#header{
	width: 800px;/*IE6,7用幅を明示敵に記述*/
	
}


#headlogo{
	height: 74px;
		
}

#headerlogo a{

}



/*グローバルナビエリア*/

ul#navi{
	margin: 0;
	padding: 0;
	height: 95px;
}


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

ul#navi li a{
	
}
	

ul#navi li#home a,
ul#navi li#profile a,
ul#navi li#profile-on a,
ul#navi li#works a,
ul#navi li#works-on a,
ul#navi li#news a,
ul#navi li#newson a,
ul#navi li#contact a,
ul#navi li#contact-on a{
	margin: 0;
	padding: 0;
	display: block;
	width: 95px;
	height: 93px;
	text-indent: -9999px;
}

ul#navi li#home a{
	
	background-image: url(img/navi/gr_navi_home.jpg);
	background-position: 0 0;
	
}

ul#navi li#profile a{
	
	background-image: url(img/navi/gr_navi_profile.jpg);
	background-position: 95px 0;
	
}

ul#navi li#profile-on a{
	background-image: url(img/navi/gr_navi_profile.jpg);
	background-position: 95px -150px;
	
}

ul#navi li#works a{

	background-image: url(img/navi/gr_navi_works.jpg) ;
	background-position: 190px 0;
	}
	
	
ul#navi li#works-on a{

	background-image: url(img/navi/gr_navi_works.jpg) ;
	background-position: 190px -150px;
	}	
	
	
	

ul#navi li#news a{

	background-image: url(img/navi/gr_navi_news.jpg);
	background-position: 2850px 0;
	
}
ul#navi li#contact a{
	
	background-image: url(img/navi/gr_navi_contact.jpg) ;
	background-position: 380px 0;
	
}


ul#navi li#contact-on a{
	
	background-image: url(img/navi/gr_navi_contact.jpg) ;
	background-position: 380px -150px;
	
}



ul#navi li#home a:link,
ul#navi li#profile a:link,
ul#navi li#profile-on a:link,
ul#navi li#works a:link,
ul#navi li#works-on a:link,
ul#navi li#news a:link,
ul#navi li#news-on a:link,
ul#navi li#contact a:link,
ul#navi li#contact-on a:link{
	background-position: 0 0;
}

ul#navi li#home a:hover,
ul#navi li#profile a:hover,
ul#navi li#profile-on a:hover,
ul#navi li#works a:hover,
ul#navi li#works-on a:hover,
ul#navi li#news a:hover,
ul#navi li#news-on a:hover,
ul#navi li#contact a:hover,
ul#navi li#contact-on a:hover{
	background-position: 0 -150px;
}

ul#navi li#home a:active,
ul#navi li#profile a:active,
ul#navi li#profile-on a:active,
ul#navi li#works a:active,
ul#navi li#works-on a:active,
ul#navi li#danbou a:active,
ul#navi li#danbou-on a:active,
ul#navi li#contact a:active,
ul#navi li#contact-on a:active{
	background-position: 0 -150px;
}


/*メインエリア*/

#main dl{
    margin:10px;

}


#main dl dt{
	padding: 5px;
	list-style-type: none;
}

#main dl dd{
	padding: 5px;
	list-style-type: none;
	
}










.link-right{
	float:right;
	margin: 0 0 10px 0px ;
	padding:0 0 0 25px;
	list-style-type: none;
	background: url(img/link-img.gif) no-repeat;
	line-height: 1.8em;
}

.waku{
	background-color:#ffffff;
	width: 200px;
	height:20px;
   	border: 1px solid #663300;

}




/*topメニューエリア*/


#title{
	width:800px;
	height:151px;
	background: url(img/top-bg.jpg) no-repeat;	
}

#title p{
	padding: 20px 0 0 20px;

}

#main-img{
	width:800px;
	height:500px;
	background: url(img/bg.jpg) repeat-y;	
}




#menu{
	
	width: 800px;
	height:300px;
	padding:0 0 0 0;
	float: left;
	text-align: left;
	background: url(img/info-bg.jpg) no-repeat;	
}

#info{
	width: 250px;
	padding:75px 0 0 30px;
	float: left;
	text-align: left;

}

#info ul{
	margin:10px 0 10px 10px;
	
}

#info li{
	padding: 0 0 0 25px ;
	list-style-type: none;
	background: url(img/link-img-top.jpg) no-repeat;
	line-height: 1.8em;
}


#hiyamas{
	width:200px;
	padding-top:30px;
	float: left;


}

#diary p{
	padding:30px 0 0 0;

}
	










/*プロフィールメニュー*/


ul#history{
	margin: 0;
	padding: 0;
	height: 21px;

}


ul#history li{
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}


ul#history li a{
	outline: none;
}

ul#history li#midasi-history a,
ul#history li#history-prize a,
ul#history li#history-prize-on a,
ul#history li#history-event a,
ul#history li#history-event-on a,
ul#history li#history-group a,
ul#history li#history-group-on a,
ul#history li#history-tv a,
ul#history li#history-tv-on a,
ul#history li#history-media a,
ul#history li#history-media-on a{
	margin: 0;
	padding: 0;
	display: block;
	width: 132px;
	height: 21px;
	text-indent: -9999px;
}


ul#history li#midasi-history a{
	
	background-image: url(img/midasi-info-history.gif);
	background-position: 0 0;
	
}

ul#history li#history-prize a{
	
	background-image: url(img/midasi-history-prize.gif);
	background-position: 132px 0;
	
}


ul#history li#history-prize-on a{
	
	background-image: url(img/midasi-history-prize.gif);
	background-position: 132px -20px;
	
}


ul#history li#history-event a{
	
	background-image: url(img/midasi-history-event.gif);
	background-position: 264px 0;
	
}


ul#history li#history-event-on a{
	
	background-image: url(img/midasi-history-event.gif);
	background-position: 264px -20px;
	
}

ul#history li#history-group a{
	
	background-image: url(img/midasi-history-group.gif);
	background-position: 396px 0;
	
}


ul#history li#history-group-on a{
	
	background-image: url(img/midasi-history-group.gif);
	background-position: 396px -20px;
	
}



ul#history li#history-tv a{
	
	background-image: url(img/midasi-history-tv.gif);
	background-position: 528px 0;
	
}


ul#history li#history-tv-on a{
	
	background-image: url(img/midasi-history-tv.gif);
	background-position: 528px -20px;
	
}



ul#history li#history-media a{
	
	background-image: url(img/midasi-history-media.gif);
	background-position: 660px 0;
	
}


ul#history li#history-media-on a{
	
	background-image: url(img/midasi-history-media.gif);
	background-position: 660px -20px;
	
}



ul#history li#midasi-history a:link,
ul#history li#history-prize a:link,
ul#history li#history-prize-on:link a,
ul#history li#history-event a:link,
ul#history li#history-event-on:link a,
ul#history li#history-group a:link,
ul#history li#history-group-on a:link,
ul#history li#history-tv a:link,
ul#history li#history-tv-on a:link,
ul#history li#history-media a:link,
ul#history li#history-media-on a:link{
	background-position: 0 0;
}

ul#history li#midasi-history a:hover,
ul#history li#history-prize a:hover,
ul#history li#history-prize-on a:hover,
ul#history li#history-event a:hover,
ul#history li#history-event-on a:hover,
ul#history li#history-group a:hover,
ul#history li#history-group-on a:hover,
ul#history li#history-tv a:hover,
ul#history li#history-tv-on a:hover,
ul#history li#history-media a:hover,
ul#history li#history-media-on a:hover{
	background-position: 0 -20px;
}


ul#history li#midasi-history a:active,
ul#history li#history-prize a:active,
ul#history li#history-prize-on a:active,
ul#history li#history-event a:active,
ul#history li#history-event-on a:active,
ul#history li#history-group a:active,
ul#history li#history-group-on a:active,
ul#history li#history-tv a:active,
ul#history li#history-tv-on a:active,
ul#history li#history-media a:active,
ul#history li#history-media-on a:active{
	background-position: 0 -20px;
}








/*左サイドエリア*/


#side{
	padding-top:10px;
	width:210px;
	float:left;
}





/*左サイドメニュー*/

ul#side-menu{
	margin:10px 0 10px 0;
	width: 200px;


}

ul#side-menu li{
	margin: 10px 0 10px 0;
	padding: 0;
	list-style-type: none;
}


ul#side-menu li#about-site a,
ul#side-menu li#about-site-on a,
ul#side-menu li#about-event a,
ul#side-menu li#about-event-on a,
ul#side-menu li#about-works a,
ul#side-menu li#about-works-on a{

	display: block;
	width: 201px;
	height: 31px;
	text-indent: -9999px;
}

ul#side-menu li#about-site a{
	background-image: url(img/midasi-info-site.gif);
	background-position: 0 0;
}

ul#side-menu li#about-site-on a{
	background-image: url(img/midasi-info-site.gif);
	background-position: 0 -30px;
}


ul#side-menu li#about-event a{
	background-image: url(img/midasi-info-event.gif);
	background-position: 0 0;
}

ul#side-menu li#about-event-on a{
	background-image: url(img/midasi-info-event.gif);
	background-position: 0 -30px;
}


ul#side-menu li#about-works a{
	background-image: url(img/midasi-info-works.gif);
	background-position: 0 0;
}

ul#side-menu li#about-works-on a{
	background-image: url(img/midasi-info-works.gif);
	background-position: 0 -30px;
}





ul#side-menu li#about-site a:link,
ul#side-menu li#about-site-on a:link,
ul#side-menu li#about-event a:link,
ul#side-menu li#about-event-on a:link,
ul#side-menu li#about-works a:link,
ul#side-menu li#about-works-on a:link,
ul#side-menu li#about-papyrus a:link,
ul#side-menu li#about-papyrus-on a:link{
	background-position: 0 0;
}


ul#side-menu li#about-site a:hover,
ul#side-menu li#about-site-on a:hover,
ul#side-menu li#about-event a:hover,
ul#side-menu li#about-event-on a:hover,
ul#side-menu li#about-works a:hover,
ul#side-menu li#about-works-on a:hover
{
	background-position: 0 -30px;
}

ul#side-menu li#about-site a:active,
ul#side-menu li#about-site-on a:active,
ul#side-menu li#about-event a:active,
ul#side-menu li#about-event-on a:active,
ul#side-menu li#about-works a:active,
ul#side-menu li#about-works-on a:active
{
	background-position: 0 -30px;
}


ul#side-works-menu{
	margin:10px 0 10px 0;
	width: 201px;
	

}

ul#side-works-menu li{
	margin:5px 0 0 0;
	padding: 0;
	list-style-type: none;
}


ul#side-works-menu li#works-danbou a,
ul#side-works-menu li#works-danbou-on a,
ul#side-works-menu li#works-play a,
ul#side-works-menu li#works-play-on a,
ul#side-works-menu li#works-interior a,
ul#side-works-menu li#works-interior-on a,
ul#side-works-menu li#works-art a,
ul#side-works-menu li#works-art-on a,
ul#side-works-menu li#works-accessories a,
ul#side-works-menu li#works-accessories-on a,
ul#side-works-menu li#works-card a,
ul#side-works-menu li#works-card-on a,
ul#side-works-menu li#works-books a,
ul#side-works-menu li#works-books-on a{
	display: block;
	width: 201px;
	height: 81px;
	text-indent: -9999px;
}

ul#side-works-menu li#works-danbou a{
	background-image: url(img/works-danbou.jpg);
	background-position: 0 0;
}

ul#side-works-menu li#works-danbou-on a{
	background-image: url(img/works-danbou.jpg);
	background-position: 0 -81px;
}


ul#side-works-menu li#works-play a{
	background-image: url(img/works-play.jpg);
	background-position: 0 0;
}

ul#side-works-menu li#works-play-on a{
	background-image: url(img/works-play.jpg);
	background-position: 0 -81px;
}


ul#side-works-menu li#works-interior a{
	background-image: url(img/works-interior.jpg);
	background-position: 0 0;
}

ul#side-works-menu li#works-interior-on a{
	background-image: url(img/works-interior.jpg);
	background-position: 0 -81px;
}


ul#side-works-menu li#works-art a{
	background-image: url(img/works-art.jpg);
	background-position: 0 0;
}

ul#side-works-menu li#works-art-on a{
	background-image: url(img/works-art.jpg);
	background-position: 0 -81px;
}


ul#side-works-menu li#works-accessories a{
	background-image: url(img/works-accessories.jpg);
	background-position: 0 0;

}
ul#side-works-menu li#works-accessories-on a{
	background-image: url(img/works-accessories.jpg);
	background-position: 0 -81px;

}


ul#side-works-menu li#works-card a{
	background-image: url(img/works-card.jpg);
	background-position: 0 0;

}
ul#side-works-menu li#works-card-on a{
	background-image: url(img/works-card.jpg);
	background-position: 0 -81px;

}


ul#side-works-menu li#works-books a{
	background-image: url(img/works-books.jpg);
	background-position: 0 0;
}

ul#side-works-menu li#works-books-on a{
	background-image: url(img/works-books.jpg);
	background-position: 0 -81px;
}



ul#side-works-menu li#works-danbou a:link,
ul#side-works-menu li#works-danbou-on a:link,
ul#side-works-menu li#works-play a:link,
ul#side-works-menu li#works-play-on a:link,
ul#side-works-menu li#works-interior a:link,
ul#side-works-menu li#works-interior-on a:link,
ul#side-works-menu li#works-art a:link,
ul#side-works-menu li#works-art a:link,
ul#side-works-menu li#works-accessories a:link,
ul#side-works-menu li#works-accessories-on a:link,
ul#side-works-menu li#works-card a:link,
ul#side-works-menu li#works-card-on a:link,
ul#side-works-menu li#works-books a:link,
ul#side-works-menu li#works-books-on a:link{
	background-position: 0 0;
}


ul#side-works-menu li#works-danbou a:hover,
ul#side-works-menu li#works-danbou-on a:hover,
ul#side-works-menu li#works-play a:hover,
ul#side-works-menu li#works-play-on a:hover,
ul#side-works-menu li#works-interior a:hover,
ul#side-works-menu li#works-interior-on a:hover,
ul#side-works-menu li#works-art a:hover,
ul#side-works-menu li#works-art a:hover,
ul#side-works-menu li#works-accessories a:hover,
ul#side-works-menu li#works-accessories-on a:hover,
ul#side-works-menu li#works-card a:hover,
ul#side-works-menu li#works-card-on a:hover,
ul#side-works-menu li#works-books a:hover,
ul#side-works-menu li#works-books-on a:hover{
	background-position: 0 -81px;
}

ul#side-works-menu li#works-danbou a:active,
ul#side-works-menu li#works-danbou-on a:active,
ul#side-works-menu li#works-play a:active,
ul#side-works-menu li#works-play-on a:active,
ul#side-works-menu li#works-interior a:active,
ul#side-works-menu li#works-interior-on a:active,
ul#side-works-menu li#works-art a:active,
ul#side-works-menu li#works-art a:active,
ul#side-works-menu li#works-accessories a:active,
ul#side-works-menu li#works-accessories-on a:active,
ul#side-works-menu li#works-card a:active,
ul#side-works-menu li#works-card-on a:active,
ul#side-works-menu li#works-books a:active,
ul#side-works-menu li#works-books-on a:active{
	background-position: 0 -81px;
}











#center{
	padding:10px ;
	width:550px;
	float:right;
}

/*ボックス*/

.box-1{
	width:700px;
	padding: 30px 0 20px 0;
	border: none;
	text-align: left;
	}

.box-mess{
	width:700px;
	height:250px;
	background: url(img/bg-message.jpg) no-repeat;
	padding: 100px 0 30px 40px;

}

.box-note{
	width:350px;
	margin:0 0 0 280px;
	}
	
.box-aboutnote{
	width:400px;
	margin:0 0 0 300px;
	}	

.box-sitemap{
	width:350px;
	margin:0 20px 0 0;
	float: left;

}







/*margin/padding*/

.photo-top{
	padding-top:10px;
}
	

.photo-bottom{
	padding-bottom:20px;
}


.photo{
	padding:10px 0 10px 0;
}
	

.photo-fleft{
	padding-right:30px;
	float:left;
}


.bottom{
	margin-bottom:20px;
}

.center{
	text-align: center;	

}

.right{
	padding: 0 20px 0 0;
	float:right;
}



/*テーブル*/


.works-table{
	margin:10px;
	waidth: 480px;
	border-spacing: 8px;
	
}


.works-table tr img-books{
	height: 150px;
	
	
	

}

.works-table tr cap{
	height: 80px;
	
	

}




.works-table td{
	width:150px;
	

}





.history{
	margin: 20px 0 20px 0;
	width: 660px;
	table-layout: fixed;
	border-collapse: collapse;
}

.history td{
	padding:5px;
	border-bottom: dotted 1px #663300; 
	
}



/*top リンク*/


#info a:link{
	color: #663300;
	font-weight: bold;
	text-decoration:none;
}

#info a:visited{
	color: #663300;
	font-weight: bold;
	text-decoration: none;
}


#info a:hover{
	color: #eb563e;
	font-weight: bold;
	text-decoration: underline;
}

#info a:active{
	color: #eb563e;
	font-weight: bold;
	text-decoration: underline;
}








/*リンク*/

a img{
	border-style: none;
}

a:link{
	color: #eb563e;
	text-decoration: underline;
}


a:visited{
	color: #eb563e;
	text-decoration: underline;
}



a:hover{
	text-decoration: none;
	color: #eb563e;
	
}

a:active{
	text-decoration: none;
	color: #eb563e;
	
}









/*フッダー*/

#foot{
	
	font-size: 80%;
	clear: both;
}



ul#footer{
	margin: 0 ;
	padding: 10px;
	
}


ul#footer li{
	margin: 0 ;
	padding: 0;
	display:inline;
	list-style-type: none;
}

#foot p{
	clear: both;
}

#footer a:link{
	color: #663300;
	font-weight: normal;
	text-decoration: none;
}

#footer a:visited{
	color: #663300;
	font-weight: normal;
	text-decoration: none;
}




#footer a:hover{
	color: #eb563e;
	text-decoration: none;
}

#footer a:active{
	color: #eb563e;
	text-decoration: none;
}




/*フォント*/

h1{
	
	}
	
h2{
	font-weight: bold;
	font-size: 110%;
	width:480px;
	height:60px;
	margin: 0 0 0 0;
	padding: 15px 0 0 10px;
	background: url(img/info/title-bg.jpg) no-repeat;
}

	


h3{
	font-weight: bold;
	margin: 0 0 5px 0;
}




/*フロートクリア*/

.clear{
	clear:both;
}