@charset "UTF-8";
/* CSS Document */


body {
	padding: 0;        /* 余白の削除 */
	width:100%;
	height:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
	
}
.container {
	width:100%;
	margin-right: auto;
	margin-left: auto;

}

.content {
	width:980px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;	
}


#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 110px;
	height: 113px;
	z-index: 999;
}

p {
	margin: 0px;
}

/*タイトル用 */
h1 {
	color: #EF9131;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 33px;
	font-weight: 900;
	letter-spacing: 1px;
	line-height: 60px;
	margin: 0px;
}

h2 {
	color: #EF9131;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	line-height: 40px;
	font-weight: 800;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}

h3 {
	color: #EF9131;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	line-height: 23px;
	font-weight: 800;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}

h3 a {
	color: #EF9131;
	text-decoration: none;
}


   
h3 a:hover
   {
	color: #7F4F21;
	  }
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active, h3 a:focus { 
	text-decoration: none;
 }



.syousai {
	font-size: 13px;
	line-height: 25px;
	text-decoration: none;
	text-align: justify;
	color: #000;
	font-weight: 500;
	margin-left: -7px;
}


.header {
	width: 100%;
	min-width: 900px;
	height: 80px;
	background-color: #FFF;
	position: fixed;
	z-index: 1000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FCF7ED;
}



#menu {
	width: 100%;
	max-width: 900px;
	height: 80px;
	list-style-type:none;
	position: absolute;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: -490px;
	display: block;
	
	left:50%;


}


#menu li {
	width: 150px;
	height: 80px;
	clear: none;
	margin: 0px;
	float: left;
	background-color: #FFF;
}





#menu li a
   {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 800;
	color: #7F4F21;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	line-height: 80px;
	letter-spacing: 1px;
   }
   
   
#menu li a:hover
   {
	color: #EF9131;
	  }
#menu li a:link, #menu li a:visited, #menu li a:hover, #menu li a:active, #menu li a:focus { 
	text-decoration: none;
 }
 
#toggle{ 
 display: none;
}


@media only screen and (max-width: 980px) {
.header {
    display: none;
  }


#toggle{
  display: block;
  /*position: relative;*/
  width: 100%;
  background: #FFF;
  height: 150px;
  margin: 0px;
  position: fixed;
  z-index: 1000;
  /*border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #F5B33C;
  padding-left: 40px;*/
 
}

/*#toggle a {
  line-height: 150px;
  margin: 0px;
  padding: 0px; 
  display: block;
  position: relative;
}*/
 
  
 #menu_2 {
	width: 100%;
	/*max-width: 1100px;*/
	height: 150px;
	list-style-type:none;
	position: fixed;
	margin: -25px 0 0 -40px;
	text-align: center;
	display: none;
	/*left:50%;*/
}


#menu_2 li {
	width: 100%;
	height: 150px;
	margin: 0px;
	background-color: #F5B33C;
}


#menu_2 li a
   {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 800;
	color: #FFF;
	font-size: 300%;
	text-decoration: none;
	text-align: center;
	line-height: 150px;
	letter-spacing: 1px;
	display:block;  
   }


}


/*



@media only screen and (max-width: 1100px) {
#menu {
    display: none;
  }
#menu li{
    width: 100%;
  }
  
#toggle{
  display: block;
  position: relative;
  width: 100%;
    background: #F5B33C;
  height: 50px;
 
}
#toggle a{
  display: block;
  position: relative;

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 600;
	color: #FFF;
	letter-spacing: 2px;
	font-size: 70%;
	display: block;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	border-bottom: 1px solid #fff;

}

  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #F5B33C;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}*/


.footer {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FCF7ED;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: 800;
	color: #7F4F21;
	text-decoration: none;
	letter-spacing: 1px;
}


.f_tab {
	width: 900px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	padding: 50px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	overflow: hidden;
}

.f_tab a {
	color: #7F4F21;
	font-weight: 800;
	  }

.f_tab a:hover
   {
	color: #EF9131;
	  }
.f_tab a:link, .f_tab li a:visited, .f_tab a:hover, .f_tab li a:active, .f_tab li a:focus { 
 }




#f_under {
	width: 100%;
	height: auto;
	background-color: #fff;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	color: #333;
	font-size: 80%;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
}


