@charset "utf-8";
/**********	page layout	**********/
body {
	background-color: white;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-x;
	margin:0;
	font-size:small;
	line-height:150%;
}
#container{
	width:832px;
	margin:0 auto;
	background-image:url(../images/bg_v_gra.gif);
	background-repeat: repeat-x;
	background-color: white;	
}
#container-inner{
	background-image: url(../images/bg_h.png);
	_background-image: url(../images/bg_h_v.gif);
	background-repeat: repeat-y;
}
#header{
	width:804px;
	margin:0 auto;
}
#footer{
	width:798px;
	height:70px;
	margin:0 auto;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	text-align:right;
}
#footer span{
	display:block;
	font-size:13px;
	color:white;
	padding-top:22px;
	text-align:center;
}
.footer-contact{
	margin-left:12px;
}
#contents{
	width:804px;
	margin:0 auto;
}
/**********	anchor	**********/
a:link {
	color:#660000;
}
a:visited {
	color: #996666;
}
a:hover {
	color:#CC6666;
}
a:active {

}


/**********	navi	**********/
#navi{
	width:190px;
	float:left;
}
#navi ul{
	padding:0;
	margin:0;
	margin-bottom:18px;
}
#navi li{
	display:inline;
}
#navi .navi-about,#navi .navi-kdai,#navi .navi-saiten{
	padding:0;
	margin:0;
	background-repeat: no-repeat;
}

#navi .navi-about{
	background-color:#663399;
	background-image: url(../images/bg_navi_about.gif);	
	height:97px;	
}
#navi .navi-kdai{
	background-color:#990033;
	background-image: url(../images/bg_navi_kdai.gif);	
	height:161px;	
}
#navi .navi-saiten{
	background-color:#663399;
	background-image: url(../images/bg_navi_saiten.gif);	
	height:97px;	
}

#navi .navi-about li{
	
}
#navi .navi-about a , #navi .navi-kdai a, #navi .navi-saiten a{
	font-size:13px;
	text-decoration:none;
	display:block;
	width:140px;
	height:25px;
	color:white;
	padding-left:50px;
	padding-top:7px;
	
}

#navi .navi-about a:link,#navi .navi-kdai a:link ,#navi .navi-saiten a:link{
	background-image:url(../images/spacer.gif);
}
#navi .navi-about a:visited,#navi .navi-kdai a:visited,#navi .navi-saiten a:visited {
	background-image: url(../images/spacer.gif); 
}
#navi .navi-about a:hover {
	 background-image:url(../images/bg_navi_hover-trans.png);
	 _background-image:url(../images/navi_hover_about.gif); 
}
#navi .navi-kdai a:hover {
	 background-image:url(../images/bg_navi_hover-trans.png);
	 _background-image:url(../images/navi_hover_kdai.gif); 
}
#navi .navi-saiten a:hover {
	 background-image:url(../images/bg_navi_hover-trans.png);
	 _background-image:url(../images/navi_hover_saiten.gif); 
}

#navi .navi-about a:active,#navi .navi-kdai a:active ,#navi .navi-active a:active{
	background-image:url(../images/spacer.gif);
}

#navi .navi-about a.current:link, #navi .navi-about a.current:visited{
	 background-image:url(../images/bg_navi_hover-trans.png);
	 _background-image:url(../images/navi_hover_about.gif); 
}
#navi .navi-kdai a.current:link,#navi .navi-kdai a.current:visited{
	 background-image:url(../images/bg_navi_hover-trans.png);
	 _background-image:url(../images/navi_hover_kdai.gif);
}
#navi .navi-saiten a.current:link, #navi .navi-saiten a.current:visited{
	 background-image:url(../images/bg_navi_hover-trans.png);
	 _background-image:url(../images/navi_hover_saiten.gif); 
}

#navi li{list-style:none}

#navi .banner{
	margin-bottom:7px;
}
#navi .navi-kanren{
	font-size:13px;
	background-image: url(../images/bg_navi_local.gif);
	background-repeat: repeat-y;
	padding-left:22px;
	margin-bottom:10px;
	line-height: 150%;
}

/**********	contents	**********/

#contents-block{
	width:600px;
	float:left;
	margin-left:10px;
	background-color:white;
}
h1{
	margin:4px 0 0 0;
	width:600px;
	height:200px;
	background-repeat: no-repeat;		
}
h1#about{
	background-image: url(../images/bg_h1_about.jpg);
}
h1#kdai{
	background-image: url(../images/bg_h1_kdai.jpg);
}
h1#saiten{
	background-image: url(../images/bg_h1_saiten.jpg);
}

h1#sakura{
	background-image: url(../images/bg_h1_sakura.jpg);
}

h1#kanren{
	background-image: url(../images/bg_h1_kanren.jpg);
}
h1#access{
	background-image: url(../images/bg_h1_access.jpg);
}
h1#contact{
	background-image: url(../images/bg_h1_contact.jpg);
}
h1#album{
	background-image: url(../images/bg_h1_album.jpg);
}
h1#info{
	background-image: url(../images/bg_h1_info.jpg);
}
h1 img{
	margin-top:151px;
}
.text-block{
	width:542px;
	margin:0 auto;
}
.text-block p{
	margin-top:0;
	font-size:small;
	line-height:150%;
}
.text-block li{
	font-size:small;
	line-height:150%;
}

.btn-block{
	width:542px;
	margin:0 auto;
}
.btn-block img {
	margin-top: 0px;
	margin-bottom: 5px;
}

h2{
	margin:1em 0 2em 0;
}
h3{
	border:solid 1px #CCC;
	background-color:#FAFAFA;
	font-size:small;
	padding:6px;
	padding-bottom:5px;
	margin:3em 0;
}
h4{
	font-size:small;
	margin:0;
	margin-bottom:0.5em;
}
.photo{
	padding:4px;
	border:solid 1px #CCC;
	margin-left:0.5em;
}
.pagetop{
	text-align:right;
	margin-bottom:-2em;
}
.shamusho{
	width:16em;
	float:right;
}
.shamusho span{
	font-weight:bold;
}

/* 753style-----------------------------*/

.style753 {
	padding:10px 5px 5px 5px;
	margin-bottom:20px;
	background:#ffcc66;
}

.style753 h3 {
	background:#FFFFCC;
}

/* 画像などの簡単な位置制御 r=右 l=左
---------------------------------------------------------------*/
.i-r {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	color:#663333;
	font-size:0.9em;
	font-weight:600;
	text-align:center;
}

.i-l {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	color:#663333;
	font-size:0.9em;
	font-weight:600;
	text-align:center;
}



.blockend {
	clear:both;
}