@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #666666;
	font-size: 0.8em;
	background: -webkit-gradient(linear, left top, left bottom, from(#3BA4E5), color-stop(12%, #DAE3EC), to(#fff));
	background: linear-gradient(to bottom, #3BA4E5, #DAE3EC 12%, #fff);
// Andraid, iOSへの対応用
}
a:hover img {
	filter: Alpha(opacity=70);
	opacity: 0.7; /*firefox safari*/
}
.fs20 {
	font-size: 20px;
}
.bg-rad_3E87D0 {
	padding: 7px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border-top-left-radius: 20px;  /* 左上 */
	border-top-right-radius: 20px; /* 右上 */
	border: 3px #fff solid;     /* 枠線の装飾 */
	background-color: #3E87D0;   /* 背景色 */
}
}
li {
	list-style: none;
}
img {
	border: 0;
}
.thrColFixHdr #container {
	width: 1000px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.thrColFixHdr #header {
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	background-color: #FFFFFF;
}
.thrColFixHdr #line {
	margin: 0;
	height: 25px;
	text-align: right;
	background-image: url(../img/border.png);
}
.thrColFixHdr #global-navi {
	margin-top: -13px;
 background-image;
	height: 50px;
	text-align: center;
	background-image: url(../img/cloud.png);
}
.thrColFixHdr #global-navi ul li {
	float: left;
	width: 129px;
	height: 35px;
	color: #fff;
	font-size: 1.3em;
	border: solid thin #fff;
	border-top: none;
	background-color: #003;
	padding-top: 15px;
	list-style: none;
}
.thrColFixHdr #global-navi ul li a {
	display: block;
	margin-top: -15px;
	padding-top: 15px;
	height: 35px;
	color: #fff;
	text-decoration: none;
}
.thrColFixHdr #global-navi ul li a:hover {
	background-color: #3E87D0;
	color: #fff;
	text-decoration: underline;
}
.hp_back-number {
	font-size: 0.9em;
	padding-top: 1px;
	display: block;
}
.thrColFixHdr #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 150px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 15px 10px 15px 10px;
	background-color: #FFFFFF;
}
.thrColFixHdr #sidebar2 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 170px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 15px 5px 15px 5px;
	background-color: #FFFFCC;
}
.thrColFixHdr #sidebar3 {
	float: left;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.thrColFixHdr #sidebar4 {
	padding: 15px 40px 15px 20px;
	float: right;
}
.thrColFixHdr #left-navi {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 200px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	/* padding: 15px 0px 15px 10px; */
	background-color: #FFFFFF;
	margin-top: -5px;
	margin-right: 20px;
}
.thrColFixHdr #reikai {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 540px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	margin: 0 20 0 0px; /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#sidebar1 div と #sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。サイドバーのコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	/* padding: 15px 5px 15px 5px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	border: solid thin #000;
}
.thrColFixHdr #right-navi_top {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 200px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	/* padding: 15px 10px 15px 10px; */
	background-color: #FFFFFF;
	margin-left:22px;
}
.thrColFixHdr #right-navi {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 200px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	/* padding: 15px 10px 15px 10px; */
	background-color: #FFFFFF;
	margin-left: 22px;
	margin-top: -60px;
}
.thrColFixHdr #mainContent2 {
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	margin-left: 190px;
	padding-left: 5px;
}
.thrColFixHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
/*menu*/

#MainMenu {
	width: 160px;
	margin: 0;
	border: 0;
}
#tab {
	margin: 0;
	top: 0;
}
#tab ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#tab li {
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}
#tab a {
	background: #000000 url("image/bright_002.gif") no-repeat right top;
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: 150px;
	border: 0;
	display: block;
	float: left;
}
#tab a span {
	display: block;
	background: url("image/bleft_002.gif") no-repeat left top;
	padding: 0 20px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	font-weight: bold;
	line-height: 35px;
}
#tab a:hover, #tab li.item_active a {
	background-position: right bottom;
	border-color: #000000;
}
#tab a:hover span, #tab li.item_active a span {
	background-position: left bottom;
	color: #FF3333;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
