@charset "utf-8";

/****************************************************************************
　 index css
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2012.11.01
   Last up date   : 2012.11.01
****************************************************************************/
/*--------------------------------------------------------
　title
--------------------------------------------------------*/
#title {
	width:950px;
	height: 451px;
	margin:0 auto;
	display: block;
}

#title {

}

#title h1 img {
	display: block;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------
　navi
--------------------------------------------------------*/
#title ul.navi {
	width:950px;
	height:51px;
	padding: 0;
	display: block;
	overflow: hidden;
}
#title ul.navi li {
	float:left;
	width:316px;
	height:51px;
	overflow: hidden;
}
#title ul.navi li.on img {
	margin: -51px 0 0 0;
}
#title ul.navi li a:hover img {
	margin: -51px 0 0 0;
}

/*--------------------------------------------------------
　Contents
--------------------------------------------------------*/
#contents {
	margin: 0px auto;
	padding: 0;
	width:922px;
	display: block;
}


/*--------------------------------------------------------
　about
--------------------------------------------------------*/
div.about {
	position: relative;
	display: block;
	clear: both;
	padding: 0;
	height: 816px;
}
div.about img {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top:0;
	left:0;
}
div.about p.text {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 370px;
	top:100px;
	left:555px;
	font-size: 16px;
}






/* リンクの座標設定
---------------------------------------------------- */
#contents .link-master { position: relative; display:block;}
#contents .link-master p {
	margin: 0;
	padding:0;
	display:block;
	position:absolute;
	font-size:14px;
	line-height: 1.4;
	color: #000;
	height: 120px;
}
#contents .link-master ul { margin: 0; padding:0; display:block; position:absolute; }

#contents .link-master a:hover img {
	opacity:0.8;
    filter: alpha(opacity=80);
}
#contents .link-master p.btn a:hover img {
	opacity:0;
    filter: alpha(opacity=0);
}

/*****　リンク位置（座標指定）*****/
#contents .link-master p.btn {
	bottom: 20px;
	right: 20px;
	background-image: url(../ryuhyo_image/tour_btn_o.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#contents .link-master p.txt01,
#contents .link-master p.txt02,
#contents .link-master p.txt03,
#contents .link-master p.txt04,
#contents .link-master p.txt05
{
	width: 556px;
}
#contents .link-master p.txt01 {
	top: 128px;
	left: 23px;
}
#contents .link-master p.txt02 {
	top: 166px;
	left: 23px;
}
#contents .link-master p.txt03 { top: 165px; left: 30px; }
#contents .link-master p.txt04 { top: 150px; left: 30px; }
#contents .link-master p.txt05 { top: 165px; left: 30px; }