﻿
*{
	margin:0;
	padding:0;
	list-style:none;}


body{
	color:#333;
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif,"A1 Mincho";
	line-height:1.6;
	margin: 30px auto;
 	background-color:#f7f7f7;
 	}



img{
	border:none;
	vertical-align:bottom;
	max-width:1200px; 
}



a{
	color:#336699 ;
	text-decoration	: underline ;
	}


a:visited{
	color:#336699 ;
	text-decoration	: underline ;
	}


a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a:hover{
	color:#336699 ;
	text-decoration	: none ;
	}


a:active{
	color:#336699 ;
	text-decoration	: none ;
	}


form label {
	cursor: pointer;
}


.border_none{
	border:none !important;}
	

p{
	margin-bottom:25px; padding-left:20px; padding-right:20px;

}



.center_btn{
	text-align:center;}


.font10{
    font-size:10px;}	
	

.font12{
    font-size:12px;}
	
.font15{
    font-size:15px;font-weight:bolder; margin-bottom:0px;}

.font20{font-size:20px;}

.font30{font-size:30px;font-weight:bolder; margin-bottom:0px;}
.font40{
	font-size:40px; font-weight:bolder; margin-bottom:0px;}



.font50{
	font-size:50px;}


.fontshadow{text-shadow: 2px 0px 0px #ffffff, 0px 2px 0px #ffffff, -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;}
.fontshadow2{text-shadow: 2px 0px 0px #ffffff, 0px 2px 0px #ffffff, -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;   font-size:20px;}
.red{
	color:#e91221;}	

	

.fbg_y{
	background-color:#fff5a5;}	
	

.font_b{
	font-weight:bold;}	
.opacity0{opacity:0;}


.image{background:url(../img/p_image.jpg)no-repeat top; padding:30px; }

.youtube {
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/*---- container ----*/

#container{}



/*---- header ----*/


#header{
	width:1200px;
	margin:0 auto;
	border-top: solid 0px #CCC;
	border-left: solid 0px #CCC;
    border-right: solid 0px #CCC;
 border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}





#header h1{
	color:#f7f7f7;	
	font-weight:normal;
	font-size:5px;
	padding-left:10px;
	padding-top:3px;
	height:19px;
	line-height:18px;
		
}	
	




#header p{
	display:inline;}	








/*---- title_gazou ----*/	




#title_gazou{
	width:1200px;
	height:36px;
	border-top:1px solid #336699;
	border-bottom:0px solid #ffffff;
	background:url(../img/gekidanshokai_header.jpg) #afeeee no-repeat;

border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;


}		
	
	


#title_gazou p{
	color:#003;
	font-weight:bolder;
	font-size:50px;
	line-height:36px;	
margin:0 auto;
padding:150px 220px 35px;
	display:block;
}




#title_gazou p a{	text-decoration:none !important;
	display:block;
	color: #003366;
}	


#title_gazou p a:hover{	
	color: #336699;
}
	
#title_gazou a:hover{	
	color: #EF5A5A;
}



/*---- content ----*/
	

#content{
	width:1080px;
 height:1620px; 	margin:0 auto;
	padding:40px 60px 60px;

background:url(../img/enki_back.jpg );	
 


	border-left: solid 0px #CCC;
    border-right: solid 0px #CCC;
}





.stylebox {
	list-style-type: none;
	padding: 0;
	overflow: auto;
}
.stylebox li {
	float: left;
	margin: 0 2px 2px 0;
}
.stylebox .orig {
	width: 0;
	height: 0;
	transition: all 0.3s ease;
}
.stylebox .tmb {
	transition: all 0.3s ease;
}
.stylebox li:target .orig {
	width: 100%;
	height: auto;
}
.stylebox li:target .tmb {
	width: 0;
	height: 0;
}


text-align:center;


#tekiyo2{margin-left:880px;
      margin-top:1050px;
position:absolute;
background:url(../images/tekiyoback.png)
  }

#tekiyo3{margin-left:880px;
      margin-top:1880px;
position:absolute;
background:url(../images/tekiyoback.png)
  }

#sakuhin{margin-left:30px;
      margin-top:530px;
