@charset "UTF-8";

/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */
/* 基本フォント ------------------------------ */
.sectionH1 input,
.sectionH1 textarea,
.sectionH1 select {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 75%;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

.sectionH1 h1,
.sectionH1 h2,
.sectionH1 h3,
.sectionH1 h4,
.sectionH1 h5,
.sectionH1 h6 {
	font-size: 100%;
	font-weight: normal;
}

/*¥*/
* html .sectionH1 table {
	font-size: 100%;
	line-height: 1.5;
}
/**/

/* 基本タグ ------------------------------ */
.sectionH1 div,
.sectionH1 h1,
.sectionH1 h2,
.sectionH1 h3,
.sectionH1 h4,
.sectionH1 h5,
.sectionH1 h6,
.sectionH1 dl,
.sectionH1 dt,
.sectionH1 dd,
.sectionH1 ul,
.sectionH1 ol,
.sectionH1 li,
.sectionH1 p,
.sectionH1 blockquote,
.sectionH1 pre,
.sectionH1 form,
.sectionH1 input,
.sectionH1 textarea,
.sectionH1 select,
.sectionH1 option,
.sectionH1 label {
	margin: 0;
	padding: 0;
}
.sectionH1 img,
.sectionH1 table {
	border: none;
}
.sectionH1 table { border-collapse: collapse; }
.sectionH1 li img,
.sectionH1 dt img {
	vertical-align: bottom;
}
.sectionH1 address,em,cite { font-style: normal; }


/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */
.sectionH1 .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.sectionH1 .clearfix { display:inline-block; }
/*¥*/
* html .sectionH1 .clearfix { height:1%; }
.sectionH1 .clearfix { display:block; }
/**/


/* --------------------------------------------------------------------------------------
 sectionH1
--------------------------------------------------------------------------------------- */
.sectionH1 {
	width: 950px;
}

.sectionH1 #mainContent {
	position: relative;
	width: 950px;
	text-align: left;
	margin-top: 30px;
}

.sectionH1 #topImage {
	position: relative;
	width: 950px;
	height: 513px;
	background: url(../images/top_main_20131226.jpg) no-repeat;
	margin-bottom: 10px;
}

.sectionH1 #topImage h1 {
	position: absolute;
	top: 0px;
	left: 0px;
}

.sectionH1 ul#topMenu {
	width: 220px;
	position: absolute;
	top: 121px;
	left: 0px;
	list-style: none;
}

.sectionH1 ul#topMenu li {
	float: left;
}

.sectionH1 div#topDlMenu {
	position: absolute;
	bottom: 18px;
	right: 10px;
}

.sectionH1 div.SNS div {
	float: right;
	overflow: hidden;
}

.sectionH1 #flashContent {
	width: 705px;
	overflow: hidden;
}

.sectionH1 div.SNS div.fb {
	position: absolute;
	top: 70px;
	left: 674px;
	width: 178px;
	height: 24px;
}
.sectionH1 div.SNS div.enquete {
	position: absolute;
	top: 20px;
	left: 244px;
	width: 381px;
	height: 80px;
}

.sectionH1 div.SNS div.tw {
	position: absolute;
	top: 34px;
	left: 866px;
	width: 120px;
}
.sectionH1 div.SNS div.en {
	position: absolute;
	top: 67px;
	left: 871px;
	width: 120px;
}

.sectionH1 #mainArea {
	position: relative;
	width: 950px;
	z-index: 0;
}

.sectionH1 #anime_hype_container img {
	position: absolute;
	top: 110px;
	left: 244px;
	width: 463px;
	height: 399px;
}

.sectionH1 #topFB {
	position: absolute;
	top: 20px;
	left: 244px;
	width: 696px;
	height: 80px;
}

.sectionH1 ul#sideMenu {
	width: 235px;
	background: url(../images/side_sp.gif) repeat-y top left;
	padding-top: 12px;
	list-style: none;
}
.sectionH1 ul#sideMenu .smenu2 { margin-top:12px; }

.sectionH1 ul#sideBn {
	width: 235px;
	list-style: none;
}
.sectionH1 ul#sideBn li { margin-top:10px;; }

.sectionH1 #mainBox {
	float: right;
	width: 705px;
}

