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

		共通

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

* {
	box-sizing:		border-box;
	margin:			0;
	padding:		0;
	font-family:	"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height:	1.6em;
}
html {
	font-size:		14px;
}
body {
	margin:			0;
	padding:		0;
	color:			#555;
/*	background: #ccc;
*/
}

/* -------------------------------------*
	PC/SP
 * -------------------------------------*/
.pc { display: inline-block; }
.sp { display: none; }

/* -------------------------------------*
	回りこみ解除
 * -------------------------------------*/

.clearfix:after		{ display: block; clear: both; height: 0px; visibility: hidden; content: "."; }
.clearfix			{ min-height: 1px; /* IE6、7対策 */ }
* html .clearfix	{ height: 1px; /*¥*//*/	/* MAC IE5.x対策 */ height: auto; overflow: hidden; }


/* -------------------------------------*
	イメージ
 * -------------------------------------*/

img		{ vertical-align: bottom;  max-width: 100%; }

/* -------------------------------------*
	リンク
 * -------------------------------------*/

a			{ text-decoration: none;  color: #ff9900;  margin: 0;  padding: 0; }
a:hover		{ text-decoration: underline;  color: #FCD500; }

a.normal		{ text-decoration: none;  color: #fff; }
a.normal:hover	{ text-decoration: underline;  color: #FCD500; }










a.bn_link:hover	{ opacity: 0.6; }

.page_wrap	{
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
/* debug */
/*
border-left:#efefef solid 1px;
border-right:#efefef solid 1px;
*/
}

/* -------------------------------------*
	ヘッダ（メインビジュアル）
 * -------------------------------------*/
#header	{
	width:		100%;
	height:		750px;
	background:	url(../images_2016/main_visual.png) repeat-x center -300px;
}
nav#top	{
	background:	#0572AB;
	height:	26px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
nav#top ul li	{
	float:	left;
	width:	70%;
	list-style: none;
	color:	#fff;
	font-size: 14px;
	font-weight: normal;
	line-height: 2.0em;
}
nav#top ul li + li	{
	width:	30%;
	text-align:	right;
	font-weight: normal;
}

nav#top ul li h1	{
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	color: #FFFF00;
}

.main_logo	{
	position:	absolute;
	top:	570px;
	left:	5px
}
.main_catch	{
	position:	relative;
	top:	100px;
	left:	45%;
}


/* -------------------------------------*
	開催日時
 * -------------------------------------*/

#date_info	{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
#date_info section	{

	position:	relative;
}
#date_info ul li	{
	float:	left;
	width:	50%;
	list-style: none;
}
img.pref	{
	position:	absolute;
	top:	-100px;
	left:	460px
}

#date_info	{
	width:		100%;
	height:		215px;
	background:	url(../images_2016/bg_date_info.png) repeat-x;
	padding: 5px 0 0 0;
}


/* -------------------------------------*
	お知らせ
 * -------------------------------------*/

#topic_info	{
	background: #efefef;
	padding: 10px 0 30px 0;
}

#topic_info h1	{
	font-size: 20px;
	color: #0572AB;
	margin-bottom: 5px;
}
#topic_info h1:before	{
	content: "◎";
	padding-right: 5px;
	font-size: 24px;
}

#topic_info .time	{
	color: #FF9900;
}

#topic_info section.info_list #news	{
	background: #fff;
	color: #0572AB;
	padding: 1em;
	height: 180px;
	overflow: auto;
	font-size: 14px;
	border:	solid 1px #ccc;
}
#topic_info section.info_list #news p	{
}
#topic_info section.info_list #news p + p	{
	margin-top: 0.6em;
}
#topic_info section.info_list	{
	float: left;
	width: 560px;
}

#topic_info section.banners	{
	float: right;
	width: 385px;
	padding-top:100px;
}

#topic_info section.banners ul li	{
	float: left;
	list-style: none;
	padding: 0 0 10px 10px;
}


