@charset "utf-8";

/* Faculty of Humanities and Economics KOCHI UNIVERSITY. Official Website,
Scripted by conceptbox July.2009
---------------------------------------------*/

/* 大学院ページデザイン
---------------------------------------------*/

/* 基本設定
---------------------------------------------*/
* {
	margin:0px;
	padding:0px;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
}
body {
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	background: #ffffff;
	font-size: 90%;
	color: #424242;
	letter-spacing:0.05em;
}
h1, h2, h3, h4, h5, h6 {
}
p, ol, ul, blockquote {
	line-height: 1.3;
}
a {
	color: #424242;
	text-decoration:underline;
}
a:hover {
	color: #424242;
	text-decoration: none;
}
img {
	border: none;
}
address {
	font-style:normal;
	font-size: 90%;
}

/* clearfix
---------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
	display:inline-block;
}
.clear {
	clear:both;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ヘッダー
---------------------------------------------*/
#header {
	position:relative;
	z-index:100;
	width: 870px;
	height: 175px;
	margin: 0 auto;
	background: #ffffff url(../img/graduate/common/bg_header_graduate.gif) top center no-repeat ;
}
	#header #tm {
		position:absolute;
		height: auto;
		padding: 0;
		left:32px;
		top:35px;
		z-index:150;
	}
		#header #tm h1{
			font-size:80%;
			font-weight:normal;
/*			font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;*/
		}
	#header #search {
		position:absolute;
		top:25px;
		right:40px;
	}
	#header #h-subnavi  {
		position:absolute;
		top:85px;
		right:35px;
		margin: 0px;
		padding: 0px;
		color: #424242;
		font-size:90%;
		letter-spacing:0.0;
		width: auto;
		height: 20px;
		z-index:120;
	}
			#header #h-subnavi ul {
				list-style:none;
				margin: 0px;
				padding: 0px;
			}
			#header #h-subnavi ul li {
				float:left;
			}
			#h-subnavi ul li a {
				padding:4px 7px 2px 19px ;
				margin:2px;
				background: url(../img/common/listmark-header-subnavi01.gif) center left no-repeat;
				text-decoration:none;
			}
			#h-subnavi ul li a:hover {
				color:#ff3300;
			}

/* ヘッダーのメインナビゲーション
---------------------------------------------*/
#h-navi {
	z-index:200;
	position:absolute;
	top:110px;
	left:30px;
	padding:0;
	margin:0;
}
#h-navi ul {
	padding:0;
	margin:0;
	list-style:none;
}
#h-navi ul li {
	display:block;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	width:135px;
	background: url(../img/common/bg_h_navi.gif) no-repeat top center;
}
#h-navi ul li a {
	display:block;
	width:100%;
	color:#FFFFFF;
	text-decoration:none;
	padding:0;
	margin:0;
	cursor: default;
}
#h-navi ul li a:hover {
	color:#fff56c;
}
	#h-navi ul ul {
		z-index:500;
		margin:0px;
		padding:0;
	}
	#h-navi ul ul li {
		float: none;
		background: #FFFFFF;
		font-size: 13px;
		opacity: 0.9;
		filter: alpha(opacity=90);
	}
	#h-navi ul ul li a {
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
		color:#424242;
		margin:0;
		padding: 12px 0 12px 0 ;
		border-bottom:#424242 1px solid;
	}
	#h-navi ul ul li a:hover {
		color: #FF0000;
		border-bottom:#cc3300 1px solid;
	}
	#h-navi ul li.parent ul {
		display: none;
	}
	#h-navi ul li.parentOn ul {
		display: block;
	}

/* main-img
---------------------------------------------*/
div.main-img{
	width: 808px;
	margin: 0px auto;
}
/* content
---------------------------------------------*/
#toppage #content {
	width: 870px;
	margin: 0px auto;
	background:#FFFFFF url(../img/common/bg_body.gif) center repeat-y;
}
#contentspage #content {
	width: 870px;
	margin: 0px auto;
	background:#FFFFFF url(../img/common/bg_body.gif) center repeat-y;
}

/* 左サイドエリア　トップページ
---------------------------------------------*/
#toppage #left {
	float:left;
	z-index:200;
	width:540px;
	height:auto;
	text-align:center;
	padding:0px 0 0 30px;
	margin:10px 0 10px 0px;
}

/* 左サイドエリア　コンテンツページ
---------------------------------------------*/
#contentspage #left {
	float:left;
	z-index:200;
	width:190px;
	height:auto;
	padding:0px 0 0 30px;
	margin:10px 0 10px 0px;
	background-color:#efefef;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#contentspage #left h3{
	background-color:#777;
}
	
