@charset "shift-jis";

/*  INDEX
--------------------
基本設定(初期化)・基本レイアウト
基本(文字/リンク/Margin/ドット線・ライン線)
トップページ
--------------------
*/


/* 基本設定(初期化)・基本レイアウト
----------------------------------------------- */
#container {
	width: 980px;
	margin:0 auto;
	padding: 0 0 40px 0;
	background: #FFF;
	color:#444;
	font-size:12px;
	line-height: 16px;
	text-align:left;
	font-family:Osaka,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,sans-serif;
}
#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6,
#container p,
#container pre,
#container form,
#container blockquote,
#container ul,
#container ol,
#container dl,
#container dd,
#container dt{
	margin: 0;
	padding: 0;
}
#container li {list-style-type:none;}
#container table { border-collapse: collapse; border-spacing: 0; }
#container img {border:none;vertical-align:top;}
#container caption,th {text-align: left;}
#container address {font-style: normal;font-weight: normal;}
#container .clear {clear:both;}
#container .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#container .clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
#container .alpha a img {
	filter: Alpha(Opacity=100);
	opacity: 1;
}
#container .alpha a:hover img { 
	filter: Alpha(Opacity=70); 
	opacity: 0.7;
}
#container .alpha.ts a img {transition: all 0.2s ease-in;}




#header {
	width: 980px;
	margin:0 auto;
}
#container #header  h1 {margin: 0 0 5px 25px; }

#container #topicpath {
	height: 15px;
	margin: 0 0 30px 0;
}
#topicpath li {
	float: left;
	font-size: 10px;
}
#topicpath li span {
	display:block;
	padding: 0 20px 0 10px;
	background: url(../imgs/path_static_bg.gif) no-repeat right center;
	font-size: 10px;
	line-height:15px;
	color: #444;
}
#topicpath li a{
	display:block;
	padding: 0 20px 0 10px;
	background: url(../imgs/path_link_bg.gif) no-repeat right center;
	font-size: 10px;
	line-height:15px;
	color: #2fada7;
}

#contents{
	width:980px;
	margin:0 auto;
	background: url(../imgs/top_contents_bg.gif) center 75px no-repeat;
}

.navigation:before,
.navigation ul:before,
.navigation:after,
.navigation ul:after { content: ""; display: table; }
.navigation:after,
.navigation ul:after { clear: both; }


.side_splaza{
	float: left;
	width:450px;
}
.side_mpms{
	float: right;
	width:450px;
}

#footer{margin:30px 0 0 0;}


