body {

 font-family:Arial,Helvetica,sans-serif;

 font-size:12px;

 background-color:#EEEEEE;

 line-height:1.5em;

 padding:0;

 margin:0;

}



img{

    border: none;

}



#clear {

	clear:both;

}



a {

	overflow:hidden;

}

a:link {

	color:#000066;

	text-decoration:underline;

}

a:visited {

	color:#000066;

	text-decoration:underline;

}

a:hover {

	text-decoration:none;

}

a:active {

	color:#000066;

}



h1,h2,h3,h4,h5,h6,p {

	margin:0;

	padding:0;

}



.px10{

	font-size:78%;

	letter-spacing:0.1em;

	line-height:1.5em;

}



.px10_g{

	font-size:78%;

	letter-spacing:0.1em;

	line-height:1.4em;

	color:#333333;

}



.px10_text {

	font-size:78%;

}



.px12b{

	font-size:12px;

	font-weight:bold;

}



.px14b{

	font-size:14px;

	font-weight:bold;

}





.px14rb{

	font-size:16px;

	font-weight:bold;

	color:#CC3300;

}



.color_r{

	color:#CC3300;

}





/*------------------------------------------*/



#wrapper { 

 margin:0 auto;

 width:800px;

 background-color:#FFF;

 border-left:1px solid #ccc;

 border-right:1px solid #ccc;

}



/*------------------------------------------*/



#header {

 width:784px;

 padding:15px 0 0 0;

 margin:0 0 0 8px;

}



/*------------------------------------------*/



#leftcolumn { 

 margin:5px 0;

 padding:0px;

 width:190px;

 text-align:right;

 float:left;

}



#leftcolumn dl {

	margin:5px 0 0 10px;

	padding:0 0 3px 0;

	width:180px;

	background-color:#EFEFDF;

	text-align:left;

}





#leftcolumn dd {

	margin:0 5px 0 5px;

	padding:4px 0 4px 13px;

	border-bottom:#999999 dotted 1px;

}



.icon01 {

	background:url(../images/icon01.gif) no-repeat center left;

}



/*------------------------------------------*/



#rightcolumn { 

 float: right;

 margin: 5px 8px 5px 0px;

 padding:0px;

 width: 597px;

 display: inline;

}



#top_img { 

 margin: 0 0 5px 4px;

 padding:0px;

 width: 590px;

}



#top_img2 { 

 margin: 5px 0 5px 0px;

 padding:0px;

 width: 594px;

}



.line_001 {

	background:url(../images/top/line_001.gif) repeat-x;

	height:1px;

	margin:3px 0;

}





/*------------------------------------------*/



#footer { 

 width: 784px;

 clear: both;

 margin: 5px 8px 0;

 padding:0px 0 10px;

}



#fo_page{ 

	margin:0px;

	padding:0px;

	width:784px;

	text-align:right;

	border-top:1px solid #E1E1E1;

}



#fo_toi{ 

	margin:0px;

	padding:0px;

	width:784px;

	height:35px;

	background:url(../images/fo_toi.gif) no-repeat left;

	text-indent: -5000px;

}



/*------------------------------------------*/



#top_img_ctg { 

 margin: 0 0 0 8px;

 padding:0px;

 width: 580px;

}



#pan { 

 margin: 0 0 5px 8px;

 padding:3px 0 3px 10px;

 text-align:left;

 width:570px;

 background-color:#ECE7E7;

 font-size:10px;

letter-spacing:0.1em;

}



.table_p { 

 padding:5px 0 5px 10px;

}



.table_p1 { 

 padding:4px;

}



#fo_page1{ 

	margin:0px;

	padding:0px;

	width:550px;

	text-align:right;

	border-top:1px solid #E1E1E1;

}

.page_top{

	margin:5px 0 0 0;

	padding:0px;

	width:570px;

	text-align:right;

}



/*------------------------------------------*/



#txt1 { 

 margin: 10px 0 20px 8px;

 padding:0;

 text-align:left;

 width:500px;

}



/*------------------------------------------*/

/*survice schedule*/



table.service {

	border-collapse:collapse;

	border:1px solid #E02A56;

}



table.service td, table.service th {

	border:1px solid #E02A56;

	font-weight:normal;

	padding:2px;

	font-size:80%;

	/*width:80px;*/

	text-align:center;

}

/**IE7 hack*/

*:first-child+html table.service td, table.service th {

	font-size:78%;

}

*:first-child+html table.service td {

	letter-spacing:-1px;

}

/*hack end*/

/**IE6 hack*/

*html table.service td, table.service th {

	font-size:78%;

}

*html table.service td {

	letter-spacing:-1px;

}

/*hack end*/





table.service th.time {

	background:#FFCCCC;

	vertical-align:middle;

}



