@charset "UTF-8";

/* ========= Notice用 ============== */

/*========== 目次 ==========

	1.タグの再定義
	2.文字サイズの再定義
	3.透過PNG設定
	4.フロート解除設定
	5.詳細設定

============================*/







/*===== ■1.タグの再定義 =====*/
body#Notice ul {
	list-style: none;
}

body#Notice img {
	vertical-align: bottom;
}

body#Notice address {
	font-size: 77%;
	text-align: center;
}

/*===== ■2.文字サイズの再定義 =====*/
body#Notice {
    font:13px/1.231 "ヒラギノ角ゴ Pro W3","Hiragio Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; /* モダンブラウザ向け */
    *font-size: small; /* IE 7向け */
    *font: x-small; /* IE 6以下 */
}

body#Notice p {
	font-size: 93%;
}

/* %指定時のFontサイズの目安
69.2%	 9pix相当
77%		10pix相当
85%		11pix相当
93%		12pix相当
100%	13pix相当
108%	14pix相当
116%	15pix相当
123.1%	16pix相当
131%	17pix相当
138.5%	18pix相当
146.5%	19pix相当
153.9%	20pix相当
161.6%	21pix相当
167%	22pix相当
174%	23pix相当
182%	24pix相当
189%	25pix相当
197%	26pix相当
*/

/*===== ■3.透過PNGの設定 =====*/
* html body#Notice .AlphaMode {
		behavior: expression(IEPNGFIX.fix(this));
} 

/*===== ■8.文字の非表示の設定 =====*/
body#Notice a span {
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

/*===== ■4.フロート解除設定 =====*/

/* フロート解除 */
body#Notice .Section:after,
body#Notice ul.ToPageTop:after,
body#Notice #NoticeFeel #SummerClass:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

body#Notice .Section,
body#Notice ul.ToPageTop,
body#Notice #NoticeFeel #SummerClass {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html body#Notice .Section,
*html body#Notice ul.ToPageTop,
*html body#Notice #NoticeFeel #SummerClass {
	height: 1%;
}

body#Notice .Section,
body#Notice MainCont ul.ToPageTop,
body#Notice #NoticeFeel #SummerClass {
	display: block;
}
/* End hides from IE-mac ￥*/

/*===== ■5.詳細設定 =====*/
body#Notice .Section {
	position: relative;
	width: 604px;
	margin: 0px 30px 0px 26px;
	clear: both;
}

body#Notice #MainCont {
	width: 660px;
	float: right;
	background: url(../common/img/img_bg-contstart.jpg) no-repeat top;
}

body#Notice #pankuzu {
	margin-bottom: 5px;
    padding: 3px 8px;
	font-size: 93%;
}

body#Notice #pankuzu em {
	color: #000000;
	font-family: Osaka;
}

body#Notice #MainCont h2 {
	width: 642px;
	margin: 7px 11px 0px 7px;
}

body#Notice #MainCont ul.ToPageTop {
	padding: 0px 25px 35px 0px;
}

body#Notice #MainCont ul#PageEnd {
	padding: 0px 25px 0px 0px;
}

body#Notice #MainCont ul.ToPageTop li {
	float: right;
	width: 129px;
	height: 16px;
}

body#Notice #MainCont ul.ToPageTop li a {
	background: url(img/btn_page-top.gif) no-repeat;
	display: block;
	width: 129px;
	height: 16px;
}

body#Notice #MainCont ul.ToPageTop li a:hover {
	background-position: 0px -16px;
}

/* MainVisual */
body#Notice #NoticeVisual {
	margin: 25px 30px 40px 26px;
}

body#Notice #NoticeVisual h1 {
	width: 337px;
	height: 290px;
	margin: 0px auto 18px;
}

body#Notice #NoticeVisual p {
	margin: 0px 0px 30px;
	text-align: center;
}

body#Notice #NoticeVisual em {
	display: block;
	font-size: 77%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body#Notice #NoticeVisual h2 {
	width: 329px;
	height: 151px;
	margin: 0px auto 30px;
}

