@charset "utf-8";
body{
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 1.8em;
	background-color: #F4F4EA;
	letter-spacing: 0.1em;
}
.blessing{
	height: 70px;
	width: 640px;
	padding-bottom: 50px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

a{
	color: #009933;
}
a:hover{
	color: #B58A3B;
}

img a{
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img a:hover{
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
   background-color:#FFFFFF;
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
   opacity:0.5; 
   -ms-filter: "alpha( opacity=50 )"
}

#container{
	width: 960px;
	text-align: left;
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
.index #header{
	display: block;
	width: 960px;
	margin-bottom: 20px;
	margin-top: 10px;

/*   filter:alpha(opacity=95);
   -moz-opacity:0.95;
   -khtml-opacity: 095;
   opacity:0.95; 
   -ms-filter: "alpha( opacity=95 )"*/
}
.subpage #header{
	display: block;
	width: 960px;
	margin-bottom: 20px;
	margin-top: 10px;
}  
.imgL{
	display: block;
	float: left;
	margin-right: 20px;
}
.imgR{
	display: block;
	float: right;
	margin-left: 20px;
	text-align: center;
}
.imgR_face{
	display: block;
	text-align: center;
	float: right;
	position: relative;
	top: 5%;
}
.imgC{
	text-align: center;
	display: block;
}

#header #title{
	float: left;
	display: block;
/*	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
	-ms-filter: "alpha( opacity=80 )";*/
	background-image : url(img/header/title.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 400px;
	height: 47px;
}
#header #title a{
	overflow: hidden;
	height: 0px;
	padding-top: 47px;
	display: block;
}
#header #title a:hover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity:0.5;
	-ms-filter: "alpha( opacity=50 )";
	background-color: #F4F4EA;
}
#header #navi{
	float: right;
	width: 400px;
}
#header #count{
	float: right;
	width: 500px;
	text-align: right;
}

#header #logo{
	float: left;
}
#header .logo{
	float: left;
	display: block;
	margin-right: 10px;
}

#header .copy{
	color: #349061;
	font-weight: normal;
	margin: 0px;
	display: block;
	padding-bottom: 5px;
	font-size: 13px;

}

#header h1{
	color: #349061;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
#contents{
	display: block;
}


/* #sidebar1 に関するヒント：
1. 単位は相対単位であるため、サイドバーで余白を使用することは回避してください。標準に準拠したブラウザでは、余白は全体の幅に追加されるため、実際の幅が不特定の幅になります。 
2. サイドバーの値の単位として em が使用されているので、その幅が初期設定のテキストサイズに応じて変化することに注意してください。
3. 「.twoColHybLtHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/
#menu{
	float: left;
	width: 210px;
	display: block;
	margin-right: 30px;
	margin-bottom: 20px;
}
#menu h1, .index #menu p{
	display: block;
	margin: 0px;
	font-size: 16px;
	border-left-color: #349061;
	padding-right: 2px;
	padding-left: 2px;
	color: #FFFFFF;

	text-indent: 20px;
	height: 26px;
	background-image : url(img/menu/menu01.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
}
#menu .on a{
	color: #009933;
	font-weight: bold;
}


#menu ul{
	display: block;
	margin-top: 0px;
	background-image : url(img/menu/bg_menu.gif);
	background-repeat: repeat-y;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	list-style-type: none;
}
#menu ul ul{
	display: block;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	font-weight: normal;
	list-style-type: none;
}
#menu ul ul li{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 5px;
	padding: 0px;
}

#menu li{
	display: block;
	height: 20px;
	text-indent: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
}

#menu li a{
	display: block;
	color: #333333;
	text-decoration: none;
}
#menu li a:hover{
	display: block;
	color: #FFFFFF;
	background-color: #90C837;
}

/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 の間のスペースは、#mainContent div の左マージンによって設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、この左マージンを削除します。
2. #mainContent div の幅より広いエレメントが #mainContent div 内に配置されると、フローティングエレメントの落下（フローティング状態ではない #mainContent 領域がサイドバーの下に配置されること）が発生する可能性があります。ハイブリッドレイアウトの場合（全体の幅の単位はパーセント、サイドバーの単位は em）、使用可能な幅を正確に計算できない場合があります。ユーザーのテキストサイズが平均よりも大きい場合、#sidebar1 div が広くなるため、#mainContent div のスペースが狭くなります。クライアントが Contribute を使用してコンテンツを追加する予定である場合は、この制限に注意してください。
3. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグを回避できます。
*/
#main{
	float: right;
	width: 720px;
} 
#main #textbox{
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 720px;
	padding-bottom: 20px;
}
.textbox_event{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
#main h2{
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
	color: #FFFFFF;
	background-image : url(img/icon-title/bg_h2-2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

	padding-left: 0px
	height: 28px;
	padding-top: 4px;
	text-indent: 20px;
	margin-top: 0px;
	height: 26px;
}
#slideshow{
	position:relative;
	text-align: center;
	margin-bottom: 30px;
	display: block;
	width: 360px;
	height: 216px;
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 20px;
	float: left;
}
#slideshow img{
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
}
#slideshow img.active{
	z-index:10;
}
#slideshow img.last-active{
	z-index:9;
}

