@charset "utf-8";

/*----------------------------
 ページ共通CSS
-----------------------------*/
#wrapper{
width: 980px;
margin: 0 auto;
text-align: left;
}

/* ヘッダー */
#header{
width: 980px;
height: 94px;
background-image: url(../images/top/header_back.jpg);
background-position: left top;
background-repeat: no-repeat;
position: relative;
margin-bottom: 25px;
}
#header h1{
position: absolute;
left: 5px;
top: 28px;
}

#top_contents{
width: 980px;
overflow: hidden;
text-align: left;
margin-bottom: 40px;
}
#top_contents #left{
width: 260px;
float: left;
margin-right: 20px;
}
#top_contents #main{
width: 698px;
float: left;
}
#side_index{
background-color: #fff;
width: 250px;
height: 57px;
margin-bottom: 2px;
}
.bnr_back{
background-color:#E4E4E4;
padding: 5px;
width: 250px;
}
.side_back{
width: 250px;
height: 38px;
border-bottom: 1px solid #e3e3e3;
background-color: #fff;
}
.side_back h3{
background-image: url(../images/top/side_icon.gif);
background-position: left center;
background-repeat: no-repeat;
margin-left: 5px;
height: 38px;
line-height: 38px;
padding: 2px 0;
padding-left: 20px;
}
.side_back h3 a{
color:#525252;
font-size: 14px;
font-weight:bold;
}
.side_back_inner{
width: 250px;
background-color:#fff;
}
/* ブロックリンク */
.bl-hover{
background-color:#CF7E95;
}
.bl-hover h3{
background-image: url(../images/top/side_icon_o.gif);
background-position: left center;
background-repeat: no-repeat;
}
.bl-hover h3 a{
color: #fff;
}
.bl-hover h3 a:hover{
text-decoration: none;
}

/* メインコンテンツ */
#contents_back{
background-color: #fff;
width: 658px;
padding: 20px;
}
#contents_back p{
color:#525252;
}
#contents_back strong{
color:#525252;
font-weight: bold;
}
#contents_bottom{
background-image: url(../images/top/contents_bottom.jpg);
background-position: left top;
background-repeat: no-repeat;
width: 698px;
height: 42px;
position: relative;
}
#contents_bottom #pagetop{
position: absolute;
top: 0;
left: 10px;
}
.title_back{
background-image: url(../images/top/title_back.jpg);
background-position: left top;
background-repeat: no-repeat;
width: 658px;
height: 36px;
margin-bottom: 15px;
}
.title_back h3{
color: #D3809F;
font-weight:bold;
font-size: 16px;
height: 36px;
line-height: 36px;
padding-left: 12px;
}
.info_back{
width: 658px;
/* border-bottom: 1px dotted #A7A7A7; */
padding-bottom: 10px;
margin-bottom: 30px;
}


.info_back h4{
border-radius: 10px;        /* CSS3草案 */
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
-moz-border-radius: 10px;   /* Firefox用 */
background: #F6F5F0;
padding:10px;
font-size: 14px;
font-weight:bold;
margin-bottom: 10px;
}
.info_back h4 a{
color:#0099CC;
margin-bottom: 5px;
}

.info_back .bnrbtn{
	width: 400px;
	margin:20px auto;

}

.info_back .bnrbtn a{
	display:block;
	background: #F6CCE2;
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#F6CCE2), to(#D3809F));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0099CC', endColorstr='#006699');
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	color:#fff;
	text-decoration:none;
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	padding: 10px 0;
}

.info_back .bnrbtn a:hover{
	display:block;
	background:#E6E6E6;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6');
	border: 2px solid #DDD;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);

	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}

.info_back .bnrbtn a:not(:target){ filter: none\9;}


.info_back p{
color:#525252;
margin-bottom: 15px;
padding-right: 10px;
}
.info_back p a{
text-decoration: underline;
}
.info_back p a:hover{
text-decoration:none;
}
.fb_back{
	width:600px;
	margin:0 auto 20px auto;
}

.info_txt p{
font-weight:bold;
margin-bottom: 10px;
}
.hotmail_block{
width: 620px;
height:200px;
overflow: auto;
padding:10px;
margin-bottom: 30px;
}
#contents_back ul{
margin-left: 15px;
margin-bottom: 30px;
}
#contents_back ul li{
margin-bottom: 5px;
}
#contents_back ul li a{
background-image: url(../images/top/icon01.gif);
background-position: left 1px;
background-repeat: no-repeat;
padding-left: 18px;
color:#1C94C1;
text-decoration: underline;
}
#contents_back ul li a:hover{
text-decoration: none;
}
#contents_back table{
border: solid 1px #CCCCCC;
padding: 3px;
text-align: center;
}
#contents_back td{
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
}


/* 共通フッター */
#footer{
clear:both;
width: 100%;
height: 120px;
text-align: left;
background-color:#EFEFEF;
background-image: url(../images/top/footer_bg.jpg);
background-position: left top;
background-repeat: repeat-x;
}
#footer_inner{
width: 980px;
margin: 0 auto;
position: relative;
text-align: left;
}

#footer_inner #copy{
position: absolute;
right: 20px;
top: 83px;
}
#f_txt{
color: #fff;
text-align:right;
font-size: 12px;
padding-top: 25px;
padding-right: 5px;
}

.memberTb{
width:90%;
margin:1em auto;
width: 570px;
border-collapse: collapse;
border:none!important;
}

.memberTb th{
width:30%;
border: solid 1px #ccc!important;
padding: 10px;
background: #E6E6E6;
text-align: center;
white-space: nowrap;
color: #000;
font-size:120%;
font-weight:bold;
}

.memberTb th img{
	margin-bottom:10px;
}

.memberTb td{
border: solid 1px #ccc!important;
padding:10px;
text-align:left;
vertical-align:top;
}

.activeTb{
	width:90%;
	margin:0 auto 20px;
	border:none!important;
}

.activeTb td{
	padding:5px;
	vertical-align: top;
	border:none!important;
}

/* 20150107add */
.movie_back {
	
}
.movie_back ul {
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	margin-right: 16px;
}
.movie_back ul li {
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	border-top-width: 0;
	border-left-width: 0;
	margin-bottom: 0 !important;
	padding: 41px;
	padding-top: 21px;
	padding-bottom: 21px;
	float: left;
}
.movie_back ul li p {
	width: 230px;
	margin-bottom: 0.3em;
}