@charset "shift_jis";

/*-----------------------------------------------------
Container
-------------------------------------------------------*/
#Container{
	background:url("../images/container_bg.gif") repeat 0 0;
}
body.Nds #Container{
}


/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
	background-image:url("../images/background_img.gif");
	background-color:transparent;
	background-attachment:scroll !important;
	background-position:50% 146px !important;
}
body.Nds #Content{
		background:none;
}


/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#Header{}

/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{}

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{
	width:960px;
	height:1120px;
	position:relative;
	margin:0 auto 0 auto;
}
#Main.detail{height:auto !important;}


/*-------------------------------------
h1
---------------------------------------*/
#Main div.section h1{
	width:728px;
	padding:60px 0 7px 0;
	margin:0 auto 0 auto;
}


/*-------------------------------------
txt
---------------------------------------*/
#Main div.section p.txt{
	width:479px;
	padding:0 0 20px 0;
	margin:0 auto 0 auto;
}


/*-------------------------------------
ul
---------------------------------------*/
#Main div.section ul{
	width:907px;
	height:599px;
	position:relative;
	margin:0 0 0 54px;
}
#Main div.section ul li{
	width:256px;
	height:257px;
	position:absolute;
}
#Main div.section ul li.img01{top:7px;left:0;}
#Main div.section ul li.img02{top:26px;left:303px;}
#Main div.section ul li.img03{top:0px;left:610px;}
#Main div.section ul li.img04{top:342px;left:20px;}
#Main div.section ul li.img05{top:323px;left:331px;}
#Main div.section ul li.img06{top:303px;left:651px;}


/*-------------------------------------
item
---------------------------------------*/
#Main p.item01{position:absolute;width:118px;height:118px;top:81px;left:156px;}
#Main p.item02{position:absolute;width:104px;height:95px;top:88px;left:705px;}
#Main p.item03{position:absolute;width:282px;height:442px;top:637px;left:-228px;}



/*-----------------------------------------------------
ModalWindow
-------------------------------------------------------*/
#ModalWindow{
	width:100%;
	height:100%;
	min-width:960px;
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}

/* bg
---------------------*/
#ModalWindow div.bg{
	width:100%;
	height:100%;
	min-width:960px;
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	z-index:1001;
}

/* bg
---------------------*/
#ModalWindow div.content{
	width:880px;
	height:695px;
	position:absolute;
	top:0;
	left:0;
	z-index:1002;
}


/*-----------------------------------------------------
Detail
-------------------------------------------------------*/
#Detail{position:relative;margin:0 auto 0 auto;}
#Main #Detail{margin-top:100px;margin-bottom:100px;}


/*-------------------------------------
about
---------------------------------------*/
#Detail.about{
	width:880px;
	height:620px;
	background:url("../images/modal_about_bg.png") no-repeat 0 0;
}

/* h2
---------------------*/
#Detail.about h2{
	width:100%;
	padding:30px 0 11px 0;
	text-align:center;
}

/* lead
---------------------*/
#Detail.about p.lead{
	width:100%;
	padding:0 0 23px 0;
	text-align:center;
}

/* img
---------------------*/
#Detail.about p.img{
	width:784px;
	margin:0 auto 0 auto;
}

/* btn
---------------------*/
#Detail.about p.btn{
	position:absolute;
	top:386px;
	left:689px;
}

/* pager
---------------------*/
#Detail.about div.pager{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
/* close */
#Detail.about div.pager p.close{
	position:absolute;
	top:-9px;
	right:-13px;
}
/* prev */
#Detail.about div.pager p.prev{
	position:absolute;
	top:285px;
	left:-30px;
}
/* next */
#Detail.about div.pager p.next{
	position:absolute;
	top:285px;
	right:-34px;
}


/*-------------------------------------
spot
---------------------------------------*/
#Detail.spot{
	width:740px;
	height:595px;
	background:url("../images/modal_spot_bg.png") no-repeat 0 0;
}

/* h3
---------------------*/
#Detail.spot h3{
	width:100%;
	padding:31px 0 11px 0;
	text-align:center;
}

/* lead
---------------------*/
#Detail.spot p.lead{
	width:100%;
	padding:0 0 6px 0;
	text-align:center;
}

/* txt
---------------------*/
#Detail.spot p.txt{
	width:100%;
	padding:0 0 19px 0;
	text-align:center;
}

/* img
---------------------*/
#Detail.spot p.img{
	width:636px;
	margin:0 auto 0 auto;
}
#Detail.spot p.img01,
#Detail.spot p.img02{
	position:absolute;
	top:181px;
	left:52px;
}

/* btn
---------------------*/
#Detail.spot p.btn{
	position:absolute;
	top:479px;
	left:624px;
}

/* pager
---------------------*/
#Detail.spot div.pager{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
/* close */
#Detail.spot div.pager p.close{
	position:absolute;
	top:-9px;
	right:-13px;
}
/* prev */
#Detail.spot div.pager p.prev{
	position:absolute;
	top:273px;
	left:-30px;
}
/* next */
#Detail.spot div.pager p.next{
	position:absolute;
	top:273px;
	right:-34px;
}