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

/*******************************************************/
/* Core */
/*******************************************************/

@import url("/spl/pg-soga/common/styles/core/common.css");
@import url("/spl/pg-soga/common/styles/core/fonts.css");
@import url("/spl/pg-soga/common/styles/core/gMenu.css");
@import url("/spl/pg-soga/common/styles/core/cMenu.css");
@import url("/spl/pg-soga/common/styles/core/background.css");



/*******************************************************/
/* Index */
/*******************************************************/

/* Menu */

#gMenu #gMenuTop a, #gMenu #gMenuTop a:hover {
	background-position: left top;
}

/* Contents */

#container #contents #mainSwf {
	height: 430px;
	width: 900px;
}

#container #contents #headline {
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
	margin-bottom: 15px;
}

#container #contents #contact, #container #contents #information {
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 170px;
	background-repeat: no-repeat;
	background-position: left top;
}
#container #contents #contact {
	background-image: url(/spl/pg-soga/imgs/index/img-infotitle-contact.png);
}
#container #contents #information {
	background-image: url(/spl/pg-soga/imgs/index/img-infotitle-information.png);
	margin-bottom: 15px;
}
#container #contents #contact .left a {
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 235px;
}

#container #contents #contact .request a {
	margin-right: 10px;
	background-image: url(/spl/pg-soga/imgs/index/btn-request.png);
}

#container #contents #contact .map a {
	background-image: url(/spl/pg-soga/imgs/index/btn-map.png);
}

#container #contents #contact .ecopoint a {
	background-image: url(/spl/pg-soga/imgs/index/btn-ecopoint.png);
	height: 65px;
	width: 180px;
}

#container #contents #information #infoContents {
	border: 1px solid #333;
	margin-bottom: 10px;
	height: 95px;
	width: 470px;
	padding: 5px;
	overflow: scroll;
}

#container #contents #information #infoContents p {
	width: 440px;
}

#container #contents #information .left #freedial {
	height: 70px;
	width: 480px;
	border: 1px dotted #666;
}

#container #contents #information .right {
	width: 180px;
}


#container #contents #information .right .harborcity a {
	height: 95px;
	width: 180px;
	background-image: url(/spl/pg-soga/imgs/index/btn-harborcity.png);
	margin-top: 10px;
}