@charset "UTF-8";

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




/* background-color: #f5f3eb; 薄い金色*/

/* background-color: #ffffff; 白色*/

/* background-color: #003300; 濃い緑色*/

/* background-color: #f5f3eb; 薄い緑色*/

/* background-color: #e4dbb9; 金色*/




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



#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: 80px 10px 10px 80px;
	height: 50px;
}
.nav2 {
	margin: 0px 0px 0px 0px;
	height: 0px;
}


h1 {
	magin: 30px 0px 100px 0 ;
	padding: 20px 0 200px 0;
	line-height: 0;
	text-align: left;
}
img {
	border-style: none;
}





/* みぶさ文庫に適用 - navまわり - */

/* 濃い緑色 */

#nav9 li {
	display: inline;                           
	list-style-type: none;
	padding-right: 250px;
}

#nav9 {
	margin: 0px 0px 0px 0px;
	padding: 20px 50px 20px 50px;
	background-image: url() bottom left;
	background-color:#003300;
}

#nav9 li a:link {
	color: #ffffff;
	text-decoration: none;
}

#nav9 li a:visited {
	color: #ffffff;
	text-decoration: none;
}

#nav9 li a:hover {
	color: #e4dbb9;
	text-decoration: none;
}

#nav9 li a:active {
	color: #ffffff;
	text-decoration: none;
}







/* ラノベ小説のみぶさ文庫 */


/* 濃い緑色 */

#nav5 li {
	display: inline;                           
	list-style-type: none;
	padding-right: 30px;
}

#nav5 {
	margin: 0 0 0px 0;
	padding: 10px 0 5px 40px;
	background-image: url("../images/menu-bg-2.png") bottom left;
	background-color:#003300;
}

#nav5 li a:link {
	color: #008000;
	text-decoration: none;
}

#nav5 li a:visited {
	color: #ffffff;
	text-decoration: none;
}

#nav5 li a:hover {
	color: #e4dbb9;
	text-decoration: none;
}

#nav5 li a:active {
	color: #ffffff;
	text-decoration: none;
}






/* マスコットキャラ　みけさん　青少年向け */


/* 鮮やかな緑色 */


#nav6 li {
	display: inline;                           
	list-style-type: none;
	padding-right: 30px;
	margin: 0 0 50px 0;
}

#nav6 {
	margin: 0 0 0 0;
	padding: 10px 0 10px 100px; 
	background-image: url("../images/menu-bg-2.png") bottom left;
	background-color:#26896d;
}

#nav6 li a:link {
	color: #ffffff;
	text-decoration: none;
}

#nav6 li a:visited {
	margin: 0 0 0px 0;
	color: #ffffff;
	text-decoration: none;;
}
#nav6 li a:hover {
	color: #ffffff;
	text-decoration: none;
}

#nav6 li a:active {
	color: #ffffff;
	text-decoration: none;
}

#nav6 li  {
	font-size: 2em;
	line-height: -1;
	padding: 0 0 100 0;
}






/* マスコットキャラ　ぶちさん　R-15 専端 */


/* 鮮やかな緑色 */


#nav7 li {
	display: inline;                           
	list-style-type: none;
	padding-right: 30px;
	margin: 0 0 50px 0;
}

#nav7 {
	margin: 0 0 0 0;
	padding: 10px 0 10px 100px;
	background-image: url("../images/menu-bg-2.png") bottom left;
	background-color:#26896d;
}

#nav7 li a:link {
	color: #ffffff;
	text-decoration: none;
}

#nav7 li a:visited {
	margin: 0 0 0px 0;
	color: #ffffff;
	text-decoration: none;;
}
#nav7 li a:hover {
	color: #ffffff;
	text-decoration: none;
}

#nav7 li a:active {
	color: #ffffff;
	text-decoration: none;
}

#nav7 li  {
	font-size: 2em;
	line-height: -1;
	padding: 0 0 100 0;
}







/* マスコットキャラ　さばさん　全年齢対象 */


/* 鮮やかな緑色 */


#nav8 li {
	display: inline;                           
	list-style-type: none;
	padding-right: 30px;
	margin: 0 0 50px 0;
}

#nav8 {
	margin: 0 0 0 0;
	padding: 10px 0 10px 100px;
	background-image: url("../images/menu-bg-2.png") bottom left;
	background-color:#26896d;
}

#nav8 li a:link {
	color: #ffffff;
	text-decoration: none;
}

#nav8 li a:visited {
	margin: 0 0 0px 0;
	color: #ffffff;
	text-decoration: none;;
}
#nav8 li a:hover {
	color: #ffffff;
	text-decoration: none;
}

#nav8 li a:active {
	color: #ffffff;
	text-decoration: none;
}

#nav8 li  {
	font-size: 2em;
	line-height: -1;
	padding: 0 0 100 0;
}









/* すべてのページに適用 - navまわり - */

/* OCCULT にゃんにゃんに適用 - navまわり - */


#nav1 li {
	display: inline;                           
	list-style-type: none;
	padding-right: 30px;
}
#nav1 {
	margin: 15px 0 0px 0;
	padding: 10px 0 5px 40px;
	background-image: url() 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;
}


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;
}








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




