@charset "utf-8";

/* CSS Document */



#contentsAction {

	width: 620px;

	margin-top: 35px;

	margin-right: auto;

	margin-left: auto;

}



#footer {

	width: 920px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 20px;

}



/* 汎用タグ */

.marginBt20 {

	margin-bottom: 20px;

}

.marginBt10 {

	margin-bottom: 10px;

}



.marginTt160 {

	margin-top: 160px;

}



/* 汎用タグ */





/*navi*/

#ddNav {

	margin-top: 25px;

	margin-bottom: 25px;

	width: 620px;

	border-top: solid 1px #ccc;

	border-left: solid 1px #ccc;

	border-bottom: solid 1px #ccc;

}

#ddNav ul { width: cccpx; overflow: hidden; list-style:none; margin:0; padding:0;}

#ddNav li { float: left; border-right: solid 1px #ccc; }

/* //navi */





/*contents*/

.dot {

	padding-bottom: 25px;

	border-bottom:#ccc 1px dotted; 

}



.voice {

	max-width: 650px;

	font-size:medium;

	color:#666;

	margin-top: 15px;

	padding-bottom: 15px;

	border-bottom:#ccc 1px dotted; 

}



.voice .marginBt10 {

	margin-left: 10px;

}



.voice_txt {

	margin: 0 10px;

	max-width: 620px;

}

.sec { 

	margin-top: 15px; 

	padding-bottom: 25px; 

	background-image: url("../img/stamp.gif");

	background-position:right 265px top;

	background-repeat:no-repeat;

}

.sec h2 {

  background: url("../img/boder920.gif") no-repeat scroll 0 bottom;
  
  font-size: 140%;

  font-weight: bold;

  margin: 0 0 15px;

  padding-bottom: 5px;

}

.sec2 { 

	margin-top: 15px; 

	padding-bottom: 25px; 

	background-position:right 265px top;

	background-repeat:no-repeat;

}

.sec2 h2 {
	
	max-width: 650px;

	background: url("../img/stamp.gif");

	background-position: right 5% bottom;

	background-size: contain;

	background-repeat: no-repeat;

	border-bottom: 1px solid #999;

}

  background: url("../img/boder480.gif") no-repeat scroll 0 bottom;
  
  font-size: 140%;

  font-weight: bold;

  margin: 0 0 15px;

  padding-bottom: 5px;

  max-width: 700px;
}

.sec2 .icon_voice {

  width: 100%;

  margin: 0 auto;

  padding-top: 15px;
}

.sec2 .icon_voice_in {

  max-width: 145px;
  
  max-height: 36px;
}

.sec2 .allow_bottom {

  width: 100%;

  margin: 0 auto;

  padding-top: 15px;
}

.sec2 .allow_bottom_in {

  max-width: 97px;
  
  max-height: 67px;
}

.sec2 .icon_updated {

  width: 100%;

  margin: 0 auto;
}

.sec2 .icon_updated_in {

  max-width: 145px;
  
  max-height: 36px;
}

.sec2 .jump {

  text-align: right;
  
  max-width: 630px;

  padding-right: 10px;
}

.sec ul{

    width: 620px;

    /*margin: 40px -5px 0 0;*/

    overflow: hidden;

    _zoom: 1;

}

.sec li{

    padding: 5px;

    margin-right: 5px;
	text-align:center;

    /*float: left;*/

}

#classList,

.classList { margin-top: 20px; }

#classList dt,

.classList dt {

	margin-top: 10px;

	padding: 0.5em 20px;
	
	background: url(../img/icon_arrow_off.gif) no-repeat 8px 50%  #fff ;

	/*color: #0677c6;*/
	color:#0b5492;

	cursor: pointer;

	font-weight: bold;
	
	font-size: 0.75em;

	text-decoration: underline;

	/*border-top:#ccc 1px dotted; */

}

#classList dt.ov,

.classList dt.ov {

	/*text-decoration: none;*/

	background: url(../img/icon_arrowbtm.gif) no-repeat 8px 50% #f2f2f2 ;

	color: #444;

	cursor: default;

}



#classList table,

.classList table { margin-top: 10px; width: 100%; }

#classList td, #classList th,

.classList td, .classList th {

	padding: 0.5em 0.7em;

	border: solid 1px #ccc;

	background: #f0faff;

}

#classList .odd td, #classList .odd th,

.classList .odd td, .classList .odd th { background: #fefff0; }

#classList td.tel,

.classList td.tel {

	vertical-align: middle;

	width: 15%;

	white-space: normal;

}

#classList th,

.classList th {

	font-weight: bold;

	text-align: left;

	vertical-align: top;

	width: 35%;

}

#classList th.areaName,

.classList th.areaName {

	padding: 2px 0.7em;

	border: solid 1px #000;

	border-bottom: solid 2px #000;

	background: #000;

	color: #fff;

	width: 100%;

}









.btns { margin-top: 20px;	position: relative; }

.btns .close {

	margin-left: -47px;

	position: absolute;

	top: -10px; left: 50%;

}



@media screen and (max-width:767px){
	#container #contents { 
		width: auto;
		margin: 0px auto;
	}
	#ddNav { 
		width: auto;
		border: none;
	}
	#ddNav li { 
		float: none; 
		border: none;
	}
	#ddNav p { 
		text-align: center;
		margin: 0 auto;
	}
	.sec { 
		margin-top: 15px; 
		padding-bottom: 25px; 
		background-image: none;
	}
	.sec h2 {
		background: url("../img/stamp.gif");
		background-position: right 10% bottom;
		background-size: contain;
		background-repeat: no-repeat;
		border-bottom: 1px solid #999;
		font-size: 140%;
		font-weight: bold;
		margin: 0 5px 15px 5px;
		padding-bottom: 5px;
	}
	.sec ul { 
		width: auto;
		overflow: display;
	}
	.sec2 { 
		margin-top: 15px; 
		padding-bottom: 25px; 
		background-image: none;
	}
	.sec2 h2 {
		background: url("../img/stamp.gif");
		background-position: right 10% bottom;
		background-size: contain;
		background-repeat: no-repeat;
		border-bottom: 1px solid #999;
		font-size: 140%;
		font-weight: bold;
		margin: 0 5px 15px 5px;
		padding-bottom: 5px;
	}
	.sec2 .icon_voice { 
		width: 95%;
		margin: 0 auto !important; 
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.sec2 .icon_voice_in {
		max-width: 145px;
		max-height: 36px;
	}
	.sec2 .allow_bottom { 
		width: 95%;
		margin: 0 auto !important; 
		padding-top: 10px;
	}
	.sec2 .allow_bottom_in {
		max-width: 97px;
		max-height: 67px;
	}
	.sec2 .icon_updated { 
		width: 95%;
		margin: 0 auto !important; 
		padding-top: 10px;
	}
	.sec2 .icon_updated_in {
		max-width: 145px;
		max-height: 36px;
	}
	.sec2 p.img { 
		margin: 0 10px; 
	}
}