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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-repeat: repeat;
	background-image: url(../img/common/graybackline.gif);
}
#jcfl {
	float: left;
	width: 360px;
	text-align: center;
	height: 65px;
	padding-top: 15px;
	background-color: #FFFFFF;
}
#copy {
	float: left;
	width: 22%;
	min-width: 200px;
	height: 43px;
	text-align: center;
	vertical-align: middle;
	padding-top: 37px;
	background-color: #FFFFFF;
}

.oneColLiqCtr #container {
	width: 100%;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	min-width: 800px;
	max-width: 1000px;
	background: #FFFFFF;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
}
.oneColLiqCtr #mainContent {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-color: #FFFFFF;
}
#menu1 {
	float: left;
	width: 560px;
	height: 80px;
	vertical-align: middle;
	text-align: center;
	background-color: #FFFFFF;
}
#menubar {
	width: 996px;
	min-width: 800px;
	max-width: 1000px;
	height: auto;
	text-align: center;
	float: left;
	margin-right: auto;
	margin-left: auto;
	padding-left: 4px;
	background-color: #FFFFFF;
}
#top1 {
	height: 80px;
	width: 100%;
	min-width: 770px;
	background-color: #FFFFFF;
	padding-top: 10px;
}
#flash {
	height: 310px;
	width: 995px;
	float: left;
	text-align: left;
	padding-left: 4px;
	background-color: #FFFFFF;
	padding-bottom: 5px;
}
#gakka {
	height: 55px;
	width: 100%;
	min-width: 800px;
	float: left;
}
#gakkatitle {
	float: left;
	height: 55px;
	width: 105px;
	min-width: 101px;
}
#gakkamenu {
	float: left;
	height: 55px;
	width: 895px;
	min-width: 690px;
	text-align: right;
}
.pink12 {
	font-size: 100%;
	color: #FF3366;
}
.orange12 {
	font-size: 12px;
	color: #FF6600;
}
.blue12 {
	font-size: 100%;
	color: #6699FF;
}
.green12 {
	font-size: 100%;
	color: #66CC00;
}
.brown12 {
	font-size: 100%;
	color: #663300;
}
.purple12 {
	font-size: 100%;
	color: #663366;
}
.gakkalink12 {
	font-size: 12px;
	color: #4B4B4B;
	text-decoration: none;
}
a:hover {
	color: #FF5151;
}
.gray {
	font-size: 100%;
	color: #333333;
}
#fix {
	text-align: center;
	width: 990px;
	padding-right: 5px;
	padding-left: 5px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	padding-top: 5px;
}
#left {
	float: left;
	width: 230px;
	text-align: center;
	padding-right: 20px;
}


#middle {
	float: left;
	width: 518px;
	text-align: center;
	padding-right: 20px;
}
#right {
	float: left;
	width: 200px;
}

/* what's new Area */
#new {
	height: 345px;
	width: 513px;
	border: 1px solid #999999;
	margin-top: 10px;
}
.whatsnew_title{
	/*display:none;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:105%;
	font-weight:800;
	font-style:italic;
	padding-left:3px;
	color:#FFFFFF;
	height: 30px;
	padding-top: 5px;
}

.whatsnew_wrap{
	/*background-color:#E65714;*/
	padding:0 0 0 0;
}
.whatsnew_news {
	height: 20px;
	width: 366px;
	float: none;
	background-color: #FFFFFF;
}



#whatsnew_box{
	margin:0 0 0 0;
	padding:2px 0 2px 0;
	padding-left:0.3em;
	height:290px;
	width: 498px;
	overflow:auto;
	text-align: left;
}

#whatsnew_box ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#whatsnew_box li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	width:95%;
	clear:both;
	font-size:12px;
	vertical-align: middle;
}

#whatsnew_box a{
	display:block;
	height: 25px;
	padding-top: 10px;
	padding-left: 5px;

}


.whatsnew_date{
	float:left;
	width:auto;
	margin-right:0.5em;
	cursor:pointer;
}

.whatsnew_text{
	float:left;

	cursor:pointer;
}


/* whatsnewBottom */

#whatsnewBottom{
	float: left;
	margin:0;
	padding:0;
	text-align:center;
	clear: left;
	background-color: #FFFFCC;
	width: 100%;
	height: 3px;
}


