@charset "utf-8";

/*=====================================================================================
	
	Document    : top.css
	Description : トップページ
 
=====================================================================================*/

/*---------------------------------------------------------------------------

   Contents > side

---------------------------------------------------------------------------*/

.side {
	width:255px;
	float:right;
	padding-top:40px;
}


/*-------------------------------------------------------
   アリエッティ
-------------------------------------------------------*/

.kari {
	padding:11px;
	background:url(../image/op-white65.png) repeat left top;
	text-align:center;
}

.kari p { padding:12px; }


/*-------------------------------------------------------
   バナー
-------------------------------------------------------*/

.side .bn {
	list-style:none;
}

.side .bn li {
	margin-top:25px;
	background:url(../image/op-white65.png) repeat left top;
}


/*---------------------------------------------------------------------------

   Contents > main

---------------------------------------------------------------------------*/

.main {
	width:705px;
	float:left;
	padding-top:40px;
}


/*---------------------------------------------------------------------------

   Slide

---------------------------------------------------------------------------*/

.main-slide {
	width:100%;
	height:625px;
	background-color:#0f0f0f;
	position:relative;
	overflow:hidden;
}

.main-slide .slide {
	width:1400px;
	height:625px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-700px;
	z-index:4;
}

.main-slide .slide-photo {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}

.slide-photo .gl {
	width:400px;
	height:625px;
	background:url(../image/top/slide/gl.png) no-repeat left top;
	position:absolute;
	left:0;
	top:0;
	z-index:3;
}

.slide-photo .gr {
	width:400px;
	height:625px;
	background:url(../image/top/slide/gr.png) no-repeat left top;
	position:absolute;
	right:0;
	top:0;
	z-index:3;
}

.slide-photo .bxslider {
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	list-style:none;
}

.ie67 .slide-photo .bxslider {
	margin-right:1400px;
}

.main-slide .bx-pager {
	width:100%;
	height:120px;
	position:absolute;
	left:0;
	bottom:0;
	background:url(../image/op-black80.png) repeat left top;
	z-index:5;
}

.bx-pager ul {
	width:1300px;
	margin:0 auto;
	list-style:none;
	padding:20px 0;
}

.bx-pager li {
	width:130px;
	height:80px;
	margin-left:15px;
	background-color:#000;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	cursor:pointer;
}

.bx-pager li:first-child {
	margin-left:0;
}

.bx-pager li a {
	display:inline-block;
	overflow:hidden;
	filter:alpha(opacity=65);
	opacity:0.65;
	-moz-opacity:0.65;

    -webkit-transition:opacity 0.3s linear;
       -moz-transition:opacity 0.3s linear;
         -o-transition:opacity 0.3s linear;
            transition:opacity 0.3s linear;
}

.bx-pager li a:hover {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}

.bx-pager li .active {
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
	border:2px solid #fff;
}

.bx-pager .active img {
	margin:-2px;
}


/*---------------------------------------------------------------------------

   フォトコンテスト

---------------------------------------------------------------------------*/

.pcon-warp {
	width:100%;
	background:url(../image/op-gold25.png) repeat left top;
}

.pcon {
  background:url(../image/top/pcon-bg.png?d=20161027) no-repeat top center;
}

.pcon-inner {
	width:1000px;
  height:415px;
	margin:0 auto;
}

.pconL {
  float:left;
  padding-top:32px;
}

.pconR {
  float:right;
  margin-top:32px;
}


/*---------------------------------------------------------------------------

   youtube

---------------------------------------------------------------------------*/

.movie {
	width:100%;
  padding-top:40px;
  padding-bottom:40px;
}


/*---------------------------------------------------------------------------

   盛美園ガイドプラン

---------------------------------------------------------------------------*/

.guideplan {
	background:url(../image/op-white65.png) repeat left top;
  margin-bottom:40px;
}


/*---------------------------------------------------------------------------

   ようこそ・ナビゲーション

---------------------------------------------------------------------------*/

.blockA {
	background:url(../image/top/bgA.png) no-repeat center top;
	padding-top:50px;
}

.blockA h2 {
	width:368px;
	height:39px;
	margin:0 auto 25px auto;
	background:url(../image/top/mdA.gif) no-repeat center top;
}

.blockA h2 span {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}


/*-------------------------------------------------------
   ナビゲーション
-------------------------------------------------------*/

.blockA .nav {
	width:1000px;
	margin:0 auto;
	padding-top:40px;
}

.blockA .box {
	width:320px;
	float:left;
	display:inline;
	background:url(../image/op-white65.png) repeat left top;
	padding-bottom:20px;
	padding-top:10px;
	position:relative;
}

.blockA .box:nth-child(2) {
	margin:0 20px;
}

.blockA .box h3 {
	position:absolute;
	right:-10px;
	top:-10px;
	z-index:99;
}

.blockA .box p {
	text-align:left;
	padding:22px;
}

.blockA .box a {
	margin:0 auto;
}


/*---------------------------------------------------------------------------

   お知らせ

---------------------------------------------------------------------------*/

.blockB {
	width:100%;
	position:relative;
	margin-bottom:40px;
}

.blockB h4 {
	width:260px;
	height:438px;
	position:absolute;
	left:-70px;
	top:-50px;
	background:url(../image/top/mdB.png) no-repeat left top;
}

.blockB h4 span {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

.blockB dl {
	margin-left:145px;
	background:url(../image/xline.gif) repeat-x left top;
}

.blockB dt {
	width:104px;
	float:left;
	clear:both;
	text-align:center;
	margin-right:-104px;
	padding-top:15px;
}

.blockB dt a {
	background:url(../image/op-white90.png) repeat left top;
	padding:4px;
	display:block;
}

.blockB dt div {
	width:96px;
	height:70px;
}

.blockB dd {
	padding:18px 0 18px 122px;
	background:url(../image/xline.gif) repeat-x left bottom;
}

.blockB dd a {
	background:url(../image/lm.gif) no-repeat left 0.3em;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-bottom:5px;
	padding-left:22px;
	font-weight:bold;
}


/*---------------------------------------------------------------------------

   売店・休憩所

---------------------------------------------------------------------------*/

.blockC {
	width:100%;
	color:#fff;
}

.blockC .efc-bg {
	background:url(../image/top/bgC.jpg) repeat-y left top;
}

.blockC .photo {
	width:200px;
	float:left;
	clear:both;
	margin:25px;
}

.blockC h5,
.blockC p {
	padding-left:245px;
}

.blockC h5 {
	width:170px;
	height:26px;
	background:url(../image/top/mdC.gif) no-repeat left top;
	margin-top:22px;
	margin-bottom:5px;
}

.blockC h5 span {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

.blockC p {
	padding-bottom:22px;
}

.blockC .cut {
	position:absolute;
	right:25px;
	bottom:-10px;
}