/*shokika------------------------*/
body,form,fieldset {
margin: 0;
padding: 0; 
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,li,dl.dt.dd {
margin: 0;
padding: 0; 
}
img {
border: 0;
margin: 0;
padding: 0;
}

/* body,フォント---------------------- */
body {
	background-color: #7d6f6f;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

/* clear---------------------- */
.clear { 
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* #container---------------------- */
#container {
	width: 900px;
	margin: 0 auto;
	background: url(../img/con_bg.png) repeat-y;
	font-size: 10pt;
	color: #000;
	line-height: 140%;
	padding: 0 9px;
}
/*IE6 hack*/
* html #container {
behavior: expression(IEPNGFIX.fix(this));
}
#container_bg {
	width: 900px;
	background: url(../img/con_bg1.gif) repeat-y;
}

/* #menu---------------------- */
div#menu {
	float: left;
	width: 220px;
}
div#menu h1 {
	display: block;
	background: url(../img/logo.gif) no-repeat 0 0;
	width: 220px;
	height: 227px;
	text-indent: -9999px;
	margin: 0;
}
div#menu ul {
	list-style: none;
	margin: 0;
}
*:first-child+html div#menu ul {
	margin-top: -2px;
}
div#menu ul li {
	text-indent: -9999px;
	margin: 0;
}
div#menu ul li#con01 a {
	display: block;
	background: url(../img/top_menu01.gif) 0 0;
	width: 220px;
	height: 29px;
	overflow: hidden;
}
div#menu ul li#con01 a:hover {
	display: block;
	background: url(../img/top_menu01.gif) 0 -29px;
}
div#menu ul li#con02 a {
	display: block;
	background: url(../img/top_menu02.gif) 0 0;
	width: 220px;
	height: 32px;
	overflow: hidden;
}
div#menu ul li#con02 a:hover {
	display: block;
	background: url(../img/top_menu02.gif) 0 -32px;
}
div#menu ul li#con03 a {
	display: block;
	background: url(../img/top_menu03.gif) 0 0;
	width: 220px;
	height: 32px;
	overflow: hidden;
}
div#menu ul li#con03 a:hover {
	display: block;
	background: url(../img/top_menu03.gif) 0 -32px;
}
div#menu ul li#con04 a {
	display: block;
	background: url(../img/top_menu04.gif) 0 0;
	width: 220px;
	height: 32px;
	overflow: hidden;
}
div#menu ul li#con04 a:hover {
	display: block;
	background: url(../img/top_menu04.gif) 0 -32px;
}
div#menu ul li#con05 a {
	display: block;
	background: url(../img/top_menu05.gif) 0 0;
	width: 220px;
	height: 32px;
	overflow: hidden;
}
div#menu ul li#con05 a:hover {
	display: block;
	background: url(../img/top_menu05.gif) 0 -32px;
}
div#menu ul li#con06 a {
	display: block;
	background: url(../img/top_menu06.gif) 0 0;
	width: 220px;
	height: 37px;
	overflow: hidden;
}
div#menu ul li#con06 a:hover {
	display: block;
	background: url(../img/top_menu06.gif) 0 -37px;
}

/*flash------------------------*/
div#swf_img {
	float: right;
	width: 680px;
	height: 421px;
}

/*navi-------------------------*/
div#navi {
	background: url(../img/navi_bg.gif) no-repeat 0 0;
	width: 250px;
	height: 25px;
	font-size: 85%;
	padding-left: 40px;
	line-height: 25px;
	position: absolute;
	top: 0;
	left: 610px;
}
div#navi ul {
	list-style: none;
	text-align: left;
}
div#navi ul li {
	display: inline;
}
div#navi ul li a {
	color: #fff;
	text-decoration: none;
	padding-left: 1.5em;
}
div#navi ul li a:hover {
	color: #dbd5d5;
}

/*main-------------------------*/
div#main {
	clear: both;
	width: 850px;
	padding: 40px 25px 30px 25px;
	background: url(../img/con_bg.gif) no-repeat 0 0;
	position: relative;
}
div#main div.left {
	float: left;
	width: 430px;
}
/*下にイメージが入ったversion---*/
div#main div.left {
	float: left;
	width: 430px;
}
div#main div.left img {
	margin-bottom: 10px;
}
div.comment {
	background: url(../top_img/comment_bg.png) no-repeat 0 0;
	width: 365px;
	height: 179px;
	padding: 35px 15px;
	float: right;
}
/*IE6 hack*/
* html .comment {
behavior: expression(IEPNGFIX.fix(this));
}
div.comment span {
	font-size: 140%;
	font-family: "ヒラギノ明朝 Pro W3", "平成明朝","HG明朝E","HG明朝B","ＭＳ Ｐ明朝","MS Serif", Century, Times New Roman, serif;
	line-height: 160%;
}
div.comment p {
	padding: 15px;
	line-height: 160%;
}

div.hinokiburo {
	background: url(../top_img/hinokiburo_bg.png) no-repeat 0 0;
	width: 365px;
	height: 179px;
	padding: 35px 15px;
	float: right;
}
/*IE6 hack*/
* html .hinokiburo {
behavior: expression(IEPNGFIX.fix(this));
}

/*footer------------------------*/
div#footer {
	margin: 0 auto;
	width: 880px;
	height: 21px;
	padding: 8px 19px;
	font-size: 65%;
	color: #fff;
	background: url(../img/footer.png) no-repeat 0 0;
	font-family: "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
/*IE6 hack*/
* html #footer {
behavior: expression(IEPNGFIX.fix(this));
}
div#footer a {
	color: #fff;
}
div#footer div.left {
	float: left;
	width: 520px;
}
div#footer div.right {
	float: right;
	width: 355px;
	text-align: right;
}

/*jquery-facebox-css----------------*/
#facebox .b {
  background:url(../img/fb_b.png);
}
#facebox .tl {
  background:url(../img/fb_tl.png);
}
#facebox .tr {
  background:url(../img/fb_tr.png);
}
#facebox .bl {
  background:url(../img/fb_bl.png);
}
#facebox .br {
  background:url(../img/fb_br.png);
}
/*IE6 hack*/
* html #facebox .b,#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br {
behavior: expression(IEPNGFIX.fix(this));
}
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}
#facebox .popup {
  position: relative;
}
#facebox table {
  border-collapse: collapse;
}
#facebox td {
  border-bottom: 0;
  padding: 0;
}
#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}
#facebox .loading {
  text-align: center;
}
#facebox .image {
  text-align: center;
}
#facebox img {
  border: 0;
  margin: 0;
}
#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.facebox_hide {
  z-index:-100;
}
.facebox_overlayBG {
  background: none;
  z-index: 99;
}
* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/*20101214更新------------------------------------------------*/
.huro_botan {width: 395px; height: 249px; float: right;}
.huro_botan a {display: block; width: 395px; height: 249px; background: url(../top_img/furo_botan_banner.gif) no-repeat; text-indent: -9999px;}

/*20110119更新------------------------------------------------*/
.event_banner {width: 395px; height: 249px; float: right;}
.event_banner a {display: block; width: 395px; height: 249px; background: url(../top_img/event_banner.gif) no-repeat; text-indent: -9999px;}

