@charset "utf-8";
/* CSS Document */


/* 共通 ----------------------------------------------------------------- */

body.portal {
	background: #020202 url(../design-image/portal/portal-bg.png) repeat-x center top;
}

.portal #header-name a {
	width: 336px;
	height: 118px;
	background: url(../design-image/portal/portal-headLogo.png) no-repeat left top;
	left: -66px;
}

.portal #content {
	background: #FFFFFF url(../design-image/portal/portal-content-inner.gif) repeat-x left bottom;
}


/* HOME .main-index ----------------------------------------------------------------- */

/* header */

.main-index #header {
	/*background: #000 url(../design-image/portal/main-header.jpg) repeat-x center bottom;*/
	height: 620px;
}


.main-index #header-inner,
.portal #header-description {
	position: absolute;
	left: -9999px;
	display: block;
	top: -9999px;
}

#headerFlash {
	overflow: hidden;
}

#headerFlash-inner,
#newsFlash-inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#newsFlash {
	height: 45px;
}

#noflash {
	margin-bottom: 0px;
	line-height: normal;
	padding-top: 12px;
}

#noflash h2 {
	float: left;
	margin-right: 2em;
	width: 180px;
}

#noflash p {
	float: right;
	width: 750px;
	overflow: hidden;
}

#noflash p a {
	color: #FFFFFF;
	float: left;
	margin-right: 5em;
}

/* footer */

.main-index #footer {
	background: #000000;
	margin-top: 0px;
}

.main-index #footer-inner {
	width: 960px;
	padding-top: 48px;
	background: none;
}

.main-index #footer-inner h2,
.main-index #footer-inner address img {
	margin-bottom:1em;
}

.main-index ul#footer-nv {
	list-style: none;
	margin-left: 0;
	height: 15px;
	overflow: hidden;
	position: relative;
	margin-bottom: 45px;
}

.main-index ul#footer-nv li {
	display: table-cell;
	*display: inline;
	*zoom:1;
	margin-left: 0;
	line-height: normal;
}

.main-index ul#footer-nv li a {
	height: 15px;
	display: block;
	text-indent: -9999px;
	margin-right: 20px;
}

#footer-nv li.nav-access a {
	width: 54px;
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat left top;
}

#footer-nv li.nav-access a:hover {
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat left bottom;
}

#footer-nv li.nav-fair a {
	width: 111px;
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat -54px top;
}

#footer-nv li.nav-fair a:hover {
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat -54px bottom;
}

#footer-nv li.nav-reserve a {
	width: 84px;
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat -178px top;
}

#footer-nv li.nav-reserve a:hover {
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat -178px bottom;
}

#footer-nv li.nav-blog a {
	width: 97px;
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat -454px top;
}

#footer-nv li.nav-blog a:hover {
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat -454px bottom;
}

#footer-nv li.nav-poricy a {
	width: 97px;
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat -262px top;
}

#footer-nv li.nav-poricy a:hover {
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat -262px bottom;
}

#footer-nv li.nav-recruit a {
	width: 56px;
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat -359px top;
}

#footer-nv li.nav-recruit a:hover {
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat -359px bottom;
}

#footer-nv li.nav-home a {
	width: 39px;
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat -415px top;
}

#footer-nv li.nav-home a:hover {
	background: url(../design-image/portal/main-footer-nv.gif) no-repeat -415px bottom;
}


/* content */

.main-index #content {
	background:#FFFFFF url(../design-image/portal/main-content.png) repeat-x center top;
}

*html .main-index #content {
}

.main-index #content-inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
	background: #FFFFFF url(../design-image/portal/main-content.png) repeat-x center top;
	padding: 25px 0;
}

.main-index #topics {
	width: 350px;
	float: left;
	position: relative;
}

.main-index #topics h2 {
	margin-bottom: 20px;
}

.main-index #topics dl {
	line-height: 1.2;
	width: 350px;


}

.main-index #topics dt {
	float: left;
	font-size: 90%;
	width: 5em;
	margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	padding: 0 0 0 1em;
}

.main-index #topics dd {
	margin-bottom: 0.75em;
	background: url(../design-image/portal/line.gif) repeat-x left bottom;
	padding-bottom: 0.75em;
	padding-left: 5em;
}

.main-index p.readmore {
	width: 92px;
	position: absolute;
	top: 3px;
	margin-bottom: 0px;
	height: 15px;
	overflow: hidden;
	left: 90px;
}

.main-index p.readmore a {
	display: block;
	background: url(../design-image/portal/main-readmore.gif) no-repeat left top;
	text-indent: -9999px;
}

.main-index p.readmore a:hover {
	background: url(../design-image/portal/main-readmore.gif) no-repeat left -15px;
}

