@charset "utf-8";

/* top.css */


/*================================================================
   body
================================================================*/

#top {
/*	background-color: #eee;*/
}


/*================================================================
   mainVisual
================================================================*/

#mainVisual {
	position: relative;
	background-image: url(../images/top/mv.jpg);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 540px;
	z-index: 10;
}


/*================================================================
   content
================================================================*/

#content {
	margin: 0 auto 50px;
	padding: 0;
	width: 1120px;
}


/*================================================================
   alpha
================================================================*/

#alpha {
	margin-bottom: 40px;
	padding-top: 40px;
	width: 1120px;
}

#alpha ul.pledge {
	list-style: none;
	width: 1126px;
	margin-right: -6px;
	*zoom: 1;
}

ul.pledge:before,
ul.pledge:after {
	content: " ";
	display: table;
}

ul.pledge:after {
	clear: both;
}

ul.pledge li {
	float: left;
	margin: 0 6px 6px 0;
}

ul.pledge li a {
	display: block;
	padding: 20px 20px 20px 120px;
	width: 417px;
	height: 60px;
	font-size: 157%;
	font-weight: bold;
	line-height: 1.3;
	color: #222;
	z-index: 10;
}

ul.pledge li a:hover {
	text-decoration: none;
}

ul.pledge li span {
	z-index: 100;
}

ul.pledge li.n1 a { background: url(../images/top/pledge_1_bg.png) no-repeat 0 0; }
ul.pledge li.n2 a { background: url(../images/top/pledge_2_bg.png) no-repeat 0 0; }
ul.pledge li.n3 a { background: url(../images/top/pledge_3_bg.png) no-repeat 0 0; }
ul.pledge li.n4 a {
	padding: 14px 20px 18px 120px;
	height: 68px;
	font-size: 121.4%;
	line-height: 1.4;
	background: url(../images/top/pledge_4_bg.png) no-repeat 0 0; 
}

ul.pledge li.n1 a:hover { background: url(../images/top/pledge_1_bg_ov.png) no-repeat 0 0; }
ul.pledge li.n2 a:hover { background: url(../images/top/pledge_2_bg_ov.png) no-repeat 0 0; }
ul.pledge li.n3 a:hover { background: url(../images/top/pledge_3_bg_ov.png) no-repeat 0 0; }
ul.pledge li.n4 a:hover { background: url(../images/top/pledge_4_bg_ov.png) no-repeat 0 0; 
}

ul.pledge li a span {
	display: none;
}

	 
/*================================================================
   beta
================================================================*/

#beta {
	clear: both;
	float: left;
	width: 500px;
	*zoom: 1;
}

#beta:before,
#beta:after {
	content: " ";
	display: table;
}

#beta:after {
	clear: both;
}

#beta #googleCalender {
	float: left;
	margin-bottom: 20px;
	width: 500px;
	height: 500px;
}

#beta #facebook {
/*	float: right;*/
	margin-bottom: 20px;
	width: 500px;
	height: 500px;
}

#beta #link {
	clear: right;
	background-color: #fff;
	padding: 30px;
	*zoom: 1;
}

#link:before,
#link:after {
	content: " ";
	display: table;
}

#link:after {
	clear: both;
}

#link div.boxL {
	float: left;
	width: 270px;
}

#link div.boxL p:first-child {
	margin-bottom: 20px;
	font-size: 93%;
}

#link div.boxL p strong {
	display: block;
	margin-bottom: 5px;
	font-weight: normal;
}

#link div.boxL p.url {
	font-size: 85.7%;
}

#link div.boxR {
	float: right;
	width: 480px;
}

#link div.boxR figure.bnrL {
	float: left;
	width: 180px;
}

#link div.boxR figure.bnrM {
	float: right;
	margin-bottom: 20px;
	width: 280px;
}

#link div.boxR figure.bnrS {
	float: right;
	display: inline;	
	margin-right: 100px;
	width: 180px;
}

#link div.boxR figure figcaption {
	margin-top: 10px;
	font-size: 85.7%;
	line-height: 1.0;
	text-align: center;
}

	 
/*================================================================
   gamma
================================================================*/

#gamma {
	float: right;
	width: 582px;
}

#gamma div.manifestPdf {
	margin-bottom: 10px;
	width: 270px;
	height: 320px;
}

#gamma div.youTube {
  position: relative;
	margin-bottom: 10px;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
#gamma div.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#gamma ul {
	list-style: none;
}

#gamma ul li a {
	display: block;
	margin-bottom: 10px;
	border: 1px solid #aaa;
	padding: 14px 20px 14px 75px;
	width: 173px;
	font-size: 78.6%;
	line-height: 1.0;
	color: #000;
}

#gamma ul li.facebook a {
	background: #fff url(../images/top/fb_icon.png) no-repeat 20px 50%;
}

#gamma ul li.blog a {
	background: #fff url(../images/top/blog_icon.png) no-repeat 15px 50%;
}

#gamma ul li a:hover {
	background-color: #f5f5f5;
	text-decoration: none;
}

#gamma ul li a strong {
	display: block;
	margin-bottom: 4px;
	font-size: 128.6%;
}
/*================================================================
   Correction
================================================================*/
h1 img {
	margin-top:3px;
}
#midashi {
	margin: 1.2em auto;
	text-align:center;
}

#site_link img {
	border-left:1px solid #000000;
}
.scrollwrap {
	float:left;
	width:280px;

}
.scrollwrap > p {
    font-weight: bold;
	margin:5px 0;
}
.scrollbox {
	border:1px solid #8A8A8B;
	word-break:break-all;
	overflow:auto;
	width:280px;
	height: 280px;
	padding: 0 0.8em;
}
iframe {
	border:1px solid #8A8A8B;
	word-break:break-all;
	overflow:auto;
	width:280px;
	height: 280px;
}
#wrap_p {
	padding:0.8em;
}
#wrap_p p {
	font-size:12px;
}
.scrollbox p:first-child {
	padding-top:1em;
}
.first {
}
.date {
	font-weight: bold;
}
.dotted {
	border:none;
	border-top:dashed 1px;
}
.clImg{
   position:relative;
   height: 400px;
}
.clImg img {
    position:absolute;
}