@charset'UTF-8';



* {

	font-style:normal;

	font-weight:normal;

	text-decoration:none;

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 0px;

	margin-left: 0;

}



body {

	font-size: small;

	font-family:'ヒラギノ角ゴ　Pro W3','Hiragino Kaku Gothic Pro','Meiryo','ＭＳ Ｐゴシック', sans-serif;

	background-position: center;

}

#container {

	width: 800px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 20px;

}

#sec1Navi {

	background-image: url(../img/navi.jpg);

	background-repeat: no-repeat;

	width: 180px;

	height: 600px;

	float: left;

}

#sec2Navi {

	background-image: url(../sec2/img/sec2Navi.jpg);

	background-repeat: no-repeat;

	height: 600px;

	float: left;

}

#sec3Navi {

	background-image: url(../sec3/img/sec3Navi.jpg);

	background-repeat: no-repeat;

	height: 600px;

	float: left;

}

#containts {

	background-image: url(../img/topMain.jpg);

	background-repeat: no-repeat;

	height: 500px;

	width: 620px;

}

#sec1Containts {

	background-image: url(../sec1/img/sec1Main.jpg);

	background-repeat: no-repeat;

	width: 620px;

}

#sec3ContaintsFirst {

	background-image: url(../sec3/img/sec3MainFirst.jpg);

	background-repeat: no-repeat;

	width: 620px;

	float: right;

}

#sec3ContaintsSecond {

	background-image: url(../sec3/img/sec3MainSecond.jpg);

	background-repeat: no-repeat;

	width: 620px;

	float: right;

}

#sec3ContaintsThird {

	background-image: url(../sec3/img/sec3MainThird.jpg);

	background-repeat: no-repeat;

	width: 620px;

	float: right;

}

#sec3ContaintsFourth {

	background-image: url(../sec3/img/sec3MainFourth.jpg);

	background-repeat: no-repeat;

	width: 620px;

	float: right;

}

#sec3ContaintsSixth {

	background-image: url(../sec3/img/sec3MainSixth.jpg);

	background-repeat: no-repeat;

	width: 620px;

	float: right;

}

#sec4Containts {

	background-image: url(../sec4/img/sec4Main.jpg);

	background-repeat: no-repeat;

	width: 620px;

	float: right;

}

#containtsContainer {

	float: right;

	width: 620px;

}

#containtsContainer #top {

	background-image: url(../img/topTop.jpg);

	background-repeat: no-repeat;

	height: 100px;

	width: 620px;

}

#containtsContainer #sec1Top {

	background-image: url(../sec1/img/topTop.jpg);

	background-repeat: no-repeat;

	height: 100px;

	width: 620px;

}

#containtsContainer #sec2Top {

	background-image: url(../sec2/img/sec2Top.jpg);

	background-repeat: no-repeat;

	height: 100px;

	width: 620px;

}

#containtsContainer #sec3TopFirst {

	background-image: url(../sec3/img/sec3TopFirst.jpg);

	background-repeat: no-repeat;

	height: 100px;

	width: 620px;

}

#containtsContainer #sec3TopSecond {

	background-image: url(../sec3/img/sec3TopSecond.jpg);

	background-repeat: no-repeat;

	height: 100px;

	width: 620px;

}

#containtsContainer #sec3TopThird {

	background-image: url(../sec3/img/sec3TopThird.jpg);

	background-repeat: no-repeat;

	height: 100px;

	width: 620px;

}

#containtsContainer #sec3TopFourth {

	background-image: url(../sec3/img/sec3TopFourth.jpg);

	background-repeat: no-repeat;

	height: 100px;

	width: 620px;

}

#containtsContainer #sec3TopSixth {

	background-image: url(../sec3/img/sec3TopSixth.jpg);

	background-repeat: no-repeat;

	height: 100px;

	width: 620px;

}

#containtsContainer #sec4Top {

	background-image: url(../sec4/img/sec4Top.jpg);

	background-repeat: no-repeat;

	height: 100px;

	width: 620px;

}

ul {

	width: 170px;

	margin-top: 80px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}

li {

	display: inline;

}

li.first a {

	display: block;

	font-weight: bold;

	color: #990000;

	padding-bottom: 5px;

	padding-top: 10px;

}

li.first a:hover {

	display: block;

	font-weight: bold;

	color: #990000;

	border-left-width: 0.5em;

	border-left-style: solid;

	border-left-color: #990000;

	padding-left: 3px;

}

li.first .active {

	display: block;

	font-weight: bold;

	color: #990000;

	border-left-width: 0.5em;

	border-left-style: solid;

	border-left-color: #990000;

	padding-left: 3px;

}

li.second a {

	display: block;

	font-weight: normal;

	color: #666600;

	padding-left: 10px;

}

