@charset "UTF-8";



/* すべてのWebページに適用される */
body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #f5f3eb;
}
.wrapper {
	margin: 0 0 0 80px;
	width: 1200px;
}



/* スクロール枠の箇条書き */


#experiment  {
	width: 650px;
	height: 100px;
	overflow: scroll;
	border: 7px solid moccasin ;
}

#experiment {
	overflow-x: hidden;
	overflow-y: scroll;
}

#experiment li {
	margin: 20px 0 10px 0;
	font-size: 50px;
	color:green;
	list-style-type: none;
}

#experiment li a:link {
	color: #66cdaa;
	text-decoration: none;
}
#experiment li a:visited {
	color: #008000;
	text-decoration: none;
}
#experiment li a:hover {
	color: #99CC00;
	text-decoration: none;
}
#experiment li a:active {
	color: #00CCCC;
	text-decoration: none;
}




/* ヌルヌルスクロール */

html {
	scroll-behavior: smooth;
}









.nav1 {
	margin: 10px 10px 100px 80px;
	height: 50px;
}

h2 {
	color: #442220;
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: 442220;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
p {
	line-height: 160%;
}
a:link {
	color: #6aa4d6;
}
a:visited {
	color: #6aa4d6;
}
a:hover {
	color: #4f7697;
}
a:active { 
	color: #aed3f2;
}
h1 {
	magin: 30px 0 100px 0 ;
	padding: 20px 0 200px 0;
	line-height: 0;
	text-align: left;
}
img {
	border-style: none;
}
h3	{
	color: #442220;
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #442220;
}




/* すべてのページに適用 - navまわり - */
#nav1 li {
	margin: 15px 0 0px 0;
	padding: 10px 0 0px 0px;
	display: inline;                           
	list-style-type: none;
	padding-right: 30px;
}
#nav1 {
	margin: 15px 0 0px 0;
	padding: 10px 0 5px 40px;
	background-image: url("../images/menu-bg-2.png") bottom left;
	background-color:#000000;
}
#nav1 li a:link {
	color: #008000;
	text-decoration: none;
}
#nav1 li a:visited {
	color: #f008000;
	text-decoration: none;
}
#nav1 li a:hover {
	color: #e4dbb9;
	text-decoration: none;
}
#nav1 li a:active {
	color: #ffffff;
	text-decoration: none;
}

.nav1 {
	margin: 10px 10px 10px 80px;
	height: 50px;
}
#nav2 li {
	display: inline;                           
	list-style-type: none;
	padding-right: 30px;
}
#nav2 {
	margin: 15px 0 0px 0;
	padding: 10px 0 5px 40px;
	background-image: url("../images/menu-bg-2.png") bottom left;
	background-color:#000000;
}
#nav2 li a:link {
	color: #008000;
	text-decoration: none;
}
#nav2 li a:visited {
	color: #f008000;
	text-decoration: none;
}
#nav2 li a:hover {
	color: #e4dbb9;
	text-decoration: none;
}
#nav2 li a:active {
	color: #ffffff;
	text-decoration: none;
}

.nav2 {
	margin: 10px 10px 10px 80px;
	height: 50px;
}


h2 {
	color: #442220;
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: 442220;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
p {
	line-height: 160%;
}
a:link {
	color: #6aa4d6;
}
a:visited {
	color: #6aa4d6;
}
a:hover {
	color: #4f7697;
}
a:active { 
	color: #aed3f2;
}
h1 {
	magin: 30px 0 100px 0 ;
	padding: 20px 0 100px 0;
	line-height: 0;
	text-align: left;
}
img {
	border-style: none;
}
h3	{
	color: #442220;
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #442220;
}





.nav2 {
	margin: 10px 10px 10px 80px;
	height: 50px;
}

h2 {
	color: #442220;
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: 442220;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
p {
	line-height: 160%;
}
a:link {
	color: #6aa4d6;
}
a:visited {
	color: #6aa4d6;
}
a:hover {
	color: #4f7697;
}
a:active { 
	color: #aed3f2;
}
h1 {
	magin: 5px 0 100px 0 ;
	padding: 5px 0 100px 0;
	line-height: 0;
	text-align: left;
}
img {
	border-style: none;
}
h3	{
	color: #442220;
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #442220;
}



/* すべてのページに適用 - navまわり - */
#nav2 li {
	display: inline;                           
	list-style-type: none;
	padding-right: 30px;
}
#nav2 {
	margin: 0px 0 20px 0;
	padding: 5px 0 10px 40px;
	background-image: url("../images/menu-bg-2.png") bottom left;
	background-color:#000000;
}
#nav2 li a:link {
	color: #008000;
	text-decoration: none;
}
#nav2 li a:visited {
	color: #f008000;
	text-decoration: none;
}
#nav2 li a:hover {
	color: #e4dbb9;
	text-decoration: none;
}
#nav2 li a:active {
	color: #ffffff;
	text-decoration: none;
}




/*すべてのページに適用 - footer - */
#footer {
	background-image: url(../images/footer-bg.png);
	background-repeat: repeat-x;
	margin-top: 30px;
	padding:20px 0 20px 0;
	font-size: smaller;
	color: #442220;
}





/* 個性のスタイル */





/* index.html */
.news_iteml {
	margin: 0 0 0 0;
}
.keybisual {
	margin: 20px 0 0 0;
}

/* about.html */
.wrapper {
	margin: 0 0 0 80px;
	width: 1200px;
}	
.float img {
	float: left;
	padding-right: 1em;
}
.class {
	clear: right;
}
.clear {
	clear: both;
}
table.info {
	border-collapse: separate;
	border: 1px solid #b78c5f;
}
table.info th,table.info td {
	padding: 8px 8px 8px 8px;
	border: 1px solid #d6c2b5;
	text-align: middle;
}
table.info th {
	background-color: #c99e73;
	color: #442220;
}





/* menu.html */
.menu_block {
	overflow: hidden;
	zoom: 1;
}
.menu_left {
	float: left;
	width: 320px;
	margin-right: 80px;
}
.menu_right {
	float: left;
	width: 340px;
}
/* situmon.html */
.situmon_block {
	overflow: hidden;
	zoom: 1;
}
.situmon_left {
	float: left;
	width: ;
	margin: ;
}






/* contact.html */
,float img {
	float: left;
	padding-right: 1em;
}
form div {
	padding: 12px;
	border-bottom: 1px dashed #d6c2b5;
}
select {
	width: 30em;
}
label {
	color: #442220;
}
input [name=subject] {
	width: 30em;
}
textarea {
	width: 30em;
	height: 6em;
}
input[type=submit] {
	margin: 20px 12px;
	width: 30em;
}

h4 {
	color: #442220;
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: 442220;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
p {
	line-height: 160%;
}
a:link {
	color: #6aa4d6;
}
a:visited {
	color: #6aa4d6;
}
a:hover {
	color: #4f7697;
}
a:active { 
	color: #aed3f2;
}







/* senden.html */


 .slider_fade > li {
	position: absolute;
	list-style: none;
	visibility: hidden;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
    animation: anime_slider_fade 12s 0s infinite;
}
.slider_fade > li:nth-of-type(2) {
    animation-delay: 4s;
}
.slider_fade > li:nth-of-type(3) {
    animation-delay: 8s;
}
 
@keyframes anime_slider_fade {
    0% {
        visibility: visible;
        opacity: 0;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 100%
    }
    15% {
        opacity: 1;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 100%	
    }
    33.3% {
        opacity: 1;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 100%	
    }
    48.3% {
        opacity: 0;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 100%	
    }
    100% {
        opacity: 0;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 100%	
    }
   }
}
</style>