@charset "utf-8";

/*
------------------------------------------------------------------------------
	Sitename: Department of English Language and Cultures - 
	          Faculty of Letters Gakushuin University WebSite
	URL: http://www.gakushuin.ac.jp/univ/let/eng/
	Date: 2010-11
	Copyright (C) Gakushuin University. All rights reserved.
------------------------------------------------------------------------------
*/

/* Initialization
------------------------------------------------------------------------------------------------------*/
html{
	margin:0px;
	padding:0px;
}

body {
	margin:0;
	padding:0px;
	background-color:#F1EEE9;
	background:url(../common/in_bg.jpg) repeat-x;
	font-size:80%;
	line-height:130%;
	font-family:Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

h1, h2, h3, h4, h5 {
	font-size:100%;
	line-height:1.0;
	margin:0px;
	padding:0px;
}

dl, dd, dt{
	margin:0px;
	padding:0px;
}

div, p, a{
	margin:0px;
	padding:0px;
}


h2{margin:0; padding:0;}
h3{	
	background:url(../common/h3_in_bg.gif) no-repeat;
	padding-left:36px;
	padding-top:13px;
	height:40px;
	font-size:130%;
	color:#58582E;
}
a{color:#666600; text-decoration:none;}
a:hover{color:#990000; text-decoration:none;}
.center{text-align:center;}
/* Layout
------------------------------------------------------------------------------------------------------*/

#outerGroup{
	background-color:#FFFFFF;
	padding:0;
	margin:0;
	width:850px;
}


#outerGroup #header{
	position:relative;
	padding:0;
	margin:0;
	width:850px;
	height:111px;
	background:url(../common/in_header_bg.jpg) no-repeat;
}
h1{
	position:absolute;
	top:0px;
	left:0px;
	padding:0;
	margin:0;
	width:279px;
	height:111px;
}
#header p.course{position:absolute; top:0px;left:279px; width:391px; height:111px;}
#header p.japanese{position:absolute; top:79px; left:761px;}

a#gakka{
	display:block;
	float:right;
	width:279px;
	height:111px;
	background:url(../common/gakka.jpg) no-repeat left top;
	text-decoration:none;
	}
a#gakka:hover{
	display:block;
	float:right;
	width:279px;
	height:111px;
	background:url(../common/gakka.jpg) no-repeat right top;
	text-decoration:none;
	}
a#gakka span{visibility:hidden;}
#header ul{
	margin:0px;
	padding-top:60px;
	padding-left:337px;
	list-style-type:none;
}

#header ul li{
	float:left;
	padding:0;
}

#header ul li span { visibility:hidden; }

#header ul li a{
	display:block;
	text-decoration:none;

}

#header li#h01 a{
	display:block;
	margin-left:10px;
	padding:0px;
	height:34px;
	width:162px;
	background:url(../common/h01.gif) no-repeat left top;
}

#header li#h01 a:hover{
	display:block;
	margin-left:10px;
	padding:0px;
	height:34px;
	width:162px;
	background:url(../common/h01.gif) no-repeat left bottom;

}

#header li#h02 a{
	display:block;
	margin-left:10px;
	padding:0;
	height:34px;
	width:90px;
	background:url(../common/h02.gif) no-repeat left top;
}

#header li#h02 a:hover{
	display:block;
	margin-left:10px;
	padding:0;
	height:34px;
	width:90px;
	background:url(../common/h02.gif) no-repeat left bottom;

}

#header li#h03 a{
	display:block;
	margin-left:10px;
	padding:0;
	height:34px;
	width:132px;
	background:url(../common/h03.gif) no-repeat left top;
}

#header li#h03 a:hover{
	display:block;
	margin-left:10px;
	padding:0;
	height:34px;
	width:132px;
	background:url(../common/h03.gif) no-repeat left bottom;

}



/* contentsGroup
------------------------------------------------------------------------------------------------------*/
#outerGroup #contentsGroup{
	margin:0;
	background:url(../common/contents_bg.jpg) repeat-y;
	float:left;

}

