@charset'UTF-8';



* {
	font-family:"ＭＳ Ｐゴシック", "Osaka", sans-serif;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	color: #CCC;
}



body {

	background-position: center;

}



#container {
	width: 800px;
	height: 1020px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}



#menu {

	float: left;

	width: 180px;

	background-repeat: no-repeat;

}



#homeTop {

	height: 85px;

	width: 800px;

	background-image: url(../img/homeTop.gif);

	background-repeat: no-repeat;

}



#introTop {

	height: 85px;

	width: 800px;

	background-image: url(../img/introTop.gif);

	background-repeat: no-repeat;

}



#tohokuTop {

	height: 85px;

	width: 800px;

	background-image: url(../img/introTop.gif);

	background-repeat: no-repeat;

}



#colorsTop {

	height: 85px;

	width: 800px;

	background-image: url(../img/introTop.gif);

	background-repeat: no-repeat;

}





#remoSenTop {

	height: 85px;

	width: 800px;

	background-image: url(../img/introTop.gif);

	background-repeat: no-repeat;

}





#closeTop {

	height: 85px;

	width: 800px;

	background-image: url(../img/introTop.gif);

	background-repeat: no-repeat;

}



#containts {

	margin-left: 170px;

	padding-top: 50px;

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom: 10px;

}

#foot {

	clear: left;

	text-align: right;

	padding: 20px;

}

ul {

margin: 0 0 0 1em;

padding: 0;

}

#menu .first {

	list-style-type: none;

	padding-top: 5px;

	padding-bottom: 2px;

	font-size: 110%;

}

#menu .second {

	padding-top: 5px;

	padding-bottom: 1px;

	list-style-type: none;

	padding-left: 5px;

}

#menu ul {

	margin-top: 20px;

}

#containtsContainer {
	background-image: url(../img/container.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	height: 1000px;
	width: 800px;
}



#menu .first a {

	color: #666666;

	font-size: 95%;

	font-weight: bold;

	background-image: url(../img/menu.gif);

	background-position: left center;

	background-repeat: no-repeat;

	padding-left: 15px;

}

#menu .first a:hover {

	color: #999999;

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #FF6699;

}

#menu .second a {

	color: #666666;

	font-size: 90%;

}

#menu .second a:hover {

	color: #999999;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #99FFcc;

}

#menu .third a {

	color: #666666;

	font-size: 90%;

}

#menu .third a:hover {

	color: #999999;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #FF6600;

}

#containts .home {
	font-size: 130%;
	line-height: 200%;
	color: #CCCCCC;
}

#menu .first .active {

	color: #999999;

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #FFFFFF;

}

#menu .second .acactive {

	color: #999999;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #FFFFFF;

}



#menu .third .acacactive {

	color: #999999;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #FFFFFF;

}



#containts .intro {

	line-height: 1.5;

	color: #FFFFFF;

	margin-bottom: 20px;

}



#containts .containtsText {
	line-height: 1.5;
	color: #999999;
	margin-bottom: 20px;
}



.right {

	text-align: right;

	color: #FFFFFF;

	line-height: 1.5;

}

#containts h2 {
	font-weight: bold;
	padding-bottom: 10px;
	color: #FFFFFF;
}

#containts h3 {

	line-height: 150%;

	color: #663300;

	font-size: 98%;

	margin-bottom: 10px;

	font-weight: bold;

	margin-top: 5px;

}

#containts .h3Text {

	line-height: 150%;

	color: #996699;

	margin-left: 10px;

	margin-right: 10px;

	margin-bottom: 10px;

}

#menu .third {

	list-style-type: circle;

	padding-bottom: 1px;

	padding-top: 2px;

	font-size: 90%;

	list-style-position: inside;

	padding-left: 5px;

}

h1 {

	display: none;

}

.click {

	text-align: right;

	padding-right: 2px;

	padding-bottom: 5px;

	font-size: 80%;

}

#containts ul {

	line-height: 1.8;

	margin-top: 10px;

}

#containts li {

	padding-left: 20px;

	list-style-type: none;

	background-image: url(../img/leaf.gif);

	background-repeat: no-repeat;

	background-position: left center;

}

#containts a {

	color: #669900;

}

#containts a:hover {

	color: #669999;

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #FFFFFF;

}

h2 .monolith {

	display: none;

}

#containts .monolith {

	display: none;

}

.picRight {

	margin: 3px;

	padding: 2px;

	float: right;

}

.picLeft {

	margin: 3px;

	padding: 2px;

	float:left;

	clear: right;

}

.containtsBox {

	text-align: center;

	padding-top: 2px;

	padding-bottom: 2px;

}

.containtsBox img {

	padding-right: 2px;

	padding-left: 2px;

}

#w3c a {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#w3c a:hover {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#w3c {

	text-align: right;

}

#w3c img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}