@import url("common/common.css");

/*--------------------------------------------------------------------
基本設定
---------------------------------------------------------------------*/
#header h1.logo {
	width:506px;
	height:46px;
	background: url("common/img/logo.jpg") no-repeat;
	position:absolute;
	top:14px;
	text-indent:-9000px;
	outline:0;
}

#header h1.logo a {
	width:506px;
	height:46px;
	display:block;
}

#top_flash {
	margin:0 auto 15px;
	padding-top:15px;
	background:#fff url("img/okuma.gif") no-repeat 667px 0;
	width:860px;
}

#left {
	width:600px;
}

#right {
	width:225px;
}

/*--------------------------------------------------------------------
sprite
---------------------------------------------------------------------*/
#main_menu,
#main_menu div span,
#main_menu div:hover,
#main_menu div.hover0,
#main_menu div.hover1,
#main_menu div.hover2,
#main_menu div.hover3 {
	background: url("img/sprite_main-menu.jpg") no-repeat;
}


#banner td a,
#right div#banner_itunesu a,
#right div#banner_present a,
#right div#banner_qrcode a,
#right div#banner_campustour a,
#right div#access_ranking a,
div.juken div a {
	background: url("img/sprite_banner.jpg") no-repeat;
}

div#pc,
p#pc_header,
div.pc_left div.pc_text span,
div.pc_right div.pc_text span,
div.pc_left div.pc_image,
div.pc_right div.pc_image,
div#pc ul.btn li a {
	background: url("img/sprite_pickup-contents.jpg") no-repeat;
}

/*--------------------------------------------------------------------
左コンテンツ
---------------------------------------------------------------------*/
#main_menu {
	margin:0 0 10px;
	width:590px;
	height:190px;
	padding:5px;
}

#main_menu div {
	display:block;
	width:290px;
	height:90px;
	position:relative;
}

#main_menu div.image_1,
#main_menu div.image_3 {
	float:left;
}

#main_menu div.image_2,
#main_menu div.image_4 {
	float:right;
}

#main_menu div.image_3,
#main_menu div.image_4 {
	margin-top:10px;
}

#main_menu div span {
	margin:0;
	padding:0;
	border:1px solid #ccc;
	width:100px;
	height:74px;
	display:block;
	position:absolute;
	top:8px;
	right:8px;
}

#main_menu div span#mm0-0 {
	background-position:-600px 0;
}

#main_menu div span#mm0-1 {
	background-position:-700px 0;
}

#main_menu div span#mm0-2 {
	background-position:-800px 0;
}

#main_menu div span#mm0-3 {
	background-position:-900px 0;
}

#main_menu div span#mm1-0 {
	background-position:-600px -74px;
}

#main_menu div span#mm1-1 {
	background-position:-700px -74px;
}

#main_menu div span#mm1-2 {
	background-position:-800px -74px;
}

#main_menu div span#mm1-3 {
	background-position:-900px -74px;
}

#main_menu div span#mm2-0 {
	background-position:-600px -148px;
}

#main_menu div span#mm2-1 {
	background-position:-700px -148px;
}

#main_menu div span#mm2-2 {
	background-position:-800px -148px;
}

#main_menu div span#mm2-3 {
	background-position:-900px -148px;
}

#main_menu div span#mm3-0 {
	background-position:-600px -222px;
}

#main_menu div span#mm3-1 {
	background-position:-700px -222px;
}

#main_menu div span#mm3-2 {
	background-position:-800px -222px;
}

#main_menu div span#mm3-3 {
	background-position:-900px -222px;
}

#main_menu div p {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:290px;
	height:90px;
	background: url("img/blank.gif");
	top:0;
	right:0;
	cursor:pointer;
}

#main_menu div.image_1:hover,
#main_menu div.hover0 {
	background-position:-5px -205px;
}

#main_menu div.image_2:hover,
#main_menu div.hover1 {
	background-position:-305px -205px;
}

#main_menu div.image_3:hover,
#main_menu div.hover2 {
	background-position:-5px -305px;
}

#main_menu div.image_4:hover,
#main_menu div.hover3 {
	background-position:-305px -305px;
}

h2#whats_new {
	margin:0 auto 5px;
	width:580px;
}

p.nextupdate {
	margin:10px 20px;
	padding:10px;
	border:1px #999 dashed;
	text-align:center;
	background-color:#f9f9f9;
}

div.juken,
div.juken p.j_top {
	background: url("img/sprite_juken.gif") no-repeat;
}

div.juken {
	margin:0 0 20px;
	padding:0;
	width:600px;
	background-position:0 100%;
}

div.juken p.j_top {
	line-height:0;
	height:20px;
	margin:0;
	padding:0;
	font-size:0;
}

div.juken div {
	width:225px;
}

div.juken div.inner {
	width:500px;
	padding:5px 50px 15px;
}

div.juken div.inner p.quon {
	margin-bottom:10px;
	font-size:10px;
	_font-size:9px;
	line-height:14px;
	background:url("img/quon_logo.gif") no-repeat 100% 50%;
}

div.juken div a {
	width:225px;
	height:75px;
	display:block;
}