.dropmenudiv {
	position: absolute;
	top: 0;
	float: left;
	display: block;
	visibility: hidden;
	border: 0 solid #330066;
	color: #FFFFFF;
	z-index: 100;
	text-decoration: none;
	padding: 0;
}
.dropmenudiv ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.dropmenudiv li {
	display: inline;
	margin: 0;
	padding: 0;
}
.dropmenudiv a:link, .dropmenudiv a:visited {
	width: 160px;
	margin: 0;
	padding: 0;
	display: block;
	border: 0 solid #000000;
	color: #FFFFFF;
	background: url("image/bleft_002.gif") no-repeat left top;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
.dropmenudiv a span {
	float: left;
	display: block;
	line-height: 42px;
	background: url("image/bright_002.gif") no-repeat right top;
	padding: 0 20px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11;
	color: #FFFFFF;
}
.dropmenudiv a span {
	float: none;
}
.dropmenudiv a:hover {
	border: 0 solid #000000;
	background-position: left bottom;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}
.dropmenudiv a:hover span {
	background-position: right bottom;
	color: #000000;
	font-weight: bold;
}
.pg {
	width: 550px;
	border: 0;
	text-align: center;
	background-color: #EEF9FF;
}
.pg_header {
	font-size: 1.3em;
	color: #FFFFFF;
	background-color: #0076BE;
}
.pg_header2 {
	font-size: 1.2em;
	color: #666666;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #1B6DB7;
}
.pg_header3 {
	font-size: 1em;
	color: #0076BE;
	background: #FFD9D9;
	background-color: #D2EEFF;
}
.pg_header4 {
	color: #000000;
	background-color: #FBFEFF;
}
.color1 {
	margin: 10px;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.color2 {
	background: #F9F9F9;
	width: 300px;
	margin: 10px;
	padding: 5px;
}
.color3 {
	background: #ffffb9;
	width: 300px;
	margin: 10px;
	padding: 5px;
}
.color4 {
	background: #b5ffb5;
	width: 300px;
	margin: 10px;
	padding: 5px;
}
.color5 {
	background: #990000;
	width: 300px;
	margin: 10px;
	padding: 5px;
}
.color6 {
	background: #0099FF;
	width: 300px;
	margin: 10px;
	padding: 5px;
}
.color7 {
	background: #999999;
	width: 300px;
	margin: 10px;
	padding: 5px;
}
.color8 {
	background: #009900;
	width: 300px;
	margin: 10px;
	padding: 5px;
}
.color9 {
	background: #FFE7B4;
	width: 300px;
	margin: 10px;
	padding: 5px;
}
.color10 {
	background: #CCCC00;
	width: 300px;
	margin: 10px;
	padding: 5px;
}
.color11 {
	background: #CCCC00;
	width: 300px;
	margin: 10px;
	padding: 5px;
	background-color: #FFCC00;
}
.color12 {
	background: #CCCC00;
	width: 300px;
	margin: 10px;
	padding: 5px;
	background-color: #FF9900;
}
.color13 {
	background: #CCCC00;
	width: 300px;
	margin: 10px;
	padding: 5px;
	background-color: #FF7700;
}
.color14 {
	background: #CCCC00;
	width: 300px;
	margin: 10px;
	padding: 5px;
	background-color: #FF5500;
}
.color15 {
	background: #CCCC00;
	width: 300px;
	margin: 10px;
	padding: 5px;
	background-color: #CCCCCC;
}
#shuho_table {
	width: 540px;
	margin-top: 20px;
	color: #000000;
	background-color: #000;
	margin-bottom: 20px;
	float:left;
}
.shuho_year {
	text-align:center;
	background-color:#003;
	color:#FFC;
	font-weight:bold;
}
.shuho_month {
	text-align:center;
	background-color:#1B6DB7;
	color:#fff;
	font-weight:bold;
}
.shuho_week {
	text-align:center;
	background-color:#1B6DB7;
	color:#fff;
	font-weight:bold;
}
.hata {
	margin-right: 50px;
}
.chu {
	color: #CC0000;
}
.f-size-s {
	font-size: 0.6em;
}
.footer {
	background-image: url(image/foot.gif);
	height: 80px;
}
.tbl1 {
	margin: 10px auto 0px;
	padding: 0px;
	background-color: #000000;
	border-bottom-color: #000;
	font-size: 1.1em;
}
.policy_img {
	background-color: #FFF;
	width: 500px;
}

.degree-head {
	width: 500px;
	height: 25px;
	font-weight: bold;
	background-color:#003;
	color:#FFC;
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom:0px;
}
.committee-head {
	width: 540px;
	height: 25px;
	font-weight: bold;
	background-color:#003;
	color:#FFC;
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom:0px;
}
.tbl1 .tr1 {
	background-color: #ffffff;
}
.tbl1 .tr2 {
	background-color: #FAFAFA;
}
.tbl1 th {
	background-color: #3E87D0;
	text-align: center;
	font-size: 1em;
	color: #666666;
	border: 0px solid #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tbl1 .th2 {
	background-color: #cccccc;
	text-align: center;
	font-size: 0.8em;
	color: #000000;
	font-weight: normal;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	border-left-width: 1px;
}
.tbl1 td {
	text-align: left;
	font-size: 0.9em;
	color: #666666;
}
.tbl1 td .tbl1 th, .tbl1 td .tbl1 td {
	font-size: 1.2em;
}
.tbl1 td .d1 {
	margin: 0px 0px 0px 2.0em;
	text-indent: 1.0em;
}
.tbl1 td .d2 {
	margin: 0px 0px 0px 6.0em;
	text-indent: -4.0em;
}
.program_table {
	width: 500px;
	border: 0;
	padding: 5px;
	float:left;
}
.program_table #tb1 {
	background-color: #1B6DB7;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-weight: bold;
}
#aboutable {
	width:540px;
	float:left;
	margin-top:-10px;
	margin-bottom:20px;
}
#aboutable li {
line-height:1.4em;
}
.about_degree {
	background-color: #1B6DB7;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}
.about_committee {
	background-color: #1B6DB7;
	text-align: left;
	color: #FFF;
	font-weight: bold;
	white-space: nowrap;
}
.pankuzu {
	width: 760px;
	height: 40px;
	font-size: 1.2em;
	color: #000;
	background-image: url(../img/pankuzu-line.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.pankuzu a {
	color: #333;
}
.pankuzu a:hover {
	color:#C30;
}
.thrColFixHdr #container #mainContent2 .color1 {
	list-style-type: disc;
	text-align: left;
	margin-left: 50px;
	margin-right: 50px;
}
.thrColFixHdr #container #mainContent2 ul h3 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F33;
	text-align: left;
	padding-left: 5px;
}
#top_summary {
	margin-top: -30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.5em;
}
#top_summary table {
	padding-top: 15px;
}
#top_summary th {
	border: dotted;
	thin #000;
	font-size: 1.1em;
	text-align: center;
}
#top_summary td {
	font-size: 1.1em;
	padding-left: 15px;
}
#three-name {
	width: 1000px;
	height: 50px;
	text-align: right;
	font-size: 18px;
	color: #666;
	margin-top: 10px;
}
#three-name span {
	padding: 15px;
}
.reikai_head {
	width: 540px;
	height: 40px;
	font-size: 20px;
	padding-top: 16px;
	text-align: center;
	background-color: #1B6DB7;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	color: #fff;
}
.reikai_comment {
	width: 540px;
	font-size: 20px;
	text-align: center;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}