.sectionH1 #mainBox h2 { margin-bottom: 10px; }
.sectionH1 #mainBox .btm { margin-bottom: 30px; }

.sectionH1 #CP {
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid #ccc;
	color: #666;
	font-size: 85%;
}

.sectionH1 .lineup table {
	width:700px;
	margin:0 auto 20px;
	border-collapse:collapse;
	background-color: #fff;
	line-height:1.2;
	text-align:center;
}

.sectionH1 .lineup th,
.sectionH1 .lineup td {
	border:1px solid #a0ce67;
	vertical-align:middle;
}

.sectionH1 .lineup th {
	text-align: left;
}

.sectionH1 .lineup tbody th,
.sectionH1 .lineup tbody td {
	padding:6px 5px;
}

.sectionH1 .lineup thead th {
	padding:1px 0;
	background-color: #cadeab;
	text-align: center;
}

.sectionH1 ul#shiyo li {
	float: left;
	width: 315px;
	margin-left: 30px;
	list-style: disc;
}

.sectionH1 .block div {
	float: right;
}

.sectionH1 .disc li {
	margin-left: 30px;
	list-style: disc;
}

.sectionH1 .num li {
	margin-left: 30px;
	list-style: decimal;
}

.sectionH1 .othersBox {
	float: left;
	margin: 0 10px 10px 0;
	width: 225px;
}

.sectionH1 .othersBox h3 {
	border-left: 5px solid #86bc56;
	border-top: 1px solid #86bc56;
	padding-left: 5px;
}

.sectionH1 .othersBox ul.btn {
	width: 225px;
	list-style: none;
}

.sectionH1 .othersBox ul.btn li.btn0 {
	margin:5px 0 0;
	float: left;
}
.sectionH1 .othersBox ul.btn li.btn1 {
	margin:5px 5px 10px 0;
	float: left;
}
.sectionH1 .othersBox ul.btn li.btn2 {
	margin:5px 0 10px 0;
	float: left;
}

.sectionH1 .othersBox div {
	font-size: 90%;
	width: 225px;
}

.sectionH1 ul.evernoteBtn li { float: left; }
.sectionH1 ul.evernoteBtn .btn1 { margin: 10px 0 30px 250px; }
.sectionH1 ul.evernoteBtn .btn2 { margin: 10px 0 30px 10px; }

.sectionH1 h3.title {
	border-left: 5px solid #86bc56;
	border-bottom: 1px solid #86bc56;
	padding-left: 5px;
	margin-bottom: 10px;
}

.sectionH1 h3.title2 {
	border-left: 5px solid #86bc56;
	border-bottom: 1px solid #86bc56;
	background: #86bc56;
	color: #fff;
	padding-left: 5px;
	margin-bottom: 10px;
}

.sectionH1 .faq span {
	margin: 0 2px 0 3px;
	float: left;
	width: 5%;
	text-align: center;
	color: #86bc56;
	font-weight: bold;
}
.sectionH1 .faq p {
	margin: 0 2px 0 3px;
	float: left;
	width: 90%;
}

.sectionH1 #topMenu img.pop {
	display:block;
	top:-10000px;
	left:-10000px;
	position:absolute;
	z-index: 99999;
}

.sectionH1 #topMenu a {
	display: block;
}
.sectionH1 #topMenu a:hover {
	position:relative;
}

.sectionH1 #topMenu a:hover img.pop {
	top: -60px;
	left: 210px;
}
.sectionH1 #topMenu a:hover img.pop:not(:target) {
}

.sectionH1 .txt1 {
	font-size: 85%;
	margin: 5px 0 0 40px;
	width: 500px;
}

.sectionH1 .fadein,
.sectionH1 .fadein img {
	background: #a1d052;
}
.sectionH1 .arw {
	background-repeat: no-repeat;
}

.twitter-share-button {
	width: 150px;
}

/* 重要なご案内 */
.attention {
	border: #F00 2px solid;
	padding: 20px!important;
	margin-bottom: 20px!important;
	color: #F00;
	text-align: center;
		font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.attention h2,
.attention a{
font-size: 20px;
	text-align: center!important;
	margin-bottom: 20px;
	font-weight: bold;
}
.attention p{
font-size: 16px;
	text-align: left;
	margin-bottom: 20px;
}
.attention a{
	color: #F00;

}