/* 右サイドエリア　トップページ
---------------------------------------------*/
#toppage #right {
	float:right;
	z-index:100;
	width:250px;
	height:auto;
	text-align:left;
	margin:10px 0px 10px 0px;
	padding:0px 30px 0 0;
}


/* 右サイドエリア　コンテンツページ
---------------------------------------------*/	
#contentspage #right {
	float:right;
	z-index:100;
	width:600px;
	height:auto;
	text-align:left;
	margin:10px 0px 10px 0px;
	padding:0px 30px 0 0;
}
	#contentspage #right h2{
		font-size:18px;
		text-align:left;
		line-height:1.0;
		color:#424242;
		font-weight:bold;
		margin: 0 0 0 0 ;
		padding: 10px 0 10px 10px ;
		border:solid 1px #cccccc ;
		background: #ffffff;   
	}
	#contentspage #right .section h3{
		height:20px;
		font-size:100%;
		text-align:left;
		color: #666600;
		font-weight:bold;
		margin: 15px 15px 15px 8px ;
		padding:8px 0 0 15px ;
		background: #f5f5dc url(../img/common/bg_h3.gif) top left no-repeat;   
	}
	#contentspage #right .section h4{
		width:70%;
		font-size:100%;
		text-align:left;
		color: #333333;
		margin:3px 0 3px 10px;
		padding:3px 0 3px 5px;
		border-left:#666666 5px solid;
		border-bottom:#666666 1px solid;
	}
	#contentspage #right .section h5{
		height:25px;
		font-size:100%;
		color: #666600;
		font-weight:bold;
		margin: 0px 0px 0px 0px ;
		padding:7px 0 0 0px ;
		background: #f5f5dc;   
	}

/* 1カラム用（オーダー画面）
---------------------------------------------*/
#col1{
	padding-top:20px;
	margin:0px 40px 10px 40px;
}

/* 右サイドエリアの本文
---------------------------------------------*/
.section {
	margin:0 0 20px 0 ;
	border-bottom:#666666 1px dotted ;
}
	.section p {
		font-size:90%;
		line-height:1.5;
		letter-spacing:0.03em;
		margin: 5px 17px 5px 10px ;
	}

/* 回り込み写真
---------------------------------------------*/
div.r-img{
	float: right;
	margin: 7px 0 20px 10px;
}
div.c-img{
	text-align: center;
	margin: 10px 0;
}
/* オープンキャンパス
---------------------------------------------*/
#opencampus{
	padding-top:15px;
	margin:0px 30px 10px 30px;
}
#opencampus .section {
	padding:0 0 20px 0;
}
#opencampus .section p{
	margin:10px 30px 10px 20px;
}
#opencampus .section h2{
	margin:10px 30px 0px 15px;
}
#opencampus .section dl{
	margin:20px 30px 20px 20px;
}
#opencampus .section dl dt{
	margin:15px 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:#666666 1px dotted;
}
#opencampus .section dl dd{
	margin:0 0 0 20px;
}

/* 基本のリスト
---------------------------------------------*/
#list {}
	#list ul {
		margin:0px 50px 15px 30px ;
		padding:0 0 5px 0 ;
	/*	border-bottom: #666 1px dotted ; */
	}
	#list ul li {
		padding:0px 0px 0px 20px ;
		margin:10px 0 8px 0px ;
		list-style-type:none ;
		font-size:100%;
		font-weight:normal ;
		letter-spacing:none ;
		color: #666666 ;
		background: url(../img/common/listmark02.gif) left center no-repeat;
	}
	#list ul li a {
		text-decoration:underline;
	}
	#list ul li a:hover{
		text-decoration:none;
		color:#FF6600;
	}
	#list ul .list-sub {
		margin:10px 0 8px 30px ;
	}

#list ol {
	margin:20px 50px 0px 50px ;
	padding:0 0 0 0 ;
	line-height:1.5;
}
#list ol li {
	padding:5px 0 2px 0 ;
	border-bottom:#999999 1px dotted ;
}
#list ol li a {}

/* テーブル
---------------------------------------------*/
/* 基本のテーブル
---------------------------------------------*/
.tbl-basic {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:5px auto 0 auto;
	border:#666666 1px solid;
}
.tbl-basic td, .tbl-basic th{
	border:#666666 1px solid;
	padding:3px;
}
.tbl-basic th{
	background:#ededed;
}

/* アイテム一覧
---------------------------------------------*/
.tbl-item {
	border-collapse:collapse;
	text-align: center ;
	margin:10px auto 10px auto;
	border: 0 ;
}
	.tbl-item td{
		vertical-align:top;
		padding:3px;
		border:0;
	}