#whatsnewBottom ul{
	margin:0 0 0.1em 0;
	padding:0 0 0 0;
}

#whatsnewBottom li{
	font-size:80%;
	margin:0 0.1em 0 0em;
	padding:0.1em 0.2em 0.2em 0.4em;
	list-style:none;
	/*width:48%;*/
	display:inline;
	border-right:1px white solid;
	color:white;
	text-align:center;

}

#whatsnewBottom li.start{
	padding-left:1em;
}


#whatsnewBottom li.end{
	border-right:none;
}



#whatsnewBottom a{
	color:#FFFFFF;
	font-weight: bold;
}

.event {
	font-size: 12px;
	line-height: 18px;
	color: #3366CC;
	text-decoration: none;
}
.digital {
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
}
#student {
	float: left;
	width: 230px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	height: 90px;
	background-color: #FFFFFF;
}
#siryou {
	background-color: #000033;
	float: left;
	width: 200px;
	height: auto;
}
#special1 {
	float: left;
	width: 230px;
	height: 60px;
	border: 1px solid #CCCCCC;
}
#special2 {
	float: left;
	width: 230px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	height: 70px;
}
#fix2 {
	text-align: center;
	width: 1000px;
	height: auto;
	float: left;
	margin-top: 5px;
}
#middle2 {
	float: left;
	width: 735px;
	text-align: center;
	height: auto;
	margin-top: 10px;
	background-color: #FFFFFF;
}
#fix3 {
	text-align: center;
	width: 723px;
	padding-right: 5px;
	padding-left: 5px;
	height: auto;
	float: left;
	margin-top: 5px;
	border: 1px solid #000033;
	background-color: #FFFFFF;
	padding-top: 10px;
}
#taishomenu {
	width: 232px;
	margin-top: 10px;
	background-color: #433523;
	float: left;
}
#taishoframe {
	width: 230px;
	border: 1px solid #433523;
	height: auto;
	float: left;
	margin-top: 10px;
}
#photo {
	float: left;
	height: 65px;
	width: 735px;
}
#photo1 {
	float: left;
	height: 65px;
	width: 80px;
	text-align: center;
}
#con1 {
	float: left;
	height: 61px;
	width: 155px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#line {
	float: left;
	width: 735px;
	margin-top: 2px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	height: 2px;
}
.photo {
	font-size: 13px;
	font-weight: 600;
	color: #2D2D2D;
	text-decoration: none;
}
.taisho {
	font-size: 13px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
}
#photoframe {
	width: 735px;
	text-align: center;
	height: auto;
	background-color: #FFFFFF;
	margin-top: 10px;
}
.photo2 {
	font-size: 10px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
}
#pcmailmagazine {
	width: 230px;
	border: 1px solid #CCCCCC;
	height: 60px;
	margin-top: 10px;
	float: left;
	background-color: #FFFFFF;
}
#ktaimailmagazine {
	width: 230px;
	border: 1px solid #CCCCCC;
	height: 80px;
	margin-top: 10px;
	float: left;
	background-color: #FFFFFF;
}
#hiroba1 {
	float: left;
	width: 150px;
}
#hiroba2 {
	float: left;
	width: 180px;
	padding: 5px;
}
#hiroba3 {
	float: left;
	width: 180px;
	padding: 5px;
}
#hiroba4 {
	float: left;
	width: 180px;
	padding: 5px;
}
#fix4 {
	text-align: left;
	width: 980px;
	padding-right: 10px;
	padding-left: 10px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	padding-top: 5px;
}
#sitemap {
	text-align: left;
	width: 980px;
	padding-right: 10px;
	padding-left: 10px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	padding-top: 5px;
}
.lightgreen12 {
	font-size: 10px;
	color: #99CC99;
	text-decoration: none;
	line-height: 15px;
}
#bottom1 {
	text-align: right;
	width: 95%;
	min-width: 790px;
	max-width: 900px;
	padding-right: 10px;
	padding-left: 5px;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
#foot2 {
	text-align: left;
	width: 97%;
	min-width: 790px;
	max-width: 900px;
	padding-right: 10px;
	padding-left: 5px;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