/* -------------------------------------*
	試乗
 * -------------------------------------*/

#test_run	{
	padding: 100px 0 60px 0;
}
#test_run h1	{
	background: #FF9900;
	padding: 0.3em 0.8em 0.2em 0.8em;
	width: 564px;
	margin: 20px auto 40px auto;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	letter-spacing: 0.2em;
}
#test_run img.test_run_catch	{
	display: block;
	margin: 0 auto;
}
#test_run p	{
	margin: 10px 90px;
	font-size: 16px;
}
#test_run ul	{
	margin: 40px 20px;
}
#test_run ul li {
	width: 33.33333%;
	float: left;
	padding: 10px 20px;
	list-style: none;
}
#test_run ul li div {
	padding: 25px 10px;
	font-size: 14px;
}


/* -------------------------------------*
	概要・マップ
 * -------------------------------------*/

#outline_info	{
	background:	#efefef;
	padding:	40px 0 120px 0;
}

#outline_info h1	{
	background:	#0572AB;
	color:	#fff;
	font-size:	18px;
	padding:	0.4em;
	margin-bottom:	25px;
	position:	relative;
}
#outline_info h1 span	{
	display:	inline-block;
	margin:	2px 0 0 40px;
}
#outline_info h1:before	{
	content:	url(../images_2016/icon_ttl_outline.png);
	position:	absolute;
}




#outline_info section.outline	{
	float:	left;
	width:	580px;
	background:	#fff;
	padding:	1.5em;
	border:	solid 1px #ccc;
}

#outline_info section.facebook	{
	float:	right;
	width:	345px;
	border:	solid 1px #ccc;
}

#outline_info section.outline table	{
	letter-spacing:	0.1em;
}
#outline_info section.outline th	{
	padding:	1em 0.5em;
	white-space:	nowrap;
	vertical-align:	top;
	color:	#0572AB;
	border-bottom:	1px #ccc dotted;
}
#outline_info section.outline td	{
	padding:	1em 0.5em;
	vertical-align:	top;
	border-bottom:	1px #ccc dotted;
}
#outline_info section.outline th.tbl_ask,
#outline_info section.outline td.tbl_ask	{
	border:none;
}

/* google map */
#gmap {
	width:	960px;
	height:	300px;
	margin:	30px auto;
	border:	solid 1px #ccc;
}


/* -------------------------------------*
	フッター
 * -------------------------------------*/

#footer	{
	position:	relative;
	width:		100%;
	height:		215px;
	background:	url(../images_2016/bg_date_info.png) repeat-x;
	padding: 5px 0 0 0;
	color: #efefef;
}

#footer a			{ text-decoration: none;  color: #FCD500;  margin: 0;  padding: 0; }
#footer a:hover		{ text-decoration: underline;  color: #ff9900; }


#footer section.info img.footer_logo	{
	display:	block;
	width:	320px;
	margin:	0 auto;
}
#footer section.info h1	{
	font-size: 14px;
}
#footer section.info div	{
	text-align:	center;
	font-size: 12px;
}


#footer section.info	{
	float: left;
	width: 400px;
	padding-top:4px;
}

#footer section.banners	{
	float: right;
	width: 385px;
	padding-top:40px;
}

#footer section.banners ul li	{
	float: left;
	list-style: none;
	padding: 0 0 10px 10px;
}


#copyright {
	width:		100%;
	background:	#FF9900;
	text-align:	center;
	color:	#efefef;
	padding: 0.5em 0;
	font-size: 12px;
}


/* -------------------------------------*
	ページTOPへ戻る
 * -------------------------------------*/

#btn_top	{
	margin-top:	-240px;
}
#btn_top a	{
	display: block;
	width:	92px;
	height:	92px;
	margin: 0 auto;
	background:	url(../images_2016/btn_top.png);
}
#btn_top a:hover	{
	background:	url(../images_2016/btn_top_hover.png);
}