#reikai_table {
	border-collapse:collapse;
	border:none;
	background-color:#fff;
}
#reikaibi {
	color:#fff;
	background-color:#1B6DB7;
	padding:3px;
	width:150px;
	border-right:solid 1px #fff;
	text-align:center;
	font-size:1.2em;
}
#reikai_title {
	color:#fff;
	background-color:#1B6DB7;
	padding:3px;
	width:350px;
	text-align:center;
	font-size:1.2em;
}
.reikai_date {
	color:#000;
	background-color:#fff;
	padding:10px;
	width:150px;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	line-height:2.2em;
	font-size:1.2em;
}
.reikai_date-last {
	color:#000;
	background-color:#fff;
	padding:10px;
	width:150px;
	border-right:solid 1px #000;
	line-height:2.2em;
	font-size:1.2em;
}
.reikai_t-detail {
	color:#000;
	background-color:#fff;
	padding:10px;
	width:350px;
	border-bottom:solid 1px #000;
	line-height:1.4em;
	font-size:1.1em;
}
.reikai_t-detail-last {
	color:#000;
	background-color:#fff;
	padding:10px;
	width:350px;
	line-height:1.4em;
	font-size:1.1em;
}
#banner1 {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	width: 180px;
	margin-top: 15px;
	border-top: dotted 2px #000;
	padding-top: 10px;
}
#banner2 {
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	padding-bottom: 15px;
	border-bottom: dotted 2px #000;
}
#banner2 img {
	width:100%;
	height:auto;
}
#sns-list {
	margin-top: 15px;
	width: 180px;
	margin-left: auto;
	margin-right: auto;
}
#sns-list p {
	font-size: 17px;
	color: #039;
	font-weight: bold;
	text-align: center;
}
#sns-list ul {
	width: 180px;
	list-style: none;
	margin-left: -42px;
}
#sns-list ul li {
	float: left;
	margin-right: 12px;
}
#footer {
	width: 100%;
	height: 30px;
	background-color: #1B6DB7;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.9em;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #FF3;
}
#footer2 {
	width: 100%;
	height: 20px;
	background-color: #fff;
	text-align: center;
	color: #000;
	line-height: 1.5em;
	background-image: url(../img/copyright.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#backnumber-list {
	width:500px;
	float:left;
}
#backnumber-list li {
	padding:12px 0px;
	font-size:1.3em;
	border-bottom:dotted thin #06C;
}
#link-list {
	width:500px;
	float:left;
}
#link-list li {
	padding:12px 0px;
	font-size:1.3em;
	border-bottom:dotted thin #06C;
	list-style:none;
}
#policy {
	width:540px;	
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
#policy table {
	width:500px;
	margin:0px auto;
}
.statement {
	line-height:1.3em;
	font-size:1.1em;
}
#top-main {
	width:540px;
	float:left;	
}
#fb {
	width: 500px;
	height: 300px;
	float: left;
	margin-top: 20px;
	margin-bottom:20px;
	background-image: url(../img/fb-banner_tate.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:40px;
}