@charset "UTF-8";

* {
	margin: 0;
	padding:0;
}

html, body {
	 height: 100%;
}


body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #595757;
	font-size:12px;
	line-height:1.8em;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka", Osaka, serif;
}

#container { 
	width: 920px;
	background: #FFFFFF;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;

} 

* html #container {	/* for IE6 and below */
	height: 100%;
}

body > #container {
        height: auto;
}



#main {padding-bottom: 36px;}  /* must be same height as the footer */

#header { 
	padding: 28px 72px 48px 72px;
	height:40px;/*for ie5.5 ie6*/
} 

#header h1 {
	margin: 0;
	padding:0 38px 0 0;
	display:inline;
	float:left;
}

#header a{
	border:none;
	}

#sidebar1 {
	float: left; 
	width: 255px;
	padding: 0px 0px 0px 56px;
}

#mainContent { 
	margin: 0 72px 0 358px;
}


	

/*------------------------------------

--------------------------------------*/

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.here{
	background:#39C;
	}

a{
	background:#FFFFFF;
	color: #595757;
	text-decoration:none;
	margin:0px;
	padding:0px;
	}
	
a:hover{
	color: #595757;
text-decoration:underline;
	}
	
	
img {
	margin:0px;
	padding:0px;
	border:0;
	}
	
p{
	font-size:12px;
	margin-bottom:1em;

	}	
	
	



/*------------------------------------
グローバルナビゲーション 
--------------------------------------*/

#mainMenu{
float:left;
padding: 9px 0px 9px 0px; 
width: 597px;

}


#mainMenu ul {
		margin: 0;
		padding:0;
		font-size:0em;
		height:22px;
}

#mainMenu li{
	list-style:none;
	margin: 0;
	padding: 0;
	float: left;
}

#mainMenu li a{
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/: 22px;
	padding-top: 22px;
	background-image: url(../img/new_menu.jpg);
}

	
/* オフマウス */
.thought a{
width:48px;
background-position: 0 0;
margin-right:30px;
}

.about a{
width:80px;	
background-position: -79px 0;
margin-right:30px;
}



.lecture a{
background-position: -190px 0;
width:48px;	
margin-right:30px;

}

.professor a{
background-position: -269px 0;
width:48px;	
margin-right:30px;
}

.concept a{
background-position: -348px 0;
width:48px;	
margin-right:30px;
	}

.access a{
background-position: -428px 0;
width:64px;	
margin-right:30px;
}

.contact a{
background-position: -522px 0;
width:74px;	
}






/* オンマウス */
.thought a:hover,
.thought a.active
{
background-position: 0 -22px;
}

.about a:hover,
.about a.active
{ 
background-position: -79px -22px;
}

.lecture a:hover,
.lecture a.active
{ 
background-position: -190px -22px;
}

.professor a:hover,
.professor a.active
{ 
background-position: -269px -22px;
}

.concept a:hover,
.concept a.active
{ 
background-position: -348px -22px;
}


.access a:hover,
.access a.active
{ 
background-position: -428px -22px;
}

.contact a:hover,
.contact a.active
{ 
background-position: -522px -22px;
}




/*------------------------------------
thoughtページ
--------------------------------------*/
#thought #mainContent { 
	margin: 0 auto;
	margin-bottom:36px;
	text-align:center;
}

#thought #header { 
	padding: 28px 72px 68px 72px;
	height:40px;/*for ie5.5 ie6*/
}
	

/*------------------------------------
about　自由大学とはページ
--------------------------------------*/
#about #mainContent { 
	margin: 0 auto;
	margin-bottom:40px;
	text-align:center;
}


#about .img1{
	margin-top:20px;
	margin-bottom:42px;
	}

#about h3{
	margin-bottom:12px;
	}

#about .innerContents{
width:540px;
margin: 0 auto;
margin-top:56px;
text-align:left;
	}

#about #mainContent p{
	margin-bottom:32px;
	text-align:left;
	}
	
#about #mainContent ul{
	margin-left:1em;
	}
	
/*------------------------------------
about内departments.html　学部ページ
--------------------------------------*/	
	
#departments #mainContent { 
	margin: 0 auto;
	margin-bottom:36px;
	text-align:center;
}

#departments h2{
	margin-bottom:36px;
	}

#departments .innerContents{
	margin-bottom:20px;
	}
	
	
/*------------------------------------
professorページ
--------------------------------------*/
#professor  #sidebar1 {
	float: left; 
	width: 255px;
	padding: 0px 0px 40px 72px;
}


#professor #mainContent { 
	margin: 0 0 0 367px;
}

div.proThumb {
	width:108px;
	margin:0 16px 18px 0;
	vertical-align:top;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom: 1;
}

