@charset "utf-8";

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

 SPAページ
 
================================================== */

/* ===============================================
▼共通
=============================================== */

html {
	color:#333;
	background:#FFF url(../img/bcg_spa.jpg) no-repeat center 500px;
	-moz-background-size:contain;
	background-size:contain;
}

/* ===============================================
▼topMenu
=============================================== */

.item {
	width: 160px;
	height: 160px;
	margin-right:40px;
	margin-bottom:40px;
	float: left;
	position:relative;
}

/* ===============================================
▼information
=============================================== */

#information {
	width:290px;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	position:absolute;
	top:-30px;
	right:0;
}


#information h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:100%;
	margin-bottom:1em;
}

#information dl dt {
	display:block;
	float:left;
	clear:left;
	width:7em;
	padding-top:2px;
	padding-bottom:2px;
	text-indent:0px;
	font-size:80%;
}

#information dl dd {
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:20px;
	padding-left:8em;
	font-size:80%;
	background:#FFF url(../img/line_dotted_x.gif) repeat-x bottom;
}

/* ===============================================
▼credit
=============================================== */

#footer #navi {
	position:absolute;
	top:180px;
}

#credit {
	width:290px;
	position:absolute;
	top:110px;
	right:0;
}

#credit h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:80%;
	margin-bottom:0.5em;
	color:#666;
}

#social {
	position:absolute;
	top:180px;
	right:0;
}

#copyright {
	position:absolute;
	top:180px;
	right:0px;
	font-size:70%;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* ===============================================
▼event
=============================================== */

#event {
	width:290px;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	position:absolute;
	top:0;
	right: 40px;
}


#event h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:100%;
	margin-bottom:1em;
}

#event dl dt {
	display:block;
	float:left;
	clear:left;
	width:7em;
	padding-top:2px;
	padding-bottom:2px;
	text-indent:0px;
	font-size:80%;
}

#event dl dd {
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:20px;
	padding-left:8em;
	font-size:80%;
	background:#FFF url(../img/line_dotted_x.gif) repeat-x bottom;
}

#topMenuRight, #topMenuLeft {
    width:400px;
    float:left;
}


#menu_contact {
  position: relative;
  top: -30px;
}

.clear {
  clear: both;
  width: 100%;
  height: 0;
}