#small {
	font-size: 10px;
	line-height: 18px;
	font-weight: 500;
	color: #7F4F21;
	text-decoration: none;
	letter-spacing: 1px;
}




/*トップページ*/
.top {
	width:900px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	height: 716px;
	padding-top: 200px;
}

.left {
	width: 532px;
	height: 716px;
	padding: 0px;
	margin: 0px;
	float: left;
}

.right {
	width: 348px;
	height: 716px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#about {
	float: left;
	width: 532px;
	height: 348px;
	padding: 0px;
	margin-bottom: 20px;
}

#trainer {
	float: left;
	width: 164px;
	height: 348px;
	padding: 0px;
	margin: 0px;
	

}

#textt {
	float: right;
	width: 348px;
	height: 164px;
	padding: 0px;
	margin-bottom: 20px;
}


#counseling {
	float: right;
	width: 348px;
	height: 164px;
	padding: 0px;
}

#training {
	float: right;
	width: 348px;
	height: 164px;
	padding: 0px;
	margin-bottom: 20px;
}

#training_2 {
	float: right;
	width: 334px;
	height: 268px;
	margin-bottom: 20px;
	background-image: url(img_top/training_2_2.png);
	padding-top: 40px;
	padding-right: 7px;
	padding-bottom: 40px;
	padding-left: 7px;
}

#q_and_a {
	float: right;
	width: 164px;
	height: 164px;
	padding: 0px;
}

#mail {
	float: left;
	width: 164px;
	height: 164px;
	padding: 0px;
}

/*.title {
	height: 200px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;;
	padding-top: 300px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 45px;
	font-weight: 900;
	color: #FFF;
	letter-spacing: 2px;
	background-image: url(img/back.png);
	background-repeat: repeat;

	}

#sub_title {
	line-height: 100px;
	height: 100px;
	width: 100%;
	background-color: #FCF7ED;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -150px;
	margin-bottom: 150px;
	
	}*/


.title {
	height: 200px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: auto;
	padding-left: auto;
	padding-top: 300px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 45px;
	font-weight: 900;
	color: #FFF;
	letter-spacing: 2px;
	background-image: url(img/back.png);
	background-repeat: repeat;
	overflow: hidden;
	position: relative;
	}

#sub_title {
	background-color: #FCF7ED;
	line-height: 100px;
	height: 100px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: auto;
	padding-left: auto;
	margin-top: -150px;
	margin-bottom: 150px;
	overflow: hidden;
	position: relative;
	}



/*


h4 {
	color: #F5B23C;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 90%;
	font-weight: 900;
	margin: 0px;
}
h4 a
	color: #F5B23C;
	text-decoration:none;
}
h4 a:hover
	color: #7F4F21;
	text-decoration: none;
}
 h4 a:link, h4 a:visited, {
 text-decoration: none;
 color: #F19A34;
}

a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 
	border: none;
}




 








h2 {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 70%;
	color: #7F4F21;
	font-weight: 500;
	line-height: 110%;
}
h2 a {
	text-decoration:none;
	color: #7F4F21;
}
h2 a:hover {
	color: #333;
}
#nav {
	padding-right: 100px;
	padding-left: 150px;
	text-decoration: none;
}



/* タイトル用 
h1 {
	color: #F5B23C;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 110%;
	line-height: 120%;
	font-weight: 700;
}
h1 a {
	color:  #F5B23C;
	text-decoration:none;
}
h1 a:hover {
	color: #7F4F21;
	text-decoration: none;
}
 h1 a:link, h5 a:visited, {
 text-decoration: none;
 color:  #F5B23C;
}



/* 注釈用 
h6 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	color: #333;
	font-weight: 500;
	line-height: 90%;
}
h6 a {
	color: #CCC;
	text-decoration:none;
}
h6 a:hover {
	color: #333;
	text-decoration:none;
}
h6 a:link, h6 a:visited, h6 a:hover, h6 a:active, h6 a:focus {
	text-decoration: none;
}




.content form table tr td {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}
div.left_3 {
	position:relative;
}*/


span.guard {
	position:absolute;
	display:block;
	width:204px;
	height:45px;
	background-image:url(/img/spacer.gif);
	left: 703px;
	top: 4852px;
}



#link {
	width: 1000px;
	margin: 0px;
	padding-right: 20px;
	padding-left: 20px;
}