/* 基本(文字/リンク/Margin/ドット線・ライン線)
----------------------------------------------- */
/* ---文字設定--- */
.red{				font-size: 12px; line-height: 16px; color: #C00;}
.green{			font-size: 12px; line-height: 16px; color: #696;}

/* ---リンク設定--- */
a:link { 			text-decoration:none; color:#027ABB;}
a:visited { 		text-decoration:none; color:#027ABB;}
a:active { 		text-decoration: none; color:#027ABB;}
a:hover {			text-decoration:underline; color:#027ABB;}

/* ---Margin設定/bottom--- */
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt100 { margin-top: 100px !important; }
.mb00 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }

/* ---ドット線・ライン線の設定--- */
.dot{		background: url(../imgs/dot.gif) left center repeat-x;}
.line{	background: url(../imgs/line.gif) left center repeat-x;}



/* トップページ
----------------------------------------------- */
#container h3{text-align: center;}
strong.title{
	display: block;
	position: relative;
}
strong.title .btn_map{
	display: block;
	position: absolute;
	top: 30px;
	right: 0;
}
em{display: block;}

.navi li{float: left;}
.side_splaza .navi li{width: 150px;}
.side_mpms .navi li{width: 225px;}
.navi a{
	display: block;
	height: 63px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.side_splaza .navi a{
	width: 150px;
	background: url(../imgs/top_splaza_navi.gif) 0 0 no-repeat;
}
.side_mpms .navi a{
	width: 225px;
	background: url(../imgs/top_mpms_navi.gif) 0 0 no-repeat;
}
.side_splaza .navi .sora {		background-position: 0 0;}
.side_splaza .navi .sunpo{		background-position: -150px 0;}
.side_splaza .navi .shun{		background-position: -300px 0;}
.side_mpms .navi .mp {			background-position: 0 0;}
.side_mpms .navi .ms{			background-position: -225px 0;}
.side_splaza .navi .sora:hover {	background-position: 0 -63px;}
.side_splaza .navi .sunpo:hover {	background-position: -150px -63px;}
.side_splaza .navi .shun:hover {	background-position: -300px -63px;}
.side_mpms .navi .mp:hover  {	background-position: 0 -63px;}
.side_mpms .navi .ms:hover {	background-position: -225px -63px;}





/* ---S-PLAZA--- */
#container .splaza h3{
	width: 193px;
	margin:0 0 10px 0;
}
#container .splaza h3 img{
	width: 193px;
	height: 61px;
}

.splaza .column{
	position: relative;
	padding: 10px 20px;
	background: #66C023 url(../imgs/top_sora_bg.gif);
	color: #FFF;
}
.splaza .photo{
	float: left;
	width: 130px;
}
.splaza .photo a{
	display: block;
	width: 100px;
	background: #FFF;
}
.splaza .photo img{
	width: 100px;
	height: 100px;
}
.splaza .data{
	float: right;
	width: 280px;
}
.splaza .column .foot{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 450px;
	height: 10px;
	background: url(../imgs/top_column_foot.png) 0 bottom no-repeat;
}

.splaza #splaza_sunpo .column{
	background:#DEBF7C url(../imgs/top_sunpo_bg.gif);
	color: #333;
}
.splaza #splaza_shun .column{background:#3959C2 url(../imgs/top_shun_bg.gif);}



.splaza .column .btn{
	display: block;
	width: 128px;
	margin:20px 0 0 0;
}
.splaza .column .btn{background:url(../imgs/btn_more_bg.gif);}



.splaza .onlineshop{
	display: block;
	width: 410px;
	margin:0 0 10px 0;
	background: #FFF;
}
.splaza .onlineshop img{
	width: 410px;
	height: 80px;
}




/* ---モートピア--- */
#container .mp h3{padding: 10px 0; background:#FFB305;}
.mp .column{
	position: relative;
	padding: 10px 20px;
	background: #FFB305 url(../imgs/top_mp_bg.gif);
}
.mp .column .foot{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 450px;
	height: 10px;
	background: url(../imgs/top_column_foot.png) 0 bottom no-repeat;
}
#container .mp .column p{margin:20px 0 0 0;}
.mp .column .btn{
	display: block;
	width: 128px;
	margin:20px auto 0;
}
.mp .column .btn{background:url(../imgs/btn_more_bg.gif);}


/* ---レーシングコース--- */
.ms{
	padding: 0 0 20px 0;
	background: #EEE url(../imgs/top_column_foot.png) 0 bottom no-repeat;
}
#container .ms h3{text-align: left;}
#container .ms .head{
	padding: 15px 20px 0;
	background: url(../imgs/top_ms_head.gif) 0 0 no-repeat;
}

.ms .column{
	width: 410px;
	margin:20px auto 0;
	padding: 20px 0 0 0;
	border-top: solid 1px #DCDCDC;
}
.ms .column.edge{
	padding: 0;
	border:none;
}
.ms .column .photo{
	float:left;
	width: 160px;
}
.ms .column .photo img{margin:0 0 5px 0;}
.ms .column .data{
	float:right;
	width: 230px;
}
#container .ms .column p{margin:10px 0 0 0;}
.ms .column a{
	display: block;
	width: 132px;
	margin:10px 0 0 0;
}