@charset"Shift_JIS";

/*ブラウザスタイル初期化*/

body,form,fieldset{
	margin: 0;
	padding:0;
}

fieldset{
	border:none;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,ded{
	margin: 0;
	padding: 0;
}

blockquote,li,dt,dd{
	margin-left:1em;
}

li{
	list-style:none;
}

input,textarea{
	font-size:1em;
}

/*ブラウザスタイル初期化終了*/

body{
   width: 780px;
	height: 480px;
	margin:30px 10px 10px 10px;
}

#boxleft{
	float: left;
	background: url(img/bg_kuniko0.jpg) no-repeat;
	background-position:165px 28px;

}

#header{
	width: 700px;
	height: 100px;
	background: url(img/bg_top.gif) no-repeat;	
}

#header img{
	margin-top:10px;
	margin-left:10px;
	border: none;
}

#main{
	width: 700px;
	background: url(img/bg_middle.gif) repeat-y;
}

/*更新情報*/

#aisatu{
   width: 400px;
}

#aisatu p{
	margin:20px 30px 20px 50px;
}

#welcom1{
	height:38px;
	width: 369px;
	background-image: url(img/aisatu_1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#welcom2{
	height:48px;
	width: 369px;
	background-image: url(img/aisatu_2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#welcom3{
	position: relative;
	top: -9px;
	height:48px;
	width: 369px;
	background-image: url(img/aisatu_3.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	
}

#news{
	margin:0 0 0 10px;
	top: 20px; 
}

#news h1{
	width: 400px;
	height: 25px;
	text-indent: -9999px;
	font-size:0;
	background:url(img/bg_news_midashi.gif) no-repeat;

}

#news ul{
	width: 400px;
	height: 95px;
	background: url(img/bg_news_li.gif) no-repeat;
}

#news li{
	font-size: 14px;
	list-style: disc;
	margin-left: 40px;
}

#content{
	width: 400px;	
	margin-left: 37px;
	line-height: 13pt;

}

#content p{
	font-size: 10pt;
	margin: 20px;
}
#content h1{
	font-size: 15pt;
	border-bottom: solid;
	border-bottom-color: #BD0000;
	border-bottom-width: 5px;
	margin:10px 10px 30px 0px;
}

#content h2{
	font-size: 13pt;
	border-left: solid;
	border-left-color: #BD0000;
	border-left-width: 10px;
	margin-left:20px;

}

#content ul{
	margin-left:5px;
	margin-bottom:25px; 
}
#content li{
	font-size: 10pt;
	list-style: disc;
	margin: 3px;
}

/*想い*/

#kuniko_omoi{
	position: absolute;
	top:750px;
	left: 460px;
}

#kuniko_takuma{
	position: absolute;
	top:1000px;
	left: 470px;
}

/*自己紹介*/

.time{
	font-weight: bold;
}

/*つながり*/

#link_height{
	height: 270px;
}

/*活動紹介*/

#act_height{
	height:337px;
}

#act_gs{
	width: 223px;
	height: 148px;
	background-image: url(img/bg_activity_gs.gif);
	background-repeat: no-repeat;
	color: White;
	position: absolute;
	top: 115px;
	left: 20px;

}

#act_gs h1{
	font-size:20px;
	margin:10px 0 0 10px;
}

#act_gs p{
	font-size:12px;
	width: 113px;
	margin: 10px;
}

#act_hana{
	width: 223px;
	height: 148px;
	background-image: url(img/bg_activity_hana.gif);	
	background-repeat: no-repeat;
	color: White;
	position: absolute;
	top: 115px;
	left: 250px;
}

#act_hana p{
	font-size:12px;
	width: 113px;
	margin: 10px;
}

#act_hana h1{
	font-size:20px;
	margin:10px 0 0 10px;
}

#act_gion{
	width: 223px;
	height: 148px;
	background-image: url(img/bg_activity_gion.gif);	
	background-repeat: no-repeat;
	color: White;
	position: absolute;
	top: 115px;
	left: 250px;
}

#act_gion h1{
	font-size:20px;
	margin:10px 0 0 10px;
}