div.proThumb > div{
	width:108px;
	display:block;
	margin-right:16px;
}


.proThumb p{
font-size:14px;
line-height:1.25em;
margin:8px 0px 8px 0px;
padding:0px;
text-align:center;
}


	

	


/*------------------------------------
lecture 講義ページトップ 
--------------------------------------*/
#lecture  #sidebar1 {
	float: left; 
	width: 255px;
	padding: 0px 0px 0px 72px;
}

#lecture .toProDetail{
	margin-left:1em;
	}

#lecture .innerContents{
padding-bottom:44px;
float:left;
width:440px;
	}

#lecture  #mainContent { 
	margin: 0 72px 0 408px;
}


.d1 dt{
	width:142px;
	float:left;
	}
	
.d1 dd{
	font-size:12px;
	line-height:1.5em;
	padding:12px 0px 0px 142px;
	}

/*------------------------------------
detail(professor/lecture)
--------------------------------------*/
#detail  #mainContent { 
	margin: 0 72px 0 374px;
}

#detail #sidebar1 {
	float: left; 
	width: 255px;
	padding: 0px 0px 0px 72px;
	text-align:center;
}

#detail h2{
	margin-bottom:30px;
	}

#detail h3{
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1.8em;
	}

#detail h4{
    display:inline;
	font-size:15px;
	color:#FFF;
	font-weight:bold;
	padding:1px;
	font-family:Arial, Helvetica, sans-serif;
	
	}
	
#detail p{
	margin-bottom:1em;
	}
	
#detail .video{
	margin-top:60px;
	}

.kakko{
	font-size:15px;
	vertical-align:0%;/*for ie6 below*/
	}

*>.kakko{
	font-size:17px;
	vertical-align:5%;
	}

#detail .mainSection{
	margin-bottom:30px;
	}

#detail .mainColumn{
	padding-top:5px;
	}
	
#detail .entry{
width: 74px;
font-size:0em;
}


#detail .entry a{
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/: 89px;
	padding-top: 89px;
	background-image: url(../img/en_m1.jpg);
	border:none;
	background-position: 0 0;
}

#detail .entry a:hover{
	background-position: 0 -89px;
}
	

	
/*------------------------------------
profile 概要ページ
--------------------------------------*/

#profile .innerContents{
padding-bottom:44px;
float:left;
	}

#profile dl{
	line-height:1.5em;
	font-size:12px;
	}

#profile dt{
  clear: left;
  float: left;
  width: 7em;
	}
	
#profile dd{
	 margin-left: 7em;
  margin-bottom: 1em;
  zoom: 1;
	}

/*for ie7 BELOW*/
*:first-child+html .mainColumn{
	padding-top:10px; 
	}
* html .mainColumn{
	padding-top:10px; 
	}


/*------------------------------------
privacy 個人情報保護方針ページ
--------------------------------------*/
#privacy .innerContents{
padding-bottom:28px;
	}
	
#privacy  h3{
	font-size:16px;
	margin-bottom:6px;
	}
	
/*------------------------------------
link リンクページ
--------------------------------------*/

#link .innerContents{
	padding-top:0px;
	}
	
	
	
	
/*------------------------------------
access　アクセスページ
--------------------------------------*/
#access  #mainContent { 
	margin: 0 72px 0 500px;
}

#access .innerContents{
	font-size:12px;
	margin-bottom:2em;
	}

#access h3{
	font-size:12px;
	}
		
#access dd{
	margin-left:1em;
	}
	
#access .m6em{
	margin-left:6em;
	}
	
#access .m7em{
	margin-left:7em;
	}


/*------------------------------------
concept/　構想ページ
--------------------------------------*/
#concept  #mainContent { 
	margin: 0 0 0 374px;
	line-height:1.8em;
}


#concept .innerContents{
padding-bottom:24px;
float:left;
width:475px;
	}

#concept .d1{
	width:475px;
	line-height:1.8em;
	}

#concept .d1 dd{
	line-height:1.8em;
	padding-top:0px;
	padding-bottom:12px;
	}
	
#concept .proWrapper {
	
	width:280px;
	margin:12px 0px 12px 138px;
	}


#concept .proThumb {
	margin:0px 16px 12px 0px;
}




#concept #sidebar1 h2,
#lecture #sidebar1 h2,
#professor #sidebar1 h2
{
	margin-bottom:24px;
	}
	
#concept  #sidebar1 {
	float: left; 
	width: 255px;
	padding: 0px 0px 0px 72px;
}
	

#concept #sidebar1 h3,
#lecture #sidebar1 h3,
#professor #sidebar1 h3
{
	font-size:12px;
	}

