@charset "UTF-8";
body  {
	background: #f7e5c4 url(../img/body_bg_f7e5c4.jpg) repeat-y;
	background-position: 50% 0px;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 80%;
	line-height: 140%;
}
.common #container {
	width: 720px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	height: inherit;
} 
.common #hanasi {
	width: 550px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0px solid #CCCCCC;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.common #header { 
	padding: 0 0 0 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
.common #mainContent {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}
.common #accessmap {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin: 20px 65px 0 65px;
	width:550px;
}
.common #about {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin: 20px 65px 0 65px;
	width:550px;
}
.common #kakushu {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin: 20px 75px 0 75px;
	width:550px;
}
.common #member {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 60px 0 0 0; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	width:550px;
}
.common #topics {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin: 50px 0px 30px 0px;
	padding: 0 0 0 0; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	width:720px;
}
.common #job { 
	padding: 0 10px 0 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#FFFFFF; 
	margin:50px 0 0 0;
}
.common #job p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 3px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	color:#dc143c;
	font-size: 120%;
	text-align:center;
	font-style:oblique;
	font-weight:bolder
}
.common #job a:link {
	color: #dc143c; 
	text-decoration: underline;

}
.common #job a:visited {
	color: #dc143c;
	text-decoration: underline;
}
.common #job a:hover {
	color: #a9a9a9;
	text-decoration: none;
}
.common #job a:active {
	text-decoration: none;
	position: relative;
	left: 1px;
	top: 1px;
}
.common #footer { 
	padding: 0 10px 0 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#006699; 
	margin:50px 0 0 0;
} 

.common #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 3px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	color:#FFFFFF;
	font-size: 80%;
}
.common #linkfooter { 
	padding: 0 10px 0 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#006699; 
	margin:150px 0 0 0;
} 
.common #linkfooter p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 3px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	color:#FFFFFF;
	font-size: 80%;
}
.common #hanasifooter {
	padding: 0 0 0 0; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#cccc99;
	margin: 50px 85px 0 85px; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	width: 550px;
} 
.common #hanasifooter p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 3px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	color:#FFFFFF;
	font-size: 80%;
}
.midasi {
	color:#800000;
	font-size: 100%;
	font-weight:bold;
	}


.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.maps {
	float:left;
	width:335px;
	height:180px;
	margin: 10px 0 0 0;
	padding: 0px;
	text-align:left;
}
.mschedule {
	float:left;
	width:400px;
	margin: 0 0 0 0;
	padding: 0px;
	text-align:left;
}
.news {
	float: right;
	width: 335px;
	height: 180px;
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid #cccccc;
}
.menu1 {
	float: left;
	background: #FFFFFF url(../img/menu_bg.gif) repeat-y;
	width: 220px;
	height: 100px;
	margin: 20px 0 0 0;
	padding: 0;
	text-align:left;
}
.menu2 {
	float: left;
	width: 220px;
	height: 100px;
	margin: 20px 0 0 10px;
	padding: 0;
	text-align:left;
}
.menu3 {
	float: left;
	width: 220px;
	height: 100px;
	margin: 20px 0 0 10px;
	padding: 0;
	text-align:left;
}
.menu4 {
	float: left;
	width: 220px;
	height: 100px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align:left;
}
.menu5 {
	float: left;
	width: 220px;
	height: 100px;
	margin: 10px 0 0 10px;
	padding: 0;
	text-align:left;
}
.menu6 {
	float: left;
	width: 220px;
	height: 100px;
	margin: 10px 0 0 10px;
	padding: 0;
	text-align:left;
}
.iaa {
padding:5px;
 border:2px solid #9ac1c9; border-bottom:none; border-left:none; border-right:none;}
h2 {
font-size: 95%;
padding: 0px;
margin:10px;
color: #006699;
}
h3 {
	font-size: 95%;
	padding: 10px;
	margin:10px 0 10px 0;
	color: #666633;
	background-color: #CCCC99;
}
#i1 {
float: right;
margin-left: 1em;
margin-bottom: 1em;
}
#i2 {
float: middle;
margin-left: 1em;
margin-bottom: 1em;
}
#i3 {
float: right;
margin-left: 2em;
margin-bottom: 0em;
margin-top: -1em;
}
#i4 {
float: right;
margin-left: 2em;
margin-bottom: 0em;
margin-top: 23em;
}

#i5 {
float: right;
margin-left: 2em;
margin-bottom: 0em;
margin-top: 8em;
}
.t1 {
width: 550px;
align: top
}
.t2 {
width: 550px;
align: top
}