#act_gion p{
	font-size:12px;
	width: 113px;
	margin: 10px;
}

#act_mizutoakari{
	width: 223px;
	height: 148px;
	background-image: url(img/bg_activity_mizutoakari.gif);	
	background-repeat: no-repeat;
	color: White;
	position: absolute;
	top: 270px;
	left: 20px;
}

#act_mizutoakari h1{
	font-size:20px;
	margin:10px 0 0 10px;
}

#act_mizutoakari p{
	font-size:12px;
	width: 116px;
	margin: 10px;
}

#act_gs_ph{
	position: absolute;
	top: 158px;
	left: 148px;
}


#act_hana_ph{
	position: absolute;
	top: 158px;
	left: 380px;
}


#act_gion_ph{
	position: absolute;
	top: 158px;
	left: 380px;
}

#act_mizutoakari_ph{
	position: absolute;
	top: 313px;
	left: 148px;
}

#act_h3{
	font-size: 12pt;
	/**background-image: url(img/bg_mitubati.gif);**/
	background-repeat: no-repeat;
	padding-left:30px;
	padding-top:13px; 
	margin:10px 10px 0px 10px;
	height: 40px;
	text-decoration: 
}

#act_ph{
	margin:10px;
	float: none;
}

/*ガールスカウト活動紹介*/

#gs_h1{
	font-size:20px;
	background-image: url(img/bg_gs_h1.gif);
	background-repeat: no-repeat;
	width:448px;
	height: 43px;
	text-indent:-9999px;
	margin-left: 10px;
	margin-bottom:17px;
}


/*祇園祭ボランティア}*/

#gion_h1{
	font-size:20px;
	background-image: url(img/bg_gion_h1.gif);
	background-repeat: no-repeat;
	width:448px;
	height: 43px;
	text-indent:-9999px;
	margin-left: 10px;
	margin-bottom:17px;
}

/*水と灯りのシンフォニー*/

#mizutoakari_h1{
	font-size:20px;
	background-image: url(img/bg_mizutoakari_h1.gif);
	background-repeat: no-repeat;
	width:448px;
	height: 43px;
	text-indent:-9999px;
	margin-left: 10px;
	margin-bottom:17px;
}


#footer{
	width: 700px;
   height: 50px;
	background: url(img/bg_bottom.gif) no-repeat;
	text-indent:-9999px;
}

#navi1{
	margin-left:0;
	padding-left:0;
	width:125px;	
	position: absolute;
	top: 31px;
	left: 674px;
}

#navi1 a{
	text-indent:-9999px;
	display: block;
	height: 40px;
	text-decoration: none;	
}

#naviomoi{
		background: url(img/bg_navi_omoi.gif) no-repeat;
}

#naviomoi:hover{
	background-image: url(img/bg_navi_omoi2.gif); 
}

#naviselfintro{
	background: url(img/bg_navi_self_intro.gif) no-repeat;
}

#naviselfintro:hover{
	background: url(img/bg_navi_self_intro2.gif) no-repeat;
}

#navilink{
	background: url(img/bg_navi_link.gif) no-repeat;
}

#navilink:hover{
	background: url(img/bg_navi_link2.gif) no-repeat;
}
#naviact{
	background: url(img/bg_navi_act.gif) no-repeat;
}

#naviact:hover{
	background: url(img/bg_navi_act2.gif) no-repeat;
}

#navi2{
	margin-left:0;
	padding-left:0;
	width:125px;	
	position: absolute;
	top: 193px;
	left: 674px;
	
}

#navi2 a{
	text-indent:-9999px;
	display: block;
	height: 32px;	
	text-decoration: none;

}

#navigs{
	background: url(img/bg_navi_gs.gif) no-repeat;
}

#navigs:hover{
	background: url(img/bg_navi_gs2.gif) no-repeat;
}

#navihana{
	background: url(img/bg_navi_hana.gif) no-repeat;
}

#navihana:hover{
	background: url(img/bg_navi_hana2.gif) no-repeat;
}

#navigion{
	background: url(img/bg_navi_gion.gif) no-repeat;
}

#navigion:hover{
	background: url(img/bg_navi_gion2.gif) no-repeat;
}

