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

#container{
	width:100%;
	}


/**ロゴ**/	
#logos{
	width:100%;
	margin-top:3%;}
	
#logos ul {
  text-align: center;
}

#logos li {
  display: inline-block;
  vertical-align:middle;
  padding: 0 30px;
}

/**タイトル**/
#title{
	width:100%;
	text-align:center;
	margin-top:5%;
	margin-bottom:5%;
}
	
#title h1{
	margin-bottom:3%;}
	
#title  p{
	font-size:24px;
	font-weight:bold;}

/**スライドパネル**/
.slide{
	width:900px;
	margin:0 auto;
	margin-top:5%;
	margin-bottom:1%;
	text-align:center;}


.menuList {
    width:900px;
    margin:0;
    border-bottom:none;
    list-style:none;
	
}

.main_menu {
    position:relative;
    padding:25px;
    line-height:11px;
    background:#000;
	color:#fff;
	font-size:20px;
    cursor:pointer;
}

.main_menu a,.main_menu02 a,
.sub_menu a {
    text-decoration:none;
}

.main_menu span,
.main_menu02 span {
    display:block;
    background:url('../img/arrow.png') 100% 0% no-repeat;
}

.main_menu span.open,
.main_menu02 span.open {
    background:url('../img/arrow02.png') 100%  no-repeat;
}

.main_menu02 {
    position:relative;
    padding:25px;
    line-height:11px;
    background:#535353;
	color:#fff;
	font-size:20px;
    cursor:pointer;
}
.sub_menu,
.sub_menu02 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}

.sub_menu li {
    display:block;
    margin:-1px -1px 0 -1px;
    color:#000000;
	font-size:16px;
    line-height:16px;
    background:#ccc;
	border-top:1px solid #000;
    text-decoration:none;
}

.sub_menu li div.stit {
	cursor:pointer;
    padding:20px;
    display:block;
    background:url('../img/arrow.png') right 25px center no-repeat;
}

.sub_menu li div.open {
    background:url('../img/arrow02.png') right 25px center no-repeat;
}

.sub_menu li ul {
    display:none;
}

.sub_menu li ul li {
    padding:20px 0;
    background:#ffffff;
}

.sub_menu02 li {
    display:block;
    margin:-1px -1px 0 -1px;
    color:#000000;
	font-size:16px;
    line-height:16px;
    background:#fff;
    padding:20px;
	border-top:1px solid #000;
    text-decoration:none;
}

/**スライドパネル更新日**/
.data{
	width:900px;
	margin:0 auto;
	margin-bottom:5%;
	text-align:right;}
	
/**戻るボタン**/
.gotop{
	width:100%;
	text-align:center;
	margin-bottom:6%;}

@media screen and (max-width: 480px) {
	
/**ロゴ**/	
#logos{
	width:100%;
	margin-top:5%;}
	
#logos ul {
  text-align: center;
}

#logos li {
  display: inline-block;
  vertical-align:middle;
  padding: 0 12px;
  width:15%;
}


#logos img{
	width:100%;
	vertical-align:middle;}
	

/**タイトル**/
#title{
	width:100%;
	text-align:center;
	margin-top:8%;
	margin-bottom:5%;
	}
	
#title h1{
	margin-bottom:3%;}
	
#title p{
	font-size:14px;
	font-weight:bold;}
	
#title img{
	width:65%;}


/**スライドパネル**/
.slide{
	width:90%;
	margin:0 auto;
	margin-top:5%;
	margin-bottom:2%;
	text-align:center;}


.menuList {
    width:100%;
}

.main_menu,.main_menu02 {
	font-size:16px;
}

.sub_menu li div.stit {
    padding:25px 55px 25px 25px;
}
	
/**スライドパネル更新日**/
.data{
	width:90%;
	margin:0 auto;
	margin-bottom:6%;
	text-align:right;}
	
/**戻るボタン**/
.gotop img{
	width:50%;}

		
}