/*
	home.css.php
	トップ 固有 CSS
*/

@charset "utf-8";

.home #masthead #crown {
	background	:	url("https://forward-p.co.jp/wp-content/themes/forwardp_v1.1/img/background/topbg.jpg") 0 0 no-repeat ;
	height		:	420px;
	position	:	relative;
}

.home #header_logo {							/*	ロゴ	*/
	top			:	30px;
	left		:	30px;
	box-shadow	:	5px 5px 5px #333;
}

#topmenu{
	width	:	900px;
	margin	:	0px auto;
}

#topmenu li {
	width	:	210px;
	height	:	107px;
	margin-bottom	:	20px;
	margin-right	:	20px;
	box-shadow	:	0px 0px 3px #666;
	float	:	left;
}

#topmenu li:last-child {
	margin-right	:	0;
}

#topmenu li:hover {
	box-shadow	:	0px 0px 4px #f29600;
}

#topmenu li a {
	display	:	block;
	width	:	100%;
	height	:	107px;
	background-color	:	#ffff88;
	position	:	relative;
}

#topmenu li a p.title {
	width	:	200px;
	position	:	absolute;
	bottom	:	0px;
	background-color	:	#f29600;
	background	:	-webkit-linear-gradient( rgba( 255,177, 50, 0.7 ) , rgba( 242, 150, 0, 0.7) );
	background	:	linear-gradient(rgba( 255,177, 50, 0.7 ) , rgba( 242, 150, 0, 0.7));
	color	:	#ffffff;
	padding	:	5px 5px;
	text-align	:	center;
	font-size	:	10px;
	letter-spacing	:	1px;
	text-shadow	:	0px 0px 1px #a36400;
	font-weight	:	bold;
}

#topmenu li a:hover p.title {
	text-shadow	:	0px 0px 1px #ffb132,
					0px 0px 2px #ffffff;
					0px 0px 5px #ffffff;
}

#topmenu li p.description {
	padding	:	10px 20px;
}

body.home article > section {
	width	:	900px;
	margin	:	0px auto;
}

section#news {
	margin-bottom	:	50px;
}

ul.banner_list {
	width	:	900px;
	margin	:	0px auto 70px;
}

ul.banner_list li {
	margin-bottom	:	20px;
}

ul.banner_list a {
	display	:	block;
}