.main-index ul#banner {
	width: 570px;
	float: right;
	list-style: none;
	margin-left: 0px;
	margin-right: -10px;
	margin-bottom: 0px;
	height: 178px;
	margin-top: 40px;
}

.main-index ul#banner li {
	float: left;
	height: 84px;
	width: 279px;
	overflow: hidden;
	margin-right: 5px;
	margin-bottom: 5px;
}

.main-index ul#banner li a {
	display: block;
	height: 84px;
	width: 279px;
	text-indent: -9999px;
}

li#main-bn-fair a {
	background: url(../design-image/portal/main-bn.png) no-repeat left top;
}

li#main-bn-fair a:hover {
	background: url(../design-image/portal/main-bn.png) no-repeat left -84px;
}

li#main-bn-contact a {
	background: url(../design-image/portal/main-bn.png) no-repeat left -168px;
}

li#main-bn-contact a:hover {
	background: url(../design-image/portal/main-bn.png) no-repeat left -252px;
}

li#main-bn-party a {
	background: url(../design-image/portal/main-bn.png) no-repeat left -336px;
}

li#main-bn-party a:hover {
	background: url(../design-image/portal/main-bn.png) no-repeat left -420px;
}

li#main-bn-inq a {
	background: url(../design-image/portal/main-bn.png) no-repeat left -504px;
}

li#main-bn-inq a:hover {
	background: url(../design-image/portal/main-bn.png) no-repeat left -588px;
}



#topics span,
#p-topics dd span {
	color: #A69186;
	font-size: 90%;
	font-weight: normal;
	margin-left:.3em;
}
#topics a {
	font-weight: bold;
	color: #333;
	display: block;
}
#topics a:hover {
	color: #833400;
	text-decoration:underline;
}


/* CONSEPT #p-concept ----------------------------------------------------------------- */

#p-concept #content-inner {
	height: 744px;
	background: url(../design-image/portal/concept.jpg) no-repeat left top;
	text-indent: -9999px;
	padding: 0;
}

/* GALLERY #p-gallery, ACCESS #p-access ------------------------------------------------ */

#p-gallery #beta dl,
#p-access #beta dl.way dt {
	margin-top: 2em;
}

#p-access #alpha-inner {
	padding: 35px;
}

#p-access #alpha h2 {
	margin-bottom: 0.3em;
}

.accessmap {
	margin-bottom: 15px;
}

.gmaps {
	vertical-align: middle;
	margin: 0 0.5em;
}

/* FORM #p-form ----------------------------------------------------------------------- */

#p-form .asset-content ul li,
#p-inq .asset-content ul li {
	background: none;
}

/* ページ上部のビジュアル ------------------------------------------------------------- */
#p-recruit #content-inner,
#p-form #content-inner,
#p-inq #content-inner {
	padding-top: 340px;
}

#p-recruit #content-inner {
	background: url(../design-image/portal/recruit-visual.jpg) no-repeat center 50px;
}

#p-form #content-inner {
	background: url(../design-image/portal/contact-visual.jpg) no-repeat center 50px;
}

#p-inq #content-inner {
	background: url(../design-image/portal/inq-visual.jpg) no-repeat center 50px;
}


/* Policy #p-policy ----------------------------------------------------------------------- */
#p-poricy h3 {
	font-size: 120%;
	margin-top: 1.5em;
}


/* Topics #p-topics ----------------------------------------------------------------------- */

#p-topics dd {
	line-height:1.4;
	margin-bottom:.7em;
	font-size:110%;
}

.entry-asset {
	margin-bottom: 0;
}

#p-recruit .entry-asset {
	margin-bottom: 40px;
}

#content-inner {
	padding: 50px 50px 90px;
}
th {/*フォーム用上調整*/
	padding-top:1.3em;
}
th,
td {
	line-height: 1.4;
}
.formthick {
	background-color:#F0F0F0;
}
.formthin {
	background-color:#F8F8F8;
}

#beta h1 img {
	margin-bottom:20px;
}
/*エントリー*/
.noticetitle {
	clear:both;
	font-size:20px;
	margin-bottom: 0em;
	line-height: 1.6;
	margin-top: 2em;
	font-weight: bold;
}
.noticeContent {
	margin-top: 2em;
	font-size: 110%;
	position: relative;
}
#inqbtn {
	margin-top:3em;
text-align:right;
}

.noticeFooter {
	clear: both;
	text-align: right;
}
.date,
#p-topics dt {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}


.noticeContent h2 {
	font-size: 120%;
	font-weight: 600;
	border-bottom: 1px dotted #ECECEC;
}
.noticeContent h3 {
	font-weight: 600;
	margin-top: 2em;
}