@charset "utf-8";


/* YUI 2: Reset CSS */
@import url(yui2-reset.css);

/* 共通スタイル */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
	 Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 87.5%;
	color: #515151;
	background: #eff1f2 url(../images/common/bg_body.gif);
}
#outer {
	padding: 5px 0 40px;
	background: url(../images/common/bg_outer.gif) repeat-x;
}
#wrapper {
	margin-left: 250px;
	width: 900px;
}

#wrapper img{
	text-align:right;}
#wrapper #header {
	overflow: hidden; /* ClearFix */
	/zoom: 1; /* ClearFix for IE6-7 */
	text-align:center;
}
#wrapper #header #siteId {
	float: left;
}
#wrapper #header ul#nav {
	float: right;
	overflow: hidden; /* ClearFix */
	/zoom: 1; /* ClearFix for IE6-7 */
}
#wrapper #header ul#nav li {
	float: left;
}
#wrapper #header ul#nav li a {
	display: block;
}
#wrapper #header ul#nav li#navHome a {
	background: url(../images/common/nav_home_ov.gif);
}
#wrapper #header ul#nav li#navAbout a {
	background: url(../images/common/nav_about_ov.gif);
}
#wrapper #header ul#nav li#navGallery a {
	background: url(../images/common/nav_gallery_ov.gif);
}
#wrapper #header ul#nav li#navContact a {
	background: url(../images/common/nav_contact_ov.gif);
}
#wrapper #header ul#nav li a:hover img {
	visibility: hidden;
}
#wrapper #header ul#nav li.current a:hover img {
	visibility: visible;
}
#wrapper #content {
	background: #fff url(../images/common/bg_content_mid_r.gif) repeat-y 100% 0;
}
#wrapper #content .inner1 {
	background: url(../images/common/bg_content_mid_l.gif) repeat-y;
}
#wrapper #content .inner1 .inner2 {
	background: url(../images/common/bg_content_btm_r.gif) no-repeat 100% 100%;
}
#wrapper #content .inner1 .inner2 .inner3 {
	background: url(../images/common/bg_content_btm_l.gif) no-repeat 0 100%;
	overflow: hidden; /* ClearFix */
	/zoom: 1; /* ClearFix for IE6-7 */
}
#wrapper #content #categoryTtl {
	background: url(../images/common/ber2_2.png) no-repeat 100% 0;
}
#wrapper #content #main {
padding-left:30px;
padding-right:30px;
}
#wrapper #content #main p {
	margin-top: 1em;
}

#wrapper #content #main img {
	margin:auto;;
}
#wrapper #content #main #images {
	padding-left:20px;
}


#footer {
	margin-top: -5px;
}
#footer #copyright {
	text-align: center;
}

/* ギャラリー */
#wrapper #content ul#stage {
	padding: 15px 20px;
}
#wrapper #content ul.pageNav {
	overflow: hidden; /* ClearFix */
	/zoom: 1; /* ClearFix for IE6-7 */
	text-align: center;
}
#wrapper #content ul.pageNav li {
	display: inline;
}	
#wrapper #content ul.pageNav li a {
	padding: 5px 10px;
	text-decoration: none;
	color: #fff;
	background: #ccc;
}
#wrapper #content ul.pageNav li a:hover {
	background: #0cc;
}
#wrapper #content ul.pageNav li.current {
	padding: 0 20px;
	color: #999;
}
#wrapper #toPageTop {
	position: fixed;
	bottom: 30px;
	right: 30px;
}
#wrapper #toPageTop a {
	display: block;
	width: 60px;
	background: url(../images/common/btn_to-page-top_ov.gif) no-repeat;
}
#wrapper #toPageTop a:hover img {
	visibility: hidden;
}

#menu{
	width:200px;
	 height:490px;
	float:left;
	margin-top:5px;
	margin-left:10px;
}

#menu ul{
}
#menu li{
	list-style-type:none;
	color:#fff;
	
	}
	
.one{width:200px;
	 height:110px;
	 background:url("../btn_ber/btn-on.gif");
	float:left;

	}
	
