@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: styles.css

		Setting of: General pages
			1: wrapper setting
	}

****************************************************************** */


/*===================================================================
	1: wrapper setting
===================================================================*/
div#wrapper{
	width:100%;
	margin:0 auto;
	background:#8cb41f;
	text-align:center;
}

/*===================================================================
	2: header setting
===================================================================*/
#header{
	width:100%;
	min-width:1011px;
	height:55px;
	background:#ffffff;
	border-top:3px solid #589523;
}

#header #logo{
	width:1011px;
	margin:0 auto;
	position:relative;
}

#header #logo a.niftyLogo{
	width:88px;
	height:31px;
	display:block;
	position:absolute;
	top:12px;
	left:0;
}

#header #logo span{
	float:right;
	position:absolute;
	top:17px;
	right:13px;
}

/*===================================================================
	3: footer setting
===================================================================*/
#footer{
	width:100%;
	min-width:1011px;
	background:#567600;
	color:#ffffff;
}

#footer a{
	color:#ffffff;
}

.guide_inks{
	width:100%;
	background:#6c900c;
}

.guide_inks ul{
	width:1011px;
	margin:0 auto;
	padding:12px 0;
	text-align:center;
}

.guide_inks ul li{
	display:inline;
	margin:5px;
}

.ft_link{
	width:1000px;
	margin:0 auto;
	padding:10px 0 0;
}

.ft_link p{
	margin:0pt;
	padding:0px 0pt 0pt 10px;
	float:left;
	width:260px;
	text-align:left;
}

.ft_link address{
	text-align:right;
	width:700px;
	float:right;
	padding:0 10px 10px;
	font-style:normal;
}

.ft_link address a{
	margin-left:10px;
}

/*===================================================================
	4: contents setting
===================================================================*/
#contents{
	min-width:1011px;
	background:url(/images/facebook/bg_main.jpg) 0 0 repeat-x;
}

.contentsInner{
	min-width:1011px;
	background:url(/images/facebook/bg.gif) 50% 764px no-repeat;
}

.main{
	width:100%;
	min-width:1011px;
	height:764px;
	background:url(/images/facebook/main.jpg) 50% 0 no-repeat;
}

.main .inner{
	width:1011px;
	margin:0 auto;
	position:relative;
}

.main h1{
	text-indent:-9999em;
}

.main .memberNum{
	width:176px;
	height:217px;
	background:url(/images/facebook/bg_member_num.png) 0 0 no-repeat;
	position:absolute;
	top:44px;
	left:30px;
}

.main .memberNum span{
	width:83px;
	height:52px;
	text-indent:-9999em;
	position:absolute;
	top:41px;
	left:27px;
}

.main .memberNum span.num250k{
	background:url(/images/facebook/250k.png) 0 0 no-repeat;
}
.main .memberNum span.num300k{
	background:url(/images/facebook/300k.png) 0 0 no-repeat;
}
.main .memberNum span.num350k{
	background:url(/images/facebook/350k.png) 0 0 no-repeat;
}
.main .memberNum span.num400k{
	background:url(/images/facebook/400k.png) 0 0 no-repeat;
}
.main .memberNum span.num450k{
	background:url(/images/facebook/450k.png) 0 0 no-repeat;
}
.main .memberNum span.num500k{
	background:url(/images/facebook/500k.png) 0 0 no-repeat;
}

.main .btnWrap{
	width:277px;
	height:293px;
	position:absolute;
	top:26px;
	left:723px;
	background:url(/images/facebook/bg_btn.png) 0 0 no-repeat;
	text-align:center;
	padding:7px 0 0;
}

.main .btnWrap ul li.register{
	width:257px;
	height:88px;
	margin:0 auto 5px;
}

.main .btnWrap ul li.login{
	width:256px;
	height:87px;
	margin:0 auto 5px;
}

.main .btnWrap ul li.login_fb{
	width:257px;
	height:47px;
	margin:0 auto;
}

.main .btnWrap ul li.login_jugem{
	width:257px;
	height:47px;
	margin:0 auto;
	margin-top: 5px;
}

.main .btnWrap ul li a{
	display:block;
	width:257px;
	text-indent:-9999em;
}

