@charset "UTF-8";
/* CSS Document */
html {
	margin:0;
	padding:0;
}
img {
	border: 0;
	vertical-align:bottom;
}
h1, h2, h3, h4, h5, h6, p, ul, li  { font-size: 100%; line-height: 1.5; margin: 0; padding: 0 }
ul li {
	list-style:none;
}
.clear {
	clear:both;
}
body  { color: #3f3f3f; font-size: 13px; font-family: メイリオ, Meiryo, "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; margin: 0; padding: 0 }
.loadingWrap{
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
}
.loadingWrap p{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -32px;
}
#pagebody {
	width:100%;
	margin: 0;
	padding:0;
	background:url(../images/footer_img.jpg) no-repeat right bottom;
}
#header_body  { width: 100%; border-top: 10px solid #aeced9 }
#header {
	width:960px;
	margin:0 auto;
	padding:40px 0 30px;
}
#header h1 {
	text-align:center;
	padding:0 0 20px;
}
#header h1 a {}

/* メインメニュー */
#main_menu {
	width:960px;
	margin:0 auto;
}
#main_menu ul {
	width:960px;
	/*background:url(../images/menu.jpg) no-repeat left top;*/
}
#main_menu ul li {
	float:left;
	list-style:none;
	margin-left:30px;
	text-align:center;
	width:168px;
	height:50px;
	overflow:hidden;
}
#main_menu ul li:first-child {
	/*margin-left:0px;*/
}
#main_menu ul li.bt_01 {
	margin-left:0px;
	background:url(../images/bt_01_on.jpg) no-repeat left top;
}
#main_menu ul li.bt_02 {
	background:url(../images/bt_02_on.jpg) no-repeat left top;
}
#main_menu ul li.bt_03 {
	background:url(../images/bt_03_on.jpg) no-repeat left top;
}
#main_menu ul li.bt_04 {
	background:url(../images/bt_04_on.jpg) no-repeat left top;
}
#main_menu ul li.bt_05 {
	background:url(../images/bt_07_on.jpg) no-repeat left top;
}
#main_menu ul li a {
	width:168px;
	height:50px;
	display:block;
}
#main_menu ul li a:hover {}

/* サブメニュー */
ul.submenu {
	padding:0;
	margin:0px;
}
ul.submenu li {
	margin: 0 0 5px;
	padding: 0;
	list-style:none;
}
ul.submenu li a {
	text-decoration:none;
}

/*　コンテンツ　*/
#contents_body {
	width:100%;
	margin: 0;
	padding:0;
	clear:both;
}
#viewer {
	margin: 0 auto;
	width:960px;
	height: 350px;
	text-align: left;
	overflow: hidden;
	position: relative;
	background:url(../images/now-loading.gif) no-repeat center center;
}
#viewer img {
	top: 0;
	left: 0;
	position: absolute;
	opacity:0;
}
.main_img {
	margin:0 auto;
	width:960px;
}
.main_img h2 {
	text-align:center;
	padding:30px 0;
}
#contents {
	width:960px;
	margin:0 auto;
	padding:0 0 30px;
}

#top_info ul,
#top_talk ul {
	padding:0 10px;
}
#top_info ul li,
#top_talk ul li {
	padding:10px 0;
	border-bottom:1px #999999 dotted;
}

.news_update h2,
.news_info h2 {
	/*text-indent:-9999px;*/
	height:50px;
}
/*　左カラム　*/
#col_l {
	width:610px;
	float:left;
}

/*　右カラム　*/
#col_r {
	width:230px;
	padding-bottom:20px;
	margin-left:20px;
	float:left;
}

/*　フッター　*/
#footer_body {
	width:100%;
	padding:40px 0 0;
}
#footer_menu {
	width:940px;
	margin:0 auto;
	padding:0 10px 10px;
	position:relative;
}
#footer_menu ul {
	list-style:none;
	padding:0;
	margin:0px;
}
#footer_menu ul li {
	margin: 0;
	padding: 0 10px 0 12px;
	display:inline;
	font-size: 12px;
	background:url(../images/p01.jpg) no-repeat left 4px;
}
#footer_menu ul li a {
	text-decoration:none;
}
#footer  { background-color: #aeced9; width: 100% }
.footer_inner {
	width:960px;
	padding:13px 0 10px;
	margin:0 auto;
	position:relative;
}
.footer_inner .address {
	float:left;
}
.footer_inner .copyright {
	float:right;
}
#footer p {
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	/*white-space: nowrap;*/
}
#footer p.page_top {
	position:absolute;
	right:10px;
	top:-20px;
	width:35px;
	height:35px;
	background:url(../images/page_top.png) no-repeat left top;
	text-indent:-9999px;
}
#footer p.page_top a {
	width:35px;
	height:35px;
	display:block;
}

/*galley*/
#gallery01,
#gallery02,
#gallery03 {
	position:relative;
	width:420px;
	/*padding-top:310px;*/
}
.view {
	position: absolute;
	width:420px;
	height:300px;
	top:0;
	left:0;
	overflow:hidden;
}
.view li {
	position: absolute;
	width:420px;
	height:300px;
	top:0;
	left:0;
}
.caption {
	position:absolute;
	top:310px;
	left:0px;
	text-align:left;
	width:220px;
}
.thumbBtn {
	text-align:right;
}
.thumbBtn li {
	padding: 0 0 0 5px;
	display:inline;
	text-align:right;
	width: 66px;
	cursor:pointer;
}
.thumbBtn li a {
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
.thumbBtn li a.active {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.thumbBtn li a:hover {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.thumbBtn li img {
	margin-bottom:6px;
	border: solid 1px #ccc;
}


/*******************************
　clearfix
*******************************/

.clearfix:after {
    clear:both;
    display:block;
    height:0px;
    content:"・";
    visibility:hidden;
}
.clearfix {
    min-height:1px;
    inline-table;
    clear:both;
}
*html .clearfix {
    height:1px;
}

/* form reset */  
button, fieldset, input, label, legend, select, textarea {  
    font-family:inherit;  
    font-size:100%;  
    font-style:inherit;  
    font-weight:inherit;  
    margin:0;  
    padding:0;  
    vertical-align:baseline;  
}


