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

/*フォトアルバム用*/
/**base.cssを補正する*/


#header{
	background-color:#B4CBDA;
	text-align:center;
	padding:5px;
}
#header h1 {
	display:block;
	background-image:none;
	background-color:inherit;
}
#header p{
	margin:0;
}
#footer{
	background-color:#B4CBDA;
	background-image:none;
	text-align:center;
	padding-top:10px;
}

#contents{
	background-image:none;
}
h2{
	background-color:#D5D5D5;
	background-image:url(../album/h2_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#000000;
	display:block;
	margin:0;
	padding:10px 5px;
	text-align:center;
	font-size:110%;
}

/*アルバム・エリア*/
#album{
	width:900px;
	height:510px;
}

/*ページ番号につき、固定サイズ*/
#album h3{
	font-size:15px;
}

/*	Horizontal Accordion	*/
.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height:60px;
	width: 30px;
	background-color:#6F2FB0;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-align:center;
	background-image:url(../album/page_t.gif);
	background-position:center 400px;
	background-repeat:no-repeat;
	padding-top:450px;
}
		
.horizontal_accordion_toggle_active {
	background-color:#3C5CDE;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	
	background-image:url(../album/page_a.gif);
	background-position:center 400px;
	background-repeat:no-repeat;
}


.horizontal_accordion_content {
	/* REQUIRED */
	height: 510px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
			
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}
.horizontal_accordion_content p{
	width:auto;
	padding:0;
	margin:0;
	height:500px;
}
/*横向き*/		
img.yoko{
	float:left;
	width:130px;
	height:86px;
	margin:27px 3px;
	padding-bottom:13px;
	padding-left:6px;
	padding-right:12px;
	padding-top:6px;
	background-image:url(../album/pbg0.gif);
	background-repeat:no-repeat;	

}
/*縦向き*/		
img.tate{
	float:left;
	width:86px;
	height:130px;
	margin:5px 27px;
	padding-top:6px;
	padding-bottom:13px;
	padding-left:6px;
	padding-right:8px;
	background-image:url(../album/pbg1.gif);
	background-repeat:no-repeat;	

}