@charset "utf-8";
#wrapper #nav ul#g-nav li#nav1 { background: url('../images/common/nav1-hover.jpg') left top no-repeat; }


/* banner
----------------------------------------------- */
#banner {
	background: #0f71a4 url('../images/common/banner-background.jpg') left top repeat-x;
}

#banner img {
	display: block;
	margin: 0 auto;
}


/* contents
----------------------------------------------- */
#contents {
	padding: 0 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#contents #index-left {
	border-top: 2px solid #3c5067;
	width: 580px;
}

#contents #index-left #intro h3 {
	font-weight: bold;
	font-size: 110%;
	padding: 15px 0;
}

#contents #index-left #intro #nav-intro {
	width: 580px;
	background: #3c5067;
	padding-top: 10px;
}

#contents #index-left #intro #nav-intro li {
	float: left;
	margin-left: 10px;
	/margin-left: 5px;
	/margin-right: 5px;
	text-align: center;
	font-size: 90%;
}

#contents #index-left #intro #nav-intro li a {
	/*background: #6784a5;*/
	background: url('../images/common/nav-nonactive.jpg') center bottom no-repeat;
	color: white;
	width: 180px;
	display: block;
	padding: 6px 0 14px 0;
}

#contents #index-left #intro #nav-intro li a:hover {
	/*background: url('../images/common/nav-nonactive-hover.jpg') center bottom no-repeat;*/
	background-image: url('../images/common/nav-nonactive-hover.jpg');
	color: black;
	text-decoration: none;
}

#contents #index-left #intro #nav-intro li.active a {
	background: white;
	color: black;
	padding: 6px 0 14px 0;
}

#contents #index-left #intro #nav-intro li#nav-intro-pdf a {
	background: url('../images/common/nav-pdf.jpg') right bottom no-repeat;
}

#contents #index-left #intro #nav-intro li#nav-intro-pdf a:hover {
	background: url('../images/common/nav-pdf-hover.jpg') right bottom no-repeat;
}

#contents #index-left #intro .tab-contents {
	padding: 10px 15px;
}

#contents #index-left #intro #content-intro li {
	background: url('../images/common/list-redarrow.jpg') left 0.5em no-repeat;
	/background: url('../images/common/list-redarrow.jpg') left 0.5em no-repeat;
	text-indent: 10px;
	/text-indent: 5px;
	padding: 2px 6px;
	float: left;
	padding-right: 15px;
}


/* contents > headlines
----------------------------------------------- */
#contents #index-left #headlines,
#contents #index-left #info {
	width: 280px;
	border-top: 2px solid #3c5067;
}

#contents #index-left #headlines h3,
#contents #index-left #info h3 {
	color: #3c5067;
	font-weight: bold;
	font-size: 120%;
	padding: 15px 0;
}

#contents #index-left #headlines #headlines-list,
#contents #index-left #info #info-list {
	border-top: 1px solid #b1b9c2;
}

#contents #index-left #headlines #headlines-list li,
#contents #index-left #info #info-list li {
	padding: 10px 0;
	line-height: 1.4em;
	border-bottom: 1px dotted #3c5067;
	/border-bottom: expression((this.parentNode.lastChild == this) ? 'none' : '1px dotted #3c5067');
}

#contents #index-left #headlines #headlines-list li:last-child,
#contents #index-left #info #info-list li:last-child {
	border-bottom: none;
}

#contents #index-left #headlines {
	margin-right: 20px;
}

#contents #index-left #headlines h3 {
	float: left;
}

#contents #index-left #headlines #headlines-more {
	float: right;
	padding-top: 15px;
	color: #3c5067;
}

#contents #index-left #headlines .date {
	display: block;
}

#contents #index-left #info #info-list .title {
	display: block;
	font-weight: bold;
}


/* contents > others
----------------------------------------------- */
#contents #index-right {
	width: 300px;
	margin-left: 25px;
}

#contents #index-right #earthquake {
	border: 1px solid #cccccc;
	padding: 15px 15px 10px 15px;
	margin-bottom: 20px;
	line-height:1.1em;
}

#contents #index-right #earthquake #attitude {
	background: url('../images/common/list-arrow.gif') right 0.5em no-repeat;
	float: right;
	color: #3c5067;
	padding: 2px 5px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom:5px;
	border: 1px solid #3c5067;
}

#contents #index-right #others {
	background: #eeeeee;
	padding: 10px 20px;
	text-align: center;
}

#contents #index-right #others #banners img {
	border: 1px solid #3c5067;
	margin: 10px 0;
}

#contents #index-right #others #about {
	margin: 10px 0;
	padding-top: 20px;
	border-top: 1px dotted black;
	text-align: left;
}

#contents #index-right #others #about #contact {
	/*width: 150px;*/
}

#contents #index-right #others #about #contact p {
	/*text-indent: 40px;*/
	font-size: 110%;
	font-weight: bold;
	padding-left: 40px;
	line-height:1.7em;
}

#contents #index-right #others #about #contact p#tel { background: url('../images/common/icon-tel.jpg') left 0.2em no-repeat; }
#contents #index-right #others #about #contact p#fax { background: url('../images/common/icon-fax.jpg') left 0.2em no-repeat; }
#contents #index-right #others #about #contact p#email { background: url('../images/common/icon-email.jpg') left 0.2em no-repeat; }

#contents #index-right #others #about #message {
	/*width: 110px;
	/width: 100px;*/
	line-height:1.4em;
	padding:0 0 10px 0;
}