body#Notice #NoticeVisual span {
	display: block;
	width: 549px;
	height: 134px;
	margin: 0px auto 5px;
}

body#Notice #NoticeVisual ul {
	width: 549px;
	margin: 0px auto;
}

body#Notice #NoticeVisual li {
	font-size: 93%;
	line-height: 140%;
}

body#Notice #NoticeVisual li#Alert {
	font-size: 77%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* NoticeIntro */
body#Notice #NoticeIntro {
	width: 620px;
	margin: 0px 22px 5px 18px;
}

body#Notice #NoticeIntro span {
	display: block;
	float: right;
	width: 240px;
	height: 425px;
	padding: 0px 15px 0px 0px;
	font-size: 77%;
	line-height: 125%;
	text-align: right;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body#Notice #NoticeIntro span img {
	margin-bottom: 3px;
}

body#Notice #NoticeIntro span#PosL {
	float: left;
	width: 257px;
	padding: 0px 0px 0px 10px;
	clear: both;
}

body#Notice #NoticeIntro h3 {
	float: left;
	padding-left: 15px;
}

body#Notice #NoticeIntro h3.PosR {
	float: right;
}

body#Notice #NoticeIntro dl {
	float: left;
	width: 335px;
	padding: 0px 0px 40px 15px;
}

body#Notice #NoticeIntro dl#Education,
body#Notice #NoticeIntro dl#Place {
	float: left;
	padding: 0px 15px 40px 0px;
}

body#Notice #NoticeIntro dt {
	margin-bottom: 13px;
}

body#Notice #NoticeIntro dd {
	padding: 0px 13px;
}

body#Notice #NoticeIntro dd strong {
	display: block;
	color: #1050CC;
	font-size: 100%;
}

body#Notice #NoticeIntro dd p {
	margin-bottom: 0px;
}

/* NoticeFeel */
body#Notice #NoticeFeel {
	margin-bottom: 15px;
}

body#Notice #NoticeFeel h3 {
	margin-bottom: 20px;
}

body#Notice #NoticeFeel #OpenCampus,
body#Notice #NoticeFeel #SummerClass,
body#Notice #NoticeFeel #HotAdvice {
	position: relative;
	width: 570px;
	padding: 15px 17px 30px;
}

body#Notice #NoticeFeel #OpenCampus strong,
body#Notice #NoticeFeel #SummerClass strong,
body#Notice #NoticeFeel #HotAdvice strong {
	position: absolute;
	top: 0px;
	left: 35px;
}

body#Notice #NoticeFeel #OpenCampus h4,
body#Notice #NoticeFeel #SummerClass h4,
body#Notice #NoticeFeel #HotAdvice h4 {
	margin-bottom: 5px;
}

body#Notice #NoticeFeel #OpenCampus dl,
body#Notice #NoticeFeel #SummerClass dl {
	width: 570px;
	padding-bottom: 5px;
}

body#Notice #NoticeFeel #OpenCampus dt,
body#Notice #NoticeFeel #SummerClass dt {
	display: block;
	float: left;
	width: 144px;
	height: 99px;
	padding: 0px 8px; 
}

body#Notice #NoticeFeel #OpenCampus dd,
body#Notice #NoticeFeel #SummerClass dd {
	float: left;
	width: 375px;
	padding-top: 15px;
	font-size: 93%;
	line-height: 140%;
}

body#Notice #NoticeFeel #OpenCampus table {
	width: 518px;
	margin-left: 15px;
	padding: 0px 5px;
	line-height: 140%;
	text-align: left;
	border: 1px solid #CCCCCC;
}

body#Notice #NoticeFeel #SummerClass table {
	float: left;
	width: 228px;
	margin-left: 15px;
	line-height: 140%;
	text-align: left;
	border: 1px solid #CCCCCC;
}

body#Notice #NoticeFeel #SummerClass table#Fee {
	float: right;
	margin: 0px 40px 0px 0px;
}

