@charset "utf-8";


/*-----------------------------------------------------
Main_view
-------------------------------------------------------*/

#Main_view2{
	clear:both;
	width:852px;
	margin:16px auto 19px auto;
	text-align:left;
	background:#000;
}

/*-----------------------------------------------------
section
-------------------------------------------------------*/
@media screen and (min-width: 640px){

#Main .section div.fb_base{
	width:642px;
	height:500px;
	zoom: 124%;
}

div.fb-page{
	zoom: 124%;
}

#Main .section ul li{
	width:642px;
	font-weight:bold;
	background: url(../images/new_line_642.gif) no-repeat bottom;
	padding-left: 15px;
	margin:0 10px 10px 5px;
}

#Main .section ul li:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#Main .section dt{
	width:130px;
	float:left;
	font-weight:bold;
	background: url(../images/maru_che.gif) no-repeat 0 .3em;
	padding-left: 15px;
}

#Main .section dd{
	width:497px;
	float:left;
}

}

@media screen and (max-width: 640px) {
	
#Main .section ul li{
	width:100%;
	font-weight:bold;
	background: url(../images/new_line_642.gif) no-repeat bottom;
	padding-left: 15px;
	margin:0 auto;
	margin-bottom:10px;
}

#Main .section ul li:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#Main .section dt{
	width:100%;
	font-weight:bold;
	background: url(../images/maru_che.gif) no-repeat 0 .3em;
	padding-left: 15px;
}

}

#Main .section dd a:link{
	color:#333333;
	text-decoration: underline;	
}

#Main .section dd a:hover{
	color:#333333;
	text-decoration: none;
}

@media screen and (min-width: 640px){

#Main .section .daimei{
	width:642px;
	font-weight:bold;
	background: url(../images/new_line_642.gif) no-repeat bottom;
	padding:0 10px 27px 10px;
	margin:0 10px 10px 5px;
}

#Main .section .daimei:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#Main .section .hiduke{
	width:130px;
	float:left;
	font-weight:bold;
	background: url(../images/maru_che.gif) no-repeat 0 .3em;
	padding-left: 15px;
}

#Main .section .news_title{
	width:497px;
	float:left;
}

#Main .section .news{
	width:642px;
	padding:0 10px 5px 10px;
	margin:0 10px 10px 5px;
}

#Main .section .back{ 
	top: 5px;
	right: 10px;
	font-size:12px;
	padding-left:13px;
	margin:10px 0 0 580px;
	background: url(../images/arrow.gif) no-repeat 0 .5em;
}

#Main .section .mov{ 
	width:640px;
	height:420px;
	margin:0 auto;
	margin-top:5px
	margin-bottom:20px;
}

}

@media screen and (max-width: 640px) {

#Main .section .mov{ 
	width:90%;
	height:42%;
	margin:0 auto;
	margin-top:5px
	margin-bottom:10px;
}
	
#Main .section .daimei{
	width:100%;
	font-weight:bold;
	background: url(../images/new_line_642.gif) no-repeat bottom;
	padding:0 0 10px 0;
	margin:0 0 10px 5px;
}

#Main .section .hiduke{
	width:100%;
	font-weight:bold;
	background: url(../images/maru_che.gif) no-repeat 0 .3em;
	padding-left: 15px;
}

#Main .section .news_title{
	width:100%;
}

#Main .section .news{
	width:96%;
	padding:0 0 5px 0;
	margin:0 auto;
	margin-bottom:10px;
}

#Main .section .back{ 
	top: 5px;
	right: 10px;
	font-size:12px;
	padding-left:13px;
	margin:10px 0 0 0;
	background: url(../images/arrow.gif) no-repeat 0 .5em;
}	
	
}

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#Main .section .back a:link{
	color:#ff4f4f;
	text-decoration: underline;	
}

#Main .section .back a:hover{
	color:#ff4f4f;
	text-decoration: none;
}

#Main .section .back a:visited{
	color:#ff4f4f;
	text-decoration: none;
}