﻿@charset "utf-8";

*,html{
		margin:0px;
		padding:0px;
		text-align:left;
	}	
	
body{
		background-color:#F1FFD0;
		color:#444444;
		font-size:12px;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		line-height:1.5em;
	}
	
img{
		border-width:0px;
	}

/*--------------ID-------------------------*/	

#header {
		width:800px;
		height:180px;
	}
	
#container{
		width:800px;
	}
	
#navi{
		width:155px;
		float:left;
		text-align:left;
	}
	
#main{
		background-color:#FFFFFF;
		width:635px;
		float:right;
		margin-right:4px;
	}
	
#ds{
		width:830px;
		background-image: url(images/ds.png);
		margin-left:auto;
		margin-right:auto;}


#bg{
		width:800px;
		background-color:#006633;
		background-image: url(images/bg.gif);
		background-repeat: no-repeat;
		margin-left:auto;
		margin-right:auto;
	}

#footer{
		width:800px;
		clear: both;
		}
		
/*-----------ここからTOPの装飾-----------------*/	
#top_header {
		width:800px;
		height:20px;
		background-color:#89C23D;
		color: #FFFFFF;
	}

#top_header h1{
		text-indent:1em;
	}

#top_main{
		width:800px;
		height:345px;
		background-color:#FFFFFF;
	}		
		
#top_navi{
		width:800px;
	}
		
#top_naiyou{
		width:800px;
		background-color:#FFFFFF;
	}
	
.rink{
		width:800px;
		clear:both;
		background-color:#E4FEC2;
		padding-top:10px;
	}

.rink table{
	}
	
.rink td{
		width:160px;
		text-align:center;
		margin:auto;
}

		
.top_left{
		float:left;
		margin-left:10px;
		margin-top:10px;
		margin-right:10px;
		}
		
.top_right{
		float:right;
		padding-left:20px;
		padding-right:30px;
		padding-top:20px;
		width:210px;
		height:340px;
		background-image:url(images/top_2.gif);
		background-repeat: no-repeat;
		line-height:1.5em;
	}
		
.top_1{
		float:right;
		width:530px;
		margin-top:25px;
		margin-right:20px;

		}
	
.top_2{
		padding-left:20px;
		padding-right:30px;
		padding-top:20px;
		float:left;
		width:210px;
		height:340px;
		background-image:url(images/top_01.gif);
		background-repeat: no-repeat;
		line-height:1.5em;
		}
		
.top_3{
		color:#FFFFFF;
	}
	
.top_left img{
		margin-bottom:-10px;
	}

/*-----------ここからナビの装飾-----------------*/	

#navi ul{
		list-style-type:none;
		text-align:left;
		padding:0px;
	}

#navi li{
		display:inline;
		margin-left:3px;
	}
	
/*-----------ここからコンテンツの装飾-----------------*/	

.st{/*サブタイトル*/
		width:636px;
		padding-top:30px;
		padding-bottom:30px;
	}
	
.naiyou{
		width:636px;
		padding-top:30px;
		padding-bottom:30px;
		}
		
/*-----------ここからそれぞれのページ内容(背景写真)の設定-----------------*/		

.naiyou2{
		width:635px;
		padding-top:30px;
		padding-bottom:30px;
		background-image:url(images/h_2.jpg);
		background-repeat:no-repeat;
		background-position: bottom;
		}
		
.naiyou3{
		width:635px;
		padding-top:30px;
		padding-bottom:130px;
		background-image:url(images/h_3.jpg);
		background-repeat:no-repeat;
		background-position: bottom;
		}
		
.naiyou6{
		width:635px;
		padding-top:30px;
		padding-bottom:130px;
		background-image:url(images/h_6.jpg);
		background-repeat:no-repeat;
		background-position: bottom;
		}
/*-----------------------------------------------------------------------------*/	
h1{
		font-size:12px;
	}

p,h2{
		text-align:center;
		margin-bottom:1em;
	}

h3{
		padding-left:50px;
		padding-bottom:10px;
	}

		
h4,h6{
		text-align:center;
		padding-top:30px;
		padding-bottom:30px;
		clear:both;
	}
	
