@charset "utf-8";

/*
========================================
File Name ： family-area.css
Description ： 「ユニバーサル・ワンダーランド」css
Editor : 
Version : 1.0
Since : 2015-02-15
Last Up Date : 2015-02-15
========================================
*/

#family-area_wrap{
	background:url("/enjoy/family/assets/images/fma_img_main.jpg") no-repeat center top;
}
#family-area_wrap .img_ribbon{
	padding-top:390px;
	background:url("/enjoy/family/assets/images/fma_img_ribbon.png") no-repeat center 390px;
}
#family-area_wrap h1{
	padding:50px 0;
	text-align:center;
}
#family-area_wrap .tagline{
	text-align:center;
}
/*------------------------------------------

	part1
	
-------------------------------------------*/
#family-area_wrap .part1{
	width:100%;
}
#family-area_wrap .part1.imgbgis1{
	background:url("/enjoy/family/assets/images/fma_img_bg1_1.png") no-repeat center 120px;
}
#family-area_wrap .part1 .imgbgis2{
	background:url("/enjoy/family/assets/images/fma_img_bg1_2.png") no-repeat center 670px;
}
#family-area_wrap .part1 .imgbgis3{
	background:url("/enjoy/family/assets/images/fma_img_bg1_3.png") no-repeat center 1190px;
}
#family-area_wrap .part1 .imgbaris{
	background:url("/enjoy/family/assets/images/fma_img_bar_1.png") no-repeat center top;
}
#family-area_wrap .part1 h2{
	padding:60px 0 50px;
}
#family-area_wrap .part1 ul{
	position:relative;
	width:100%;
	height:1990px;
}
#family-area_wrap .part1 li{
	position:absolute;
}
#family-area_wrap .part1 .txt_detail_1{
	left:0; top:0;
}
#family-area_wrap .part1 .txt_detail_2{
	left:0; top:550px;
}
#family-area_wrap .part1 .txt_detail_3{
	right:0; top:1110px;
}
#family-area_wrap .part1 .txt_detail_4{
	left:10px; top:1010px;
}
#family-area_wrap .part1 .txt_detail_5{
	left:0; top:1310px;
}
#family-area_wrap .part1 .txt_detail_6{
	left:40px; top:1580px;
}
#family-area_wrap .part1 .set_usefulinfo{
	background:url("/enjoy/family/assets/images/fma_img_usefulinfo_1.png") no-repeat center top;
	height:238px;
}
#family-area_wrap .part1 .set_usefulinfo dt{
	left:44px; top:2px;
}
#family-area_wrap .part1 .set_usefulinfo .txt_detail{
	left:240px; top:50px;
}
#family-area_wrap .part1 .set_usefulinfo .btn_link{
	left:240px; top:180px;
}
#family-area_wrap .part1 .set_usefulinfo .btn_link a{
	background:url("/enjoy/family/assets/images/fma_btn_usefulinfo_1.png") no-repeat;
	width:360px;
}
/*------------------------------------------

	part2
	
-------------------------------------------*/
#family-area_wrap .part2{
	width:100%;
	margin-top:42px;
}
#family-area_wrap .part2.imgbgis1{
	background:url("/enjoy/family/assets/images/fma_img_bg2_1.png") no-repeat center 390px;
}
#family-area_wrap .part2 .imgbaris{
	background:url("/enjoy/family/assets/images/fma_img_bar_2.png") no-repeat center top;
}
#family-area_wrap .part2 h2{
	padding:100px 0 60px;
	text-align:center;
}
#family-area_wrap .part2 .txt_tagline{
	text-align:center;
}
#family-area_wrap .part2 ul{
	margin-top:20px;
	padding-bottom:70px;
}
#family-area_wrap .part2 .txt_detail_2{
	margin:100px 0 10px;
}
/*------------------------------------------

	part3
	
-------------------------------------------*/
#family-area_wrap .part3{
	width:100%;
	margin-top:-10px;
}
#family-area_wrap .part3.imgbgis1{
	background:url("/enjoy/family/assets/images/fma_img_bg3_1.png") no-repeat center 365px;
}
#family-area_wrap .part3 .imgbaris{
	background:url("/enjoy/family/assets/images/fma_img_bar_3.png") no-repeat center top;
}
#family-area_wrap .part3 h2{
	padding:60px 0 40px;
	text-align:center;
}
#family-area_wrap .part3 .txt_tagline{
	text-align:center;
}
#family-area_wrap .part3 ul{
	position:relative;
	width:100%;
	height:1241px;
	margin-bottom:30px;
}
#family-area_wrap .part3 li{
	position:absolute;
}
#family-area_wrap .part3 .txt_detail_1{
	left:0; top:425px;
}
#family-area_wrap .part3 .txt_detail_2{
	left:130px; top:885px;
}
#family-area_wrap .part3 .txt_detail_3{
	left:452px; top:895px;
}
#family-area_wrap .part3 .set_usefulinfo{
	background:url("/enjoy/family/assets/images/fma_img_usefulinfo_2.png") no-repeat center top;
	height:465px;
}
#family-area_wrap .part3 .set_usefulinfo dt{
	left:20px; top:34px;
}
#family-area_wrap .part3 .set_usefulinfo .txt_detail_1{
	left:210px; top:40px;
}
#family-area_wrap .part3 .set_usefulinfo .txt_detail_2{
	left:210px; top:310px;
}
#family-area_wrap .part3 .set_usefulinfo .btn_link{
	left:210px; top:225px;
}
#family-area_wrap .part3 .set_usefulinfo .btn_link a{
	background:url("/enjoy/family/assets/images/fma_btn_usefulinfo_2.png") no-repeat;
	width:240px;
}
/*------------------------------------------

	part4
	
-------------------------------------------*/
#family-area_wrap .part4{
	background:url("/enjoy/family/assets/images/fma_img_bar_4.png") no-repeat center top;
	width:100%;
	margin-top:25px;
}
#family-area_wrap .part4 h2{
	padding:90px 0 50px;
	text-align:center;
}
#family-area_wrap .part4 ul{
	position:relative;
	width:100%;
	height:525px;
}
#family-area_wrap .part4 .txt_detail_1{
	position:absolute;
	left:0; top:0;
}
#family-area_wrap .part4 .txt_detail_2{
	position:absolute;
	right:0; top:0;
}
/*------------------------------------------

	set_usefulinfo
	
-------------------------------------------*/
#family-area_wrap .set_usefulinfo{
	position:relative;
	width:100%;
}
#family-area_wrap .set_usefulinfo dt,
#family-area_wrap .set_usefulinfo dd{
	position:absolute;
}
#family-area_wrap .set_usefulinfo .btn_link a{
	background-position:left top;
	height:40px;
	display:block;
	font-size:0;
}
#family-area_wrap .set_usefulinfo .btn_link a:hover{
	background-position:left bottom;
}
/*------------------------------------------

	moredetails
	
-------------------------------------------*/
#family-area_wrap .moredetails{
	width:910px;
	text-align:center;
	margin:40px auto 0;
	padding-bottom:88px;
}
#family-area_wrap .moredetails dt{
}
#family-area_wrap .moredetails dd{
	background:#000;
	width:462px;
	margin:0 auto;
}
#family-area_wrap .moredetails dd a{
	position:relative;
	display:block;
	width:460px;
	height:288px;
	margin:0 auto;
	border:1px #805f18 solid;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#family-area_wrap .moredetails dd a:hover{
	/*border:1px #fff100 solid;*/
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
/*------------------------------------------

	comments
	
-------------------------------------------*/
.comments{
	width:910px;
	margin:0 auto;
	font-size: 1.2rem;
    line-height: 1.0;
}