body {

}
img {
	width:100%;
	height:auto;
}
/* ============================== diary ======================== */
#diary{
	background:url(images/bg.php);
	background-attachment:fixed;
}
#d_head {
	position:fixed;
	top:20px;
	left:10%;

			
	background:url(images/bg_head.php) rgba(135, 135, 135, 0.3);
	float:left;

	 -webkit-border-radius:15px; 
	 border-radius:15px; 
	 -moz-border-radius:15px;

	 padding-right:5%;
	 padding-left:2%;
	 padding-top:2.5%;
	 padding-bottom:1.5%;
	 z-index:4;
}
#d_head p{
	font-family:arial;
	font-size:2em;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
}
#d_navi {
	position:fixed;
	top:8%;
	left:35%;
		background:url(images/bg_navi.php) rgba(183, 183, 183, 0.3);
	float:left;

	 -webkit-border-radius:15px; 
	 border-radius:15px; 
	 -moz-border-radius:15px;

		 padding-right:8%;
	 padding-left:5%;
	 padding-top:2%;
	 padding-bottom:1%;
	 width:auto;
	 z-index:5;
}
#d_sub_navi {
	position:fixed;
	top:122px;
	left:6%;
		background:url(images/bg_sub_navi.php) rgba(173, 173, 173, 0.3);
	float:left;
	 -webkit-border-radius:15px; 
	 border-radius:15px; 
	 -moz-border-radius:15px;
	 	 padding-right:2%;
	 padding-left:2%;
	 padding-top:1%;
	 padding-bottom:1%;	 
	 z-index:4;
}
#d_navi .navi{
	color:#ffffff;
	font-weight:bold;
	margin:0px;
	margin-right:3%;
}
#d_navi .navi_active{
	color:#ffffff;
	font-weight:bold;
	margin:0px;
	margin-right:3%;
	text-decoration:underline;
}
#d_navi a{
	font-family:arial;
	text-decoration:none;
	margin:0px;
	color:#ffffff;
}
#d_sub_navi a{
	font-family:arial;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	font-size:0.9em;
}
#d_content{
	position:absolute;
	width:40%;
	top:90px;
	left:15%;
	padding-top:2%;
	z-index:2;
}
#d_content_block{
	width:100%;
	padding-top:2%;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:2%;
	margin-bottom:2%;
	
	background:url(images/bg_content.php) rgba(254, 254, 254, 0.6);

	float:left;
	 -webkit-border-radius:15px; 
	 border-radius:15px; 
	 -moz-border-radius:15px;
	 z-index:1;
	font-family:arial;
	font-size:0.8em;
}
#d_content p{
	font-family:arial;
	font-size:1em;
	/*
	background:rgba(254, 254, 254, 0.5);
	*/
}
#d_twitter{
	position:fixed;
	right:10px;
	bottom:11px;
	width:250px;
	padding-top:2%;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:2%;
	float:left;
	 -webkit-border-radius:15px; 
	 border-radius:15px; 
	 -moz-border-radius:15px;
	background:url(images/bg_content.php) rgba(254, 254, 254, 0.6);
	 
	 z-index:1;
}
.head{
	font-family:arial;
	font-weight:bold;
}
/* ==============================  av ========================== */
#bg {
	position:fixed;
	top:0px;
	left:0px; 
	width:100%;
	height:100%;
}
#all {
	position:absolute;
	width:98%;
	height:98%;
	top:1%;
	left:1%;
		/*
	background:rgba(220, 220, 220, 0.4);
	*/
	float:left;
	z-index:1;
}
#all1 {
	position:absolute;
	width:96%;
	height:96%;
	top:2%;
	left:2%;
		/*
	background:rgba(231, 231, 231, 0.4);
	*/
	float:left;
	z-index:2;
}
#all2 {
	position:absolute;
	width:94%;
	height:94%;
	top:3%;
	left:3%;
		/*
	background:rgba(231, 231, 231, 0.4);
	*/
	float:left;
	z-index:3;
}
#all3 {
	position:absolute;
	width:92%;
	height:92%;
	top:4%;
	left:4%;
	float:left;
	background:rgba(50,50,50, 1);
	z-index:4;
}
#content_audio{
	position:absolute;
	width:92%;
	height:92%;
	top:4%;
	left:4%;
	overflow:auto;
	z-index:5;
}
.av_hanayo{
	font-size:3.5em;
	font-family:arial;
	font-weight:bold;
	margin-top:4%;
	line-height:0.7em;
	color:#d6a3a8;
}
#av_navi{
	position:absolute;
	top:0%;
	left:0%;
	height:10%;
	padding-top:0%;
	z-index:7;
}
.av_navi{
	font-family:verdana;
	text-decoration:none;
	padding-right:3%;
	font-size:1.5em;
	margin:0px;
}
.av_navi_active{
	font-family:verdana;
	text-decoration:underline;
	padding-right:3%;
	font-size:1.5em;
}
/*
iframe {
	width:100%;
	height:380px ! important;
}
*/
#sub_navi {
	position:fixed;
	top:85px;
	left:100px;
	height:60px;
	width:180px;
	background:-moz-linear-gradient(bottom,#888888,#425f1d); /* Firefox */
	background:-webkit-gradient(linear,left top,left bottom,from(#425f1d),to(#888888)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888',endColorstr='#425f1d'); /* Internet Explorer */
	float:left;
	 z-index:4;
}
#av_navi .navi{
	color:#425f1d;
	font-weight:bold;
	margin:0px;
	margin-right:3%;
}
#av_navi .navi_active{
	color:#425f1d;
	font-weight:bold;
	margin:0px;
	margin-right:3%;
	text-decoration:underline;
}
#av_navi a{
	font-family:arial;
	text-decoration:none;
	margin:0px;
	color:#425f1d;
}
.head{
	font-family:arial;
	font-weight:bold;
}
.img{
	width:100% !important;
}
#clip{
	float:left;
	margin-top:50px;
	width:20%;
	padding:2%;
}
#clip p{
	font-family:arial;
	color:#d3d3d3;
}
/* ==============================  photo ======================= */

