@charset "UTF-8";
/* CSS Document */

*, ul, ol, p, form, li, input, h1, h2, h3, h4, h5, h6, textarea, img, a {
	margin:0px; padding:0px; border:none; outline:none;
}
li { list-style:none; }

a.pattern1:link, a.pattern1:visited { color:#fff; }
a.pattern1:hover { color:#ab1c1c; }
a.pattern2:link, a.pattern2:visited { color:#252525; }
a.pattern2:hover { color:#ab1c1c; }
a.pattern3:link, a.pattern3:visited { color:#ab1c1c; }
a.pattern3:hover { text-decoration:underline; }

a.noline { text-decoration:none; }

.clear { clear:both; }
.img_replace { text-indent:-1000em; overflow:hidden; outline:none; }

p { line-height:1.6em; }
.newline { display:block; }

/*//////////
//BODY START//
///////////*/
body {
	width:960px; margin:0px auto; padding:0px; 
	font-size:1em; color:#252525; font-family: 'CalibriRegular', Helvetica, Arial, sans-serif;
	background-image:url(bg.jpg); background-position:top left; background-repeat:repeat-x;
	background-color:#ececec; text-align:center;
}

#wrapper {
	width:100%; margin:0px; padding:0px; text-align:left;
}

/*//////////
//FONT EXTENTION//
///////////*/
.font_ext { font-family:'Niconne', cursive; }
.colored { color:#ab1c1c; }
.basicheight { line-height:1.6em; }

/*////////////////
//HOME PAGE//
////////////////*/
#head_home {
	width:100%; height:218px; background:url(bg_homehead.jpg) top left no-repeat;	
}
#head_home .top_head {
	width:100%; height:58px;
}
#head_home .top_head a {
	display:block; width:150px; height:43px; background:url(about.jpg) top left no-repeat; float:right; margin-top:15px; 
}
#head_home .top_head a:hover {
	background-position:0px -43px;
}

#head_home .mid_head img {
	display:block;float:left;margin:46px 0 0 36px;
}

/*/////////////////////
//HOME CONTENT//
/////////////////////*/
#home_content {
	width:100%; margin:0px; padding:0px; height:708px; float:left;
	background:url(bg_homebody.jpg) 0px 122px no-repeat;
}
#home_content .left_part {
	float:left; width:542px; height:688px; padding:0px; 
	margin-left:36px !important;
	margin-left:18px;
}
#home_content .left_part h1 {
	font-size:44px; line-height:58px; font-weight:normal; margin-top:40px;	
}
#home_content .left_part h2 {
	font-size:0.9em; font-weight:normal; margin-top:40px; 
}
#home_content .left_part .badge2 {
	display:block; width:222px; height:217px; margin-top:20px; margin-left:150px;
	background:url(badge2.png) top left no-repeat !important;
	background:url(badge2.gif) top left no-repeat;
}
#home_content .right_part {
	float:left; width:382px; height:688px; margin:0px;
	background:url(bg_homenavi.jpg) top left no-repeat;
}
#home_content .right_part .navi {
	padding:0px; margin-top:122px;
}
#home_content .right_part .navi li {
	margin-bottom:10px; width:369px;
}
#home_content .navi li a {
	display:block; width:100%; height:50px; background:url(navihome.gif); background-repeat:no-repeat;
}
#home_content .navi li span {
	display:block; margin:10px 0px 10px 14px; font-size:0.9em; line-height:1.6em;
}
#home_content .navi li.weblive a {
	background-position:top left;
}
#home_content .navi li.weblive a:hover {
	background-position:0px -50px;	
}
#home_content .navi li.weblive span {
	width:240px;
}
#home_content .navi li.college a {
	background-position:0px -100px;
}
#home_content .navi li.college a:hover {
	background-position:0px -150px;
}
#home_content .navi li.college span {
	width:278px;
}
#home_content .navi li.arts a {
	background-position:0px -200px;
}
#home_content .navi li.arts a:hover {
	background-position:0px -250px;
}
#home_content .navi li.arts span {
	width:165px;
}
#home_content .navi li.photos a {
	background-position:0px -300px;
}
#home_content .navi li.photos a:hover {
	background-position:0px -350px;
}
#home_content .navi li.photos span {
	width:340px;
}
#home_content .navi li.game a {
	background-position:0px -400px;
}
#home_content .navi li.game a:hover {
	background-position:0px -450px;
}
#home_content .navi li.game span {
	width:180px;
}
#home_bottom {
	width:438px; background-color:#252525; color:#FFF; margin-left:11px;
}
#home_bottom p {
	padding:25px; font-weight:normal; font-size:0.8em;
}

/*//////////////////
//SHADOW BOX//
//////////////////*/
#shadow_box {
	position:fixed !important;
	position:absolute; 
	top:0px !important; 
	top:auto;
	left:0px; display:none;
	bottom:auto !important;
	bottom:0px;
}
#black_shadow_box {
	position:absolute; top:0px; left:0pt; background-color:#000;	width:100%; height:100%;
}
#contents_shadow_box {
	position:absolute; top:0px; left:0px; width:100%; height:100%;
}
#inner_shadow_box {
	background-color:#141414; visibility:hidden; margin:20px auto;
}
#inner_shadow_box .image_shadow_box {
	position:relative; overflow:hidden; top:15px; margin:0px auto;
}
#inner_shadow_box .image_shadow_box img {
	position:absolute;
}
#inner_shadow_box .close_btn {
	background-color:#141414; color:#fff; width:100px; height:30px; text-align:center; cursor:pointer; margin:15px auto;
}
#inner_shadow_box .close_btn span {
	display:block; position:relative; top:3px; letter-spacing:1px; font-size:16px; 
}
#shadow_box .loader  {
	display:block; margin:0px auto;
}
#shadow_box .loadclosebtn {
	cursor:pointer; display:block; margin:40px auto;
}

/*////////////
//FOOTER//
////////////*/
#footer { 
	width:100%; height:100px;  background-color:#252525;
}
.footercopy {
	width:100%; height:40px; font-size:0.85em; text-align:center; margin-top:20px; color:#666;
}