div.juken div.j1 {
	float:left;
}

div.juken div.j2 {
	float:right;
}

div.juken div.j2 a {
	background-position:0 -75px;
}

/* コンテンツ更新情報 */
table.content_news {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:580px;
	background-color:#fff;
}

table.content_news th,
table.content_news td {
	padding:7px 5px;
	vertical-align:top;
	background: url("img/border.gif") repeat-x 0 100%;
	vertical-align:middle;
}

table.content_news th {
	width:60px;
	color:#999;
	font-weight:normal;
}

/*カテゴリー*/
table.content_news th.category {
	width:162px;
}

table.content_news th.category strong {
	display:block;
	width:160px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-weight:normal;
	border:1px solid #990100;
	color:#990100;
	background:#fff;
}

table.content_news th strong.sec {
	line-height:14px;
}
table.content_news th strong.kaleidoscope {
	font-size:11px;
}

table.content_news th.category strong span {
	font-size:12px;
	color:#990100;
}

table.content_news td span.video {
	padding:1px 40px 1px 0;
	background:url("img/video.gif") no-repeat 100% 100%;
}

table.content_news td span.read {
	padding:1px 40px 1px 0;
	background:url("img/read.gif") no-repeat 100% 100%;
}

table.content_news td span.list {
	padding:1px 40px 1px 0;
	background:url("img/list.gif") no-repeat 100% 100%;
}

table.content_news td a span.video,
table.content_news td a span.list,
table.content_news td a span.read {
	color:#06f;
}

table.content_news td a:hover span.video,
table.content_news td a:hover span.list,
table.content_news td a:hover span.read {
	text-decoration:underline;
	color:#00f;
}

.content_news td span.func {
	font-size:10px;
	_font-size:9px;
	color:#666;
}

/*--------------------------------------------------------------------
PICKUP CONTENTS
---------------------------------------------------------------------*/
p#pc_header {
	margin:0 0 5px;
	padding:2px 0 0 25px;
	font-size:16px;
	width:555px;
	height:18px;
	background-position:-596px 0;
	color:#005baf;
	font-weight:bold;
}

p.sample2 {
	margin-top:3px;
	margin-bottom:20px;
}

div#pc {
	padding:17px 12px 5px;
	border:2px #015cad solid;
	border-bottom-width:3px;
	width:572px;
	min-height:123px;
	_height:123px;
}

div.pc_left,
div.pc_right {
	padding:0 0 27px;
	width:265px;
	min-height:101px;
	_height:101px;
	position:relative;
}

div.pc_left {
	float:left;
}

div.pc_right {
	float:right;
}

div.pc_left div.pc_image,
div.pc_right div.pc_image {
	width:116px;
	height:89px;
	float:left;
}

div.pc_left div.pcimgs1,
div.pc_right div.pcimgs1 {
	background-position:0 -197px;
}

div.pc_left div.pcimgs2,
div.pc_right div.pcimgs2 {
	background-position:-116px -197px;
}

div.pc_left div.pcimgs3,
div.pc_right div.pcimgs3 {
	background-position:-232px -197px;
}

div.pc_left div.pcimgs4,
div.pc_right div.pcimgs4 {
	background-position:-348px -197px;
}

div.pc_left div.pcimgs5,
div.pc_right div.pcimgs5 {
	background-position:-464px -197px;
}

div.pc_left div.pcimgs6,
div.pc_right div.pcimgs6 {
	background-position:0 -286px;
}

div.pc_left div.pcimgs7,
div.pc_right div.pcimgs7 {
	background-position:-116px -286px;
}

div.pc_left div.pcimgs8,
div.pc_right div.pcimgs8 {
	background-position:-232px -286px;
}

div.pc_left div.pcimgs9,
div.pc_right div.pcimgs9 {
	background-position:-348px -286px;
}

div.pc_left div.pcimgs10,
div.pc_right div.pcimgs10 {
	background-position:-464px -286px;
}

div.pc_left div.pc_text,
div.pc_right div.pc_text {
	padding:3px 0 0;
	width:144px;
	float:right;
}

div.pc_left div.pc_text span,
div.pc_right div.pc_text span {
	margin:0 0 3px;
	padding:17px 0 0;
	display:block;
	width:144px;
}

div.pc_left div.pc_text span.waseda,
div.pc_right div.pc_text span.waseda {
	background-position:0 -162px;
}

div.pc_left div.pc_text span.gakumon,
div.pc_right div.pc_text span.gakumon {
	background-position:-144px -162px;
}

div.pc_left div.pc_text span.campus,
div.pc_right div.pc_text span.campus {
	background-position:-288px -162px;
}

div.pc_left div.pc_text span.daigakuin,
div.pc_right div.pc_text span.daigakuin {
	background-position:-432px -162px;
}

div.pc_left div.pc_text strong,
div.pc_right div.pc_text strong {
	margin:0 0 3px;
	display:block;
	color:#900;
	letter-spacing:1px;
}

div#pc ul.btn {
	margin:0;
	padding:0;
	width:265px;
	height:22px;
	position:absolute;
	bottom:0;
	left:0;
	list-style:none;
}

