@charset "shift_jis";



a {
    outline:none;
}

a:hover img{
	filter: alpha(opacity=80);
	opacity: 0.8;
}



/*-------MAIN-------*/

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}
		
#content{
	max-width: 1040px;
	margin:  0 auto;
	position: relative;

}

.frame {
	clear:left;
	display: block;
	width:950px;
	height: auto;
	margin:0px auto;
	}
	
@media (max-width: 640px) {
	.frame {
    width:100%;
    }}
	
.whtback { clear:left; display:block; background-color:#FFF; height:auto; margin:0px; }
.blkback { clear:left; display:block; background-color:#000; height:auto; margin:0px; }
	
.maintitle {
    float: left;
	width:90%;
	height: auto;
	font-size: 25px;
	line-height: 45px;
	letter-spacing: 5px;
	color:#FFF;
	font-family: 'Fjalla One', sans-serif;
	text-align: center;
	margin:20px 5% 20px 5%;
	}
		
.nametext, .nametext-jp {
	float: left;
	overflow: hidden;
	width:90%;
	height: auto;
	color:#000;
	text-align: center;
	}	

	
.nametext {
	margin:25px 5% 0px 5%;
	font-size: 25px;
	letter-spacing: 5px;
	font-family: 'Fjalla One', sans-serif;
	}

.nametext-jp{
	margin:15px 5% 10px 5%;
	font-size: 12px;
	font-weight:bold; 
	}
	

.frame {
	clear:left;
	display: block;
	width:950px;
	height: auto;
	margin:0px auto;
	}
	
@media (max-width: 640px) {
	.frame {
    width:100%;
	margin:0px auto 0px auto;
    }}


	
.mainimg {
	clear:left;
	width: 100%;
	height: auto;
	padding:0;
	margin:20px 0 40px 0;
	}
.mainimg li {
	float: left;
	list-style: none;
	width: 50%;
	height: auto;
	margin: 0;
	}
.faceimg {
	float: left;
	width: 300px;
	height: auto;
	margin: 30px 325px 30px 325px;
	}
	
.bnrimg {
	float: left;
	width:850px;
	height: auto;
	margin:25px 50px 40px 50px ;
	}
	
@media (max-width: 640px) {
    .mainimg {
	margin:20px 0 40px 0;
    }
	.faceimg {
	width: 60%;
	margin: 20px 20% 0px 20%;
	}
	.bnrimg {
	width: 96%;
	margin:10px 2% 40px 2%;}
	}
	
	
	
.l_img {
	clear:left;
	width:850px;
	height: auto;
	margin:40px 50px 10px 50px;
	}
	
@media (max-width: 640px){
    .l_img {
	width:100%;
	margin:35px 0% 10px 0%; 
    }}
	


.text_wht, .text_blk {
	clear:left;
	width:90%;
	height: auto;
	padding:20px 5% 25px 5%;
	margin:0;
	font-size: 12px;
	line-height: 30px;
	text-align: left;
	}

.text_wht p, .text_blk p {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	}

.text_wht {color:#FFFFFF; background:#000 }
.text_blk {color:#000;}

	
@media (max-width: 640px) {
	.text_wht, .text_blk  { font-size: 11px;line-height: 28px;}
	.text_wht p, .text_blk p {font-size: 12px;}
	}
	
	
.linkbtn {
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	display: block;
	background: #000;
	border: 1px solid #DDD;
	color: #FFF;
	width: 60%;
	padding: 10px 0;
	margin:auto;
}

.linkbtn a{color: #FFF;}
.linkbtn a:link {color: #FFF;}
.linkbtn a:visited {color: #FFF;}
.linkbtn a:hover {color: #FFF;}
.linkbtn a:active {color: #FFF;}

.linkbtn span {color: #FFF;}


		
@media (max-width: 640px) {
	.linkbtn {
	width: 85%;
	padding: 10px 0;
	}
	}


.blkbr{
	clear:left;
	display: block;
	background: #000;
	width: 100%;
	padding: 10px 0;
	margin: 45px 0;
}