@charset "UTF-8";
/* CSS Document M.Ohashi racoubit.org*/

body{
	font: 12px/18px "TakaoPGothic", "ＭＳ Ｐゴシック",  "Noto Sans Display", Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	width:100%;
	text-align: center;
	margin-left:auto;margin-right:auto;
	background:#9fd;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
	
h1 {font-size:26pt;font-style:bold;text-shadow:1px 1px 1px #000;color:#a00;margin:0px;padding:5px;}
h2 {font-size:20pt;color:#a06;padding:0px;margin-top:60px;margin-bottom:20px;}
h3 {font-size:16pt;font-style:bold;color:#903;margin:0px 5%;padding:0px;}
h4 {font-size:14pt;color:#309;margin:20px 5%;padding:0px;}

table, td, th { border: 1px #333 solid;border-collapse: collapse; }

.container{margin:0px;padding:0px;top:0px;width:100%;height:8000px;overflow:hidden;background:#fff;
		}
.containerL {margin:0px 20% 30px 0%:padding:0px;left:0px;width:80%;height:10000px;overflow:hidden;background:#fff;
			-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
		}
.containerR {position:absolute;top:130px;left:80%;width:20%;height:1500px;padding:0;background:#ffd;border-style:solid;border-width:1px;border-color:#a00;
		text-align:center}
		
#head1 {margin:0px;left:0%;width:37%;height:100px;text-align:left;margin:0px;padding:0px;}
#head11{position:absolute;top:20px;left:7%;width:30%;text-align:left;margin:0px;padding:3px;				}
#head12{position:absolute;top:20px;left:20%;width:80%;text-align:left;margin:0px;padding:3px;
		font-size:14pt;color:#acc;text-shadow: 2px 2px 3px #300;letter-spacing:0.2em;
				}
#head13{position:absolute;top:50px;left:20%;width:80%;text-align:left;margin:0px;padding:5px;
	display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;font: bold 30px/30px Arial, Helvetica;color:#f39;text-shadow: 0 3px 3px #000;
	letter-spacing:0.2em;	
			}		
		
/*		
#header {margin:0px 0%;width:100%;height:50px;padding:0;text-align:left;background:#fff
			-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
			
#head1 {margin:20px 5%;width:10%;height:50Px;padding:10px;
		display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		
		}
#head2 {position:absolute;top:40px;left:20%;width:20%;height:20px;text-align:left;margin:0px;padding:3px;
	font-size:20t;color:#a00;}
#head3 {font-size:22pt;color:#a00;}
*/	
.menu {display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;	
		margin:0px 0%;width:100%;height:30px;padding:0;background:#ff0;text-align:left;
		}
.menu ul{
	margin:0;
	padding:0;
	}
.menu ul li {
	display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	list-style: none;
	margin:0;
	padding:0;
	font-size:12pt;color:#a00;
	float: left;
	position: relative;
	width: 20%;/*親メニューの幅*/
	height: 30px;/*親メニューの高さ*/
	background:#9ea;/*親メニューの背景色*#9e3/
	color: #f90;/*親メニューの文字色*/
  	text-shadow:1px 1px 1px #000;
	text-align:center;
	font-weight:bold;
	z-index: 10;
	}
.menu ul li a {
    	width:99%;
	height: 30px;
	color: #fff;
	display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
   	padding-top:7px;
	text-decoration: none;
	background:#093;
	}
.menu ul li:hover, .menu ul li a:hover {
	background:#9e3;/*ホバー時の親メニューの背景色*/
	display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
	color:#fd0;/*ホバー時の親メニューの文字色*/
	}
.menu * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	}
	
img.left {float:left;margin-right:1em;margin-bottom:0.5em}
img.right {float:right;margin-left:1em;margin-bottom:0.5em}	

		
#hard {margin:0px 0%;height:100px;background:#ffd;
	}
#hard1 {width:100%;margin:10px 0% 10px 0%;height:30px;padding-top:15px;background:#486cd2;
	}
#hard2 {margin:0px 0%;padding-top:10px;width:100%;height:30px;
	font-size:15pt;color:#fff;text-decoration:none;
	}
#hard3 {background:#486cd2;}
#soft {margin:30px 0%;height:200px;background:#ffd;
	}
#soft1 {margin:10px 0%;width:100%;height:30px;background:#f60;padding-top:15px;
	}	
	
#soft2 {margin:0px 0%;padding-top:10px;width:100%;height:30px;
	font-size:15pt;color:#fff;text-decoration:none;}
	
#soft3 {background:#FA8948;}
#soft4 {margin:5px 1% 5px 0%;width:49%;height:25px;padding-top:5px;color:#fff;font-size:10pt;text-decoration: none;
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#f36;}

