html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

body { 
 margin: 0;
 padding: 0; 
 color: #AE7E57; 
 font-size : 13px; 
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
}
.header { 
 width: 100%;
 text-align: right;
 max-width: 960px;
 margin: 0 auto;
 padding: 30px 0 0; 
}

.main {
  clear: both;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 15px 0;
  background: #fff;
  text-align: center;
}


em { margin: 0;
 padding:0 10px 10px 10px; 
 font-weight:bold;
 font-size: 55px; }
 
}

a:link { color: #AE7E57; }
a:visited { color: #AE7E57; }
a:hover { color: #AE7E57; }
a:active { color: #AE7E57; }

#menu{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}
#menu li{
  display: block;
  float: left;
  width: 12.5%;
  margin: 0;
  padding: 0; }
  
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #522D0F;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #444;
}
#toggle{ 
 display: none;
}

#mainImg {
	margin: 0 auto;
	width: 90%;
	height: 90%;
	text-align: left;
	overflow: hidden;
	position: relative;
	
	
}

#logoImg {
	margin: 0 auto;
	width: 80%;
	height: 50%;
	text-align: center;
	overflow: hidden;
	position: relative;


}
#mainImg img {
	top: 0;
	left: 0;
	position: absolute;

}

#u_info{
	border-top:1px solid #AE7E57;
	padding-top:10px;
	margin-top: 20px;
	text-align:center;

	
}


#info{
	display: block;
  	float: left;
  	width: 49%;
  	margin: 0;
  	padding: 0 0 15px 0;
  	}

#name{
	display: block;
  	float: left;
  	width: 49%;
  	margin: 0;
  	padding: 0 0 15px 0;
  	border-left:1px solid #AE7E57;
}

#info_main{
	width: 80%;
	text-align:left;
	margin:0 10% 0 10%
	}

#footer{
	float: left;
	text-align: center;
	width: 100%;
	margin-top:10px;
	max-width: 960px;
	background: #AE7E57;
	color: #fff;
}

#mini_title{
	float: left;
	text-align:left;
	width: 100%;
	max-width: 960px;
	background: #AE7E57;
	color: #fff;
}

#sub_title{
	float: left;
	text-align:left;
	width: 80%;
	max-width: 940px;
	background: fff;
	border-left:10px maroon solid;
	color: #9E6E47;
	margin:10px 0 10px 0;
	
	/*border:1px green solid;*/

}

#content{
	float: left;
	text-align:left;
	margin-left:15px;
	width: 90%;
	max-width: 945px;
	/*
	background: fff;
	color: #9E6E47;
	
	border:1px green solid;
	*/
}

#sub_content{
	float: left;
	text-align:left;
	margin-left:5px;
	width: 98%;
	max-width: 935px;
	
	/*border:1px green solid;*/

}

#sub_content1{
	float: left;
	text-align:left;
	margin-left:5px;
	margin-bottom:10px;
	width: 98%;
	max-width: 935px;
	
	/*border:1px green solid;*/

}


#sub_1{
	float: left;
	text-align:left;
	margin-left:5px;
	width: 40%;
	max-width: 935px;
	/*border:1px green solid;*/

}

#sub_2{
	float: left;
	text-align:left;
	margin-left:15px;
	width: 50%;
	max-width: 935px;
	/*border:1px green solid;*/

}

#sub_3{
	float: left;
	text-align:left;
	margin-left:15px;
	width: 35%;
	max-width: 935px;
	/*border:1px green solid;*/

}

#sub_4{
	float: left;
	text-align:left;
	margin-left:15px;
	width: 55%;
	max-width: 935px;
	/*border:1px green solid;*/

}

#sub_5{
	float: left;
	text-align:left;
	margin-left:15px;
	width: 35%;
	max-width: 935px;
	/*border:1px green solid;*/

}

#sub_6{
	float: left;
	text-align:left;
	margin-left:15px;
	width: 55%;
	max-width: 935px;
	/*border:1px green solid;*/

}


#sub{
	float: left;
	text-align:left;
	margin-left:15px;
	width: 95%;
	max-width: 935px;
	/*border:1px green solid;*/

}



img {
    max-width: 100%;
    height: auto;
}


.box {
    position: relative;
    width: 100%;
    height: 90%;
    background: #fff;
}

.ratio-1_1:before {
    content: "";
    display: block;
    padding-top: 65%; /* 1:1 */
    
}
.ratio1-1_1:before {
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 */   
    
}

.ratio2-1_1:before {
    content: "";
    display: block;
    padding-top: 85%; /* 1:1 */
}

.ratio3-1_1:before {
    content: "";
    display: block;
    padding-top: 75%; /* 1:1 */
}

.inner {
    position: absolute;
    top: 0; left: 0;bottom: 0;
    width: 100%;
    height: 100%;
}

/* table幅の指定・隣接するセルのボーダーを重ねて表示 */
#contents table.style {
        width:100%;
        border-collapse: collapse;
}

/* thの指定 */
#contents table.style th {
        font-weight: normal;
        background-color: #F0F0F0;
        border:1px solid #BFBFBF;
        text-align: center;
        padding: 12px;
}

/* tr tdの指定 */
#contents table.style tr td {
        width: 33%;
        background-color: #FFFFFF;
        border:1px solid #BFBFBF;
        text-align: left;
        padding: 12px;
}