@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Poiret+One|Petit+Formal+Script);


@font-face {
	font-family: 'Poiret One', cursive;
}

@font-face {
	font-family: 'Petit Formal Script', cursive;
}

body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;	
	height:100%;
	background-color: #a1a1a1;
	color: #666666;
	letter-spacing: 0.1rem;
	line-height: 1.5em;
	font-size: 2.5rem;
}

.addborder{
	border-bottom: solid 1px #d1d1d1;
}

#wrap{
	background-color: #f4f7f7;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
}


.title_esk{
	font-family:"Poiret One";
	color: #2b309f;
}

#Title_ESK{
	font-size: 8rem;
	line-height: 10rem;
	font-weight: bold;
}

#Title_Sub_ESK{
	font-size: 2rem;
	line-height: 10rem;
	font-weight: bold;
}

#Title_LA_Area{
}

.title_la{
	font-family: 'Petit Formal Script';
	color: #2b309f;
}

#Title_LA{
	font-size: 7rem;
}

#top{
	background-color: #a1a1a1
}

img{
	display: hidden;
}

#footer{
	background-color: #002569;
	width: 100%;
	color: #ffffff;
  	overflow:hidden;
  	padding-top: 4rem;
  	text-align: center;
}

.container{
	background-color: #f4f7f7;
	padding-top: 3rem;
	padding-bottom: 5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	clear: both;
	position: relative;
	border-top:solid 5px #002569;

}

.container p{
	width: 100%;
}

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

.closeeeee{
	padding-top: 4rem;
	color: #002569;
	text-decoration: none;
	font-weight: bold;
	font-size: 3rem;
	text-align: center;
	display: block;
	clear: both;
}

.pager-link{
	text-decoration: none;
}

#project a:hover{
	color: #97c5eb;
}

.green{
	color: #5b9115;
	font-weight: bold;
}

.purple{
	color: #20D6C1;
	font-weight: bold;
}

h3{
	font-size: 3rem;
	letter-spacing:0.15em;
	margin-bottom: 1em;
	padding-top: 3pt;
}

#project h4,#member h4,
#project h4:first-letter,#member h4:first-letter{
	font-size: 120%;
}

li{
	list-style-type:square;
	margin-left: 1.5em;
	font-size: 110%;
}

#NEWS h3:first-letter{
	color: #8148a8;
	font-size: 1.5em;
}

#project h3:first-letter{
	color: #a3d869;
	font-size: 1.5em;
}

#About h3:first-letter{
	color: #ff824f;
	font-size: 1.5em;
}

#member h3:first-letter{
	color: #fe94ab;
	font-size: 1.5em;
}


#NEWS ul li a:hover{
	color: #c2afe6;
}

#About p{
/*	text-indent: 1em; */
	line-height: 1.5em;
	margin-bottom: 0.5em;
}

#Profile_header{
	margin-left: 0rem;
	clear: both;
}

#Profile_search{
	float: none;
	width: 100%;
}

#Profile_search p{
	width: 100%;
}

#Profile_search h4,
#Profile_header h4{
	width: auto;
	font-size: 3rem;
}

#Hada_Img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#Profile_header h3{
	font-size: 130%;
	letter-spacing: auto;
	text-align: center;
}

#project-area,#member-area {
	padding-left: 0em;
	width: 100%;
}

.project-img {
margin-right: 0em;
}

#top_news{
	background-color:#ffffff;
	padding: 2rem 5rem;
}

#top_news h3{
	margin-bottom:0;
}

#footer{
	color:#BDBFF0;
}

#footer h3{
	font-weight: normal;
	border-bottom :none;
	margin-bottom: 0.5em;
	position: relative;
	font-size: 120%;
}

#footer h3:first-letter{
	color: #20D6C1;
}

#contactInfo p{
	font-size: 60%;
	line-height: 1.5em;
}

#copyright{
	padding-top: 1em;
	text-align: center;
	color:#6d71d4;
	font-size:80%;
}