table.service th.day {

	background:#E02A56;

	color:#ffffff;

	border-width:1px;

	border-style:solid;

	border-color:#E02A56 #ffffff #E02A56 #ffffff;

}

	table.service th.day-start {

		background:#E02A56;

		border-color:#E02A56 #ffffff #E02A56 #E02A56;

		border-style:solid;

		border-width:1px;

		color:#ffffff;

	}

	

	table.service th.day-end {

		background:#E02A56;

		border-color:#E02A56 #E02A56 #E02A56 #ffffff;

		border-style:solid;

		border-width:1px;

		color:#ffffff;

	}

	

/*------------------------------------------*/

/*Media schedule*/



table.media {

	border-collapse:collapse;

	border:1px solid #FFD900;

}



table.media td,table.media th {

	border:1px solid #FFD900;

	font-weight:normal;

	padding:2px;

	font-size:80%;

	width:80px;

	text-align:center;

}

/**IE7 hack*/

*:first-child+html table.media td,th {

	font-size:78%;

}

*:first-child+html table.media td {

	letter-spacing:-1px;

}

/*hack end*/

/**IE6 hack*/

*html table.media td, table.service th {

	font-size:78%;

}

*html table.media td {

	letter-spacing:-1px;

}

/*hack end*/



table.media th.time {

	background:#FFFFCC;

	height:60px;

	vertical-align:middle;

}



table.media th.day {

	background:#FFD900;

	border-width:1px;

	border-style:solid;

	border-color:#FFD900 #ffffff #FFD900 #ffffff;

}

	table.media th.day-start {

		background:#FFD900;

		border-color:#FFD900 #ffffff #FFD900 #FFD900;

		border-style:solid;

		border-width:1px;

	}



	table.media th.day-end {

		background:#FFD900;

		border-color:#FFD900 #FFD900 #FFD900 #ffffff;

		border-style:solid;

		border-width:1px;

	}

	

	

.open_back {

	background: #E8FFB0 url(../06open/images/open_back.jpg) repeat-x top left;

	border: 1px solid #ffffff;

	padding: 10px;

}



/*Open campus*/

.open_reserve {

	border: 1px solid #cccccc;

}



.open_list {

	border: 1px solid #cccccc;

	background: #ffffff;

}

	.open_list td {

		padding: 10px;

	}

	

	.open_list td p {

		margin: 0;

		padding: 0;

		margin-bottom: 5px;

	}

.summer_back {

	background: #EBF4FD url(../06open/images/s2008/summer_bg.jpg) repeat-x top left;

	border: 1px solid #ffffff;

	padding: 10px;

}

.menu_list2 {

	font-size: 100%;

	padding: 0;

	margin: 10px;

}

.summer_dl dt {

	margin-top: 15px;

	margin-left: 10px;

	font-size: 100%;

}

.summer_dl dd {

	margin-left: 20px;

	font-size: 100%;

}

.summer_border {

	background: url(../06open/images/s2008/border_naka.jpg) repeat-y top left;

	

}



/*WHAT'S NEW*/

table.bloglist {

	margin: 0 0 10px 0;

}

	table.bloglist th{

		font-weight: normal;

		font-size: 110%;

		width: 80px;

		border-bottom: 1px solid #999999;

		padding: 7px 0 7px 3px;

		vertical-align: top;

	}

		table.bloglist td{

			line-height: 180%;

			border-bottom: 1px solid #999999;

			padding: 7px 0 7px 0;

			width:270px;

		}

		table.bloglist td a{

			color: #000000;

		}



.blog_link {

	margin: 0 25px 10px 0;



}

.blog_link p{

	text-align: left;

	padding: 0 0 0 15px;

	margin: 0 0 0 25px;

	background: url(../images/top/icon_arrow.gif) no-repeat left 5px;

}





/*WHAT'S NEW VIEW*/

table.whatblog {

	width : 554px;

	margin: 0 0 15px 0;	

}

	table.whatblog th{

		width: 100px;

		font-weight: normal;

		font-size: 110%;

		text-align: left;

		padding: 8px 8px 8px 18px;

		border-bottom: 1px solid #999999;

		background: url(../what/images/icon_arrow_brown.gif) no-repeat 3px center;

	}

	table.whatblog td{

		font-weight: normal;

		text-align: left;

		padding: 8px;

		border-bottom: 1px solid #999999;

	}

	

.pagenate {

	margin: 0 0 15px 0;

}



/*WHAT'S NEW*/

.whattitle {

	background: url(../what/images/whattitle_back.jpg) no-repeat left top;

	text-align: left;

	width: 525px;

	font-weight: bold;

	font-size: 160%;

	color: #676767;

	padding: 7px 30px 5px 25px;

	margin: 0 0 10px 0;

	line-height:130%;

}



.whattext {

	width : 554px;

	text-align: left;

	margin-bottom: 30px;

}

.txt75,.txt751 {

	font-size: 75%;

}

.txt751 {

	border-left: 1px solid #FFFFFF;

	border-right: 1px solid #FFFFFF;

}

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* FOR MAC IE \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* END OF FOR MAC IE */