﻿@charset "UTF-8";

body { font-size: 13px; *font-size: small; /* IE7+ */ *font: x-small; /* IE6- */ }
body { line-height:1.66; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
img{ border:0;}
table { border-collapse:collapse; border-spacing:0; font-size:100%; }

html {
	height: 100%;
}
body {
	text-align:center;
	background:url(../images/body_bg.png) center top no-repeat #000;
	width:100%;
	margin:0 auto;
	line-height:1.6;
	color:#FFF;
}


#wrap {
	margin: 0 auto;
	text-align: center;
}

a{ color:#D2B978;}
a:hover{ text-decoration:none;}

.gold{ color:#D2B978;}


/*  コンテンツ
-----------------------------------------------------------*/
#contents {
	clear:both;
	width:990px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

.header{
	position:relative;
	height:210px;
	}

.btn_kyoraku{
	position:absolute;
	top:10px;
	left:0;
	}
.img01{
	position:absolute;
	top:10px;
	left:300px;
	}

.newsbox{
	clear:both;
	margin:0 auto;
	text-align:left;
	padding:30px 75px;
	background:url(../images/news_bg02.png) center top repeat-y;
	}

.mb20{margin-bottom:20px;}
.mb35{margin-bottom:35px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.floL{ float:left;}
.floR{ float:right;}


.article{
	padding-bottom:40px;
	margin-bottom:40px;
	}
.article.end{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
	}
	
.article .date{
	font-size:11px;
	margin-bottom:3px;
	}
.article .title{
	margin-bottom:20px;
	color:#D2B978;
	line-height:1.2;
	font-size:16px;
	padding-bottom:10px;
	border-bottom:1px solid #D2B978;
	}
.article .text{
	float:left;
	width:540px;
	}
.article .photo{
	float:right;
	width:270px;
	}

.footerarea{
	position:relative;
	height:50px;
	}
.text01{
	position:absolute;
	top:0;
	left:0;
	}
.text02{
	position:absolute;
	top:0;
	right:0;
	}
	

/*  ページトップ
-----------------------------------------------------------*/
div#main p.pagetop {
}



.clearfix:after,
.article:after{
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix,
.article{
  min-height: 1px;
}

* html .clearfix,
* html .article{
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
