*{		margin : 0;
		padding : 0; }


body{	width : 100%;
		font-family: Verdana,sans-serif,�l�r �S�V�b�N ;
		background-color: #fff;
		font-size: 0.75em;
		color: #222;
		line-height: 1.8em;
		text-align: center; }

a{
		color: #060; text-decoration: underline; cursor: pointer; outline: 0; }

a:visited{
		color: #690; }

a:hover{
		text-decoration: none; }

a:active{
		color: #699; }

img{
		border: none; }



/* ---Layout------------------------------------------------------ */



.center{
		width: 950px;
		margin: 0 auto;
		text-align: left; }


#header{
		text-align: left;
		margin: 0 0 10px 0;
		padding: 0px;
		height: 135px;
		background-color: #fff;
		border-top: solid #6a9a21 5px; }


#underhead{
		margin: 0 0 15px 0; }


#left{
		float: left;
		width: 215px;
		margin: 3px 15px 15px 0;
		padding: 8px 0 12px 12px;
		background: #f0f3ed;
		border: dashed 1px #960; }
		
#right{
		width: 705px;
		float: left;
		background-color: #fff; }

#footer {
		width: 100%;
		height: 120px;
		clear: both;
		margin: 35px 0 0 0; }

.right10{
		margin: 0 10px 0 0; }

.left5{
		margin: 0 0 0 5px; }

.top10{
		margin: 10px 0 0 0; }

.topimg{
		margin: 0 0 15px 0; }
		
.bottom30{
		margin: 0 0 30px 20px; }		
		
.top-bottom30{
		margin: 30px 0 30px 20px; }


/* ---Header------------------------------------------------------- */

		

#header h1,
#header h2{
		color: #136926;
		font-size: 1em;
		font-weight: normal;
		padding: 5px 0 0 2px; }


/* ---underhead--------------------------------------------------------- */


#underhead ul{  
		list-style: none;  
		margin: 0;  
		padding: 0;
		height: 45px; }
		 
#underhead li{
		float: left;  
		width: 190px;
		margin: 0 0 0px 0; }

#underhead a{ 
		display:block;  
		width: 100%; }
	 
		
/* ---Navi--------------------------------------------------------- */



#navi li{
		margin: 20px 0 0 3px ;
		font-size: 1em;
		width: 180px;
		padding: 8px 0 8px 17px;
		background: url("images/mark1.gif") 3px 11px no-repeat;
		list-style: none;
		border-bottom: dotted 1px #aaa;
		line-height: 130%; }

.twitter{
		margin: 0 0 15px 22px; }

.twitter-contents{
		margin: 0 0 20px 2px; }

.tree{
		width: 168px;
		height: 60px;
		border: solid 1px #ccc;
		margin: 35px 0 15px 1px;
		padding: 15px;
		background-color: #fff; }

.niji{
		margin: 10px 0 15px 2px; }
		
.fb-like-box{
	width: 198px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	background-color: #fff;
	
}

#snsbutton {
	width:auto;
	margin: 20px 0 30px 30px;
}

#snsbutton ul li{
	float: left;
	width: auto;
	line-height:normal;
	margin-left:10px;
	list-style:none;
	
}
		
.css{
		margin: 10px 0 0 60px; }
		

.haruka-photo{
		margin: 0 0 0 3px;
		border: solid 1px #ccc; }


.haruka{
		width:175px; 
		margin: 0 0 50px 3px;
		border: solid 1px #ccc;
		background: #fff;
		padding: 10px; }
		
			



		
/* ---Right--------------------------------------------------------- */



#right h2{
		color: #555;
		font-size: 1em;
		font-weight: bold;
		padding: 15px 0 15px 15px;
		height: 24px;
		background: url("images/mark6.gif") no-repeat 0px 13px;
		margin-bottom: 0; }


#right h3{
		font-size: 1em;
		font-weight: bold;
		padding: 0 0 0 39px;
		height: 22px;
		background: url("images/mark3.gif") no-repeat 25px 6px;
		margin-bottom: 0; }




/* ---contents----------------------------------------------------- */

.box{
		width: 685px;
		background-color: #fff;
		border: dotted 1px #472111;
		padding: 8px 10px 8px 10px;
		margin: 3px 0px 15px 0px; }


.newsbox{
		border: dotted 1px #472111; }

.contents{
		margin: 30px 0 40px 0; }

.contents p{
		font-size: 1em;
		margin: 0 0 30px 40px; }

.up{
		padding: 10px 0 0 655px; }

.red{
		color: #f00; }		

.orange{
		color: #e60; }

.blue{
		color: #06c; }
		
.green{
		color: #390; }


.img-r{
		float: right;
		margin: 3px 5px 15px 10px;
		border: solid 1px #ccc; }

.img-l{
		float: left;
		margin: 3px 15px 15px 0px;
		border: solid 1px #ccc; }

.img-r0{
		float: right;
		margin: 3px 5px 15px 10px;
		border: none; }

.img-l0{
		float: left;
		margin: 3px 15px 15px 0px;
		border: none; }

.imagebox{
		float: right; }		

.imagebox img{
		margin: 3px 5px 15px 10px; }

.blue-s{
		color: #369; }

.border{
		border: solid 1px #ccc; }

.noborder{
		border: none; }
				
				
/* ---act----------------------------------------------------- */


.act{
		margin: 20px 0 0 40px; }

.act td{
		padding: 15px 15px 15px 0; }

.b15{
		border-bottom: solid #ddd 10px;�@}



/* ---shoplist----------------------------------------------------- */



.shoplist{
		margin: 20px 0 0 40px; }

.name{
		font-weight: bold;
		color: #369; }

.u30{
		padding: 30px 0 0 0; }


.sp30{
		padding: 30px 0 0 0; }
		
.p30{
		padding: 30px 0 0 0; }

.b30{
		border-bottom: solid #ddd 10px;
		padding: 30px 0 30px 0; }

.dotted30{
		border-bottom: dotted #ddd 5px;
		padding: 30px 0 30px 0; }

.dotted0{
		border-bottom: dotted #ddd 5px;
		padding: 0px 0 30px 0; }


.shoplist-box{
		border: dotted 1px #472111;
		padding: 8px 10px 8px 10px;
		margin: 20px 0 40px 40px;}


/* ---supporters--------------------------------------------------- */



#supporters ul{
		margin: 0 0 0 40px; }

#supporters li{
		font-size: 1em;
		width: 650px;
		padding: 20px 0 7px 0;
		list-style: none;
		border-bottom: solid 1px #6a9a21;
		line-height: 180%; }

.sign{
		text-align:right;
		font-weight: bold;
		padding: 10px 0 0 0; }


/* ---arealist----------------------------------------------------- */


.area{
		font-weight: bold;
		padding: 10px 0 0 0; }


/* ---List----------------------------------------------------- */


#list ul{
		margin: 0 0 0 28px; }

#list li{
		font-size: 1em;
		width: 630px;
		padding: 5px 0 5px 13px;
		background: url("images/mark1.gif") 0px 7px no-repeat;
		list-style: none;
		line-height: 130%;
		text-align:left; }


/* ---Top-images----------------------------------------------------- */


.top-images{
		margin: 0 0 20px 0; }

.top-images img{
		margin: 0 0 7px 7px;
		border: solid 1px #fc0; }




/* ---Footer--------------------------------------------------------- */

#footer{
		padding: 30px 0 20px 0px;
		border-top: dashed 1px #960;
		background-color: #f0f3ed; } 


/* ---Slideshow------------------------------------------------------ */


#slideshow {
    position:relative;
    height:400px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}