@charset "UTF-8";

/* ===================================
	File Name   : top.css
	Description : Top Page Layout CSS
	Editors     : Taz Sakurai
	Create Date : 2013/07/17

	Update Description :
		2013/07/17 Append - Value Styles [Taz Sakurai]
		2013/07/17 File Create
====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Main Visual
	3. Top About
	4. Top Information
	5. Event Information
	6. Top Contact
	7. 
	*. Clear Release
	
====================================== */





/*===== ■1. Individual Redefinition =====*/
/* Global Navigation */
#Header ul li#BtnTop a,
#Header ul li#BtnTop a:hover {background-position: 0px -250px;}

/* Footer Navigation */

/* Box Setting */
body {
	background: url(img/bg_body-top.jpg) repeat-x center 0px;
}

#Header {
	height: 165px;
}

#Contents {
	background-position: 0px 431px;
}

/* Title Setting */
h1 {
	margin: 0px;
	padding: 18px 0px 0px 14px;
	width: 341px;
	height: 58px;
}

h2 {
	padding: 0px;
}





/*===== ■2. Main Visual =====*/
#MainVisual {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 1008px;
	height: 390px;
}

#MainVisual ul#multiHeroContents {
	position: absolute;
	width: 1008px;
	height: 390px;
	left: 0px;
	z-index: 1;
	overflow: hidden;
}

#MainVisual ul#multiHeroContents li {
	display: inline;
	text-align: center;
}

#MainVisual ul#multiHeroContents li img {
	display: inline;
}

#MainVisual ul#multiHeroControls li#BtnNext {
	position: absolute;
	top: 145px;
	left: -46px;
	z-index: 99;
}

#MainVisual ul#multiHeroControls li#BtnNext a {
	display: block;
	background: url(common/img/img_btn.jpg) no-repeat 0px -330px;
	width: 50px;
	height: 100px;
}

#MainVisual ul#multiHeroControls li#BtnBack {
	position: absolute;
	top: 145px;
	right: -46px;
	z-index: 99;
}

#MainVisual ul#multiHeroControls li#BtnBack a {
	display: block;
	background: url(common/img/img_btn.jpg) no-repeat -60px -330px;
	width: 50px;
	height: 100px;
}

#MainVisual ul#multiHeroControls li#BtnNext a:hover,
#MainVisual ul#multiHeroControls li#BtnBack a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}








/*===== ■3. Top About =====*/
#TopAbout {
	background: url(img/img_top01.jpg) no-repeat right 30px;
}

#TopAbout h3 {
	background: none;
	padding: 40px 0px 0px;
}

#TopAbout p {
	padding: 15px 0px 10px 10px;
	line-height: 1.8;
}

#TopAbout ul li {
	padding: 0px 0px 5px 110px;
}

#TopAbout ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#TopAbout span {
	display: block;
	padding: 0px 20px 0px 0px;
	width: 340px;
}






/*===== ■4. Top Information =====*/
#SideBox {
}

#SideBox dl#TopTopics {
	background: url(img/bg_top-info.jpg) repeat-y;
	margin: 0px 0px 30px;
	width: 280px;
}

#SideBox dl#TopTopics dt {
	padding: 0px 0px 5px;
}

#SideBox dl#TopTopics dd ol li {
	margin: 0px 0px 8px;
	padding: 0px 0px 8px 15px;
	width: 265px;
}

#SideBox dl#TopTopics dd ol li strong {
	display: block;
	background: url(common/img/dia_yellow.jpg) no-repeat 2px 3px;
	padding: 0px 0px 0px 15px;
	width: 240px;
	line-height: 1.1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 108%;
	font-weight: bold;
	color: #00AAE5;
}

#SideBox dl#TopTopics dd ol li p {
	padding: 3px 0px 0px 15px;
	width: 240px;
	line-height: 1.4;
	font-size: 93%;
}

#SideBox dl#TopTopics dd ol li.last-child {
	background: #FFF url(img/bg_top-info-end.jpg) no-repeat top;
	margin: -15px 0px 0px;
	padding: 15px 0px 0px 130px;
	width: 150px;
}

#SideBox dl#TopTopics dd ol li.last-child a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}





/*===== ■5. Top Menu =====*/
#TopMenu {
	display: inline;
	float: left;
	margin: 0px 0px 0px 40px;
	padding: 30px 0px 0px;
	width: 630px;
}

#TopMenu dl {
	display: inline;
	float: left;
	background: url(img/bg_top-menu.jpg) repeat-y;
	margin: 0px 10px 20px 5px;
	padding: 0px 0px 0px;
	width: 300px;
}

#TopMenu dl dd {
	background: url(img/bg_top-menu-end.jpg) no-repeat bottom;
	padding: 0px 0px 15px;
}

#TopMenu dl dd p {
	padding: 10px 15px 10px;
	font-size: 93%;
}

#TopMenu dl dd ul li {
	text-align: center;
}

#TopMenu dl dd ul li img {
	display: inline;
}

#TopMenu dl dd ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}






/*===== ■6.  =====*/







/*===== ■*.Clear Release  =====*/
#****************** {
	/zoom: 1;
}

#******************:after {
	content: '';
	display: block;
	clear: both;
}