/*===============================================================================================
	COMMON
==============================================================================================*/
body{margin:0px;padding:0px;background:url("../images/body_bg.jpg") top left repeat #c1c1c1;line-height:145%;font-size:small;color:#000000;}
img{border:none;}
form{margin:0px;padding:0px;}



/* bace */
#bgH{margin:0px;padding:0px;background:url("../images/body_bgh.jpg") top left repeat-x;width:100%;}
#bgF{margin:0px;padding:0px;}
#container{margin:0px auto;width:800px;background:#ffffff;}

/* header */
#header{height:100px;background:url("../images/header_bg.jpg") bottom right no-repeat;}
#header #tagLine{padding:0;font-size:10px;line-height:145%;background:#6b85b5;color:#cccccc;width:800px;}
#header #tagLine td{padding:2px 5px;}
#header #tagLine a{color:#ffffff;}
#header #tagLine td.home{float:right;width:53px;height:10px;padding:3px 10px 0px 0px;text-indent:-9999px;outline:none;overflow:hidden;}
#header #tagLine td.home a{display:block;width:53px;height:10px;background:url("../images/icon/icon_home.gif") 0px 0px no-repeat;margin:0px;padding:0px;overflow:hidden;}
#header #tagLine td.home a:hover{background:url("../images/icon/icon_home.gif") 0 -10px no-repeat;color:#44f4ff;height:10px;}
#header #head-banner{float:left;width:468px;padding:10px 0px 0px 50px;}
#header #header-main{float:left;height:84px;}
#header #header-main img.logo{float:left;padding:30px 0px 0px 25px;}
#header #header-main img{float:left;}




/* LeftContents */
#sub{margin:0px;width:180px;padding:0px 6px;}


/* navigation */
#navi{width:180px;margin-bottom:5px;padding-bottom:5px;background:url("../images/side_boxbtm.gif") bottom left no-repeat;font-family:Arial;}
#navi h4{margin:0px;padding:4px 0px 0px 0px;width:180px;height:23px;background:url("../images/side_boxttl.gif") top left no-repeat;text-align:center;color:#ffffff;font-size:16px;line-height:125%;}
#navi ul{margin:0px;padding:0px;list-style:none;}
#navi ul li a{display:block;font-size:14px;line-height:145%;width:160px;padding-top:8px;height:27px;background:#e2e7f9;color:#3b3d8e;font-weight:bold;border-top:1px solid #f3f8fc;border-bottom:1px solid #8ba2cd;padding-left:20px;}

#navi ul li a:hover{text-decoration:none;background:#c1daee;}
#navi ul li a.active{text-decoration:none;background:#c1daee;}
#navi ul li.college a{border-top:none;padding-top:9px;height:26px;}
#navi ul li.calendar a{border-bottom:none;}
#navi ul li.riddle a{font-size:12px;}

#naviConnect{margin-bottom:5px;}
#naviConnect a{display:block;padding:7px 0px 0px 35px;width:145px;height:27px;background:url("../images/navi_connect.gif") top left no-repeat;font-weight:bold;color:#ffffff;font-size:14px;line-height:125%;}
#naviConnect a:hover{background:url("../images/navi_connect.gif") bottom left no-repeat;text-decoration:none;color:#da8a00;}
#naviConnect a.active{background:url("../images/navi_connect.gif") bottom left no-repeat;text-decoration:none;color:#da8a00;}

.siteLink{margin-bottom:5px;}
.siteLink ul{list-style:none;margin:0px;padding:0px;}
.siteLink ul li{margin-bottom:3px;font-family:Arial;font-size:14px;line-height:125%;}
.siteLink ul li a{display:block;margin:0px;padding:7px 0px 0px 35px;width:145px;height:27px;background:url("../images/site_link.gif") top left no-repeat;font-weight:bold;color:#ffffff;}
.siteLink ul li a:visited{background:url("../images/site_link.gif") top left no-repeat;color:#ffffff;text-decoration:none;}
.siteLink ul li a:hover{background:url("../images/site_link.gif") bottom left no-repeat;color:#289ebb;text-decoration:none;}





/* Google Search */
#google{margin:10px 0px 15px 0px;font-size:10px;}
#google input.googleForm{width:90%;}
#google input.submit{margin:3px 0px;}

/* Adobe PDF */
#pdf{width:170px;margin:10px 0px;padding:5px;font-size:10px;line-height:125%;}
#pdf img{padding:5px 30px 10px 30px;}


/* Main Contents */
#main{width:606px;}
#mainContents{width:580px;margin:12px;}

/* Ticker */
#ticker{margin:0px;padding:5px;width:594px;background:url("../images/visual_top.gif") top left no-repeat #93abd9;}
#ticker marquee{float:left;margin:2px 2px 2px 0px;width:490px;background:#3a548f;border-top:1px solid #1a2e5b;border-left:1px solid #1a2e5b;border-right:1px solid #b1c2e8;border-bottom:1px solid #b1c2e8;color:#ffffff;padding:0px;font-size:12px;line-height:145%;}
#ticker b{float:left;padding-top:5px;padding-left:5px;font-family:Arial;color:#00f0ff;font-size:12px;line-height:145%;}

#mainvisual{background:url("../images/visual_bottom.gif") bottom left no-repeat #93abd9;padding-bottom:4px;margin-bottom:10px;width:604px;}

#mainvisual ul{clear:both;float:left;list-style:none;margin:0px 0px 0px 3px;padding:0px;width:197px;}
#mainvisual ul li{margin:0px 0px 3px 0px;}
#mainvisual ul li a{display:block;width:197px;height:54px;text-indent:-9999px;outline:none;}

#mainvisual ul li.cafejp a{background:url("../images/top_cafejp.gif") top left no-repeat;}
#mainvisual ul li.spotjp a{background:url("../images/top_spotjp.gif") top left no-repeat;}
#mainvisual ul li.spotnet a{background:url("../images/top_spotnet.gif") top left no-repeat;}

#mainvisual ul li.cafejp a:hover{background:url("../images/top_cafejp.gif") top right no-repeat;}
#mainvisual ul li.spotjp a:hover{background:url("../images/top_spotjp.gif") top right no-repeat;}
#mainvisual ul li.spotnet a:hover{background:url("../images/top_spotnet.gif") top right no-repeat;}


#mainvisual img.visual{float:right;border:1px solid #768cb9;margin-right:0px;width:396px;}

#top-container{}
#top-main{float:left;width:415px;padding-right:5px;}
#top-extra{float:left;padding-left:5px;}




/* footer */
#footer{clear:both;width:800px;padding-bottom:10px;background:#879cc3;}
#footer #pageTop{padding:5px;text-align:right;background:#ffffff;font-size:10px;}
#footer #footer-link{margin-top:5px;padding:3px 0px 3px 0px;width:800px;list-style:none;text-align:center;background:#6b85b5;color:#ffffff;border-top:5px solid #879cc3;font-size:12px;}
#footer #footer-link a{color:#ffffff;text-decoration:none;}
#footer #footer-link a:hover{color:#ffffff;text-decoration:underline;}
#footer #copy{color:#ffffff;font-size:10px;text-align:center;}