/*for ie5.5*/
#concept #sidebar1 p,
#lecture #sidebar1 p,
#professor #sidebar1 p
{
	 width: 255px;
	}
	
#concept #mainContents h3{
	font-size:12px;
	}



.f13{
	font-size:13px;
	}

.bar{
	margin:1em 0px;
	}

/*------------------------------------
色設定
--------------------------------------*/
.l0 a { 
text-decoration:none;
color:#B5B5B6;
background:#FFFFFF;
}

.l0 a:hover { 
text-decoration:none;
color:#B5B5B6;
border-bottom:2px #B5B5B6 dotted;
color:#FFF;
}

.l0 .entrynow{
color:#FFF;
background:#B5B5B6;
	}

.l1 a { 
text-decoration:none;
border-bottom:2px #00A7EA dotted;
}

.l1 a:hover { 
text-decoration:none;
background:#00A7EA;
color:#FFF;
}

.l1 .entrynow{
color:#FFF;
background:#00A7EA;
	}

.l2 a { 
text-decoration:none;
border-bottom:2px #E50065 dotted;
}

.l2 a:hover { 
text-decoration:none;
background:#E50065;
color:#FFF;
}

.l2 .entrynow{
color:#FFF;
background:#E50065;
	}

.l3 a { 
text-decoration:none;
border-bottom:2px #009944 dotted;
}

.l3 a:hover { 
text-decoration:none;
color:#FFF;
background:#009944;
}

.l3 .entrynow{
color:#FFF;
background:#009944;
	}


.l4 a { 
text-decoration:none;

border-bottom:2px #ABCD03 dotted;
}

.l4 a:hover { 
text-decoration:none;
color:#FFF;
background:#ABCD03;
}

.l4 .entrynow{
color:#FFF;
background:#ABCD03;
	}


.l5 a { 
text-decoration:none;

border-bottom:2px #FFD900 dotted;
}

.l5 a:hover { 
text-decoration:none;
color:#FFF;
background:#FFD900;
}

.l5 .entrynow{
color:#FFF;
background:#FFD900;
	}


.l6 a { 
text-decoration:none;
border-bottom:2px #F08300 dotted;
}

.l6 a:hover { 
text-decoration:none;
color:#FFF;
background:#F08300;
}

.l6 .entrynow{
color:#FFF;
background:#F08300;
	}


.l7 a { 
text-decoration:none;
border-bottom:2px #7D4698 dotted;
}

.l7 a:hover { 
text-decoration:none;
color:#FFF;
background:#7D4698;
}

.l7 .entrynow{
color:#FFF;
background:#7D4698;
	}

.entrynow{
    padding:2px;
	
	}
	
.ll a{
text-decoration:none;
border-bottom:2px #231815 dotted;	
	}
	
.ll a:hover { 
text-decoration:none;
background:#231815;
color:#ffffff;
}


.lp a{
text-decoration:none;
border-bottom:2px #004EA2 dotted;

	}
	
.lp a:hover { 
text-decoration:none;
background:#004EA2;
color:#FFF;
}


.lc a{
text-decoration:none;
border-bottom:2px #BB0031 dotted;	
	}
	
.lc a:hover { 
text-decoration:none;
background:#BB0031;
color:#FFF;
}

.attention{
	display:block;
	font-size:10px;
	color:#595757;
	line-height:1.25em;
	margin-top:5px;
	padding:0px;

}

/*------------------------------------
フッター
--------------------------------------*/
#footer {
	position: relative;
margin:-36px auto 0 auto;
	height: 36px;
	clear:both;
	
	text-align: center;
	width:776px;
	} 

#footerContents{
	text-align:left;
	padding:18px 0px 18px 0px;
	}

#footer #footMenu {
	text-align:left;
	float:left;
	font-size:10px;
    line-height:1em;
	color:#9FA0A0;
}


#footer #footMenu span{
	margin-right:24px;
	}


#credit {
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
	line-height:1em;
	color:#9FA0A0;
}

#footer #footMenu span a{
	color:#9FA0A0;
	text-decoration:none;
	}
		
#footer #footMenu span a:hover{
	color: #595757;
		text-decoration:underline;
		
	}

/*------------------------------------
QA
--------------------------------------*/
#qa h3{
	margin-top:1.5em;
	margin-bottom:1em;
	font-size:15px;
	
	}
	
.question{
	font-size:12px;
	font-weight:bold;
	margin-bottom:0.2em;
	}

.answer{
	margin-bottom:1.5em;
	}
	
hr{
	border-width: 1px 0px 0px 0px; 
	border-color:#ccc;
	margin-bottom:1em;
	border-style: dashed;
	height: 1px
	}
	
.qa{
	text-align:center;
	margin-top:2em;
	}
	
.qa a{
	text-decoration:underline;
	}