@charset "utf-8";
/* CSS 汎用 */


.haba640 {
	width:640px;
	margin-left:auto;
	margin-right:auto;
	font-size:120%;
	line-height:1.3em;
	}
.haba640kiji {
	width:640px;
	margin-left:auto;
	margin-right:auto;
	font-size:120%;
	line-height:1.3em;
	
	}
 .main_ttl{ 
     position:relative; 
     width:100%; 
	 top:-30pt;
} 
.main_ttl p{
	position:absolute;
	top:57px;
	left:14px;
	width:497px;
	z-index: 2;
 } 
.pen2 {
     position:relative; 
     width:100%; 

}
.pen2 p {
	position:absolute;
	top:32px;
	width:85%;
	z-index: 2;
	left: 63px;
}
.senshin {
	position:relative;
	width:100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
}
.senshin p{
	position:absolute;
	top:104px;
	width:65%;
	z-index: 2;
	left: 12px;
}

.hyou {
     position:relative; 
	top:90px;
	width:640px;
	}
.kagi-bk {
	background-color: #0071bc;
	background-image: url(back-white.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 0px;
}
.kagi {
	position:relative;
	width:100%;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.nami {
	position: relative;
	width: 100%;
}
.kagi p {
	position:absolute;
	top:274px;
	width:78%;
	z-index: 2;
	color:#ffffff;
	left: 97px;
}
.nami p{
	position: absolute;
	width: 75%;
	z-index: 3;
	left: 7px;
	top: 93px;
}
.senshin-bk {
	margin-top: 20px;
	width: 100%;
	background-image: url(b-y.png);
	background-repeat: repeat;
}
.senshin-bk2 {
	margin-top:0px;
	padding-bottom: 20px;
	width: 100%;
	background-image: url(b-y.png);
	background-repeat: repeat;
}
.tokoton {
	margin-top: 30px;
}
.kagi a:hover img{
	    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;	
	}
.mov_list {
	text-align: center;
	}
.mov_list iframe{
	width:640px;
	height:360px;
	}	
	
@media screen and (max-width: 640px) {
.haba640 {
	width:100%;
}
.haba640kiji {
	width:100%;
	
	}

.sns_btn2 img{
	width:40px;
	height40px;
	}
/*画像見出し幅*/
.image-midashi {

width:98%;
	}

/*余白をなくす*/
.hadder-bg {
	margin:0px;
	padding:0px;
	width:100%;
	}
#content {
	margin:0px;
	padding:0px;
	width:100%;
}
#content-inner {
	margin:0px;
	padding:0px;
	width:100%;
}
.txt_wrp {
	margin:0px;
	padding:0px;
	width:100%;
}

.haba640 img{
	width:100%;
}

/*文字領域の幅*/
 .main_ttl p{
	position:absolute;
	top:27px;
	left:14px;
	width:80%;
	z-index: 2;
 }
 .pen2 p {
	position:absolute;
	top:5%;
	width:85%;
	z-index: 2;
	left: 10%;
}
 .senshin p{
	position:absolute;
	top:15%;
	width:65%;
	z-index: 2;
	left: 12px;
}
 .kagi p {
	position:absolute;
	top:15%;
	width:78%;
	z-index: 2;
	color:#ffffff;
	left: 15%;
}
.nami p{
	position: absolute;
	width: 75%;
	z-index: 3;
	left: 7px;
	top: 20%;
}
.spl_06px {
	margin-left: 10px;
	}  
/*全幅背景*/
.kagi-bk {
	background-color: #0071bc;
	background-image: url(back-white.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 0px;
}
.senshin-bk {
	margin-top: 20px;
	width: 100%;
	background-image: url(b-y.png);
	background-repeat: repeat;
}
.senshin-bk2 {
	margin-top:0px;
	padding-bottom: 20px;
	width: 100%;
	background-image: url(b-y.png);
	background-repeat: repeat;
}
/*フッタの幅*/
#footer-inner {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF3300;
	padding-top: 10px;	
	}
.mov_list {
	text-align: center;
	}
.mov_list iframe{
	width:480px;
	height:270px;
	}

}
@media screen and (max-width: 480px){
.mov_list iframe{
	width:320px;
	height:180px;
	}	
	
}
@media screen and (max-width: 320px){

.haba640kiji {
	width:100%;
	
	}
.sns_btn2 img{
	width:40px;
	height40px;
	}
	
/*余白をなくす*/
.hadder-bg {
	margin:0px;
	padding:0px;
	width:100%;
	}
#content {
	margin:0px;
	padding:0px;
	width:100%;
}
#content-inner {
	margin:0px;
	padding:0px;
	width:100%;
}
.txt_wrp {
	margin:0px;
	padding:0px;
	width:100%;
}
.haba640 {
	width:100%;
font-size:100%;
line-height:1.3em;

	}
	
.haba640 img{
	width:100%;
}

/*画像見出し幅*/
.image-midashi {
width:98%;
	}
	
/*文字領域の幅*/
 .main_ttl p{
	position:absolute;
	top:27px;
	left:14px;
	width:80%;
	z-index: 2;
 }
 .pen2 p {
	position:absolute;
	top:5%;
	width:90%;
	z-index: 2;
	left: 10%;
}
 .senshin p{
	position:absolute;
	top:15%;
	width:65%;
	z-index: 2;
	left: 12px;
}
 .kagi p {
	position:absolute;
	top:15%;
	width:82%;
	z-index: 2;
	color:#ffffff;
	left: 15%;
}
.nami p{
	position: absolute;
	width: 75%;
	z-index: 3;
	left: 7px;
	top: 20%;
}
.spl_06px {
	margin-left: 10px;
	}  
/*全幅背景*/
.kagi-bk {
	background-color: #0071bc;
	background-image: url(back-white-s.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 0px;
}
.senshin-bk {
	margin-top: 20px;
	width: 100%;
	background-image: url(b-y.png);
	background-repeat: repeat;
}
.senshin-bk2 {
	margin-top:0px;
	padding-bottom: 20px;
	width: 100%;
	background-image: url(b-y.png);
	background-repeat: repeat;
}
/*フッタの幅*/
#footer-inner {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF3300;
	padding-top: 10px;	
	}	
.icon {
	height: 10px;
	width: 10px;
}
.mov_list iframe{
	width:320px;
	height:180px;
	}

}