@charset "UTF-8";
/* CSS Document */

body{
color:#000;
background-image: url("images/sub_hbcg.jpg");
background-repeat: no-repeat;
background-position: center top; 
}

#wrapper{
width:100%;
background-image: url("images/sub_bcg.jpg");
background-repeat: no-repeat;
background-position: center top; 
}

#container{
width:961px;
text-align:left;
padding:0px;
margin:0 auto 0 auto;
}

/*全体*/

/*ヘッダーー*/

#header{
position: relative;
width:961px;
height:250px;
text-align:left;
margin:0 auto 0 auto;
padding:0;
}


#header  #index ul {
  margin-top: 20px;
  padding-top:10px;
  list-style-type: none;
  text-align: center;
}
#header  #index ul li {
  padding: 0 15px 0 15px; 
  border-left: 1px #147090 solid;
  display: inline;
}


#header  #index ul li:first-child {
  border-left: none;
}

#header  #index ul li a{
color:#147090;
text-decoration:none;
}


#header  #index ul li a:visited{
color:#147090;
text-decoration:none;
}

/*ヘッダー*/


#container #side_box  {
margin-top:50px;
}


#container div.title{
margin:0 auto 0 auto;
height:72px;
width:961px;
background-color:#eeeeee;
}

#container div.title h2{
font-size:25px;
font-weight:400;
color:#147090;
line-height:72px;
padding-left:30px;
}


/*トップページコンテンツ*/
#container #main_box{
margin-top:50px;
margin-bottom:92px;
padding-bottom:60px;
width:636px;
background-image: url("images/boxbcg.png");
background-repeat: repeat;

}

#container #main_box a{
color:#147090;
text-decoration:none;
}

#container #main_box a:visited{
color:#147090;
text-decoration:none;
}


#container #main_box h3{
text-shadow: 
-1px -1px 1px rgba(0, 0, 0, 0.4), 
1px 1px 1px rgba(255, 255, 255, 0.5); 
font-weight:600;
font-size:140%;
color:#666;
font-weight:600;
padding:15px 15px 15px 35px;
margin:10px;
background-image: url("images/title_dot.png");
background-repeat: no-repeat;
background-position: left center;
border-bottom:1px #666 dashed;}

#container #main_box img.tree{
padding-top:30px;
padding-left:20px;
padding-bottom:40px;
margin:0;
}

#container #main_box img.about{
padding:20px;
text-align:center;
}


#container #main_box p.exp{
padding:20px;
line-height:25px;
}

/*コース紹介*/
#container #main_box div.about img.left{
padding:20px;
float:left;
}

#container #main_box div.about img.right{
float:left;
padding-top:20px;
padding-bottom:20px;
}


/*カリキュラムコンテンツ*/

#container #main_box div.curriculum img{ 
	-moz-box-shadow: 2px 2px 3px 3px #CCC; 
	-webkit-box-shadow: 2px 2px 3px 3px #CCC; 
	box-shadow: 2px 2px 3px 3px #CCC; 
	background-image: url("images/staffs_bcg.png");
	background-repeat: repeat;
	padding: 0px; 
	margin: 20px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
} 


#container #main_box div.curriculum table{
margin:20px;
margin-bottom:60px;
}

#container #main_box div.curriculum td{ 
border:1px #ccc solid;
font-size:80%;
padding:3px;
text-align:center;
}

#container #main_box div.calendar {
padding:20px;

}

#container #main_box div.calendar table{
margin-right:20px;
margin-bottom:60px;
width:100%;}

#container #main_box div.calendar td{ 
border:1px #ccc solid;
font-size:80%;
padding:5px;
}

#container #main_box p.menkyo{
line-height:30px;
padding:5px 20px 60px 20px;
color:#666;
font-size:110%;
}


#container #main_box div.kamoku{
margin:20px;
}

.ktitle{
font-weight:bold;
font-size:110%;
}

#container #main_box div.kamoku ul{
padding:5px;
}

#container #main_box div.kamoku ul li{
line-height:25px;
padding:0px 0 0px 30px;
color:#666;
font-size:85%;
background-image: url("images/kamoku_dot.png");
background-repeat: no-repeat;
background-position: left top;}


/*卒業論文題目一覧*/
#container #main_box div.thesis ul{
padding:5px 0px 30px 20px;
}

#container #main_box div.thesis ul li{
line-height:25px;
padding:0px 0 0px 30px;
color:#666;
font-size:85%;
background-image: url("images/kamoku_dot.png");
background-repeat: no-repeat;
background-position: left top;}

.title{
font-weight:bold;
}


/*大学院*/
#container #main_box div.gradu{
margin:10px 20px 50px 20px;
}

#container #main_box div.gradu h4{
border-radius: 10px; /* CSS3 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
behavior: url(../js/PIE.htc); /* IE用 */
font-weight:bold;
font-size:120%;
margin:20px 20px 10px 20px;
color:#666;
}


#container #main_box div.gradu img{
padding:5px 10px 10px 20px;
}