#sitemap2 {
	text-align: right;
	width: 980px;
	padding-right: 10px;
	padding-left: 10px;
	height: auto;
	float: left;
	background-color: #FFFF99;
	padding-top: 5px;
}
#map {
	text-align: center;
	width: 980px;
	padding-right: 10px;
	padding-left: 10px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	padding-top: 5px;
}
.80 {
	font-size: 10px;
	color: #FF6600;
}
#fixbox {
	height: auto;
	width: 1000px;
	float: none;
	background-color: #FFFFFF;
}
#fixbox2 {
	height: auto;
	width: 1000px;
	float: none;
	background-color: #FFFFFF;
	clear: both;
}
#video {
	float: left;
	width: 175px;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	height: auto;
	background-color: #FFFFFF;
}

#hirobatitle1 {
	float: left;
	height: 30px;
	width: 180px;
	margin-top: 10px;
}
#hirobacontent1 {
	float: left;
	height: auto;
	width: 180px;
}
#hirobaphoto1 {
	float: left;
	height: 45px;
	width: 65px;
}
#hirobacontent2 {
	float: left;
	height: 45px;
	width: 115px;
}
#hirobacontent3 {
	float: left;
	height: auto;
	width: 160px;
	padding-right: 10px;
	padding-left: 10px;
}
#hirobaline {
	float: left;
	height: 5px;
	width: 160px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-right: 10px;
	padding-left: 10px;
}
.white12 {
	font-size: 11px;
	color: #FFFFFF;
}
.photo3 {
	font-size: 10px;
	line-height: 16px;
	color: #FF3366;
	text-decoration: none;
	font-weight: bold;
}
#special3 {
	float: left;
	width: 230px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	height: 54px;
}
#special4 {
	float: left;
	width: 232px;
	margin-top: 5px;
	height: 50px;
	margin-bottom: 5px;
}
#kigyou {
	float: left;
	height: 15px;
	width: 390px;
	text-align: right;
}
#toiawase {
	float: left;
	width: 200px;
	height: 110px;
	margin-bottom: 5px;
}
#taisho2 {
	float: left;
	height: auto;
	width: 370px;
	text-align: right;
	margin-left: 130px;
}
#taisho2-1 {
	float: left;
	height: auto;
	width: 275px;
	text-align: right;
}
#taisho2-2 {
	float: left;
	height: auto;
	width: 75px;
	text-align: right;
	margin-top: 5px;
	margin-left: 10px;
}
#special5 {
	float: left;
	width: 230px;
	height: auto;
	border: 1px solid #CCCCCC;
}

#hirobacontent4 {
	float: left;
	height: auto;
	width: 180px;
	margin-bottom: 5px;
}
#kisotsubanner {
	background-color: #FFFFFF;
	float: left;
	width: 200px;
	height: auto;
	margin-top: 10px;
}
.pink10bold {
	font-size: 10px;
	font-weight: bold;
	color: #FF3366;
	line-height: 15px;
}
.eventlink {
	font-size: 14px;
	color: #FF3366;
	text-decoration: none;
	font-weight: bold;
}

#event {
	height: 195px;
	width: 515px;
	background-color: #FFFFCA;
}
#event5 {
	float: left;
	height: 25px;
	width: 350px;
}
#event5-1 {
	float: left;
	height: 20px;
	width: 170px;
	padding-top: 5px;
}
#event5-2 {
	float: left;
	height: 20px;
	width: 170px;
	padding-top: 5px;
}

#event01 {
	float: left;
	height: 35px;
	width: 510px;
}
#event1 {
	float: left;
	height: 150px;
	width: 152px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFEE;
}
#event2 {
	float: left;
	height: 150px;
	width: 350px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
#event3 {
	float: left;
	height: 120px;
	width: 345px;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
}
#event3-1 {
	float: left;
	height: 45px;
	width: 151px;
	margin-top: 5px;
}
#event3-2 {
	float: left;
	height: 45px;
	width: 151px;
	margin-top: 5px;
}
#event3-3 {
	float: left;
	height: 55px;
	width: 150px;
}
#event4 {
	float: left;
	height: 35px;
	width: 340px;
	margin-bottom: 3px;
}
#event4-1a {
	float: left;
	height: 35px;
	width: 340px;
	margin-bottom: 3px;
}

#event4-1b {
	float: left;
	height: 35px;
	width: 340px;
}