@charset "utf-8";

/* ヘッダ div.header */
#home .header {
	height: 434px;
	z-index: 5;
	position: relative;
}
#home .header .nav#nav-global,
#home .header .nav#nav-global li a,
#home .header .nav#nav-global li a .fx {
	background-image: url(../img/hd-nav.png);
}

.header {
	position: relative;
	width: 960px;
	height: 245px;
	padding: 18px 0 0;
	margin: 0 auto;
}
.header .nav#nav-global {
	top: 380px;
}

/* コンテント div.content */
#home .content {
	width: 875px;
	background-image: none;
	position: relative;
	z-index: 1;
	margin-top: 65px;
	padding-right: 43px;
	padding-bottom: 0;
	padding-left: 43px;
}
#home .nav#nav-for {
	padding: 17px 15px 32px;
	margin: 0 -1px 6px;
	list-style: none;
}
#home .nav#nav-for li {
	float: left;
	width: 282px;
}

/* メインカラム div.content > div.division#main */
#home .division#main {
	float: left;
	width: 612px;
}
#home .nav#nav-faculty {
	list-style: none;
	width: 606px;
	margin: 25 0 30px;
	border-top: 3px solid #e1e1e1;
	border-bottom: 3px solid #e1e1e1;
	background: url(../img/nav-faculty-bg.png) repeat-y 50% 0;
	line-height: 1.2;
	padding-right: 3px;
	padding-left: 3px;
}
#home .nav#nav-faculty li {
	float: left;
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#home .section#news {
	position: relative;
	width: 610px;
	padding: 0;
	margin: 0;
	border: 1px solid #e9e9e9;
}
#home .section#news h2 {
	width: 599px;
	font-size: 1.0em;
	line-height: 1.0;
	height: 12px;
	padding: 12px 0 12px 9px;
	margin: 1px auto 0;
	border-bottom: 1px solid #e9e9e9;
	background: url(../img/news-hd-bg.png) repeat-x 1px 0;
}
#home .section#news .news {
	width: 596px;
	margin: 0;
	border: 0;
}
#home .section#news .news .date {
	width: 583px;
}
#home .section#news .more {
	position: absolute;
	top: 8px;
	right: 7px;
}

/* サブカラム div.content > div.division#sub */
#home .division#sub {
	float: right;
	width: 240px;
}
#home .section#banners {
	padding: 0;
	margin: 0;
}
#home .section#banners .banners {
	padding: 0;
	margin: 0;
	list-style: none;
}
#home .section#banners .banners#banners-top li {
	margin: 0 0 10px;
}
#home .section#banners .banners#banners-large {
	padding: 7px 7px 6px;
	background-image: url(../../common/img/banner-bg.gif);
	background-repeat: repeat-y;
}
#home .section#banners .banners#banners-large li {
	position: relative;
	width: 218px;
	padding: 3px;
	border: 1px solid #e0e0e0;
	background: #ffffff;
}
#home .section#banners .banners#banners-middle {
	padding: 8px 7px 2px;
	margin: 0 0 16px;
	background-image: url(../../common/img/banner-bg.gif);
	background-repeat: repeat-y;
}
#home .section#banners .banners#banners-middle li {
	margin: 0 0 5px;
}
#home .section#banners .banners#banners-middle li a img {
	border: 3px solid #e1e1e1;
}
#home .section#banners .banners#banners-middle li a:hover img {
	border-color: #05a8e4;
}
#home .section#banners .banners#banners-bottom li {
	margin: 0 0 12px;
}




/* 2012.3.29　トップページナビゲーション追記 */

/* Gallery styles */

#gallery{
	
	width:563px;
	overflow:hidden;
	position: absolute;
	top: 15px;
	left: 180px;
}

#slides{
	/* This is the slide area */
	height:190px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:563px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:181px;
	width: 139px;
	position: absolute;
	top: 60px;
	left: 20px;
	background-image: url(../img/nav-bg.png);
	background-repeat: no-repeat;
}

#menu ul{
	margin:0px;
	padding-top: 6px;
	padding-left: 1px;
}

#menu li{
	/* Every thumbnail is a li element */
	width:139px;
	display:inline-block;
	list-style:none;
	overflow:hidden;
}

#menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background-image: url(../img/nav-act-bg.png);
	background-repeat: no-repeat;
	background-position: 3px 0px;
}

#menu li.act,li.act:hover{
	background-image: url(../img/nav-act-bg.png);
	background-repeat: no-repeat;
	background-position: 3px 0px;
}

#menu li.act a{
	cursor:default;
}



.fbar{
	/* The left-most vertical bar, next to the first thumbnail 
	width:2px;
	background:url(img/divider.png) no-repeat right;*/
}

#menu li a{
	display:block;
	/*background:url(img/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;*/
}

#menu a img{
	border:none;
}


/* The styles below are only necessary for the demo page */


#top-nav{
	text-align:center;
	width:875px;
	position:relative;
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	height: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
/*
a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

p{
	padding:10px;
	text-align:center;
}
*/
#hakase {
	position: absolute;
	height: 202px;
	width: 125px;
	left: 740px;
	top: 31px;
}

.main {
	width: 240px;
	height: 275px;
	margin-top: 30px;
	float: left;
	margin-left: 25px;
	z-index: 10;
	position: relative;
}
.slide {
	width: 240px;
	height: 275px;
	margin-top: 30px;
	float: left;
	margin-left: 25px;
	z-index: 10;
	position: relative;
}
.slide .item {
	width: 240px;
	height: 275px;
	position: absolute;
	top: 0;
	left: 0;
}

.slide .item.next {
	left: 50px;
	opacity: 0;
}