#container #main_box div.gradu p.name{
line-height:30px;
padding:5px 20px 30px 20px;
color:#666;
font-size:110%;
font-weight:bold;
text-align:left;
}

#container #main_box div.gradu p.text{
color:#666;
padding:20px 20px;
font-size:110%;
margin:0;
line-height:160%;
}

#container #main_box div.gradu h4{
font-weight:bold;
font-size:120%;
padding:15px 20px 0px 20px;
color:#666;
margin:0;
}


#container #main_box div.gradu p.title{
font-weight:bold;
font-size:110%;
padding:15px 20px 0px 20px;
color:#666;
margin:0;
}

#container #main_box div.gradu p.exp{
color:#666;
padding-left:40px;
font-size:110%;
margin:0;
line-height:160%;
}

#container #main_box div.gradu p.comm{
color:#666;
padding-left:40px;
font-size:100%;
margin:10px 0;
line-height:160%;
}


.belong{
font-size:90%;
font-weight:400;

}

#container #main_box div.gradu p.comment{
line-height:30px;
padding:5px 20px 20px 20px;
color:#666;
font-size:110%;
}


/*進路*/

#container #main_box div.career img{
padding:5px 10px 10px 20px;
float:left;
}

#container #main_box div.career p.name{
line-height:30px;
padding:5px 20px 30px 20px;
color:#666;
font-size:110%;
font-weight:bold;
text-align:left;
}

#container #main_box div.career p.text{
color:#666;
padding:20px 20px;
font-size:110%;
margin:0;
line-height:160%;
}

#container #main_box div.career h4{
font-weight:bold;
font-size:120%;
padding:15px 20px 0px 20px;
color:#666;
margin:0;
}


#container #main_box div.career p.big{
line-height:30px;
padding:5px 20px 20px 20px;
color:#666;
font-size:110%;
}


#container #main_box div.career p.title{
line-height:30px;
padding:20px;
color:#666;
font-size:120%;
font-weight:bold;
}


#container #main_box div.career p.comment{
line-height:30px;
padding:0 20px 20px 20px;
color:#666;
font-size:110%;
}



/*教員紹介*/

#container #main_box div.staffs{ 
	-moz-box-shadow: 2px 2px 3px 3px #CCC; 
	-webkit-box-shadow: 2px 2px 3px 3px #CCC; 
	box-shadow: 2px 2px 3px 3px #CCC; 
	background-image: url("images/staffs_bcg.png");
	background-repeat: repeat;
	padding: 20px; 
	margin: 20px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
} 

#container #main_box div.staffs img{ 
padding-right:20px;
padding-bottom:10px;
float:left;
}


#container #main_box div.staffs p.name{ 
font-size:120%;
color:#666;
font-weight:bold;
}

#container #main_box div.staffs p.rname{ 
padding-top:10px;
font-size:90%;
color:#c87200;
}

#container #main_box div.staffs p.ktitle{
margin:0 auto 0 auto;
clear:both;
border-bottom:1px #666 dashed;
color:#666;
padding:5px 2px 2px 2px;
font-size:85%;
font-weight:bold;
width:100%;
}


#container #main_box div.staffs ul {
padding:10px;
}

#container #main_box div.staffs ul li{
line-height:23px;
color:#666;
font-size:85%;
}

#container #main_box div.staffs p.text{
line-height:23px;
padding:5px;
color:#666;
font-size:85%;
}


/*国際交流*/

#container #main_box div.international p.big{
line-height:30px;
padding:0px 20px 20px 20px;
color:#666;
font-size:110%;
}

#container #main_box div.international img.photo{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin:20px;
float:left;
}

#container #main_box div.school{
clear:both;}


#container #main_box div.school img.photo{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin:20px;
float:left;
}


#container #main_box div.school h4.sname{
border-radius: 10px; /* CSS3 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
behavior: url(../js/PIE.htc); /* IE用 */
text-align: center;
padding: 5px;
background-color: #d0c91f;
font-weight:bold;
font-size:110%;
margin:20px 20px 10px 20px;
color:#666;
 }

#container #main_box div.ryugaku img{
padding:10px 30px 10px 70px;
}

#container #main_box div.ryugaku p{
line-height:30px;
padding:5px 20px 20px 20px;
color:#666;
font-size:110%;
}

#container #main_box div.sitemap{
padding:20px;
color:#666;
font-size:110%;
}

#container #main_box div.sitemap p{
color:#666;
font-size:110%;
}


#container #main_box div.sitemap ul{
padding-top:20px;
padding-left:10px;
}

#container #main_box div.sitemap ul li{
color:#666;
font-size:110%;
line-height:150%;
background-image: url("images/sitemap_dot.png");
background-repeat: no-repeat;
background-position: left top;
padding-left:25px;
}

/*リンク*/

#container #main_box div.link p{
line-height:30px;
padding:5px 20px 20px 20px;
color:#666;
font-size:110%;
}

 
/*ページトップに戻るアイコン*/

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #d0c91f;
	text-decoration: none;
	color: #fff;
	width: 80px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}