li.second a:hover {

	font-weight: normal;

	color: #99CC99;

	padding-left: 10px;

}

li.second .activeActive {

	font-weight: normal;

	color: #99CC99;

	padding-left: 10px;

}

#sec1Foot {

	background-image: url(../sec1/img/sec1Foot.jpg);

	background-repeat: no-repeat;

	clear: both;

	height: 230px;

}

#sec2Foot {

	background-image: url(../sec2/img/sec2Foot.jpg);

	background-repeat: no-repeat;

	clear: both;

	height: 230px;

}

#sec3Foot {

	background-image: url(../sec3/img/sec3Foot.jpg);

	background-repeat: no-repeat;

	clear: both;

	height: 230px;

}

#sec4Foot {

	background-image: url(../sec4/img/sec4Foot.jpg);

	background-repeat: no-repeat;

	clear: both;

	height: 230px;

}

.containtsBox {

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 20px;

}

h2 {

	color: #ffebcd;

	text-align: right;

	padding-right: 10px;

	font-weight: normal;

	padding-bottom: 10px;

}

.text {

	line-height: 1.5;

	text-indent: 1em;

	padding-bottom: 5px;

}

.right {

	text-align: right;

	padding-right: 10px;

}

dl.anthem {

	margin-top: 20px;

	margin-left: 10px;

	line-height: 1.5;

}

dl.anthem dt {

	font-weight: bold;

	color: #999900;

	padding-top: 10px;

}

dl.anthem p {

	color: #669966;

	padding-top: 5px;

	padding-bottom: 10px;

}

ol.three {

	margin-top: 15px;

	margin-left: 30px;

	list-style-position: outside;

}

ol.three li {

	line-height: 1.5;

	font-weight: bold;

	color: #666600;

	padding-bottom: 5px;

	display: block;

}

.picBox {

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 30px;

}

.picBoxGeology {

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 30px;

	background-image: url(../sec2/img/geology.jpg);

	background-repeat: no-repeat;

	background-position: top;

	padding: 10px;

}

.picBox .picText p {

	text-align: left;

	width: 80%;

	margin-right: auto;

	margin-left: auto;

	line-height: 1.3;

	background-color: #dcdcdc;

	padding: 15px;

	margin-top: 5px;

}

ul.fourCountry {

	margin-left: 10px;

	font-weight: bold;

	color: #990000;

	margin-top: 10px;

	margin-right: 0px;

	font-size: 90%;

}

ul.fourCountry li {

	font-weight: bold;

	color: #990000;

}

.fourCountry .fourCountrySecond {

	font-weight: normal;

	padding-left: 10px;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

.fourCountry .fourCountrySecond li {

	font-weight: normal;

	display: block;

	list-style-type: none;

	line-height: 1.5;

	width: 200px;

}

.picText span {

	font-size: 130%;

	color: #FFFFFF;

	float: right;

	background-color: #CCCCCC;

	text-align: center;

	padding: 10px;

	display: block;

	margin-left: 10px;

}

.referenceLeft {

	padding: 5px;

	float: left;

	background-color: #FFFFFF;

	width: 260px;

	text-align: center;

	margin: 5px;

}

.referenceRight {

	padding: 5px;

	float: right;

	background-color: #FFFFFF;

	width: 260px;

	text-align: center;

	margin: 5px;

}

.referenceText {

	padding: 10px;

	width: 95%;

	text-align: left;

	clear: both;

}

.midashi {

	color: #660033;

	text-align: right;

	border-bottom-width: 2px;

	border-bottom-style: dotted;

	border-bottom-color: #660033;

	margin-top: 15px;

	margin-bottom: 5px;

	line-height: 1.5;

	clear: both;

}

.tenti {

	line-height: 2;

	padding-top: 20px;

	padding-right: 30px;

	padding-left: 30px;

	padding-bottom: 20px;

}

.bold {

	font-weight: bold;

}

ul.production {

	margin-top: 50px;

	margin-left: 30px;

	list-style-type: none;

	line-height: 1.5;

	width: 400px;

	color: #666600;

}

.production .pro {

	display: list-item;

	padding-top: 10px;

}

.production .propro {

	display: list-item;

	padding-left: 30px;

}

.production .propropro {

	display: list-item;

	padding-left: 40px;

}

h1 {

	display: none;

}

#containts p {

	text-align: right;

	padding-top: 460px;

}

#containts img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.click {

	text-align: right;

	color: #996600;

	padding-bottom: 5px;

	font-size: 90%;

}

.toTop {

	clear: both;

	text-align: right;

	margin-top: 10px;

}

.toTop a {

	color: #CCCCCC;

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #666666;

}

.toTop a:hover {

	color: #666666;

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

}