@charset "UTF-8";
/* 市岐商ホームページ */
body{
	font-family: "Yu Gothic",YuGothic,"MS Pゴシック",Meiryo;
	font-size: 16px;
}
/* リセット CSS */
h1,h2,h3,h4,p,ul,li{
	margin:0;
	padding:0;
}
/* 中央配置 */
.div_center{
	width:980px;
	margin:0 auto;
}
/* ヘッダーCSS */
header{
	color:black;
	background-color:white;
	overflow: hidden;
}
#logo{
	display: block;
	width:345px;
	height:75px; 
	margin-left:10px;
	margin-right:10px;
	float:left;
}
#head_info{
	width: 340px;
	height: 70px;
	margin-top:5px;
	margin-left:10px;
	float:left;
}
#syoukai{
	width: 980px;
}
h1{
	margin-left:10px;
	font-size: 28px;
	color:black;
}
h2{
	font-size: 24px;
	color: black;
	margin-top:10px;
	margin-left:10px;
}
h3{
	font-size: 20px;
	color: black;
	margin-left:10px;
}
.kousyou_div{
	width: 960px;
	float:left;
	margin-bottom: 20px;
}
.kouka_div{
	width:960px;
}
.margin_div{
	background-color: antiquewhite;
	margin-bottom:10px;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.margin_p{
	margin-top:10px;
	margin-left:20px;
}
.margin_p_map{
	margin-top:10px;
	margin-left:20px;
}
.margin_p2{
	margin-left:20px;
}
.margin_p3{
	text-align: right;
}
.margin_p4{
	margin-right: 30px;
	text-align: right;
}
.margin_p5{
	margin-top:10px;
	margin-left:20px;
	margin-right: 10px;
}
/* ナビゲーションCSS */
nav{
	padding-left:4px;
	padding-right:4px;
}
nav ul{
	list-style-type: none;
}
nav li{
	margin:1px;
	width:160px;
	height:69px;
	float:left;
	background-image: url(images/plum.png);
}
.li01{
	margin:3px;
	width:120px;
	height:69px;
	float:left;
	background-image: url(images/blue.png);
}
.li02{
	margin:1px;
	width:160px;
	height:69px;
	float:left;
	background-image: url(images/green.png);
}
.li03{
	margin:1px;
	width:300px;
	height:69px;
	float:left;
	background-image: url(images/green.png);	
}
.li04{
	margin:1px;
	width:160px;
	height:69px;
	float:left;
	background-image: url(images/green.png);	
}
nav a{
	display: block;
	line-height: 69px;
	text-align: center;
	color:white;
	text-decoration: none;
}
nav a:hover{
	color:white;
	font-weight: bold;
	background-image: url(images/goldenyellow.png);
}
nav p{
	padding-top: 10px;
	line-height: 25px;
	padding-bottom: 9px;
}
/* iframeコード */
.iframe-box{
	height: 290px;
	width: 980px;
	border: none;
	overflow: hidden;

}
.iframe-box-new{
	height: 310px;
	width: 980px;
	border: none;
	overflow: hidden;
}
.iframe-box-depa{
	height: 310px;
	width: 980px;
	border: none;
	overflow: hidden;

}
.iframe-box-business{
	height: 310px;
	width: 980px;
	border: none;
	overflow: hidden;

}
/*
.iframe-wrp {
  position: relative;
  width: 100%;
}
.iframe-wrp iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
*/
/* スライド表示 */
.slide-wrap {
  display: flex;
  margin-left: 5px;
  width: 945px;
  height:270px;
  overflow-x:scroll;
}
.slide-box {
  margin-right: 10px;
  width: 300px;
}
.slide-box a {
  background-color: #ffffff;
  color: #222222;
  display: block;
  text-decoration: none;
}
.slide-box img {
  display: block;
  height: 200px;
  width: 300px;
}
.slide-box p {
  width:300px;
  height:35px;
  padding-top: 10px;
  text-align: center;
  background-color: Navajowhite;
  font-weight: bold;
}
.slide-box p:hover {
  width:300px;
  height:35px;
  padding-top: 10px;
  text-align: center;
  background-color: orange;
  font-weight: bold;
}
.slide-wrap-new {
  display: flex;
  margin-left: 5px;
  width: 945px;
  height:290px;
  overflow-x:scroll;
}
.slide-box-new {
  margin-right: 10px;
  width: 300px;
}
.slide-box-new a {
  background-color: #ffffff;
  color: #222222;
  display: block;
  text-decoration: none;
}
.slide-box-new img {
  display: block;
  height: 200px;
  width: 300px;
}
.slide-box-new p {
  width:300px;
  height:60px;
  padding-top: 10px;
  text-align: center;
  background-color: Navajowhite;
  font-weight: bold;
}
.slide-box-new p:hover {
  width:300px;
  height:60px;
  padding-top: 10px;
  text-align: center;
  background-color: orange;
  font-weight: bold;
}
.slide-wrap-depa {
  display: flex;
  margin-left: 5px;
  width: 945px;
  height:290px;
  overflow-x:scroll;
}
.slide-box-depa {
  margin-right: 10px;
  width: 300px;
}
.slide-box-depa a {
  background-color: #ffffff;
  color: #222222;
  display: block;
  text-decoration: none;
}
.slide-box-depa img {
  display: block;
  height: 200px;
  width: 300px;
}
.slide-box-depa p {
  width:300px;
  height:60px;
  padding-top: 10px;
  text-align: center;
  background-color: Navajowhite;
  font-weight: bold;
}
.slide-box-depa p:hover {
  width:300px;
  height:60px;
  padding-top: 10px;
  text-align: center;
  background-color: orange;
  font-weight: bold;
}
.slide-wrap-business {
  display: flex;
  margin-left: 5px;
  width: 945px;
  height:290px;
  overflow-x:scroll;
}
.slide-box-business {
  margin-right: 10px;
  width: 300px;
}
.slide-box-business a {
  background-color: #ffffff;
  color: #222222;
  display: block;
  text-decoration: none;
}
.slide-box-business img {
  display: block;
  height: 200px;
  width: 300px;
}
.slide-box-business p {
  width:300px;
  height:60px;
  padding-top: 10px;
  text-align: center;
  background-color: Navajowhite;
  font-weight: bold;
}
.slide-box-business p:hover {
  width:300px;
  height:60px;
  padding-top: 10px;
  text-align: center;
  background-color: orange;
  font-weight: bold;
}
/* メインコンテンツ */
main{
	margin-top:5px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:20px;
	overflow: hidden;
}
/* 学校について */
.enkaku{
	margin-top:5px;
	margin-left:5px;
	width:650px;
	border:0px;
}
.tbl_enkaku{
	margin-left: 3px;
}
.tbl_enkaku td{
	background-color: Navajowhite;
}
.nengetsu{
	width: 120px;
}
.dekigoto{
	width: 835px;
}
.gyoji_tbl{
	width: 755px;
}
.gyoji_tbl td{
	text-align: left;
	vertical-align: top;
}

.kari_div{
	width:465px;
	height:430px;
	padding:10px;
	background-color: antiquewhite;
}
.kari_div img{
	width: 300px;
	height: 400px;
}
.margin_kokusai{
	margin-left: 10px;
}
.nikka_tbl{
	margin:10px;
}
.nikka_naiyou{
	width:100px;
	text-align: center;
	background-color: orangered;
}
.nikka_jikan_a{
	width: 200px;
	text-align: center;
	background-color: coral;
}
.nikka_jikan_b{
	width: 200px;
	text-align: center;
	background-color: lightsalmon;
}
.shinro_div{
	width:465px;
	height:430px;
	padding:10px;
	background-color: antiquewhite;
}
.shinro_div img{
	width: 300px;
	height: 400px;
}
.depart_div{
	width:465px;
	height:480px;
	padding-left:10px;
	margin-bottom: 10px;
	background-color: antiquewhite;
}
.depart_div img{
	width: 300px;
	height:400px;
}
.kaikaku_a{
	margin-left:20px;
}	
.kaikaku_p{
	margin-left:20px;
}
.kaikaku_meyasu_div{
	height: 450px;
}
.syogyo_p{
	margin-left:20px;
}
.syogyo_tbl{
	margin-left: 20px;
}
.syogyo_div{
	height:200px;
}
.chugaku_div{
	width:465px;
	height:430px;
	padding:10px;
	background-color: antiquewhite;
}
.chugaku_div img{
	width: 300px;
	height: 400px;
}
.club_margin_div{
	margin-bottom:10px;
	height: 1140px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_baseball{
	margin-bottom:10px;
	height: 800px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_kendo{
	margin-bottom:10px;
	height: 1200px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_athletics{
	margin-bottom:10px;
	height: 1080px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_sumo{
	margin-bottom:10px;
	height: 1150px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:20px;
	clear:left;	
}
.club_margin_div_handball_boy{
	margin-bottom:10px;
	height: 1090px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_handball_girl{
	margin-bottom:10px;
	height: 1180px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_tennis{
	margin-bottom:10px;
	height: 900px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_badminton{
	margin-bottom:10px;
	height: 730px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_bookkeeping{
	margin-bottom:10px;
	height: 700px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_wordpro{
	margin-bottom:10px;
	height: 690px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_computer{
	margin-bottom:10px;
	height: 770px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_differentculture{
	margin-bottom:10px;
	height: 740px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_multimedia{
	margin-bottom:10px;
	height: 1300px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_brassband{
	margin-bottom:10px;
	height: 1160px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_margin_div_cookinghandicrafts{
	margin-bottom:10px;
	height: 680px;
	background-color: antiquewhite;
	padding-top:5px;	
	padding-bottom:10px;
	clear:left;	
}
.club_title_div1{
	margin:5px;
	padding-left:20px;
	width:455px;
	height: 25px;
	background-color: orange;
	color: white;
	float:left;
}
.club_title_div2{
	margin:5px;
	padding-left:20px;
	width:940px;
	height: 25px;
	background-color: orange;
	color: white;
	float:left;
}
.club_ninzu_div{
	margin:5px;
	padding-right: 100px;
	width:375px;
	height: 160px;
	background-color: antiquewhite;
	color: white;
	float:left;
}
.club_ninzu_div ul{
	margin-top:10px;
	margin-left:20px;
	margin-right:50px;
	list-style-type: none;
}
.club_ninzu_div ul li{
	margin:1px;
	width:70px;
	height: 25px;
	text-align: center	;
	float:left;
}
.li05{
	color:black;
	background-color: #ccccff;
}
.li06{
	color:black;
	background-color: #eeeeff;
}
.li07{
	color:black;
	background-color: #aaaaff;
}
.li08{
	width: 100px;
	height:50px;
	color:black;
	background-color: #ccffcc;
}
.li09{
	width: 300px;
	height:50px;
	color:black;
	background-color: #eeeeff;
}
.li10{
	width: 100px;
	height:50px;
	color:black;
	background-color: #ffcccc;
}
.li11{
	margin:1px;
	width:170px;
	height:69px;
	float:left;
	background-image: url(images/plum.png);	
}
.li12{
	margin:1px;
	width:190px;
	height:69px;
	float:left;
	background-image: url(images/plum.png);	
}
.li13{
	margin:1px;
	width:270px;
	height:69px;
	float:left;
	background-image: url(images/plum.png);	
}
.li14{
	margin-left:30px;
	width:190px;
	height:69px;
	float:left;
	background-image: url(images/plum.png);	
}
.student_rikan_div{
	height:250px;
}
.student_tsushin_div{
	height:200px;
}
.student_syllabus1_div{
	height:280px;
}
.student_syllabus2_div{
	height:500px;
}
.student_syllabus3_div{
	height:800px;
}
.student_tsukibetsu_div{
	height:200px;
}
.ob_jissyu_div{
	height:1250px;
}
.ob_syomei_div{
	height:100px;
}
.ob_dousoukai_div{
	height:100px;
}
.citizen_lectures_div{
	height:100px;
}
.citizen_skillsdevelopment_div{
	height:100px;
}
.citizen_library_div{
	height:100px;
}
.club_katsudo_div{
	margin:5px;
	width:475px;
	height: 160px;
	background-color: antiquewhite;
	color: white;
	float:left;
}
.club_katsudo_div ul{
	margin-top:10px;
	margin-left:20px;
	list-style-type: none;
}
.club_katsudo_div ul li{
	margin:1px;
	text-align: center;
	float:left;
}
.club_pr_div{
	margin:5px;
	padding-left:20px;
	width:940px;
	float:left;
}
.club_pr_div ul{
	margin-top:10px;
	margin-left:20px;
	list-style-type: none;
}
.club_pr_div ul li{
	height: 21px;
}
.club_rikujyo{
	margin-left: 20px;
}
.icon{
	width:50px;
	height:30px;
	float:left;
}
.map_kokyo{
	padding-top:5px;
	height:50px;
}
.other_gifunet{
	width:160px;
	height:69px;
}
.video-container {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  padding: 5px;
  box-sizing: border-box;
}

.video-container iframe,
.video-container video {
  width: 300px;
  height: 170px;
  margin-right: 5px;
  display: inline-block;
}