/* footer-info 
---------------------------------------------*/
#footer-info {
	clear:both;
	z-index:100;
	position: relative ;
	width: 870px ;
	height: 100px ;
	margin: 0 auto ;
	padding: 15px 0 0 0 ;
	text-align:center;
	background: #ffffff url(../img/common/bg_footer_info.gif) center repeat-y;
}
		#footer-info .section {
			position:relative;
			padding: 0;
			margin: 0 30px 0 40px;
			border-top:#333333 dotted 2px ;
		}
		
				#footer-info .section .address{
					position:absolute;
					top:21px;
					right:70px;
					font-size:90%;
					padding-left:15px;
					border-left: #339900 5px solid;
					text-align:left;
				}
				
				#footer-info .section .mail{
					position:absolute;
					top:50px;
					right:30px;
				}
				
				#footer-info .section #navi01 {
					position:absolute;
					top:30px;
					left:10px;
					font-size:90%;
					width: 400px;
				}
				
				#footer-info .section #navi01 ul {
				}
				
				#footer-info .section #navi01 ul li{
					list-style-type:none;
					float:left;
					padding:0 8px 0 0 ;
					margin:0;
					font-size:11px;
					font-weight:normal;
					background: url(nonef) left center no-repeat;
					border:0;
				}
				
				#footer-info .section #navi01 ul li a{
					color: #666666 ;
					text-decoration:none;
				}
				
				#footer-info .section #navi01 ul li a:hover{
					color:#c30;
				}
				
				#footer-info .section #navi02 {
	position:absolute;
	top:53px;
	left:9px;
	width: 492px;
				}
				
				#footer-info .section #navi02 ul {
				}
				
				#footer-info .section #navi02 ul li{
					list-style-type:none;
					float:left;
					padding:0 8px 0 0 ;
					margin:0;
					background: url(none) left center no-repeat;
					border:0;
				}
				
				#footer-info .section #navi02 ul li a{
				}
				
				#footer-info .section #navi02 ul li a:hover{
				}

/* footer 
---------------------------------------------*/
#footer {
	clear:both;
	z-index:100;
	position: relative ;
	width: 870px ;
	height: 50px ;
	margin: 0 auto ;
	padding: 0px 0 0 0 ;
	text-align:center;
	background: #ffffff url(../img/graduate/common/bg_footer_graduate.gif) center bottom no-repeat;
}
	#footer #to-kochi-univ {
	position:absolute;
	bottom:9px;
	left:25px;
	margin:0px;
	padding:0px;
	}
	#footer #credit  {
	position:absolute;
	bottom:22px;
	right:20px;
	margin:0px;
	padding:0px;
	color: #ffffff;
	font-weight:normal;
	font-size:75%;
	letter-spacing:0.0;
	}
	#footer #f-subnavi  {
		position:absolute;
		top:8px;
		left:5px;
		margin: 0px;
		padding: 0px;
		color: #424242;
		font-size:90%;
		letter-spacing:0.0;
		width: 319px;
		height: 20px;
	}
		#footer #f-subnavi ul {
			list-style:none;
			margin: 0px;
			padding: 0px;
		}
		#footer #f-subnavi ul li {
			float:left;
			padding:0 7px 0 7px ;
			margin:0;
			border-left: #424242 solid 1px ;
		}
		#footer #f-subnavi ul .n-right {
			border-right: #424242 solid 1px ;
		}
	#footer a {
		color: #ffffff;
		text-decoration:none;
	}

/* テキスト・装飾
---------------------------------------------*/
.em-red{
	color:#CC0033;
}
.more {
	padding:2px 0px 2px 47px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 5px ;
	background: url(../img/common/more.gif) left center no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}
.more-h2 {
	padding:2px 47px 2px 0px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 0px ;
	background: url(../img/common/link.gif) right center no-repeat;
	font-weight: bold;
	text-decoration:none;
}
.pdf {
	padding:6px 30px 2px 0px ;
	border-bottom:dotted #999 1px;
	margin:2px 5px 0px 5px ;
	background: url(../img/common/pdf02.gif) right bottom no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}

/* Auto Scroll Area
---------------------------------------------*/
#wrap {
	text-align:left;
	font-size:90%;
}
#myMenu {
	width:180px;
	margin: 5px 0 0 0 ;
	text-align:left;
	background:#eeeeee;
	border:#999999 1px dotted;
}
#myMenu h3 {
	font-size:15px;
	display:block;
	text-align:center;
	padding:5px 3px;
	background: #0066CC;
	color:#FFFFFF;
}
#myMenu ul{
	margin:8px;
	padding-left:20px;
}
.list-left{
	width:360px;
	float:left;
	
}.list-right{
	width:420px;
	float:right;
	
}