#title {margin:60px 0%;width:100%;text-align:center;font-size:20pt;color:#a00}
#kaisetuT {margin:30px 20%;width:60%;text-align:left;font-size:12pt;color:#000;line-height:200%;padding:0%;background:#fff;}
#kaisetu {margin:30px 5%;width:90%;text-align:left;background:#fff;}
#kaisetu1 {margin:0px 0%;width:100%;text-align:center;font-size:15pt;color:#006;letter-spacing:0.2em;line-height:160%;margin:20px}
#kaisetu2 {left:0%;width:100%;text-align:center;font-size:14pt;color:#000;letter-spacing:0.2em;margin:0px 0px;padding-left:10%}
#kaisetu3 {left:0%;width:100%;text-align:center;font-size:12pt;color:#900;letter-spacing:0.2em;margin:0px;padding:0px}
#kaisetu4 {left:0%;width:100%;text-align:left;font-size:12pt;color:#900;letter-spacing:0.2em;margin:0px;padding:0px}
#kL1 {margin:20px 10%;width:70%;text-align:left;font-size:12pt;color:#000;line-height:180%;padding:0%;background:#fff}
#kaissetuC {}
#kaisetuL {margin:30px 10%;width:80%;text-align:left;font-size:12pt;color:#000;line-height:180%;padding:0%;background:#fff;}
#kaisetuR {width:80%;height:50px;text-align:left;font-size:12pt;color:#000;padding:60%;margin:20px 10%;background:#f0f}
#kaisetuLL {width:80%;text-align:left;background:#fff;margin:30px 10%}
#kaisetuK {position:relative;left:10%;width:80%;text-align:left;font-size:12pt;color:#000;line-height:150%;padding:5px;margin:20px 0px;background:#fff;
			border-style:solid;border-width:2px;border-color:#c60;}
#kaisetuL2 {margin:20px 5%;text-align:left;font-size:12pt;color:#000;padding:0%;line-height:180%;background:#fff}
#kaisetuL3 {left:0%;width:100%;text-align:center;font-size:16pt;color:#609;padding:0%;margin:20px 0%;background:#fff}
#kaisetuTop {left:0%;width:100%;text-align:center;background:#fff;margin:30px 0px}
#tokaisetu {text-align:left;font-size:14pt;width:20%}
#toTop {text-align:left;font-size:12pt;padding-left:5%;margin:20px}



#kaisetuK {position:relative;left:10%;width:80%;text-align:left;font-size:12pt;color:#000;line-height:150%;padding:5px;margin:20px 0px;background:#fff;
			border-style:solid;border-width:2px;border-color:#c60;}
#kaisetuL2 {margin:10px 10%;width:80%;text-align:left;font-size:12pt;color:#000;padding:0% 10% 0% 10%;line-height:180%;background:#fff}
#kaisetuL3 {left:0%;width:100%;text-align:left;font-size:16pt;color:#609;padding:0%;margin:20px;background:#fff}
#kaisetuTop {left:0%;width:100%;text-align:center;background:#fff;margin:30px 0px}
#tokaisetu {text-align:left;font-size:14pt;width:20%}
#toTop {text-align:left;font-size:12pt;padding-left:5%;margin:20px}

#sugo11{left:15%;width:80%;font-size:12pt;text-align:left;line-height:150%;margin:5px;10%} 
 */

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

.menuS {
display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		width:100%;margin:0px 0%;padding:0%;
		
		}
.menuS ul{
	margin:0px 2%;padding:0;
	}
.menuS ul li {
	display:inline;
	display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	list-style: none;
	margin:5px 0%;
	font-size:12pt;color:#a00;
	list-style:none;
	float: left;
	width: 25%;
	background:#fff;
	}
.menuS ul li a {
    margin:0px 0%;width:98%;height:40px;padding-top:10px;color:#fff;font-size:12pt;text-decoration: none;
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;

	display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
	text-align:center;background:#FA4C48;
	}
	
.menuS * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	}
	
.menuToppage {
/*display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;	*/
		left:10%;width:100%;margin:0;padding:0%;font-size:14pt;
		background:#fff;text-align:left;margin:30px 0px;
		}
.menuToppage ul{
	
	margin:0px;
	padding:0;
	text-align:left;color:#000;
	}
.menuToppage ul li {
	display:inline;
	/*display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;*/
	list-style: none;
	margin:10px 0px;
	padding:0;
	font-size:12pt;color:#a00;
	float: left;
	position: relative;
	width: 20%;/*親メニューの幅*/
	background:#fff;
	}
.menuToppage ul li a {
    width:99%;
	display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
	background:#fff;
	}
/*
.menuToppage ul li:hover, .menu ul li a:hover {
	background:#9e3
	display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;
	color:#fd0;
	}
*/	
.menuToppage * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	}