@charset "UTF-8";
/* CSS Document */

/*---------------------------------homepageの設定------------------*/
/*--------------------------フォントの設定---------*/
h2 {
	font-size: 30px;
	font-style: normal;
	font-weight: normal;
	color: #960;
}
.h2komoji {	font-size: 27px;}
.h2komoji2{	font-size: 27px;}
h3 {
	font-size: 18px;
	color: #960;
}
.sumaho{ display: none;}
.data_sab {
	font-size: 15px;
}
.kenkyusyo {
	font-size: 16px;
	}
.noukasan {
	font-size: 14px;
	}
.wn {
	text-align: left;
	width: 40%;
}

h4 {
	font-size: 14px;
	color: #333;
}
h4 .subtitle_bold {
	font-weight: bold;
}

/*---------------------------------topimage,movie------------------*/
#topimages {
	background-image: url(../images/mainimages/back.gif);
	background-repeat: repeat;
	width: 100%;
	margin: 0px;
	height: auto;
	position: relative;
	overflow: hidden;
}
#imagebox {
	width: 100%;
	max-width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: auto;
	text-align: center;
}
#imagebox a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=80);
}
/*----------------------------------slide-----------*/
#slideshows {
	height: auto;
	width: 100%;
	max-width: 800px;
	padding: 0px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
}
#slideshows img {
	height: auto;
	width: 80%;	
}
/*----------------------------------oshirase-----------*/
#oshirase{
	height: auto;
	width: 100%;
	max-width: 800px;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	}
.kokuchi{
	height: auto;
	width: 400px;
	float: left;
	margin-right: 5px;
	margin-left: 30px;
	line-height: 50px;
	vertical-align: middle;
}

.kokuchi2{
	height: auto;
	width: 325px;
	float: left;
	margin-right: 5px;
	margin-left: 20px;
	line-height: 50px;
	vertical-align: middle;
}
.tw{
	height: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 15px;
	width: 300px;
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-right: 20px;
	margin-left: 5px;
}
#twiue{
	height: 25px;
	width: 300px;
	padding-bottom: 2px;
}
#twiue span{
	line-height: 20px;
	font-size: 20px;
	}
#twiue a{text-decoration: none; color: #F69;}
#twiue a:hover{color: #3C6;}