position:absolute;
  }

#gakko{margin-left:230px;
      margin-top:530px;
position:absolute;
  }

#rect_01{margin-left:540px;
      margin-top:530px;
position:absolute;
  }


#contact{margin-left:900px;
      margin-top:530px;
position:absolute;
  }


.iconmove img{
  	transition: 0.3s;
}
 
 
.iconmove img:hover{
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		-o-transform: scale(1.3);
		transform: scale(1.3);
}


/* オレンジボタン */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--yellow {
  color: #000;
  background-color: #ffa500;
  border-bottom: 5px solid #a0522d;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #000;
  background: #ffa500;
  border-bottom: 2px solid #a0522d;
}




/* 水色ボタン */

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--blue {
  color: #000;
  background-color: #87cefa;
  border-bottom: 5px solid #000080;
}

a.btn--blue:hover {
  margin-top: 3px;
  color: #000;
  background: #87cefa;
  border-bottom: 2px solid #000080;
}


/* 赤ボタン */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--red {
  color: #000;
  background-color: #fa8072;
  border-bottom: 5px solid #800000;
}

a.btn--red:hover {
  margin-top: 3px;
  color: #000;
  background: #fa8072;
  border-bottom: 2px solid #800000;
}



/* グリーンボタン */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--green {
  color: #000;
  background-color: #9acd32;
  border-bottom: 5px solid #006400;
}

a.btn--green:hover {
  margin-top: 3px;
  color: #000;
  background: #9acd32;
  border-bottom: 2px solid #006400;
}

/* グレーボタン */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--gray {
  color: #000;
  background-color: #c0c0c0;
  border-bottom: 5px solid #696969;
}

a.btn--gray:hover {
  margin-top: 3px;
  color: #000;
  background: #c0c0c0;
  border-bottom: 2px solid #696969;
}




/*---- コンテンツ内のタイトル ----*/	

h2{
	color:#333366;	
	font-size:30px;
	min-height:26px;
	width:315px;
	line-height: 1.4em;
	margin-bottom:15px;
	background-color: #afeeee;
	padding-left:15px;
	padding-top:4px;
	border-radius: 20px;
    border-radius: 20px;
	-webkit-left-radius: 20px;
    -webkit-right-radius: 20px;
    -moz-border-radius: 20px;
    -moz-border-radius: 20px;
}
	





h4{
color:#333366;
font-size:45px;
font-weight: bold;
text-shadow: 2px 2px 0px #99cccc,
  2px 2px  0px #6b3f31,
  2px 2px 10px #6b3f31;
	min-height:22px;
	width:800px;
 height:83px;	line-height:1.7em;
 
margin-left:-2.6em; 
padding:0 0 0 5.1em;	margin-top:15px;
	margin-bottom:15px;
	background:url(../img/h6.jpg)no-repeat top;
		padding-top:3px;
	
}






h3{
	color:#FFF;	
	font-size:16px;
	min-height:22px;
	width:660px;
	line-height: 1.4em;
	margin-top:15px;
	margin-bottom:15px;
	background-color: #D81414;
	padding-left:10px;
	padding-top:3px;
	border-radius: 20px;
    border-radius: 20px;
	-webkit-left-radius: 20px;
    -webkit-right-radius: 20px;
    -moz-border-radius: 20px;
    -moz-border-radius: 20px;
}






h7{ color:000000; font-size:20px; min-height:30px; width:800px; margin-left:840px}

.reflect_body {
  height: 80px;
  position: relative;
}

.reflect_title {
  color: #ff840a;
  font-family: 'A1 Mincho', serif;
  font-size: 50px;
  left: 0;
  letter-spacing: -0.05em;
  line-height: 1;
  position: absolute;
  text-align: right;
  top: 0;
  width: 100%;
  -webkit-box-reflect: below 0 -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0.4, transparent), to(rgba(0,0,0,0.5)));
}

