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

body {
	margin:0 auto;
	width: 100%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*background-image: url(images/bg.jpg);*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}



.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  

img{
  vertical-align: bottom;
}

/* ----- ヘッダー ----- */
#header {
	background-color:#000;
}
/* ----- メニュー ----- */

/* ----- メイン ----- */




#content {
	background-color:#FFF;
	width: 100%;
	min-width: 1100px;
}

#main_f{
	width:1100px;
	margin:0 auto;
}


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

#content {
	width: 100%;
	min-width: 100%;
	overflow: hidden;
}

#main_f{
	width:100%;
	margin:0 auto;
}

}


#main1{
	background-size: 100%;
	background-repeat: repeat;
	background-image: url(../img/bg1.jpg);
	margin:0 auto;
	height:618px;
}

#main1kaso{
	background-size: 100%;
	background-repeat: repeat;
	background-image: url(../img/bg1.jpg);
	height: auto;
}

#main2_1{
	margin:0 auto;
	height:90px;
	text-align:center;
	padding-top:50px;
}


#main2{
	background-size: 100%;
	background-repeat: repeat;
	background-image: url(../img/bg2.jpg);
	margin:0 auto;
	height:350px;
}

#main3{
	padding-top:40px;
	margin:0 auto;
	text-align:center;
}

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

#main1{
	background-size: 100%;
	background-repeat: repeat;
	background-image: url(../img/bg1.jpg);
	margin:0 auto;
	height:430px;
	width: 100%;
}

#main1kaso{
	background-size: 100%;
	background-repeat: repeat;
	background-image: url(../img/bg1.jpg);
	margin:0 auto;
	height:430px;
	width: 100%;
	height:auto;
}


#main2_1{
	margin:0 auto;
	height:70px;
	text-align:center;
	padding-top:50px;
	width: 100%;
}


#main2{
	background-size: 100%;
	background-repeat: repeat;
	background-image: url(../img/bg2.jpg);
	margin:0 auto;
	height:350px;
	width: 100%;
}

#main3{
	padding-top:40px;
	margin:0 auto;
	text-align:center;
	width: 100%;
}

}


/*sec1*/


.sec1 {
}

.s1 {
	width:1100px;
	margin: 0 auto;
}

.s1_l{
	width:460px; float:left;
}

.s1_r{
	width:515px; float:right;
	background-image: url(../images/sec_1.png)
}

.s1_txt {
	height:822px;
}

.logo_zti {
	position: absolute;
	top: 1px;
	right: 32px;
}

.kijitu_zti {
	position: absolute;
	top: 235px;
	right: 712px;
}

/*sec2*/

.sec2_top {
	background-image:url(../images/sec_2_u.png);
	background-repeat:repeat-x;
	background-color:#9FD2F1;
}

.sec2_bottom {
	background-image:url(../images/sec_2_d.png);
	background-repeat:repeat-x;
	background-color:#9FD2F1;
	height:21px;
	
}

.s2 {
	padding-top:15px;
	width:975px;
    margin: 0 auto; 
}


/*sec3*/
.sec3 {
	background-color:#FCF9C6;
}

.s3{
	width:975px;
    margin: 0 auto; 
	background-color:#FCF9C6;
}




/* ----- フッター ----- */
#footer { 
	height:400px;
	text-align:center;
	background-image: url(../img/bg4.jpg);
	font-size:14px;
}

@media screen and (max-width:480px){
#footer { 
	text-align:center;
	background:#000000;
	font-size:14px;
	height: auto;
}
}

/* ----- 上に戻る ----- */

.page-top
{
	margin: 0 ;
	padding: 0 ;
	display: none ;
}
 
.page-top p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 0px ;
}
 
.move-page-top
{
	display: block ;
	width: 176px ;
	height:191px ;

	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-page-top:hover
{
	opacity: 0.85 ;
}


/*スマホ用メニューを非表示から表示に切り替える*/
#menubar-s {
	display: none;
}

#smplogo{
	display: none;
}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
/*メインメニュー
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定*/

#menu-box{
		background-color:#FFF;
}
#menubar-s ul {
	padding-left:0px;
	padding-top:0px;
}

#menubar-s li {
	width: 25%;
	font-size:11px; 
	float:left;
	list-style:none;
	text-align:center;
	padding:0px 0px 12px;

}

/*スマホ用メニューを非表示から表示に切り替える*/
#menubar-s {
	display: block;
	padding-bottom:45px;

}
/*PC用メニューを非表示にする*/
#header {
	display: none;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/

#menubar_hdr {
    border: 1px solid #fff;
    display: block;
    padding: 8px 6px 2px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #fff;	/*枠線の幅、線種、色*/
	margin-bottom: 7px;	/*バー同士の余白*/
}

#smplogo{
	display: block;
}

}