@charset "utf-8";

/*======================================
	ページ構成
======================================*/


#main-garden{
	clear:left;
	float:right;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	position:relative;
	width:740px;
}

#commonContents-garden{
/*	background:url(../../garden/img/bg-garden.jpg) no-repeat center top; */
	margin:0 auto;
	overflow:hidden;
	width:950px;
	clear:left;
}


/*======================================
	index.html
======================================*/

/* .garden{background:url(../../garden/img/main-garden.jpg) no-repeat center top;} */


#garden-top{
	color:#666;
	height:160px;
	overflow:hidden;
}

#garden-topLeft{
	float:left;
	width:530px;
}

#top-h3{
	margin-top:15px;
}
 
#topicPath li a{
	color:#666;
	text-decoration:underline;
}

#garden-topRight{
	float:left;
	display:inline;
	margin:0 0 0 110px;		/*庭園画像が復活すれば、こちらを使用*/
	/*margin:0 0 0 145px*/;
}


#garden-topRight li{
	float:left;
	margin-right:5px;
}

#garden-topRight li a img:hover,
#gardenImages li a img:hover{
   filter:alpha(opacity=80);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=80)"; /* IE8用 */
    -moz-opacity:0.8; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.8;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.8; /* Firefox 1.5以上, Opera, Safari用 */
}

#gareden-middle{
	height:380px;
	margin-top:20px;
	width:740px;
}

#gareden-middle p{
	float:left;
}

.imgRight{
	margin:0 0 1px 1px;
}

#middle-text{
	width:99px;
	color:#646b64;
	font-size:11px;
	margin:18px 0 0 10px; 
}

.garden-h4{
	clear:left;
	margin-bottom:20px;
}

#garden-flaArea{
	height:300px;
	xmargin-bottom:30px;
	overflow:hidden;
}

#garden-flaBox{
	float:left;
}


#firefly-text{
/* 	background:url(../../garden/img/bg-firefly.jpg) no-repeat; */
	float:left;
	height:300px;
	margin:0 0 0 20px;
	width:320px;
}

#firefly-text p{
	color:#646b64;
	font-size:12px;
	margin:30px 0 0 26px;
	width:250px;
}

#gardenImages{
	width:730px;
	margin:0 5px 20px;
	overflow:hidden;
}

#gardenImages li{
	border:3px solid #b5a452;
	float:left;
	height:144px;
	margin-right:10px;
	width:169px;

}
			 	 
#gardenImages li.no-margin,
#garden-topRight li.no-margin{
	margin:0;
}

.garden-addition{
	clear:left;
	color:#62541f;
	font-size:11px;
	margin:10px 0 20px;
}


#pickup{
	border: 3px solid #b5a452;
	clear: left;
	height: auto;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 10px;
	width: 714px;
	background-image: url(../../hotaru/img/side_bg.jpg);
	background-repeat: no-repeat;
	background-position: 10px 220px;
}

#pickup-img{
	float:left;
	margin-right:30px;
	width:136px;
}

#pickupContents{
	float:left;
	font-size:12px;
	letter-spacing:1.3px;
	line-height:2.5;
	width:548px;
}

#picuupText{
	border-bottom:1px dotted #000;
	color:#232019;
	margin-bottom:15px;
	
}

#translateText{
	color:#232019;
	line-height:2;
}

#translateText h4,
#translateText h5{font-weight:700;}	

#translateText h4{
	font-size:14px;
	color:#6a5a27;
	margin-top:20px;
}

#translateText h5{
	border-left:5px solid #CCD1BB;
	margin:15px 0 10px;
	padding-left:7px;
}

#picuupLogo{
	width:165px;
	text-align:right;
	float:right;
	margin-top:20px;
}

#youtube{
	width:720px;
	padding:20px 10px;
	margin-bottom:15px;
}

#youtube h5{
	font-weight:800;
	font-size:14px;
	margin-bottom:10px;
	text-shadow: 0 0 2px #fff;
}

#youtube .txt{
	padding:0 15px;
	margin-bottom:15px;
	line-height:25px;
}

#youtube_bottom{
	width:720px;
	margin:0 auto 15px;
}

#youtube_bottom h5{
	font-weight:800;
	font-size:14px;
	margin-bottom:10px;
	text-shadow: 0 0 2px #fff;
}

#youtube_bottom .txt{
	padding:0 15px;
	margin-bottom:15px;
	line-height:25px;
}

#youtube_bottom .txt2{
	padding-left:10px;
	line-height:25px;
}

#youtube_bottom #youtube_bottom_left{
	float:left;
	width:510px;
	margin-bottom:15px;
}

#youtube_bottom #youtube_bottom_right{
	float:left;
	width:200px;
	margin:0 0 15px 10px;
}

.ex-box {
/*	background:url(../../garden/img/point_title.jpg) no-repeat 50% 0 #e8e7d0; */
    border: 1px solid #63532a;
    height: auto;
    padding: 50px 10px 20px;
    width: 250px;
	margin:0 0 15px 15px;
}

.ex-box h6{
	font-weight:800;
	margin:0 0 5px 0;
	background:#FFF;
	padding:3px 3px 5px 6px;
	border-left:3px solid #65644c;
}

#youtube_bottom .mb10{
	margin-bottom:10px;
}

#youtube_bottom .caption{
	clear:both;
	padding:0 15px;
}

.trivia_title{
	font-size:16px;
	font-weight:800;
	border-left:5px solid #CCD1BB;
	margin:0 0 10px;
	padding-left:7px;
}

.pickup2{
	border:3px solid #b5a452;
	clear:left;
	height:auto;
	margin-bottom:15px;
	overflow:hidden;
	padding:10px;
	width:714px;
}

.pickup2 p{
	margin-bottom:15px;
}

.pickup2 .left{
	width:450px;
	float:left;
}

.pickup2 .right{
	width:250px;
	float:left;
	padding-left:14px;
}

#garden-middleLeft{
	float:left;
}

#garden-middleLeft{
	float:left;
	width:430px;
}

#garden-middleLeft ul{
	margin-top:3px;
}

#garden-middleLeft li{
	float:left;
	margin-right:1px;
}

#pickup #accordion h3{
	text-align:right;
}

#pointBox{
/*	background:url(../../garden/img/point_bg.jpg) no-repeat 0 0; */
	width:705px;
	height:334px;
	margin:0 auto 10px;
	padding:45px 0 0 15px;
}

#pointBox p{
	line-height:20px;
	padding-left:10px;
}

#pointBox h6{
	margin-bottom:15px;
}

/* .garden2{background:url(../../garden/img/main-garden2.jpg) no-repeat center top;} */

.garden-h4_2{
	clear: left;
	width: 370px;
	height: 34px;
	margin-bottom: 20px;
	padding: 10px 0 0 370px;
	background-image: url(../../hotaru/img/title-firefly.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.resBtn{
	text-align:right;
}


#gardenImages2 {
    margin:15px 5px 20px;
    overflow: hidden;
}
#gardenImages2 li {
    border: 3px solid #B5A452;
    float: left;
    margin-right: 10px;
	height:150px;
}

#pointBox2{
	width: 705px;
	height: 615px;
	margin: 0 auto 10px;
	padding: 45px 0 0 15px;
	background-image: url(../../hotaru/img/point_bg2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}


#pointBox2 p{
	line-height:20px;
	padding-left:10px;
}

#pointBox2 h6{
	margin-bottom:15px;
}