.reflect_title:before {
  color:#ff4242;
  content: attr(title);
  display: block;
  position: absolute;
  left: 0;
  text-align: right;
  top: 0;
  -webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
  width: 100%;
}

 .marker_yellow_hoso {
background: linear-gradient(transparent 80%, #ffff66 80%);
}

 .marker_yellow {
background: linear-gradient(transparent 60%, #ffff66 60%);
}

.marker_water {
background: linear-gradient(transparent 60%, #66ccff 100%);
}


.marker_pink {
background: linear-gradient(transparent 60%, #ff4242 100%);
}




.light{color:#fff;
background: opacity:0.0;
font-size: 25px;
font-weight: bold;
text-shadow: 0px 0px 1px #ffffff,
  0px 0px 10px #b8860b,
  0px 0px 20px #b8860b,
  0px 0px 30px #b8860b,
  0px 0px 40px #b8860b;
}

.silver{color:#fff;
background: opacity:0.0;
font-size: 25px;
font-weight: bold;
text-shadow: 0px 0px 1px #ffffff,
  0px 0px 10px #808080,
  0px 0px 20px #808080,
  0px 0px 30px #808080,
  0px 0px 40px #808080;
}






/*---- 共通ヘッダー・共通フッター ----*/	

.commonHeader {
 margin-bottom:10px;
}

.commonFooter {
 margin-bottom:15px;
 width: 670px;
 padding: 0 15px;
}




/*---- フッターメニュー用 ----*/

#footer	{
	width:1200px;
	text-align:left;
	margin:0 auto;
	background:#ffffff;
	padding:0px 0px 0px;
	border-top:3px solid #336699;
	border-left: solid 0px #CCC;
    border-right: solid 0px #CCC;
    border-bottom: solid 0px #CCC;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px; 
}

#footer h4{
	font-size:14px;
	padding:10px 15px;
}	

#footer ul.footmenu,.footer p{
	max-width:648px;
	padding:0 10px;
}	

#footer ul.footmenu { 
	width:760px;
	margin-bottom:10px;
	margin-left: 15px;
	margin-right: 15px;
}

	
#footer ul.footmenu li{
	float:left;
	font-size:15px;
	max-width:648px;
	padding-bottom:5px;
	text-indent:15px;
	padding-right:10px;
	background:url(../img/icon1.png) no-repeat left 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-moz-text-overflow:ellipsis; 

/* Firefox */
}

#footer ul.footmenu li a{
	margin-right:10px;
	color: #1349B9;
}

.t_right{
	text-align:right;}

	


.copy_right{
	color:#FFF;
	font-size:12px;
	padding:3px 0;
	text-align:center;
	border-top:1px solid #336699;
	background-color: #336699;
	border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px; 
}




/*----clearfix設定----*/


.clearfix,  ul.internalLinkList,  ul.backnumberList,  ul.listStyleArrow03Inline,  div.borderStyleXXS dl,  div.borderStyleXS dl,  div.borderStyleS dl,  div.borderStyleM dl,  div.borderStyleL dl,  div.borderStyleXL dl,  div.borderStyleXXL dl,  div.groupInfo h5 {
	_overflow:visible;
	_height:1px;
	zoom:1;
}


.clearfix:after,  ul.internalLinkList:after,  ul.backnumberList:after,  ul.listStyleArrow03Inline:after,  div.borderStyleXXS dl:after,  div.borderStyleXS dl:after,  div.borderStyleS dl:after,  div.borderStyleM dl:after,  div.borderStyleL dl:after,  div.borderStyleXL dl:after,  div.borderStyleXXL dl:after,  div.groupInfo h5:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	margin:-1px 0 0 0;
	height:1px;
	font-size:0;
	line-height:0;
}






/*---- 画像の位置 ----*/	

.fleft {
    float: left;
	padding:0 10px;
}

.fright {
    float: right;
	padding:0 10px;
}

	
.fcenter {
	text-align:center;
	padding:10px 0;
}




/*---- 文字の装飾 ----*/	


.pink {
    color: #F66;
}

	
.font_big{
	font-size:1.4em;
	font-weight:bold;}	


.futozi {
	font-weight:bold;
	padding:2px;}
	

	
.keikou{
	background-color: #FFE566;
    font-weight: bold;
    padding: 2px;}
	
	
	
.point_font{
	color:#333333;
	font-size:1.8em;
	line-height:1.2em;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;}


