/* CSS Document */

#main > section{
	padding:40px 0;
	box-sizing:content-box;
}
#main > h2 + section{
	padding:0 0 40px;
}

#main > section > ul,
#main > section > div{
	width:960px;
	padding:0;
	margin:0 auto;
	list-style-type:none;
}





#mainimg{
	margin: 0;
	padding: 0;
	height: 492px;
	overflow: hidden;
	width: 100%;
	position:absolute;
	top:0;
}
#mainimg ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mainimg li{
	width:1192px;
	height: 492px;
	margin:0;
	padding:0 0;
	float:left;
	overflow:hidden;
	position:relative;
}
#mainimg li a{
	position: absolute;
	display: block;
	z-index: 500;
	width: 100%;
	height: 100%;
	top: 0;
	text-indent: 100%;
	white-space: nowrap;
}

#mainimg img{
	display:block;
	width:100%;
}

#mainimg-nav{
}
#mainimg-prev{
	position:absolute;
	top:190px;
	left:30px;
	z-index:1201;
	cursor:pointer;
	width:30px;
	height:80px;
}
#mainimg-next{
	position:absolute;
	top:190px;
	right:30px;
	z-index:1201;
	cursor:pointer;
	width:30px;
	height:80px;
}
#mainimg-prev img,
#mainimg-next img{
	width:100%;
}


nav.pc_only{
	padding-top:469px;
}




#pickup01{
}
#pickup01 ul{
	list-style-type:none;
	height:620px;
	background:url(../img/pickup_bg.png);
	position:relative;
}
#pickup01 ul li{
	margin:0;
	padding:0;
	position:absolute;
}
#pickup01 ul li:nth-child(1){
	top:0;
	left:252px;	
}
#pickup01 ul li:nth-child(2){
	top:358px;
	left:0;	
}
#pickup01 ul li:nth-child(3){
	top:358px;
	left:517px;	
}

#pickup01 ul li img {
    transition: transform 0.4s ease-in-out;
}
#pickup01 ul li a:hover img{
    transform: scale(1.08);
}






#pickup02{
	background:#ffffff;
}
#pickup02 ul{
	list-style-type:none;
	padding:0;
	margin:0 auto;;
}
#pickup02 ul:after {
	display: block;
	clear: both;
	content: "";
}
#pickup02 ul li{
	width:290px;
	padding:0 15px;
	margin:0;
	box-sizing:content-box;
	float:left;
}
#pickup02 ul li p{
	padding:0 15px;
}
.pickup02_btn{
	text-align:center;
}







#topics{
	background:url(../img/topics_bg.jpg) 50% 0 repeat;
}
#main #topics > div{
	width:778px;
	padding-left:91px;
	padding-right:91px;
}
#topics_tab{
	margin:0;
	padding:0;
	list-style-type:none;
}
#topics_tab:after {
	display: block;
	clear: both;
	content: "";
}
#topics_tab li{
	margin:0;
	padding:0 10px 0 0;
	float:left;
}
#topics_tab li img{
	display:block;
	margin:0 auto;
	height:33px;
}
#topics_tab li a{
	display:block;
	border-radius:10px 10px 0 0;
}
#topics .btn_list a{
	background:#a6937c;
	border-radius:10px;
	display:block;
}
#topics .btn_list a img{
	width:100%;
	display:block;
}

#tab_all a			{background-color:#82b105;}
#tab_news a			{background-color:#cb2266;}
#tab_announce a		{background-color:#155fbc;}
#tab_important a	{background-color:#03a07d;}
#tab_campaign a		{background-color:#a06e03;}
#tab_member a		{background-color:#cb2266;}


#tab_all{
	width:101px;
	padding:0;
}
#tab_news{
	width:109px;
}
#tab_announce{
	width:106px;
}
#tab_important{
	width:150px;
}
#tab_campaign{
	width:126px;
}
#tab_member{
	width:120px;
}