#p_navi {
	position:fixed;
	top:1%;
	left:1%;
		width:50% !important;
	float:left;
	 width:auto;
	 z-index:5;
}
#p_sub_navi {
	position:fixed;
	top:121px;
	left:7%;
		background:url(images/bg_sub_navi.php) rgba(196, 196, 196, 0.3);
	float:left;
	 -webkit-border-radius:15px; 
	 border-radius:15px; 
	 -moz-border-radius:15px;
	  
	 z-index:4;
}
#p_navi .navi{
	color:#000000;
	font-weight:bold;
	margin:0px;
	margin-right:3%;
}
#p_navi .navi_active{
	color:#000000;
	font-weight:bold;
	margin:0px;
	margin-right:3%;
	text-decoration:underline;
}
#p_navi a{
	font-family:arial;
	text-decoration:none;
	margin:0px;
	color:#000000;
	margin:0px;
}
#p_sub_navi a{
	font-family:arial;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	font-size:0.9em;
}
.gallery{
	display:none;
}
.transparent{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
/* ==============================  exhibition ======================= */
#e_header{
	position:fixed;
	top:0px;
	left:50%;
	margin-left:-340px;
	width:680px;
	height:40px;
	text-align:center;
	padding-top:10px;
	z-index:103;
}
#e_navi{
	position:fixed;
	top:38px;
	left:50%;
	margin-left:-340px;
	width:680px;
	height:30px;
	text-align:center;
	padding-top:10px;
	z-index:101;
}
#e_exhibit{
	position:fixed;
	top:65px;
	left:50%;
	margin-left:-340px;
	width:680px;
	height:35px;
	text-align:center;
	z-index:102;
}
#e_navi a{
	color:#000000;
	font-family:arial;
	text-decoration:none;
}
.e_navi{
	margin:0px;
	margin-right:3%;
}
.e_navi_active{
	margin:0px;
	margin-right:3%;
	text-decoration:underline!important;
}
#e_solo{
	position:absolute;
	top:67px;
	left:10px;
	width:400px;
	padding-left:10px;
	font-family:arial;
	padding-bottom:50px;
	
}
#e_group{
	position:absolute;
	top:67px;
	right:10px;
	width:400px;
	padding-right:10px;
	text-align:right;
	font-family:arial;
	padding-bottom:50px;
}
#e_solo a, #e_group a{
	color:#000000;
	text-decoration:none;
	font-size:0.8em;
}
#e_info{
	position:absolute;
	top:125px;
	left:50%;
	margin-left:-273px;
	padding-left:70px;
	padding-right:70px;
	width:407px;
	z-index:100;
	background-color:#d6a3a8;
	background-color:#ffffff;
}
#e_info p{
	font-family:arial;
	font-size:0.8em;
	margin-top:0px;
	margin-left:1%;
	margin-right:1%;
}
.e_header {
	text-decoration:underline;
}
.e_subnavi_active{
	text-decoration:underline ! important;
}
#e_bg {
	position:fixed;
	top:0px;
	left:0px; 
	width:100%;
	height:100%;
	background-color:#d6a3a8;
	background-color:#ffffff;
}
#e_pic{
	padding-bottom:50px;
}

/* contact */
#c_navi{
 	position:absolute;
 	top:5%;
 	left:5.5%;
 	text-align:right;
	background-color:#ffffff;
	padding:2%;
}
#c_navi a{
	font-size:0.8em;
	color:#000000;
	font-family:courier;
	text-decoration:none;
}
.c_navi{
	margin:0px;
	margin-right:3%;
}
.c_navi_active{
	margin:0px;
	margin-right:3%;
	text-decoration:underline!important;
}
#c_bg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#c_header{
	position:absolute;
	top:10%;
	left:1%;
}
#c_header p{
	font-family:courier;
	font-size:2em;
	font-weight:bold;
	margin:0px;
}
#c_content{
	position:absolute;
	top:5%;
	left:15%;
	padding:2%;
	background-color:#ffffff;
}
#c_content p{
	font-family:courier;
	font-size:0.8em;
	margin:0px;
}
#t_header{
	position:absolute;
	top:60px;
	left:10px;
}
#t_header pre{
	margin:0px;
}
#t_navi{
	position:absolute;
	top:20px;
	left:10px;	
}
#t_navi a{
	font-size:0.8em;
	color:#00ff00;
	font-family:courier;
	text-decoration:none;
}
.t_navi{
	margin:0px;
	margin-right:3%;
}
.t_navi_active{
	margin:0px;
	margin-right:3%;
	text-decoration:underline!important;
}
#t_content{
	position:absolute;
	top:50px;
	left:515px;
}
#t_content a{
	font-size:0.8em;
	color:#00ff00;
	font-family:courier;
	text-decoration:none;
}