body#Notice #NoticeFeel #OpenCampus caption,
body#Notice #NoticeFeel #SummerClass caption {
	text-align: left;
}

body#Notice #NoticeFeel #OpenCampus th {
	background: url(img/bg_dotted-blue.gif) no-repeat 6px 18px;
	padding: 10px 0px 0px 14px;
	font-size: 93%;
	font-weight: bold;
}

body#Notice #NoticeFeel #OpenCampus td {
	background: url(img/bg_dotted-line.gif) repeat-x bottom;
	padding: 0px 0px 10px 15px;
	font-size: 85%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body#Notice #NoticeFeel #SummerClass td {
	padding: 5px 0px 5px 10px;
	font-size: 85%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body#Notice #NoticeFeel #OpenCampus td.ListEnd {
	background: none;
	padding: 0px 0px 5px 15px;
}

body#Notice #NoticeFeel #OpenCampus td.TxtR {
	text-align: right;
	padding: 0px 5px 5px 0px;
}

body#Notice #NoticeFeel #SummerClass td.TxtR {
	padding: 5px 10px 5px 0px;
	text-align: right;
}

body#Notice #NoticeFeel #HotAdvice p {
	width: 430px;
	padding: 5px 0px 30px 130px;
}

body#Notice #NoticeFeel #HotAdvice em {
	display: block;
	padding-bottom: 5px;
	text-align: center;
}

body#Notice #NoticeFeel #HotAdvice span {
	width: 568px;
	height: 66px;
	margin: 0px auto;
}

/* NoticeDiscovery */
body#Notice #NoticeDiscovery h3 {
	margin-bottom: 25px;
}

body#Notice #NoticeDiscovery dl {
	position: relative;
	width: 564px;
	margin: 0px 20px;
}

body#Notice #NoticeDiscovery dl#Dis01 {
	margin-bottom: 30px;
}

body#Notice #NoticeDiscovery dl#Dis02 {
	margin-bottom: 45px;
}

body#Notice #NoticeDiscovery dl#Dis03 {
	margin-bottom: 35px;
}

body#Notice #NoticeDiscovery dt {
	margin-bottom: 20px;
}

body#Notice #NoticeDiscovery dd p {
	width: 390px;
	margin: 0px;
}

body#Notice #NoticeDiscovery #Dis01 span {
	position: absolute;
	top: 0px;
	right: 12px;
}

body#Notice #NoticeDiscovery #Dis02 dt {
	text-align: right;
}

body#Notice #NoticeDiscovery #Dis02 dt img {
	display: inline;
}

body#Notice #NoticeDiscovery #Dis02 span {
	position: absolute;
	top: 7px;
	left: 0px;
}

body#Notice #NoticeDiscovery #Dis02 p {
	padding-left: 170px;
}

body#Notice #NoticeDiscovery #Dis03 span {
	position: absolute;
	top: 13px;
	right: 12px;
}

/* NoticeDiscovery */
body#Notice #NoticeInformation h3 {
	margin-bottom: 20px;
}

body#Notice #NoticeInformation span {
	position: absolute;
	top: 153px;
	left: 458px;
}

body#Notice #NoticeInformation strong {
	display: block;
	padding: 0px 0px 15px 35px;
}

body#Notice #NoticeInformation ul {
	padding: 0px 0px 55px 35px;
}

body#Notice #NoticeInformation li {
	margin-bottom: 20px;
}

body#Notice #NoticeInformation li em {
	background: url(img/bg_dotted-blue.gif) no-repeat 0px 5px;
	display: block;
	width: 500px;
	margin: 0px;
	padding: 0px 0px 5px 8px;
	font-weight: bold;
	line-height: 100%;
}
	
body#Notice #NoticeInformation li p {
	background: url(img/bg_arrow-blue.gif) no-repeat 0px 2px;
	width: 500px;
	margin: 0px;
	padding-left: 15px;
	line-height: 100%;
}

body#Notice #NoticeInformation em#Caution {
	display: block;
	padding-bottom: 20px;
	font-size: 77%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}