.one li{
	list-style-type:none;
	color:#fff;}
	
.one li a{
	display:block;
	width:200px;
	height:110px;
	 background:url("btn_ber/btn-on.gif");
	text-align:center;
	text-decoration:none;

	}
	
.one a:hover{
	width:200px;
	 background:url("btn_ber/btn-on.gif");

	color:#fff;

}
	
.two{width:200px;
	 height:70px;
	 background:url("btn_ber/btn1-off.gif");
	float:left;
	}
	
.two li{
	list-style-type:none;
	color:#fff;
	}
	
.two li a{
	display:block;
	width:200px;
	height:70px;
	 background:url("../btn_ber/btn1-off.gif");
	text-align:center;
	text-decoration:none;
	color:#fff;
	
	
	}
	
.two a:hover{
	color:#fff;
	 background:url("../btn_ber/btn1-on.gif");

}
	
.three{width:200px;
	 height:70px;
	float:left;
	}
	
.three li{
	list-style-type:none;
	color:#fff;}
	
.three li a{
	display:block;
	width:200px;
	height:70px;
	 background:url("../btn_ber/btn2-off.gif");
	text-align:center;
	text-decoration:none;
	color:#fff;
	}
	
.three a:hover{
	color:#fff;
	height:70px;
	 background:url("../btn_ber/btn2-on.gif");
}




	
.four{width:200px;
	 height:72px;
	float:left;
	}
	
.four li{
	list-style-type:none;
	color:#fff;}
	
.four li a{
	display:block;
	width:200px;
	height:72px;
	 background:url("../btn_ber/btn3-on.gif");
	text-align:center;
	text-decoration:none;
	color:#fff;
	}
	
.four a:hover{
	color:#fff;
	 background:url("../btn_ber/btn3-on.gif");

}

.five{width:200px;
	 height:83px;
	float:left;
	}
	
.five li{
	list-style-type:none;
	color:#fff;}
	
.five li a{
	display:block;
	width:200px;
	height:83px;
	 background:url("../btn_ber/btn4-off.gif");
	text-align:center;
	text-decoration:none;
	color:#fff;
	}
	
.five a:hover{
	 background:url("../btn_ber/btn4-on.gif");

}

.six{width:200px;
	 height:81px;
	float:left;
	}
	
.six li{
	list-style-type:none;
	color:#fff;}
	
.six li a{
	display:block;
	width:200px;
	height:81px;
	 background:url("../btn_ber/btn5-off.gif");
	text-align:center;
	text-decoration:none;
	color:#fff;
	}
	
.six a:hover{
	 background:url("../btn_ber/btn5-on.gif");
0d1e2d
}
.pic {
float:right;
padding-top:20px;}

p{
text-align:center;}

.center{
	text-align:center;}
.tabpic{
	float:right;
	}
.right{
	text-align:right;}
	
.right a{text-decoration:none;
	color:#0d1e2d;
	font-weight:bold;}
	
.right a:hover{
	text-decoration:none;
	color:#6e88a0;}

h1{
	font-color:#333;
	font-size:0.7em;
	text-align:left;
	background: url(../images/common/bg_outer.gif) repeat-x;
	}
#seo{
	color:#ccc;}

h5{
	text-align:right;
	font-size:0.8em;
	font-color:#ccc;
	padding-top:10px;
	}
.bg{
	background:url(../btn_ber/test.jpg) no-repeat center top;
	padding-top:600px;
	}
	
	
.bg a:active, .bg a:hover {
text-decoration:none;
filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}

h3 {
	background: #dfdfc2;
	color: #333;
	font-weight:bold;
	font-size:13px;

}


#tab1{
	background:url("../btn_ber/2020.jpg") no-repeat center bottom;
	text-align:left;
	padding-left:150px;
	margin-top:10px;
	margin-bottom:10px;
		}
	
h2 {
	color:#ccc;
	font-size:0.6em;
	}
	
table{width:850px;
padding-left:20px;
text-indent:5em;
}

td{
font-size:12px;

}

/* begin styles for RSS Feed */

.rss_box {
	 margin:auto;
	 margin-top:40px;
	 padding: 0px;
	 width: 460px;
	 background-color: #fff;
	 border: 1px dashed #333;
	 text-align:center;
}

.rss_title, rss_title a {
	font-size: 12px;
	font-weight:bold;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
}

.rss_items {
	margin: 3px;
	padding: 0px;
}

.rss_item  {
	padding-right: 0px;
	padding-left: 0px;
	font-weight : normal; 
	font-size: 10px;
	padding-bottom: 2px;
	color: #e21c22;
	word-break: break-all;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	font-weight: bold;
	font-size: 10px;
	color: #666;
	text-decoration : none;
}

.rss_item a:hover { 
	font-weight: bold;
	font-size: 10px;
	text-decoration : underline;
	color: #333;
}

.rss_date {
	font-size: 10px;
	font-weight : normal;
	color: #999;
}

.rss_caption {
	font-size:14px;
	backgroud-color:#ccc;}