/* 再使用できる各種クラス */
.fltrt{
	 /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft{
	 /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat{
	 /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#textbox p{
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 1.8em;
}
.img_event{
	background-image : url(img/event/event_bg.gif);
	background-repeat: no-repeat;
	float: left;
	height: 160px;
	padding-top: 7px;
	padding-left: 7px;
	display: block;
	width: 233px;
}

#pageTop{
	text-align: right;
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
	font-size: 10px;
	padding-right: 20px;
}
#pageTop a{
	text-decoration: none;
}
#footer{
	background:#DDDDDD;
	width: 960px;
	float: left;
	padding: 20;
	display: block;
	font-size: 10px;
	line-height: 1.4em;
} 
#footer p{
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

#footer .access{
	float: left;
	display: block;
	padding-left: 20px;
}
#footer .copy{
	float: right;
	display: block;
	padding-right: 20px;
	text-align: right;
}
#textbox .p_R{
	display: block;
	margin: 0px;
	padding: 0px;
}
#textbox #event_img{
	margin: 0px;
	padding: 0px;
	width: 720px;
	height: 167px;
}
#info_box{
	display: block;
	margin: 0px;
	width: 700px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image : url(img/message/photo011.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#info_box .information{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 700px;
}
#info_box .information dt{
	display: block;
	padding: 0px;
	margin-bottom: 10px;
}
#info_box .information dd{
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
}
#info_box .information h3{
	display: block;
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
}
#navi ul{
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	list-style-type: none;
	width: 210px;
}
#navi li{
	display: block;
	float: left;
	width: 100px;
	text-align: center;
	font-size: 12px;
	color: #ECE9D8;
	background-image : url(img/header/bg_navi_li.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 5px;
}
#navi a{
	color: #FFFFFF;
	text-decoration: none;
}
#navi a:hover{
	color: #009933;
	text-decoration: none;
}
.table_contact{
	margin-right: 20px;
	margin-left: 20px;
}
#textbox .contact{
	margin: 0px;
	padding: 0px;
}
#main h3{
	display: block;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#main .table_contact td{
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#textbox .p_message01{
	background-image : url(img/message/message01.png);
	background-repeat: no-repeat;
	padding-top: 80px;
	background-position: right;
	height: 100px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-left: 80px;
}
#textbox .p_message02{
	padding-right: 60px;
	padding-left: 60px;
}
#textbox .p_message03{
	background-image: url(http://www.uc-odawara.com/img/message/message03.jpg);
	background-repeat: no-repeat;
	padding-top: 80px;
	background-position: right;
	height: 100px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-left: 80px;
}
#textbox #message{
	display: block;
	width: 720px;
	background-image: url(http://www.uc-odawara.com/img/message/bg_message.jpg//);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 10px;
}
.top_title{
	font-family: "メイリオ";
	font-size: 1.6em;
	font-weight: bold;
	color: #009900;
	font-style: normal;
}