h5{
		text-align:center;
		font-size:14px;
	}
	
/*--------------手順のナンバー-------------------*/	
.li_no1{
		list-style-type:none;
		padding-left:2em;
		background-image:url(images/no_1.gif);
		background-repeat:no-repeat;
		background-position:left 0.2em;
		margin-bottom:1em;
	}
	
.li_no2{
		list-style-type:none;
		background:url(images/no_2.gif) left top no-repeat;
		padding-left:2em;
		background-repeat:no-repeat;
		background-position:left 0.2em;
		margin-bottom:1em;

	}	
	
.li_no3{
		list-style-type:none;
		background:url(images/no_3.gif) left top no-repeat;
		padding-left:2em;
		background-repeat:no-repeat;
		background-position:left 0.2em;
		margin-bottom:1em;

	}
	

/*-----------------------------------------------------------------------------*/		

.left{
		float:left;
		}

.left2{
		float:left;
		margin-right:30px;
		margin-left:10px;
		margin-top:10px;
		}

.left3{
		float:left;
		margin-right:70px;
		margin-left:10px;
		}

.p_left{
		text-align:left;
		}

.tomomi{
		margin:1em;
		padding-bottom:2em;
		}
		
		
.br li{
	text-align:right;
	margin-right:30px;
	padding:5px;
	font-weight:bold;
	float:right;
	list-style-type:none;
	
}

/*----------------TOPへ戻る等のバーの装飾-------------------------*/	

.br a{
		text-decoration:none;
		}
		
.br a:link{
		color:#006633;
		}
		
.br a:visited{
		color:#006633;
		}
		
.br a:hover{
		color:#FFFFFF;
		}



.br{
		height:30px;
		width:635px;
		background-image:url(images/br.jpg);
		background-repeat:no-repeat;
		clear:both;
}


	
/*-------------マップの配置------------------*/			
	
.left_map{
		float:left;
		width:160px;
		margin-left:20px;
		padding-left:5px;
		}

.right_map{
		float:right;
		margin-right:40px;
		padding-bottom:2em;
		}
		
.map2{
		position:absolute;
		width:589px;
		height:590px;
		left:50%;
		top:50%;
		margin-left:-295px;
		margin-top:-295px;
	}

/*-----------------------------------------------------------------------------*/			
		
.foot{
		color:#FFFFFF;
		padding-top:30px;
		padding-bottom:30px;
		}

.center500{
		width:500px;
		margin:auto;
		}
		
.center500_bottm{/*背景画像ありのページの一番下*/
		width:500px;
		margin:auto;
		padding-bottom:250px;
		}
		
.center400_bottm{/*背景画像ありのページの一番下*/
		width:400px;
		margin:auto;
		padding-bottom:250px;
}


.center450_bottm{/*背景画像ありのページの一番下*/
		width:450px;
		margin:auto;
		padding-bottom:250px;
}

	
.center500_bottm ul{
		margin:50px;
}

.center500_bottm table{
		margin-left:60px;
}

			
.center400{
		width:400px;
		margin:auto;
		}
		
.center400 table{
		margin:auto;
}
		
.center450{
		width:450px;
		margin:auto;
		}

.center350{
		width:350px;
		margin:auto;
		}

.center300{
		width:300px;
		margin:auto;
		}

dt{
		padding-bottom:1em;
		padding-top:1em;
		font-weight:bold;
		color:#005500;
	}


.f{
		float:right;
	}


/*-----------------------------------------------------------------------------*/			
.qa{
		width:450px;
		margin:auto;
		margin-top:30px;
		margin-bottom:30px;
		padding:20px;
		padding-left:50px;
		background-image:url(images/im4_1.jpg);
		background-repeat:no-repeat;
	}

.qa p{
text-align:left;
	}

.qa2{
margin-top:20px;
}

.modoru{
		margin-right:50px;
		margin-top:50px;
		padding-bottom:50px;
	}

.modoru p{
		text-align:right;
		font-size:14px;
}


.right2{
		text-align:right;
		margin-right:30px;
		color:#FF0000;
}

.p1{
		text-align:right;
		margin-right:1em;
}

.red{
		color:#FF0000;
}


