body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}

body{
	font: 14px/1.9 "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
	color: #666;
	background: #fff;
}

a{
	color: #0066ff;
	text-decoration: none;
}

a:hover, .active{
  text-decoration: underline;
}

a:active, a:focus,input:active, input:focus{outline:0;}

#sec03 a:hover img, a:active img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}


/* ヘッダー
------------------------------------------------------------*/
#header{
	text-align: center;
	padding: 100px 0 40px 0;
}

.inner_header{
	width: 70%;
	margin: 0 auto;
}



/* フッター
------------------------------------------------------------*/
#footer{
	clear: both;
	padding: 0 0 50px 0;
	margin: 0 auto;
	text-align: center;
	font-size: 100%;
	line-height: 1.5;
}

#footer p{
	width: 90%;
	margin: 0 auto;
}


/* 共通
------------------------------------------------------------*/

img{
	max-width: 100%;
	height: auto;
}

#contents {
	margin:0 auto;
	text-align:center;
}

section{
	clear:both;
}

.inner{
	width: 70%;
	margin: 0 auto;
	padding: 50px 0;
}

.inner_top{
	width: 70%;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

.img_zero{
	margin: 0px;
	padding: 0px;
}


/* ページトップへ
------------------------------------------------------------*/

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #00A0E9;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.6;
}


/* 各section
------------------------------------------------------------*/

#sec01{
	background-color: #ffffff;
}

#sec02{
	background-color: #fff0cf;
}

#sec_youtube{
	background-color: #fff0cf;
}

#sec04{
	background-color: #f8fbf9;
}

#sec05{
	background-color: #ed9239;
}

#sec05 img{
	padding: 0px;
	margin: 0px;
	display: block;
}



/* RESPONSIVE 設定
------------------------------------------------------------*/

@media only screen and (min-width: 1100px){
	#header{
	text-align: center;
	padding: 100px 0 40px 0;
}
	
	.inner_header{
		width: 1024px;
	}
	
	.inner{
		width: 1024px;
	}

	.inner_top{
		width: 1024px;
	}
	
	.inner_footer{
		width: 1024px;
	}
}

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

#header{
	text-align: center;
	padding: 80px 0 40px 0;
}

.inner_header{
	width: 90%;
	margin: 0 auto;
}

.inner{
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
}

.inner_top{
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
}

}

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

#header{
	text-align: center;
	padding: 80px 0 40px 0;
}

.inner_header{
	width: 90%;
	margin: 0 auto;
}

.inner_header img{
	max-width: 70%;
	height: auto;
}

.inner{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}

.inner_top{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}

#footer{
	clear: both;
	padding: 0 0 20px 0;
	margin: 0 auto;
	text-align: center;
	font-size: 80%;
	line-height: 1.5;
}


}