@charset "shift_jis";

/* 基本スタイル */

body {
	/*text-align: center;*/
	font-size: 0.9em;
	line-height: 1.6em;
	font-size: 19px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "Meiryo" ,"ＭＳ Ｐゴシック",sans-serif;
	
 	background-color: #E8E8E8;
 	background-image:url(./img/bg.jpg);

}

/*=================
pagetopの設定
=================*/
.pagetop{
    position:fixed;
    right: 0;
    bottom:30px;
}

div, p, h1, h2, h3, h4, h5, h7 {
	margin: 0px;
	padding: 0px;
	display: block;
	text-align: left;

}

h1,h2,h3,h4, h5, h7{
	clear:both;
}


/* 基本レイアウト */

#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color:#ffffff;
}

#header {
position: relative;
}
#header p {
   position: absolute;
   top: 38%;
   left: 55%;
   right:-30%;
   font-size: 1.7em;
   -ms-transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   margin:0;
   padding:0;
  
   /*-----  type2   ------*/ `
   font-weight:bold;
   color: #FFFDD7;
   
   
   /*  http://ailaby.com/webtool/text_shadow/  */ 
  text-shadow:
0px 5px 10px rgb(255, 0, 0),
0px -2px 0px rgb(255, 255, 255);
/*
   text-shadow:
0px 0px 5px rgb(360, 100, 100),
0px 0px 10px rgb(255, 255, 255),
0px 0px 20px rgb(255, 255, 255);
/*
   text-shadow:
0px 0px 5px rgb(255, 255, 255),
0px 0px 10px rgb(255, 255, 255),
0px 0px 20px rgb(255, 255, 255),
0px 0px 30px rgb(255, 255, 0),
0px 0px 40px rgb(255, 255, 0),
0px 0px 49px rgb(255, 255, 0),
0px 0px 80px rgb(255, 15, 140);
*/
/*
    text-shadow:
        -1px -2px 9px rgb(255, 0, 0),
         3px -1px 5px rgb(255, 0, 255);
-------------------*/
}

#header img {
  width: 100%;
 }



/* フッター */
#footer {
	text-align: center;
	line-height: 64px;
	height: 64px;
	font-size: 0.9em;
	background-color:#936;
/*	background-image: url(./img/footer.jpg);
`*/
	background-position: left top;
	font-weight:bold;
    color: #FFFDD7;
 	background-image:url(./img/h3.jpg);
  /*-----  type2   ------`
	
    text-shadow: 
		0 0 0.05em #F06292,
		0 0 0.10em #F06292,
		0 0 0.15em #F06292,
		0 0 0.30em #F06292;
    filter: saturate(80%);
  -------------------*/
   /*  http://ailaby.com/webtool/text_shadow/ */
/*
   text-shadow:
0px 0px 5px rgb(360, 100, 100),
0px 0px 10px rgb(255, 255, 255),
0px 0px 20px rgb(255, 255, 255);
*/
text-shadow:
0px 5px 10px rgb(255, 0, 0),
0px -2px 0px rgb(255, 255, 255);
}


/* レイアウト差分 */

#contents {
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 0px;
}


#main {
	width: auto;
}

#menu {
	width: auto;
	padding-top: 25px;
}

#text1 h3,text2 h3{
	position: relative;
	color:#FFFFFF;
	left: -40px;
	width: 865px;
	margin-top: 15px;
	margin-bottom: 15px;
}

form input {
	vertical-align: middle;
}

/* 各種見出し */

h1 {
	font-weight: normal;
	font-size: 12px;
	color: #666666;
	line-height: 16px;
	background-repeat: no-repeat;
	position: absolute;
	top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: sans-serif;
}
#main h2,#main h3 {
	font-size: 20px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 5px;
	margin-top: 5px;
	
	/*color: #1D2088;*/
	color: #FFFDD7;

	padding-left: 35px;
	
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
		background-color:#936;
		 	background-image:url(./img/h3.jpg);
		/*
	background-image: url(./img/h3.jpg);
	*/
text-shadow:
0px 5px 10px rgb(255, 0, 0),
0px -2px 0px rgb(255, 255, 255);

}
#main h4 {
	font-size: 18px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 5px;
	margin-top: 5px;
	color:#ffffff;
	padding-left: 25px;
	overflow: hidden;
	padding-top: 17px;
	padding-bottom: 15px;
	
	background-color: #00C;
 	/*background-image:url(./img/h3.jpg);*/
		text-shadow:
        -1px -2px 9px rgb(255, 0, 0),
         3px -1px 5px rgb(255, 0, 255);


}

#main h5 {
	font-size: 18px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position:  50%;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #FFF;
	padding-left: 40px;
	
	overflow: hidden;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #03F;
	
	text-shadow:
        -1px -2px 9px rgb(255, 0, 0),
         3px -1px 5px rgb(255, 0, 255);

}


ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #006;

	
}
/*--------------------------------------------------------------
　メニューバー
----------------------------------------------------------------*/
li {
	float: left;
	border-right: 4px solid #ffffff;

}
li:last-child {
	border-right: none;
}
li a {
	display: block;
	color: #ffffff;
	text-align: center;
	padding: 14px 70px;
	text-decoration: none;
    
}

li a:hover:not(.active) {
	background-color: #CCC9C3;
}
.active {
	background-color: #ff0000;

	
}
/* -------- リンク */
a:hover{
	color:#FF0000;
   /*-----  type2   ------
   font-weight:bold;
   color: #ffffff;
   text-shadow: 
	 	0 0 0.05em #F06292,
		0 0 0.10em #F06292,
		0 0 0.15em #F06292,
		0 0 0.30em #F06292;
   filter: saturate(80%);
   /*-------------------*/



}