@charset "utf-8";

/* reset
-----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}ｓ
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*-----------------------------------------------------------------------*/
/* clearfix
---------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /* Mac版IEのみに適用 \*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*-----------------------------------------------------------------------*/
*{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body{
	color:#333333;
	font-size:12px;
	line-height:1.4;
	height:100%;
}
a{
	text-decoration:underline;
	color:##000099;
}
a:visited {
	text-decoration:underline;
	color:##000099;
}
a:hover{
	color:#333333;
}

#gnavi{
	position:absolute;
	left:50px;
	z-index:100;
}
#gnavi ul li{
	float:left;
	margin-right:30px;
}
#gnavi ul li a{
	display:block;
	height:0;
	padding-top:18px;
	overflow:hidden;
}
#gnavi01{width:54px;}
#gnavi02{width:172px;}
#gnavi03{width:63px;}
#gnavi04{width:85px;}
#gnavi01 a{
	background:url(../images/gnavi01.png) 0 0 no-repeat;
}
#gnavi02 a{
	background:url(../images/gnavi02.png) 0 0  no-repeat;
}
#gnavi03 a{
	background:url(../images/gnavi03.png) 0 0  no-repeat;
}
#gnavi04 a{
	background:url(../images/gnavi04.png) 0 0  no-repeat;
}
#gnavi ul li a:hover{
	background-position:0 -18px;
}
.x_wrapper{
	overflow: hidden;
}
.x_container{
	float: left;
	width: 99999px;
	display: block;
}
.x_item{
	float: left;
	width:980px;
	height:700px;
	margin-right:100px;
}

/* top
----------------------------------------------------*/
#top{
	background:url(../images/top.jpg) top left no-repeat;
}

#top h1{
	float:left;
	margin:32px 0px 0 0;
}

#top h2{
	float:left;
	margin:30px 0px 0 50px;
}
#top h3{
	float:left;
	margin:33px 0px 0 60px;
}
#top .image1{
	position:absolute;
	left:50px;
	top:375px;	
}
#top .image2{
	position:absolute;
	left:345px;
	top:375px;
}

#top .text{
	margin:0px 0 0 50px;
}
#top .text p{
	margin-top:20px;
}

/* イベント情報
----------------------------------------------------*/
#event{
	position:relative;
}
#event h1{
	float:left;
	margin:32px 0px 0 0;
}
#event .text{
	margin:190px 0 0 30px;
}
#event .text p{
	margin-bottom:20px;
}
#event .image1{
	position:absolute;
	left:322px;
	top:505px;
}
#event .image2{
	position:absolute;
	left:477px;
	top:525px;
}
#event .image3{
	position:absolute;
	left:767px;
	top:196px;
}
#event .image4{
	position:absolute;
	left:630px;
	top:506px;
}
/* 写真館
----------------------------------------------------*/
#album{
}
#album h1{
	float:left;
	margin:32px 0px 0 0;
}
#album h2{
	float:left;
	margin:32px 0px 0 0;
}


#album_list{
	margin:175px 0 0 30px;
}
/*#products_list .p_item{
	float:left;
	margin-right:10px;
	width:225px;
	height:500px;
	border:1px solid #cccccc;
	position:relative;
}*/
#album_list .p_item{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:225px;
	height:240px;
	border:1px solid #cccccc;
	position:relative;
}
#album_list .cs{
	background:url(../images/commingsoon.gif) no-repeat;
}
#album_list .p_item h3{
	margin:10px 10px 10px 10px;
	font-size:16px;
}
#album_list .p_item .head{
	margin-bottom:30px;
}
#album_list .p_item .head h4{
	font-size:16px;
}
#album_list .p_item .head h4,
#album_list .p_item .head p{
	margin:15px 0 15px 15px;
}
#album_list .p_item .detail{
	padding:0 15px;
}
#album_list .p_item .btn{
	position:absolute;
	left:15px;
	bottom:15px;
}
#album_list .p_item .btn a{
	display:block;
	width:195px;
	height:0;
	padding-top:42px;
	overflow:hidden;
	background:url(../images/btn.jpg) 0 0 no-repeat;
}
#album_list .p_item .btn a:hover{
	background-position:0 -42px;
}

/* map
----------------------------------------------------*/
#map{
	background:url(../images/top_map.jpg) top left no-repeat;
}

#map h1{
	float:left;
	margin:32px 0px 0 0;
}

#map h2{
	float:right;
	margin:270px 0px 0 0;
}
#map h3{
	float:left;
	margin:10px 0px 0 30px;
}
#map .text{
	margin:190px 0 0 400px;
}
#map .text p{
	margin-bottom:20px;
}
/* footer
----------------------------------------------------*/
#footer{
	position:absolute;
	font-size:10px;
	left:380px;
	bottom:14px;
}