#contentsGroup #side{
	width:200px;
	float:left;

}

/* navi
------------------------------------------------------------------------------------------------------*/
#navi ul{
	padding:0px;
	margin-bottom:28px;
	list-style-type:none;
}

#navi li{
	display:block;
	background:url(../common/navi_bg.jpg) no-repeat;
	height:17px;
	padding-top:19px;
	padding-left:39px;
}



#navi li a{
	text-decoration:none;
	height:36px;
	width:200px;
	font-size:100%;
	color:#333333;
	font-weight:bold;
}
#navi li a:hover{
	text-decoration:none;
	height:36px;
	width:200px;
	font-size:100%;
	color:#993300;
		font-weight:bold;

}

#sidemenu ul{
	margin:0;
	padding:0;
	width:200px;
	height:47px;
	list-style:none;
}


#sidemenu li{
	margin:0;
	padding:0;
}

#sidemenu ul li span { visibility:hidden; }
#sidemenu li a{
	display:block;
	text-decoration:none;
}

#sidemenu li#s01 a{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:200px;
	background:url(../common/s01.jpg) no-repeat left top;
}

#sidemenu li#s01 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:200px;
	background:url(../common/s01.jpg) no-repeat right top;

}

#sidemenu li#s02 a{
	display:block;
	margin:0;
	padding:0;
	height:26px;
	width:200px;
	background:url(../common/s02.jpg) no-repeat left top;
}

#sidemenu li#s02 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:26px;
	width:200px;
	background:url(../common/s02.jpg) no-repeat right top;
}

#contentsGroup #contents{
	width:590px;
	float:left;
	padding:0px 30px 0px 30px;
		font-size:110%;
	line-height:140%;

}

#contents .bread{text-align:right; padding-bottom:7px; font-size:90%;}
.contentsMenu{text-align:center; font-size:90%;color:#666600;}
.textBox th{background:url(../common/title_bg.gif) no-repeat; padding:6px 0 3px 20px; text-align:left;}
.textBox td{background-color:#ECF0E8;line-height:140%;}
.textBox02{background-color:#F7F1DB;}
.textBox02 td{background-color:#ffffff; line-height:140%;}
.about01{color:#89662A;}

a#top{
	display:block;
	float:right;
	width:44px;
	height:13px;
	background:url(../common/top.gif) no-repeat left top;
	text-decoration:none;
	font-size:8px;

	}
a#top:hover{
	display:block;
	float:right;
	width:44px;
	height:13px;
	background:url(../common/top.gif) no-repeat right top;
	text-decoration:none;
	font-size:8px;

	}
a#top span{visibility:hidden;}

/* footer
------------------------------------------------------------------------------------------------------*/
#footer{
	clear:both;
	background:url(../common/footer.jpg) no-repeat;
	width:850px;
	height:214px;
	position:relative;
	
}
#footer ul{
 	position:absolute;
	margin:0;
	padding:0;
	top:16px;
	left:605px;
	list-style:none;
	width:203px;
	height:21px;
}


#footer li{
	margin:0;
	padding:0;
	float:left;
}

#footer ul li span { visibility:hidden; }
#footer li a{
	display:block;
	text-decoration:none;
}
#footer li#f01 a{
	display:block;
	margin:0;
	padding:0;
	height:21px;
	width:102px;
	background:url(../common/f01.jpg) no-repeat left top;
}

#footer li#f01 a:hover{
	display:block;
	margin:0;
	padding:0;
	width:102px;
	height:21px;
	background:url(../common/f01.jpg) no-repeat left bottom;

}
#footer li#f02 a{
	display:block;
	margin:0;
	padding:0;
	width:101px;
	height:21px;
	background:url(../common/f02.jpg) no-repeat left top;
}

#footer li#f02 a:hover{
	display:block;
	margin:0;
	padding:0;
	width:101px;
	height:21px;
	background:url(../common/f02.jpg) no-repeat left bottom;

}