@charset "utf-8";
/* CSS Document */

/**********************************************************************/
/*                                                                    */
/* トップページ専用                                                   */
/*                                                                    */
/**********************************************************************/

/************************************************************/
/* 基本領域                                                 */
/************************************************************/
.topcontents{
	margin:0 auto;
	width:960px;
	text-align:left;
}
.pluginBoxDivider{
	margin-bottom:3px !important;
}
/************************************************************/
/* ヘッダ                                                   */
/************************************************************/
/****************************************/
/* FPV                                  */
/****************************************/
#headerwrapper{ /* ヘッダの背景の位置ベース */
	position:relative;
	z-index:10;
}
#header #headline{
	height:416px;
	overflow:visible;
	position:relative;
	z-index:10;
}
#header #headline div{
	position:absolute;
	z-index:100;
}
#header #headline .logo{
	padding:20px 0 0 15px;
}
#header #headline .approval{
	padding:4px 0 0 15px;
}
#header #headline .image1{
	top:262px;
	left:45px;
}
#header #headline .image2{
	top:32px;
	left:280px;
}
#header #headline .image3{
	top:46px;
	right:140px;
}
#header .background{
	padding-bottom:16px;
	min-width:960px;
	width:100%;
	/*IE6*/_width:expression(document.body.clientWidth < 962? "960px" : "auto");
	position:absolute;
	z-index:-1;
	top:25px;
	left:0;
	background:url(../images/bg-head2.gif) repeat-x left bottom;
}
#header .background div{
	height:400px;
	overflow:hidden;
}
#header .background img{
	width:100%;
	height:auto;
}
/****************************************/
/* ナビゲーション                       */
/****************************************/
#header .navigatewrapper{
	padding-top:1px;
	min-width:960px;
	/*IE6*/_width:expression(document.body.clientWidth < 962? "960px" : "auto");
	background:#FFF;
}
#header .navigate{
	margin:0 auto;
	width:960px;
	text-align:left;
}
#header .navigate ul li{
	width:120px;
	float:left;
}
#header .navigate ul li a{
	padding:12px 0 16px 0;
	background:repeat-x left bottom;
	display:block;
	text-align:center;
}
#header .navigate ul li.navi1 a,
#header .navigate ul li.navi3 a,
#header .navigate ul li.navi5 a,
#header .navigate ul li.navi7 a{
	background-color:#F4F4F4;
	background-image:url(../images/bg-gnavi1.gif);
}
#header .navigate ul li.navi2 a,
#header .navigate ul li.navi4 a,
#header .navigate ul li.navi6 a,
#header .navigate ul li.navi8 a{
	background-color:#FFF;
	background-image:url(../images/bg-gnavi2.gif);
}
/************************************************************/
/* コンテンツ                                               */
/************************************************************/
/****************************************/
/* コンセプトのところ                   */
/****************************************/
#top1{
	padding:50px 0 80px 0;
	text-align:center;
	background:url(../images/pict-top1.png) no-repeat right 72%;
}
#top1 h2{
	margin-bottom:25px;
}
#top1 p{
	font-size:1.8em;
}
#top1 h3{
	margin-bottom:25px;
}
/****************************************/
/* 体験内容のところ                     */
/****************************************/
.topballwrapper{
	padding:40px 0 15px 0;
	min-width:960px;
	/*IE6*/_width:expression(document.body.clientWidth < 962? "960px" : "auto");
	background:url(../images/bg2.gif);
}
#top2 h3{
	margin-bottom:30px;
}
#top2 p{
	font-size:1.5em;
	text-shadow:
		 0 2px 4px rgba(255,255,255,1.0)
		,0 -2px 4px rgba(255,255,255,1.0)
		,2px 0 4px rgba(255,255,255,1.0)
		,-2px 0 4px rgba(255,255,255,1.0)
		,0 1px 4px rgba(255,255,255,1.0)
		,0 -1px 4px rgba(255,255,255,1.0)
		,1px 0 4px rgba(255,255,255,1.0)
		,-1px 0 4px rgba(255,255,255,1.0)
		,0 2px 4px rgba(255,255,255,1.0)
		,0 -2px 4px rgba(255,255,255,1.0)
		,2px 0 4px rgba(255,255,255,1.0)
		,-2px 0 4px rgba(255,255,255,1.0)
		,0 1px 4px rgba(255,255,255,1.0)
		,0 -1px 4px rgba(255,255,255,1.0)
		,1px 0 4px rgba(255,255,255,1.0)
		,-1px 0 4px rgba(255,255,255,1.0)
		,0 2px 4px rgba(255,255,255,1.0)
		,0 -2px 4px rgba(255,255,255,1.0)
		,2px 0 4px rgba(255,255,255,1.0)
		,-2px 0 4px rgba(255,255,255,1.0)
		,0 1px 4px rgba(255,255,255,1.0)
		,0 -1px 4px rgba(255,255,255,1.0)
		,1px 0 4px rgba(255,255,255,1.0)
		,-1px 0 4px rgba(255,255,255,1.0)
		,0 2px 4px rgba(255,255,255,1.0)
		,0 -2px 4px rgba(255,255,255,1.0)
		,2px 0 4px rgba(255,255,255,1.0)
		,-2px 0 4px rgba(255,255,255,1.0)
		,0 1px 4px rgba(255,255,255,1.0)
		,0 -1px 4px rgba(255,255,255,1.0)
		,1px 0 4px rgba(255,255,255,1.0)
		,-1px 0 4px rgba(255,255,255,1.0)
	;
}
#top2 .item1{
	margin:0 0 25px 50px;
	/*IE6*/_margin-left:25px;
	width:420px;
	float:left;
}
#top2 .item2{
	margin:0 30px 25px 0;
	/*IE6*/_margin-right:15px;
	width:420px;
	float:right;
}
/****************************************/
/* お馬さん、FB、問合せ                 */
/****************************************/
#top3 .item1{
	margin:50px 0 85px 0;
	width:475px;
	float:left;
}
#top3 .item1 h2{
	margin-bottom:5px;
}
#top3 .item1 .inner{
	padding:0 0 0 165px;
	height:320px;
}
#top3 .item1 .image1{
	position:absolute;
	top:15px;
	left:5px;
	z-index:100;
}
#top3 .item1 .image2{
	padding:20px 0;
}
#top3 .item1 .image2 dl{
	width:270px;
}
#top3 .item1 .image2 dl dt{
	height:204px;
	overflow:hidden;
	margin-bottom:5px;
}
#top3 .item1 .image2 dl dt img{
	width:270px;
}
#top3 .item1 .image2 dl dd{
	font-size:1.4em;
	font-weight:bold;
}
#top3 .item1 .image2 dl dd.text{
	font-weight:normal;
	height:3.6em;
	overflow:hidden;
}
#top3 .item2{
	margin:50px 0 85px 0;
	width:445px;
	float:right;
}
#top3 .item2 h2{
	margin-bottom:5px;
}
#top3 .item2 .inner{
	height:320px;
}
#top3 .item2 .image{
	padding:10px;
}
#top3 .item3{
	clear:both;
}
#top3 .item3 .inner{
	background:url(../images/photo-top4.jpg) no-repeat right top #FFF;
	padding:10px 240px 10px 15px;
}
#top3 .item3 h2{
	float:left;
}
#top3 .item3 p{
	font-size:1.4em;
	line-height:1.8em;
}
#top3 .item3 .text{
	padding:10px 0 15px 0;
	width:520px;
	float:right;
}
#top3 .item3 ul{
	margin-right:16px;
	/*IE6*/_margin-right:8px;
	padding:6px 5px;
	border:dotted #7E5428 1px;
	border-radius:3px;
	float:right;
}
#top3 .item3 ul li{
	padding:0 20px;
	float:left;
}
#top3 .item3 ul li img{
	vertical-align:middle;
}