#topics_content{
	margin:0;
	padding:0;
	list-style-type:none;
	background:#ffffff;
	border-radius:0 0 10px 10px;
}
#topics_content > li{
	border-top-width:5px;
	border-top-style:solid;
	padding:15px 10px;
	margin:0;
	display:none;
}
#topics h2{
	height:45px;
	margin:0 auto 2ex;
	padding:0;
}
#topics h2 img{
	height:100%;
	display:block;
	margin:0 auto;
}
#topics .btn_list{
	position:relative;
	width:100%;
}
#topics .btn_list a{
	position:absolute;
	width:126px;
	right:0;
}
#topics_content #topics_all			{border-top-color:#82b105;display:block;}
#topics_content #topics_news		{border-top-color:#cb2266;}
#topics_content #topics_announce	{border-top-color:#155fbc;}
#topics_content #topics_important	{border-top-color:#03a07d;}
#topics_content #topics_campaign	{border-top-color:#a06e03;}
#topics_content #topics_member		{border-top-color:#cb2266;}





#fun{
	background:#ffffff;
}
#fun h2{
	height:45px;
	margin:0 auto;
	padding:0;
}
#fun h2 img{
	height:100%;
	display:block;
	margin:0 auto;
}
#fun p{
	text-align:center;
}
#fun ul{
	margin:2em 0 0;
	padding:0;
	list-style-type:none;
}
#fun li{
	margin:0 0;
	padding:10px;
	display:inline-block;
	width:22%;
}

#fun:after {
	display: block;
	clear: both;
	content: "";
}



footer{
	background:#ffffff;
}

/*Facebook*/
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

	

@media screen and (max-width: 639px) {

	#main > section > ul,
	#main > section > div{
		width:auto;
		margin:0 15px;
	}


	#mainimg{
		margin-top:46px;
		position:relative;
		height:148px;
		overflow:hidden
	}
	#mainimg ul{
		position:relative;
		height:148px;
	}
	#mainimg li{
		position:relative;
		width:360px;
		height:148px;
	}

	#mainimg-nav{
		background:url(../../common/img/mainimg_mask_sp.png) 50% 100% no-repeat;
		height:148px;
		width:100%;
		position:absolute;
		top:46px;
		/*z-index:200;*/
	}

	#mainimg-prev{
		top:50px;
		left:30px;
		z-index:2201;
		width:15px;
		height:40px;
	}
	#mainimg-next{
		top:50px;
		right:30px;
		z-index:2201;
		width:15px;
		height:40px;
	}
	
	





	#pickup01{
	}
	#pickup01 ul{
		height:auto;
		position:static;
		background:none;
	}
	#pickup01 ul li{
		position:static;
		padding:8px 0;
	}
	#pickup01 ul li img{
		width:100%;
	}
	
	
	
	
	
	
	#pickup02{
	}
	#pickup02 ul{
		margin:0 auto;
		padding:0 15px;
		list-style-type:none;
		width:auto;
	}
	#pickup02 ul li{
		width:auto;
		padding:15px 0;
	}
	#pickup02 ul li img{
		width:100%;
	}

	.pickup02_btn{
		width:90%;
		margin:0 auto;
	}
	
	

	
	
	#topics{
	}
	#main #topics > div{
		width:auto;
		padding:0;
		margin-bottom:40px;
	}
	#topics h2{
		width:43%;
		height:auto;
		margin:0 0 1ex;
		padding:0;
		float:left;
	}
	#topics_tab{
		clear:both;
	}
	#topics h2 img{
		width:100%;
		height:auto;
	}
	#topics .btn_list{
		float:right;
		width:40%;
		margin-top:8px;
		position:static;
	}
	#topics .btn_list a{
		position:static;
		width:100%;
	}

	#topics_tab li{
		padding:0;
	}
	#tab_all,
	#tab_news,
	#tab_announce{
		width:30%;
	}
	#tab_important{
		width:40%;
	}
	#tab_campaign,
	#tab_member{
		width:50%;
	}
	
	
		
		
	
	
	
	#fun{
	}
	#fun h2{
		width:84%;
		margin:0 0 0;
		padding:0;
	}
	#fun h2 img{
		width:100%;
		height:auto;
	}
	#fun p{
		text-align:left;
	}
	#fun ul{
		margin:0 auto;
		padding:0 0;
		list-style-type:none;
		width:auto;
	}
	#fun li{
		width:auto;
	}
	#fun li img{
		width:100%;
	}
	


	
}