/*----------------------------------contents-----------*/
#contents {
	padding: 0px;
	width: 95%;
	max-width: 950px;
	min-width: 320px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 80px;
	margin-left: auto;
}
.epsodebox {
	padding: 0px;
	width: 100%;
	max-width: 900px;
	min-width: 320px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#eptitle_line1,#eptitle_line2,#eptitle_line3,#eptitle_line4,#eptitle_line5,#eptitle_line6,#eptitle_line7,#eptitle_line8,#eptitle_line9  {
	width: 100%;
	max-width: 900px;
	min-width: 320px;
	height: auto;
	padding: 0px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#eptitle_line1 {border-bottom-width: 4px;
				border-bottom-style: solid;
				border-bottom-color: #FCC;}
#eptitle_line2 {border-bottom-width: 4px;
				border-bottom-style: solid;
				border-bottom-color: #CC9;}
#eptitle_line3 {border-bottom-width: 4px;
				border-bottom-style: solid;
				border-bottom-color: #6cc;}
#eptitle_line4 {border-bottom-width: 4px;
				border-bottom-style: solid;
				border-bottom-color: #C60;}
#eptitle_line5 {border-bottom-width: 4px;
				border-bottom-style: solid;
				border-bottom-color: #390;}
#eptitle_line6 {border-bottom-width: 4px;
				border-bottom-style: solid;
				border-bottom-color: #F99;}
#eptitle_line7 {border-bottom-width: 4px;
				border-bottom-style: solid;
				border-bottom-color: #F90;}
#eptitle_line8 {border-bottom-width: 4px;
				border-bottom-style: solid;
				border-bottom-color: #966;}
#eptitle_line9 {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
}
.epti_l {
	height: 40px;
	width: 200px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.epti_r {
	height: 40px;
	width: 440px;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.epdata {
	width: 95%;
	max-width: 900px;
	min-width: 320px;
	text-align: right;
	margin: 0px;
	padding-top: 10px;
	padding-right: auto;
	padding-bottom: 0px;
	padding-left: auto;
	float: right;
}
#main {
	width: 95%;
	max-width: 900px;
	min-width: 800px;
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: center;
	padding: 0px;
	height: auto;}



.epparts {
	float: left;
	height: 296px;
	width: 246px;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
}
.subtitle2 {
	text-align: left;
	height: 60px;
	width: 206px;
	padding: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.ep_link {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 286px;
	width: 216px;
}
.ep_tag {
	float: left;
	height: 216px;
	width: 30px;
	padding: 0px;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.ep_photo {
	margin: 0px;
	padding: 0px;
	height: 216px;
	width: 216px;
}
#contents a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=70);
}
/*----------------------------------backnumber-----------*/

.top_sn{
	width: 100%;
	max-width: 850px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 130px;
}
.top_sn li{
	display: block;
	float: left;
	width: 16.5%;
	min-width:120px;
	margin: 0;
  	padding: 0;

}
.top_sn li a{
  display: block;
  padding: 12px 0 10px;
  text-align: center;
  text-decoration: none;
}
.top_sn li a:hover{
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.top_sn span q {
visibility: hidden;
position: absolute;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
opacity:0;
}
.top_sn span:hover q{
	display: block;
	visibility: visible;
	background: #fff;
	border-radius: 4px;
	color: #3C3;
	padding: 4px 8px 2px 8px;
	margin: -4.6em 0 0 0.8em;
	line-height: 1.6;
	opacity: 1.0;
	font-size: 11px;
	border: 1px solid #3C6;
}
.top_sn span:hover q:before {
/*border-top:9px #444 solid;
border-left:9px transparent solid;
border-right:9px transparent solid;
border-bottom:9px transparent solid;
width:0; height:0;
*/content:"";
display:block;
margin-top:21px;
position: absolute;
}
.top_sn span:hover q:after {
content: "";
}

/*--------------------------------------------------*/
/*-----------------------------------------------------*/
@media screen and (max-width:1150px){

#main {
	width:100%;
	max-width: 950px;
	min-width:600px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	text-align: center;
	padding: 0px;
	height: auto;
}
.epparts {
	float: left;
	height: 276px;
	width: 246px;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
}
	
	
}

/*--------------------------------------------------*/
/*-----------------------------------------------------*/
@media screen and (max-width:850px){
/*----------------------------------movie-----------*/

/*----------------------------------contents-----------*/
h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	color: #960;
}
.h2komoji {	font-size: 26px;}
.h2komoji2{	font-size: 26px;}
h3 {
	font-size: 16px;
	color: #960;
}
.wide{display: none;}
.sumaho{
	display: block;
	text-align: right;
}

.data_sab {
	font-size: 12px;
}

.epti_l {
	height: 40px;
	width: 200px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	}
.epti_r {
	height: 40px;
	width: 450px;
	padding: 0px;
	float: right;
	text-align: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main {
	width:85%;
	max-width: 850px;
	min-width:600px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: center;
	padding: 0px;
	height: auto;
 }
.epparts {
	float: left;
	height: 276px;
	width: 246px;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
}

.top_sn{
	height: 265px;
}
.top_sn li{
    width: 30%;
  }
}
/*--------------------------------------------------*/
/*-----------------------------------------------------*/
@media screen and (max-width:800px){
h3 {
	font-size: 14px;
	color: #960;
}
.noukasan {
	font-size: 13px;
	}

.kokuchi{
	height: auto;
	width: 95%;
	max-width:400px;
	float: none;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

.kokuchi2{
	height: auto;
	width: 325px;
	float: none;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.tw{
	height: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 15px;
	width: 300px;
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-right: 20px;
	margin-left: 5px;
}
#twiue{

}
/*--------------------------------------------------*/
/*-----------------------------------------------------*/
@media screen and (max-width:600px){
#main {
	width:85%;
	max-width: 550px;
	min-width:320px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: center;
	padding: 0px;
	height: auto;
 }
.h2komoji2{	font-size: 23px;}
/*.epparts {
	float: left;
	height: 276px;
	width: 246px;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}*/
.epparts {
	float:  none;
	clear: both;
	height: 276px;
	width: 246px;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

h3 {
	font-size: 13px;
	color: #960;
}
.noukasan {
	font-size: 12px;
	}

.data_sab {
	font-size: 12px;
}


}
/*--------------------------------------------------*/
/*-----------------------------------------------------*/
@media screen and (max-width:500px){
.h2komoji2{	font-size: 22px;}
}
/*--------------------------------------------------*/
/*-----------------------------------------------------*/
@media screen and (max-width:400px){
#pageTop  {
	bottom: 10px;
	right: 5px;
	position: fixed;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 5;
}
#top {
	background-image: url(../images/mainimages/back.gif);
	background-repeat: repeat;
	width: 100%;
	margin: 0px;
	height: auto;
}
.tw{
	width: 70%;
	min-width: 310px;
	margin-top: 10px;
	margin-right:auto;
	margin-bottom: 10px;
	margin-left: auto;
	}
/*----------------------------------contents-----------*/
h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	color: #960;
}
.h2komoji {	font-size: 20px;}
.h2komoji2{	font-size: 19px;}
h3 {
	font-size: 12px;
	color: #960;
}
.data_sab {
	font-size: 11px;
}

.noukasan {
	font-size: 11px;
}

.epti_l {
	height: 30px;
	width: 150px;
	clear: both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	}
.epti_r {
	height: 30px;
	width: 100%;
	text-align: right;
	clear: both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-r: 5px;
	margin-left: 0px;
}
.epdata {
	width: 100%;
	max-width: 320px;
	min-width: 320px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	float: right;
}
#main {
	width: 95%;
	max-width: 380px;
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: center;
	padding: 0px;
	height: auto;
 }
 #cont {
	float: none;
	margin: 0;
	padding: 0;
	clear: both;
}
.epparts {
	float:  none;
	clear: both;
	height: 276px;
	width: 246px;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}


}