@charset "utf-8";

/* ===========================================================

	KCJS/topページ用のスタイルシート
	                                                                         2012.7 by FLICKS
	
============================================================ */

#contents {
	padding-top: 20px;
}


/*------------------------------------------------------------
	main_image
------------------------------------------------------------*/
#main_image {
	background: #000000;
	text-align: center;
	border-bottom: 5px solid #489DDE;
}

#main_image .inner {
	width:980px;
	position: relative;
	background: #000000;
	margin-right: auto;
	margin-left: auto;
}

#slider {
	width:900px;
	height:282px;
	overflow:hidden;
	position: relative;
	background: #000000;
	margin-right: auto;
	margin-left: auto;
}

#prevBtn,
#nextBtn {
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

#slider li {
	width:900px;
	height:282px;
	overflow:hidden;
}

#prevBtn {
	display:block;
	width:37px;
	height:45px;
	position:absolute;
	left:3px;
	top:110px;
	z-index:3;
}

#nextBtn {
	display:block;
	width:37px;
	height:45px;
	position:absolute;
	right:3px;
	top:110px;
	z-index:3;
}

#prevBtn a {
	display:block;
	width:37px;
	height:45px;
	background:url(../img/top/slider_prev.gif) no-repeat 0 0;
}

#prevBtn a:hover {
	background:url(../img/top/slider_prev_on.gif) no-repeat 0 0;
}

#nextBtn a {
	display:block;
	width:37px;
	height:45px;
	background:url(../img/top/slider_next.gif) no-repeat 0 0;
}

#nextBtn a:hover {
	background:url(../img/top/slider_next_on.gif) no-repeat 0 0;
}
 6px;

/*------------------------------------------------------------
	message
------------------------------------------------------------*/
#contents #main #message .sign {
	padding-top: 14px;
	overflow: hidden;
}
#contents #main #message .sign img {
	float: right;
}


/*------------------------------------------------------------
	side　(右サイドバー)
------------------------------------------------------------*/
/*----　News　----*/
#side #news {
	display: block !important;
}
#side #facebook {
	padding-top: 0px;
}
#side {
	padding-top: 10px;
}




.sp {
	display: none;
}
/* ===========================================================

	スマホ用（600px以下）
	
============================================================ */
@media screen and (max-width : 600px) {
#main_image .inner #slider {
	width: auto !important;
	overflow: hidden;
	height: auto !important;
}
#main_image .inner #camera_wrap_1 {
 zoom: 62%;
}
#contents #side #news ul li p {
	text-align: left;
}
.sp {
	display: block !important;
}
.pc {
	display: none !important;
}
}