div#pc ul.btn li.lbtn {
	float:left;
}

div#pc ul.btn li.rbtn {
	float:right;
}

div#pc ul.btn li.lbtn,
div#pc ul.btn li.lbtn a {
	margin:0;
	padding:0;
	display:block;
	width:120px;
	height:22px;
}

div#pc ul.btn li.rbtn,
div#pc ul.btn li.rbtn a {
	margin:0;
	padding:0;
	display:block;
	width:120px;
	height:22px;
}

div#pc ul.btn li a {
	text-indent:-5000px;
	outline:0;
}

div#pc ul.btn li.btn0 a {
	background-position:0 -375px;
}

div#pc ul.btn li.btn1 a {
	background-position:-120px -375px;
}

div#pc ul.btn li.btn2 a {
	background-position:-240px -375px;
}

div#pc ul.btn li.btn3 a {
	background-position:-360px -375px;
}

div#pc ul.btn li.btn4 a {
	background-position:-480px -375px;
}

div#pc ul.btn li.btn5 a {
	background-position:-600px -375px;
}

div#pc ul.btn li.btn6 a {
	background-position:-720px -375px;
}

div#pc ul.btn li.btn0 a:hover {
	background-position:0 -397px;
}

div#pc ul.btn li.btn1 a:hover {
	background-position:-120px -397px;
}

div#pc ul.btn li.btn2 a:hover {
	background-position:-240px -397px;
}

div#pc ul.btn li.btn3 a:hover {
	background-position:-360px -397px;
}

div#pc ul.btn li.btn4 a:hover {
	background-position:-480px -397px;
}

div#pc ul.btn li.btn5 a:hover {
	background-position:-600px -397px;
}

div#pc ul.btn li.btn6 a:hover {
	background-position:-720px -397px;
}

div#pclist div {
	display:none;
	visibility:hidden;
}

/*--------------------------------------------------------------------
右コンテンツ
---------------------------------------------------------------------*/
#right div {
	margin-bottom:10px;
}

#right div#banner_itunesu a,
#right div#banner_present a,
#right div#banner_qrcode a,
#right div#banner_campustour a,
#right div#access_ranking a {
	display:block;
	width:225px;
	height:75px;
}

#right div#banner_itunesu a {
	background-position:0 -300px;
}

#right div#banner_present a {
	background-position:0 -150px;
}

#right div#banner_qrcode a {
	background-position:0 -225px;
}

#right div#banner_campustour a {
	height:30px;
	background-position:0 -375px;
}

#right div#access_ranking a {
	height:28px;
	background-position:0 -405px;
}

#right div#access_ranking a:hover {
	background-position:0 -433px;
}

/*--------------------------------------------------------------------
サイト概要
---------------------------------------------------------------------*/
.gaiyo {
	padding:2px 0 2px 10px;
}

.gaiyo span.red {
	color:#900;
	font-weight:bold;
}

/*--------------------------------------------------------------------
受験生へのメッセージ
---------------------------------------------------------------------*/
#right div#jm {
	padding:94px 0 0;
	width:225px;
	background: url(img/m_top.gif) no-repeat;
}

#right div.juken_message {
	margin:0;
	padding:10px 0 0;
	width:225px;
	background: url(img/m_middle.gif) repeat-y;
}

#right div.juken_message div.jmheader {
	margin:0 0 10px 10px;
	padding:5px 0;
	border-top:1px #e51760 dashed;
	border-bottom:1px #e51760 dashed;
	width:200px;
	background-color:#fff0f5;
	text-align:center;
	font-weight:bold;
	color:#e51760;
}

div.juken_message p {
	margin:0 0 5px 15px;
	width:190px;
	letter-spacing:1px;
}

div.juken_message p.name {
	margin:0 0 10px 15px;
	width:190px;
	text-align:right;
}

#right div.jm_bottom {
	margin:0;
	padding:23px 0 0 20px;
	width:205px;
	height:40px;
	background: url(img/m_bottom.gif) no-repeat;
}

#right div.jm_bottom a {
	display:block;
	width:179px;
	height:24px;
	text-indent:-5000px;
	outline:0;
	overflow:hidden
}

#right div#jmlist div {
	margin:0;
	display:none;
	visibility:hidden;
}

/*--------------------------------------------------------------------
バナー
---------------------------------------------------------------------*/
#banner {
	margin-bottom:10px;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	width:900px;
	clear:both;
}

#banner td,
#banner th {
	padding:0 5px;
	width:170px;
	text-align:center;
}

#banner th {
	font-size:11px;
	_font-size:9px;
	font-weight:normal;
}

#banner td a {
	margin:0 auto;
	width:140px;
	height:40px;
	display:block;
}

#banner td#banner_mailmagazine a {
	background-position:-225px 0;
}

#banner td#banner_nyugakucenter a {
	background-position:-225px -40px;
}

#banner td#banner_open-chohkoh a {
	background-position:-225px -80px;
}

#banner td#banner_wocw a {
	background-position:-225px -120px;
}

#banner td#banner_kohainavi a {
	background-position:-225px -160px;
}