h3	{
	color: #442220;
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #442220;
		margin-top: 50px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
			padding-top: 10px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-left: 0px;
}

/* すべてのページに適用 - 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() 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-gold.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;
	color; #003300;
}
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;
}
/* photo.html */





/* senden.html */

,ul {
}

 .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%	
    }
   }
}


















/* 個性のスタイル */




/* occult-nyanko.html */

.occult-nyanko_iteml {
	margin: 10px 0 10px 0;
]





/* background-color: #f5f3eb; */





/*     .nav5 {
	margin: 10px 10px 100px 80px;
  	height: 50px;                      
	}		*/


#nav5 li {
	display: inline;                           
	list-style-type: none;
	padding-right: 30px;
}
#nav5 {
	margin: 0 0 0px 0;
	padding: 10px 0 5px 40px;
	background-image: url() bottom left;
	background-color:#003300;
}
#nav5 li a:link {
	color: #008000;
	text-decoration: none;
}

#nav5 li a:visited {
	color: #ffffff;
	text-decoration: none;
}

#nav5 li a:hover {
	color: #e4dbb9;
	text-decoration: none;
}

#nav5 li a:active {
	color: #ffffff;
	text-decoration: none;
}





/*	.nav6 {
		margin: 10px 10px 100px 80px;
  	     	height: 50px;                      
	}		*/




#nav6 li {
	display: inline;                           
	list-style-type: none;
	padding-right: 30px;
	margin: 0 0 50px 0;
}

#nav6 {
	margin: 0 0 0 0;
	padding: 10px 0 10px 100px;
	background-image: url() bottom left;
	background-color:#26896d;
}

#nav6 li a:link {
	color: #ffffff;
	text-decoration: none;
}

#nav6 li a:visited {
	margin: 0 0 0px 0;
	color: #ffffff;
	text-decoration: none;;
}
#nav6 li a:hover {
	color: #ffffff;
	text-decoration: none;
}

#nav6 li a:active {
	color: #ffffff;
	text-decoration: none;
}

#nav6 li  {
	font-size: 2em;
	line-height: -1;
	padding: 0 0 100 0;
}






/*	.nav7 {
		margin: 10px 10px 100px 80px;
  	     	height: 50px;                      
	}			*/




#nav7 li {
	display: inline;                           
	list-style-type: none;
	padding-right: 30px;
	margin: 0 0 50px 0;
}

#nav7 {
	margin: 0 0 0 0;
	padding: 10px 0 10px 100px;
	background-image: url() bottom left;
	background-color:#26896d;
}

#nav7 li a:link {
	color: #ffffff;
	text-decoration: none;
}

#nav7 li a:visited {
	margin: 0 0 0px 0;
	color: #ffffff;
	text-decoration: none;;
}
#nav7 li a:hover {
	color: #ffffff;
	text-decoration: none;
}

#nav7 li a:active {
	color: #ffffff;
	text-decoration: none;
}

#nav7 li  {
	font-size: 2em;
	line-height: -1;
	padding: 0 0 100 0;
}




/*	.nav8 {
		margin: 10px 10px 100px 80px;
  	     	height: 50px;                      
	}			*/



#nav8 li {
	display: inline;                           
	list-style-type: none;
	padding-right: 30px;
	margin: 0 0 50px 0;
}

#nav8 {
	margin: 0 0 0 0;
	padding: 10px 0 10px 100px;
	background-image: url() bottom left;
	background-color:#26896d;
}

#nav8 li a:link {
	color: #ffffff;
	text-decoration: none;
}

#nav8 li a:visited {
	margin: 0 0 0px 0;
	color: #ffffff;
	text-decoration: none;;
}
#nav8 li a:hover {
	color: #ffffff;
	text-decoration: none;
}

#nav8 li a:active {
	color: #ffffff;
	text-decoration: none;
}

#nav8 li  {
	font-size: 2em;
	line-height: -1;
	padding: 0 0 100 0;
}




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

/* 囲い込みプログラム */


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

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

#ppp li {
	margin: 20px 0 10px 0;
	font-size: 50px;
	color:green;
	list-style-type: none;
｝
#ppp li a:link {
	color: #66cdaa;
	text-decoration: none;
}
#ppp li a:visited {
	color: #008000;
	text-decoration: none;
}
#ppp li a:hover {
	color: #99CC00;
	text-decoration: none;
}
#ppp li a:active {
	color: #00CCCC;
	text-decoration: none;
}


<style type="text/css">
p {
	text-indent: 2em;
}
img {
	width: 100%;
}
mainFrame {
	overflow: hidden;
	margin: 5% 0;
	display: block;
	width: 100%;
	clear: both;
	border: 5px dotted #00F;
}
.leftFrame {
	display: block;
	float: reft;
	width: 30%;
}
.rightFrame {
	display: block;
	float: right;
	width: 69%;
}
.leftFrameM {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.rightFrameM {
	display: block;
	margin: 0 auto;
	width: 100%;
}








#66cdaa;
















</style>