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

body{
	background:url(../img/body_bg.jpg) #fff no-repeat center 51px;
	color:#000;
	}

a{
	color:#f4da00;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	color:#f4da00;
	}

#contents a:hover img{
	filter: alpha(opacity=45);
  -moz-opacity:0.45;
  opacity:0.45;
	}



#wrap{
	width:980px;
	margin:0 auto 30px auto;
	}
	
#top_main{
	position:relative;
	width:980px;
	margin-bottom:25px;
	}

#top_main h1{
	text-align:center;
}
	
#top_main h2.read{
	text-align:center;
	}
	
#top_main h2.main_img{
	text-align:center;
	}



/* ec
--------------------------------------------------------- */

#ec{
	width:980px;
	background:url(../img/ec_bg.png) repeat 0 0;
	padding:0;
	margin-bottom:45px;
	}
#ec:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
   line-height:0;
}
#ec { display: inline-block; }
* html #ec { height: 1%; }
#ec { display: block; }

#dhd_area{
	width:475px;
	margin:0 30px 0 0;
	float:left;
	}


#dhd_area_inn{
	width:435px;
	padding:0 19px 15px 19px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
	border-left:#000 solid 1px;
	min-height: 300px;
	}
	
#dhd_area h3{
	margin-bottom:9px;
	}

#dhd_area ul{
	margin-bottom:0px;
	}
#dhd_area ul:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
   line-height:0;
}
#dhd_area ul { display: inline-block; }
* html #dhd_area ul { height: 1%; }
#dhd_area ul { display: block; }


#dhd_area li{
	float:left;
	margin:0 7px 4px 0;
	}

#dhd_detail{
	background-color:#424242;
	color:#FFF;
	padding:8px 7px;
	}

.dhd_txt{
	text-align:center;
	font-size:12px;
	margin-bottom:15px;
	}


#dhd_detail p{
	font-size:12px;
	line-height:140%;
	}



#sell_rental_area{
	width:475px;
	margin:0 0 0 0;
	float:left;
	}


#sell_rental_area_inn{
	width:435px;
	padding:0 19px 13px 19px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
	border-left:#000 solid 1px;
	min-height: 300px;
	}

#sell_rental_area_inn:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
   line-height:0;
}
#sell_rental_area_inn { display: inline-block; }
*html #sell_rental_area_inn { height: 1%; }
#sell_rental_area_inn { display: block; }
	
#sell_rental_area li{
	float:left;
	margin:0 7px 4px 0;
	}


#sell_rental_area h2{
	}


#sell_rental_area h3{
	width:288px;
	margin-bottom:8px;
	}
	
#sell_rental_area ul{
	}
#sell_rental_area ul:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
   line-height:0;
}
#sell_rental_area ul { display: inline-block; }
*html #sell_rental_area ul { height: 1%; }
#sell_rental_area ul { display: block; }


#sell_rental_area li a:hover{
	filter: alpha(opacity=40);
  -moz-opacity:0.40;
  opacity:0.40;
	}

#sell_rental_area .left{
	width:288px;
	float:left;
	margin:0 17px 0 0;
	}

#sell{
	margin-bottom:12px;
	}

#rental{

	}


#pkg_img{
	float:left;
	width:130px;
	}

/*cp_bn*/
#cp_bn{
	position:absolute;
	display:block;
	width: 133px;
	height: 130px;
	top: 393px;
	right: 0;
}
/*------------------------

SNS

------------------------*/
#social-container{
	position:absolute;
	display:block;
	width:265px;
	top:7px;
	right:5px;
}

#social-container div{
	float:left;
}
.social-btn{
	float:left;
	margin-right:5px;
}

#twitter-btn{
	width:70px;
}

#facebook-btn{
	width:70px;
}

#google-btn{
	width:32px;
}

#mixi-btn{
	width:70px;
}

	


/* trailer
--------------------------------------------------------- */
#trailer{
	text-align:center;
	margin-bottom:20px;
	width:980px;
	}


#trailer_inn{
	width:853px;
	padding:0 62px 23px 63px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
	border-left:#000 solid 1px;
	}



#trailer:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
   line-height:0;
}
#trailer { display: inline-block; }
* html #trailer { height: 1%; }
#trailer { display: block; }


#trailer ul{
	padding:0;
	margin:0 auto;
	width:960px;
	font-size:13px;
	font-weight:bold;
	}

#trailer ul li{
	display:block;
	list-style:none;
	text-align:center;
	line-height:30px;
	letter-spacing:1px;
	float:left;
	width:50%;
}

#trailer ul li a{
	padding:5px 0 0;
}

#trailer ul li a {
	color:#96ca20;
	background-color:#040714;
	text-decoration:none;
	display:block;
}

#trailer ul li a:hover {
	color: #040714;
	background-color:#96ca20;
	text-decoration:none;
}


#trailer ul li a.selected{
	color: #040714;
	background-color:#96ca20;
}


#other{
	text-align:center;
	margin-top:20px;
	}


/* bnr_area
--------------------------------------------------------- */

#bnr_area{
	padding:25px 0 10px 0;
	background:#333333;
	}

#bnr_area_inn{
	width:980px;
	margin:0 auto;
	}

#bnr_area_inn ul{
	}
#bnr_area_inn ul:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
   line-height:0;
}
#bnr_area_inn ul { display: inline-block; }
* html #bnr_area_inn ul { height: 1%; }
#bnr_area_inn ul { display: block; }	



#page_bnr{
	clear:both;
	padding-bottom:18px;
	}	

#page_bnr li{
	float:left;
	margin:0 10px 0 0;
	}

#offiicial_bnr{
	width:980px;
	padding-bottom:15px;
	}

	
#offiicial_bnr li{
	float:left;
	margin:0 10px 0 0;
	}

#top_footerleft{
	margin:0px 31px 0 0;
	padding:4px 12px 0px 12px;
	float:left;
	width:355px;
	height:44px;
	background-color:#e0e0e0;
}

#top_footerleft span{
	text-align:center;
	margin-bottom:1px;
	color:#000;
	font-weight:bold;
	}

#top_footerleft li{
	float:left;
	width:166px;
	height:22px;
	list-style:none;
	margin-right:6px;
}
#top_footerleft li.last{
	margin-right:0px;
}


#snss{
	width:590px;
	display:block;
	float:left;
}

#snss li{
	margin-right:10px;
	float:left;
	list-style:none;
	}

#snss li.last{
	margin-right:0;
	}

	
/*-------------------
fox-sns
--------------------*/

#fox-sns{
	width:358px;
	background-color:#c1ad4b;
	padding:5px 7px 2px 7px;
	margin-right:18px;
	float:left;
	}
#fox-sns:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
#fox-sns { display: inline-table; }  
/* Hides from IE-mac \*/  
* html #fox-sns { height: 1%; }  
#fox-sns { display: block; }  
/* End hide from IE-mac */  

#fox-sns h3{
	float:left;
	margin-right:14px;
	}

#fox-sns .fox-sns-btn{
	float:left;
	width:141px;
	}

#fox-sns .fox-sns-btn li{
	margin-bottom:3px;
	list-style:none;
	}
	
	
.non{
	filter: alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;
	}