#navimizutoakari{
	background: url(img/bg_navi_mizutoakari.gif) no-repeat;
}

#navimizutoakari:hover{
	background: url(img/bg_navi_mizutoakari2.gif) no-repeat;
}

#navihosen{
	background: url(img/bg_navi_hosen.gif) no-repeat;
	
}

#navihosen:hover{
	background: url(img/bg_navi_hosen2.gif) no-repeat;
}

#navialways{
	background: url(img/bg_navi_husei.gif) no-repeat;
}

#navialways:hover{
	background: url(img/bg_navi_husei2.gif) no-repeat;
}	

#navi3{
	position: absolute;
	top: 13px;
	left: 485px;
	font-size: 9pt;
}

#zimusyo_icon{
	background-image: url(img/zimusyo_icon.gif);
	background-repeat: no-repeat;
	height: 14px;
}

#contact_icon{
	background-image: url(img/otoiawase_icon.gif);
	background-repeat: no-repeat;
	background-position: bottom;
   background-position: left;
}
#navi3 li{
	float: left;
	text-indent: 19px;
	padding-top:3px;
}

#navi3 a{
	text-decoration: none;
	color: #000000;

}

#navi3 a:hover{
	text-decoration: underline;
}

#navi3 a:visited{
	color: #000000;
	
}

#hosenimg{
	background: url(img/hosenimg.gif) no-repeat;
	position: absolute;
	top:120px;
	left:30px;
}
#hosenimg a{
	text-indent:-9999px;
	display: block;
	height: 167px;
	width: 202px;
	text-decoration: none;	
}
	
#hosenimg a:hover{
		background: url(img/hosenimg2.gif) no-repeat;
}

#hosen_p{
	font-size: 10pt;
	line-height: 14pt;
	position: absolute;
	top:120px;
	left: 260px;
	width:230px;
}


#contenthosen{
	width: 603px;	
	margin-left: 43px;
}



#contenthosen p{
	font-size: 10pt;
	margin: 20px;
	line-height: 14pt;
}
#contenthosen h1{
	font-size: 15pt;
	border-bottom: solid;
	border-bottom-color: #BD0000;
	border-bottom-width: 5px;
	margin:10px 10px 30px 0px;
}

#contenthosen h2{
	font-size: 13pt;
	border-left: solid;
	border-left-color: #BD0000;
	border-left-width: 10px;
	margin-left:20px;

}

#contenthosen img{
	margin-right: 5px;
	margin-bottom:5px;
}
#contenthosen ul{
	margin-left:5px;
}

#contenthosen ul img{
	margin: 0px;
	padding: 0px;
}
#contenthosen li{
	font-size: 10pt;
	list-style: disc;
	margin: 3px;
}

#alwaysimg{
	background: url(img/alwaysimg.gif) no-repeat;
	position: absolute;
	top:310px;
	left:350px;
	height: 167px;
	width: 202px;
	text-indent:-9999px;
}

#alwaysimg a{
	text-indent:-9999px;
	display: block;
	height: 167px;
	width: 202px;
	text-decoration: none;	
}

#alwaysimg a:hover{
		background: url(img/alwaysimg2.gif) no-repeat;
}

#always_p{
	position: absolute;
	top:305px;
	left:100px;
	font-size: 10pt;
	line-height: 14pt;
	width:230px;
}

#zyuusyo p{
	font-size: 13pt;
}

#zimusyophoto{
	position: absolute;
	top: 390px;
	left: 430px;
}

#tyuui{
	position: absolute;
	top: 545px;
	left: 410px;
}

form{
	text-align:	right;
}

#contactbox{
	font-size:		10pt;
	width:	50%;
	background-color: #;	/*lightsteelblue*/
	border-style:	outset;
	border-width:	1px 1px 1px 2em;
	border-color:	#BD0000;	/*steelblue*/
	margin-left:	auto;
	margin-right:	auto;
	padding:	2em;
}

.always{
	margin: 10px 10px;
	padding-left:50px;
}

.always li{
	list-style: circle;
}

#counter{
	position: absolute;
	top: 520px;
	left: 270px;
 
}