.main .btnWrap ul li a:hover{
	background-position:0 100% !important;
}

.main .btnWrap ul li.register a{
	height:88px;
	background:url(/images/facebook/btn_register.png) 0 0 no-repeat;
}

.main .btnWrap ul li.login a{
	height:87px;
	background:url(/images/facebook/btn_login.png) 0 0 no-repeat;
}

.main .btnWrap ul li.login_fb a{
	height:47px;
	background:url(/images/facebook/btn_login_fb.png) 0 0 no-repeat;
}

.main .btnWrap ul li.login_jugem a{
	height:47px;
	background:url(/images/facebook/btn_login_jugem.png) 0 0 no-repeat;
}

.main .btnWrap .icon{
	width:75px;
	height:77px;
	background:url(/images/facebook/ico_free.png) 0 0 no-repeat;
	text-indent:-9999em;
	position:absolute;
	top:-26px;
	left:201px;
}

.section{
	width:100%;
	min-width:1011px;
	margin-top:-202px;
}

.section .inner{
	width:1011px;
	margin:0 auto;
}

.section .secTop{
	width:1011px;
	height:29px;
	background:url(/images/facebook/bg_contents_top.png) 0 0 no-repeat;
}

.section .secBtm{
	width:1011px;
	height:29px;
	background:url(/images/facebook/bg_contents_btm.png) 0 0 no-repeat;
}

.section .secMid{
	background:url(/images/facebook/bg_contents.png) 0 0 repeat-y;
	text-align:left;
}

.section .secMid .module1{
	padding:1px 0 0;
}

.module1 h3{
	margin:0 0 7px 67px;
}

.module1 .img_1{
	margin:0 0 16px 54px;
}

.module1 .img_2{
	margin:0 0 13px 82px;
}

.module1 .img_3{
	margin:0 0 16px 49px;
}

.section .secMid .module1{
	padding:1px 0 0;
}

.module2 h3{
	margin:0 0 12px 74px;
}

.module2 .img_1{
	margin:0 0 16px 62px;
}

.module2 .img_2{
	margin:0 0 46px 62px;
}

.module3{
	padding:0 0 30px;
}

.module3 h3{
	margin:0 0 27px 77px;
}

.module3 .imgBox{
	padding:0 62px 3px;
}

.module3 .imgBox .leftBox{
	width:345px;
	float:left;
}

.module3 .img_1, .module3 .img_2{
	margin:0 0 21px;
}

.module3 .img_4{
	width:514px;
	float:right;
}

.module3 .btnWrap{
	width:920px;
	height:306px;
	background:url(/images/facebook/bg_btm_btn.png) 0 0 no-repeat;
	margin:0 0 0 62px;
	position:relative;
}

.module3 .btnWrap ul{
	width:584px;
	position:absolute;
	top:68px;
	left:37px;
}

.module3 .btnWrap ul li.register{
	width:584px;
	height:103px;
	margin:0 0 11px;
}

.module3 .btnWrap ul li.login{
	width:228px;
	height:85px;
	float:left;
}

.module3 .btnWrap ul li.login_fb{
	width:341px;
	height:85px;
	float:right;
}

.module3 .btnWrap ul li.login_jugem{
	width:341px;
	height:85px;
	float:right;
}

.module3 .btnWrap ul li a{
	display:block;
	text-indent:-9999em;
}

.module3 .btnWrap ul li a:hover{
	background-position:0 100% !important;
}

.module3 .btnWrap ul li.register a{
	height:103px;
	background:url(/images/facebook/btn_btm_register.png) 0 0 no-repeat;
}

.module3 .btnWrap ul li.login a{
	height:85px;
	background:url(/images/facebook/btn_btm_login.png) 0 0 no-repeat;
}

.module3 .btnWrap ul li.login_fb a{
	height:85px;
	background:url(/images/facebook/btn_btm_login_fb.png) 0 0 no-repeat;
}

.module3 .btnWrap ul li.login_jugem a{
	height:85px;
	background:url(/images/facebook/btn_login_jugem.png) 0 0 no-repeat;
}

#attention{
	width:1000px;
	margin:0 auto;
	padding:5px 0 20px;
	text-align:left;
	color:#ffffff;
}