@charset 'utf-8';
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
.clrfx:before,.clrfx:after {content: " ";display: table;}
.clrfx:after {clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.tac{text-align: center;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{	filter: alpha(opacity=60);	opacity: 0.6;}
.opcity{filter: alpha(opacity=50);opacity: 0.5;}
ol,ul {list-style:none;}

/* Common
 * --------------------------------------------------------*/

#contents{
	width: 960px;
	margin: 0 auto;
	margin-bottom: 80px;
}

.title{
	width: 230px;
    margin: 0 auto;
    margin-top: 75px;
    margin-bottom: 50px;
}

.movie{
	text-align: center;
}

.copy{
	width: 550px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
}
	
.footer{
	background-color: #6FC834;
}
	
.archive{
	width: 550px;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 40px;
}

.archive img{
	padding-bottom: 8px;
}

.techopage{
	text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}

.techopage p{
	font-family: "太ゴB101", "Futo Go B101","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	padding-top: 10px;
	letter-spacing: 0.03em;
	color: #001643;
}
	
.cap{
	font-family: "太ゴB101", "Futo Go B101","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 1.8em;
    padding-top: 30px;
	padding-bottom: 50px;
	color: #001643;
}
	
#share h3{
	width: 85px;
	margin: 0 auto;
}
	
#share ul li{
	float: left;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 50px;
}
	
.footer1{
	width: 180px;
	margin: 0 auto;
}

.footer2{
	text-align: center;
}

#share .line{
	display: none;
}

.copyright{
	text-align: center;
	padding-bottom: 50px;
}

/*Planner追加分*/

.techo_spring{
	text-align: center;
    margin-top: 50px;
    margin-bottom: 70px;
}

.techo_spring .techo_ttl {
	padding-top: 50px;
	padding-bottom: 30px;
	
}
.techo_spring .techo_item {
	padding-bottom: 30px;
}
		

@media (max-width : 600px ){
    #wrapper
    {
        width: 600px;
    }
    #contents
    {
		width: 600px;
    }
	
	.footer1{
		width: 250px;
	}
	
	.cap br{
		display: none;
	}
	
	.copyright{
		padding-bottom: 250px;
	}

	.movie iframe{
     width: 100%;
	}
	
	
	.movie{
	position: relative;
	  width: 100%;
	  padding-top: 56.25%;
	}
 
	.movie iframe,  
	.movie object,  
	.movie embed {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	}
	#share .line{
		display: inline-block;
	}
	
	/*Planner追加分*/

	.techo_spring .techo_ttl img
	{
	width: 550px;
	}

	}