@charset "euc-jp";

/*###################################################
　 
   全 iframe 共通のスタイル
   
################################################### */


/*
------------------------------------------------------------
　色、背景、テキストリンク色などの共通設定
------------------------------------------------------------
*/

body {
  width:100%;
  background: #fff;
  line-height: 150%;
  text-align: center;
}


/* タグ定義
------------------------- */

*{
	color:#777;
}
a:link{
	color:#777;
}
a:hover{
	color:#aaa;
}
.w50{
	width:50%;
    margin:  0 auto;
}
    
    
/* 画像マウスオーバー半透明
-------------------------------- */
a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}


/* layout
-------------------------------- */
#body-wrapper {
	width:640px;
	text-align:left;
	margin: 20px auto;
}
#navi {
	width:100%;
	margin-bottom:5px;
	background-color:#555;
	color:#fff;
}
#navi a{
	display:block;
	padding:3px 1%;
	text-align:center;
	color:#fff;
	text-decoration:none;
}


h1 {
	padding:6px;
	background:#333;
	text-align:right;
}
h1 div {
	width:640px;
	margin:0 auto;
	color:#fff;
	font-size:0.8rem;
}
@media screen and (max-width: 640px) {
	#body-wrapper,
	h1 div {
		width:100% !important;
	}
}





/* toppage
-------------------------------- */

.top-image {
	width:95%;
	text-align:center;
	margin: 0 auto 20px auto;
}
.top-image img {
	display:block;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	.top-image.smp50{
		width:55%;
	}
    .top-image.smp40 img{
		width:40%;
	}
}

.tv {
	margin: 30px auto;
}
.tv img {
	width:100%;
}
.np {
	margin: 30px auto 60px;
}
@media screen and (max-width: 640px) {
	.np img{
		width:100%;
	}
    .np iframe{
		width:100%;
        height:60vw;
	}
}

.top-center {
	width:95%;
	margin: 0 auto 10px auto;
}
.top-center table {
	width:100%;
	border-collapse: collapse;
}
.top-center table,
.top-center th,
.top-center td {
	border:solid 1px #ddd;
	padding:4px 10px;
}
.top-center th {
	width:20%;
	background:#eee;
	text-align:center;
}
.top-center td {
	width:80%;
	text-align:left;
}
.top-center td span {
	font-size:90%;
	color:#888;
}
.border-c1 {
	padding:2px;
	border: solid 1px #ccc;
}

.title {
	margin:50px 0 35px 0;
	padding-bottom:20px;
	border-bottom:dotted 1px #C62F1E;
	font-weight:bold;
	text-align:center;
	font-size:300%;
	color:#C62F1E;
	
	font-family: 'Cherry Swash', cursive;
}





footer {
	padding:20px;
	background:#333;
	color:#fff;
	text-align:center;
}