@charset "UTF-8";
/* CSS Document */
body {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",  "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;

	background-color: #ffffff;
	margin: 0;
	padding: 0;
	color: #000;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
a img { /* このセレクターは，一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します． */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは，ホバー効果を作成するセレクターグループも含め，この順序にする必要があります．~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き，一目で見分けられるように下線を指定することをお勧めします． */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは，キーボードを使用するユーザーに対し，マウスを使用するユーザーと同じホバー効果を提供します． */
	text-decoration: none;
}

/* ~~ この固定幅コンテナが他のすべての div を囲みます．~~ */
.container {
	width: 960px;
	background-color: #ffffff;
	margin: 0 auto; /* 幅に加え，両側を自動値とすることで，レイアウトが中央に揃います． */
}

.header {
	background-color: #ffffff;
}


hr {
    border: none;
    height: 1px;
    margin: 0 6 0 6;
}

ul.nav {
	list-style: none; /* リストのマーカーを削除します． */
	/* border-top: 1px solid #666; */ 
	/* リンク用の上部のボーダーを作成します．他のすべてのものは LI 上で下部のボーダーを使用して配置されます． */
	margin-bottom: 15px; /* 下のコンテンツのナビゲーション間の間隔を作成します． */
	
}
ul.nav li {
	/* border-bottom: 1px solid #666; */
	/* ボタンの区切り線を作成します． */
	border-left: 1px dotted #666;
	float: left;
	font-size:small;
	text-align:center;	
}
ul.nav li.home {
	border-left: 0;
	padding-left: 0;
}
ul.nav a, ul.nav a:visited { /* これらのセレクターをグループ化することで，リンクのボタン表示が訪問後も確実に保持されます． */
	padding: 5px 5px 5px 5px;
	display: block; 
	/* アンカーにブロックプロパティを指定し，アンカーが含まれる LI 全体がアンカーになるようにします．これにより，領域全体がマウスのクリックに反応するようになります． */
	width: 109px;  
	text-decoration: none;
	background-color: #ffffff;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	/* マウスを使用する場合もキーボードを使用する場合も，背景色とテキストカラーを変更します． */
	background-color: #0099FF;
	color: #FFF;
}

.sidebar1 {
	font-size: small;
	float: left;
	width: 200px;
	background-color: #ffffff;
	/*padding-bottom: 5px;*/
	padding: 10px 0;
}

.sidebar1 h1 {
	font-size: 120%;
}

.sidebar1 h2 {
	font-size: 110%;
}

.sidebar1 h3 {
	font-size: 100%;
}

.sidebar1 ul { 
	padding-left: 30px;
}

.content {
	padding: 10px 0;
	width: 760px;
	float: left;
}
.sidebar2 {
	float: left;
	width: 230px;
	background-color: #ffffff;
	padding: 10px 0;
}


/* ~~ このセレクターグループは，.content 内のリストに領域間隔を指定します．~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* この余白は，上述の見出しと段落ルールの右の余白を表します．下の余白はリスト内の他のエレメントとの間隔用に配置され，左の余白はインデント作成用に配置されています．これは必要に応じて調整できます． */
}

/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */


/* ~~ フッタースタイル ~~ */
.footer {
	padding: 10px 0;
	background-color: #ffffff;
	position: relative;
	/* IE6 に，適切にクリアするための hasLayout を指定します． */
	clear: both; 
	/* この clear プロパティにより .container は，カラムの範囲がどこまでかを認識してその範囲を含めるようになります． */
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると，ページ内でエレメントを右にフローティングさせることができます．フローティングさせるエレメントは，ページ内で横に並べて表示するエレメントの前に指定する必要があります． */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると，ページ内でエレメントを左にフローティングさせることができます．フローティングさせるエレメントは，ページ内で横に並べて表示するエレメントの前に指定する必要があります． */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは，.footer が .container から削除されているか取り出されている場合に，<br /> または空の div で，フローティングさせる最後の div に続く最後のエレメントとして (.container 内に) 配置できます． */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


.mod_timetable td{
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:2px;
}
/** .mod_timetable th	2016.10.19 元木追加 **/
.mod_timetable th{
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:2px;
}

.mod_timetable table{
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
}
.mod_work td{
	vertical-align:top;
	padding-top:0px;
	padding-bottom:30px;
	font-size:80%;
}
.mod_work table{
}

p{
/*	font-size: 90%;*/
}

.content h1 {
	line-height:1.4em; 
	font-size: 140%;
	font-weight:bold; 
	border-bottom:#aaa solid 1px;
	border-left:#aaa solid 8px;
	padding:1ex 0 1px 5px;
	background-color:#ffffff;
	margin-bottom:1em;
/*	margin-top:2em;*/
}


.content h2 {
	line-height:1.2em; 
	font-weight:bold; 
	font-size:120%; 
	border-bottom:#aaa solid 1px;
	border-left:#aaa solid 8px;
	padding:1ex 0 1px 5px;
	background-color:#ffffff;
	margin-bottom:1em;
	margin-top:2em;
}

h4 {
	line-height:1.4em; 
	font-weight:bold; 
	font-size:110%; 
	border:#aaa solid 1px;
	padding:5px 5px 5px 5px;
	margin-bottom:15px;
}