@charset "Shift_JIS";

/*Scroll Gallery============================================================--*/


   /* ================================================ */
   /* CSSによるスクロール式フォトギャラリー*/
   /* 参考ＨＰ ホームページ作成 Note */
   /* http://www7b.biglobe.ne.jp/~homepage-note/index.html*/
   /* http://www7b.biglobe.ne.jp/~homepage-note/css-base-7.html#css-layout-10*/
   /* ================================================ */


#holder	{
	position:relative;

	width: 560px;
	float: left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	background: url(../sozai/wallcloth3.jpg) ;
	z-index: 1;
	float: left;
}

/*小さい写真--*/
#scrollbox	{
	width:110px; 
	height:620px; 
	height:540px; 
	background: url(../sozai/wallcloth3.jpg) ;
	overflow: auto;
	margin: 0 0 20px 465px;
}

a.gallery	{
	display: block; 
	color: #ffffff; 
	text-decoration: none;
	font-size: 14px;
	border: 5px solid #d3d3d3;
	width: 75px;
	height:50px; 
	margin: 0; 
}

a.gallery span	{
	display:block; 
	position:absolute; 
	top:-1px; 
	width:1px; 
	height:1px; 
	overflow:hidden; 
	z-index:100; 
}

a.gallery:hover {
	white-space:normal; 
	border:5px solid #663300;
}

a.gallery:hover img	{
	border:1px solid #999999;
	padding: 7px;
	z-index:100;
}

#thumbs	{
	width:60px; 
        height:800px;
	margin-left:8px;
}

/*大きい写真--*/

a.gallery:hover span{ 
	display:block; 
	position:absolute; 
	width:425px; 
	height:540px;
	left:15px;
	top: 0; 
	padding:3px;
	font-style:normal; 
	color:#000000; 
	text-align:center;
	line-height: 140%;
	font-size:14px;
	margin-top: 3px;
	background: url(../sozai/wallcloth3.jpg) ;
	z-index:100; 
}

div#photo_hajimeni{
	font-size: 0.75em;
	text-align: right;
	background: url(../sozai/wallcloth3.jpg) ;
	margin: -10px 0 0 15px;
	padding-right: 5px;
	width: 568px;
	line-height: 200%;
}

/** Scroll Gallery CSS End ! =====================================**/


/* サイドバー =================================================*/

div#sidebar	{
	width:160px;
	float:right;
}

div#sidebar ul{
	font-size: 0.785em;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0px;   /*ffでレイアウトが崩れるのを防ぐ*/
}

div#sidebar ul li	{list-style-type: none;}

div#sidebar ul li a{
	display: block;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: dashed 1px #c3987a;
	padding-left: 20px;
	background-color: #f5f5dc;;
	background: url(../sozai/wallcloth3.jpg) ;	
}

div#sidebar ul li a:hover{
	background-color: #f5f5dc;
	background: url(../sozai/clo1506.gif) ;
	color: #F5F5DC;
}

div#sidebar ul li a.now, div#sidebar ul li a.now:hover{
	border-left: solid 5px #4d3926;
	border-right: solid 5px #4d3926;
	color: #4d3926;
	padding-left:0;
	text-align: center;
	font-size: 1.2em;
}

div#sidebar ul li p{
	background-color: #f5f5dc;
	color: #663300;
	font-weight: bold;
	text-align: center;
	display: block;
	line-height: 30px;
	margin: 0 15px 0 15px ; 
	padding-left: 5px;
	border-bottom: solid 1px #f0e2d9;
}


/* サイドバー END ===================================================--*/