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

	
/* 国立大学法人高知大学 教育学部 公式WEBサイト　基本設定CSS
Scripted by Conceptbox Inc.
---------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* 基本スタイル・テキスト
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-size:90%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height: 1.4;
	color: #333333;
	text-align: center;
	background: #dddddd;
}
a {
	color: #c30;
	text-decoration: underline;
}
a:visited {
	color: #c30;
}
a:hover {
	color: #333;
	text-decoration: none;
}
img {
	border: none;
	padding: 0 0 0 0;
	vertical-align: middle;
	margin: 0 0px 10px 5px;
	max-width:100%;
}
blockquote {
	margin: 20px;
	padding: 10px;
	border: #00CCCC 2px dotted;
}
/* レイアウト
---------------------------------------------*/

#wrapper {
 width:100%  -webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 *
/*font-family : verdana, sans-serif;　*/
	font-size : 95%; /*レスポンシブタイプセッティングの指定*/
 line-height : 1.5  background:#dddddd;
	text-align: left;
	margin: 7px auto 0 auto; /* Firefoxでセンタリングするため、要auto設定 */
	padding: 0px;
	background: url(../image/body_sp-bg.gif) left top repeat-y;
	margin: 0 0px 0 0;
}
#header {
	position: relative;
	z-index: 100;
	margin: 0px 0px 0 0;
	padding: 0px 0px 0 0;
	height: 135px;
	width: 100%;
	background: url(../image/contents/header_sp_bg.gif) left top no-repeat;
}
#univ-logo_sp {
	position: absolute;
	top: 50px;
	left: 0px;
	width:290px;
}

#univ-logo_sp img {
	display: block;
	position: absolute;
	top: -9px;
	left: 18px;
	width: 100%;
}
#univ-logo {
	display: none;
}
#facul-logo {
	display: none;
}
#header ul.sp {
	display: block;
	position: absolute;
	top: 13px;
	right: 6px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	width: 92%;
	border-left: none;
	background: #26a4e5;
}
#header ul.sp li {
	padding: 2px 20px 5px 18px;
	margin: 0 0px 0 15px;
	float: left;
	background: url(../image/listmark02.gif) left center no-repeat;
}
#header ul.sp li a {
	padding: 0px;
	margin: 0;
	font-size: 75%;
	font-weight: normal;
	color: #FFF;
	letter-spacing: 0.1em;
	text-decoration: none;
}
#header ul.sp li a:hover {
	color: #c30;
}
#header ul {
	display: none;
	position: absolute;
	top: 47px;
	right: 100px;
	margin: 0;
	padding: 0 0 0 15px;
	border-left: #33CCFF 5px solid;
}
#header ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0;
	line-height: 1.1;
}
#header ul li a {
	padding: 0px;
	margin: 0;
	font-size: 85%;
	font-weight: normal;
	color: #666666;
}
#header ul li a:hover {
	color: #c30;
}
#header h1 {
	position: absolute;
	top: 79px;
	left: 8px;
	width: 285px;
	font-size: 28px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.1em;
}
#header h1 img {
	margin: 0 5px 0 0;
	padding: 0 0 12px 0;
	width:100%;
}
.pankuzu {
	display: none;
}
, section {
 width:auto;
}
/* スマホバナー（メニューの上）
---------------------------------------------*/
div.sp_bnr {
	display: block;
	margin: 0 0 0 20px;
}
div.sp_bnr img {
	margin: 0 0 10px 0px;
}
/* サイドメニューの中身
---------------------------------------------*/

#menu {
	width: 100%;
	background: url(../image/body_sp-w320.gif) left top no-repeat;
}
#menu .large {
}
#menu .large h2 {
}
#menu .large h3 {
}
#menu .large ul {
	margin: 10px 0 0 0;
}
#menu .large ul li {
	list-style-type: none;
}
#menu .large ul li a {
	display: block;
	height: 25px;
	padding: 15px 0px 10px 32px;
	margin: 0px 0px 0px 13px;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	background: url(../image/menu_sp-bg.gif) left center no-repeat;
	text-decoration:none;
}
#menu .large ul li a:hover {
	background: url(../image/menu_btn1_sp_hover.gif) left center no-repeat;
}
/* サイドメニュー 二つ目
---------------------------------------------*/

#menu .medium ul {
	margin: 5px 0 0 0;
}
#menu .medium ul li {
	list-style-type: none;
}
#menu .medium ul li a {
	display: block;
	height: 25px;
	padding: 15px 0px 10px 32px;
	margin: 0px 0px 0px 13px;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	background: url(../image/menu_sp-bg.gif) left center no-repeat;
	text-decoration:none;
}
#menu .medium ul li a:hover {
	background: url(../image/menu_btn2_sp_hover.gif) left center no-repeat;
}
/* サイドメニュー 三つ目
---------------------------------------------*/

#menu .small ul {
	margin: 20px 0 20px 0;
}
#menu .small ul li {
	list-style: none;
}
#menu .small ul li a {
	padding: 0px 0px 0px 15px;
	margin: 0px 0 10px 25px;
	line-height: 2.0em;
	font-size: 85%;
	font-weight: normal;
	color: #666666;
	background: url(../image/listmark01.gif) left center no-repeat;
	float: left;
	text-decoration:none;
}
#menu .small ul li a:hover {
	color: #cc3300;
}
#menu img {
	display: none;
	padding: 10px 0px 0px 50px;
}
.flv {
	padding: 10px 0px 0px 50px;
}
/* コンテンツの中身
---------------------------------------------*/

#contents {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
#contents .section {
	padding: 0px;
	margin: 0 0px 0 8px;
}
#contents .section p {
	padding: 0px;
	margin: 5px 10px 5px 15px;
	line-height: 160%;
	font-size: 100%;
	letter-spacing: 0.05em;
	text-indent:1em;
}
#contents .section img{
}
.mainimg {
	width: 96%;
	margin: 0 0 10px 13px;
}
#contents .section h2 {
	height: 35px;
	padding: 15px 0 0 30px;
	background: none;
	margin: 0 0 0 5px;
}
#contents .section h2 {
	display: block;
	padding: 5px 0 5px 10px;
	border:2px solid #e6e6e6;
	border-left:#33ccff 8px solid;
	margin:0 5px 10px 10px;
	border-radius:5px;
	background:none;
	height:auto;
}
#contents .section .pur h2 {
	display: block;
	padding: 5px 0 5px 10px;
	border:2px solid #e6e6e6;
	border-left:#cc99ff 8px solid;
	margin:0 5px 10px 10px;
	border-radius:5px;
	background:none;
	height:auto;
}
#contents .section .ora h2 {
	display: block;
	padding: 5px 0 5px 10px;
	border:2px solid #e6e6e6;
	border-left:#ffcc33 8px solid;
	margin:0 5px 10px 10px;
	border-radius:5px;
	background:none;
	height:auto;
}
#contents .section h3 {
	padding: 5px 10px 5px 24px;
	border-bottom: dotted #666 1px;
	margin: 0 5px 10px 10px;
	background-image: url(../image/h3_listmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#contents .section h3 a {
	color: #666;
	text-decoration: none;
}
#contents .section h3 a:hover {
	color: #cc3300;
	text-decoration: underline;
}
#contents .section h4 {
	padding: 5px 10px 5px 0px;
	border-bottom: dotted #666 1px;
	margin: 0 0 10px 12px;
	background-repeat: no-repeat;
	background-position: left center;
}

#contents .section h5 {
	padding: 5px 10px 5px 0px;
	border-bottom: none;
	margin: 0 0 5px 15px;
	background-repeat: no-repeat;
	background-position: left center;
}

.section ul li {
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 5px 15px 5px 10px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: normal;
	color: #666666;
	background: url(../image/listmark01.gif) left center no-repeat;
	border-bottom: #CCCCCC 1px dotted;
}
.section ul li a {
}
.section ul li a:hover {
}

.section ul.no_mark li {
	list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 15px 0 15px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	background: none ;
	border-bottom: none;
}
.section ul.no_mark li a {
}
.section ul.no_mark li a:hover {
}


.section ul.no_mark02 li {
	list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 20px 0 30px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	background: none ;
	border-bottom: none;
}
.section ul.no_mark li a {
}
.section ul.no_mark li a:hover {
}

.section dl{
	list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 20px 0 15px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	background: none ;
	border-bottom: none;

}
.section dt{
	list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 20px 0 0px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background: none ;
	border-bottom: none;

}
.section dd{
	list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 20px 0 15px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	background: none ;
	border-bottom: none;

}

.link {
	padding: 5px 0 5px 26px;
	background: url(../image/link_mark01.gif) left center no-repeat;
}
#faculty_chart {
	width: 95%;
	padding-left: 10px;
}
#faculty_chart img {
	width: 100%;
}

#access_map {
	width: 95%;
	padding-left: 10px;
}
#access_map img {
	width: 100%;
}
.various_img{
	width:94%;
	margin:0 0 0 10px;
}

/* フッターの中身
---------------------------------------------*/

#footer {
	width: 100%;
	clear: both;
	padding: 5px 0 10px 0;
	height:  300px;
	margin: 0;
	background: url(../image/footer/footer_sp-bg.gif) left bottom no-repeat;
}
#footer .section {
	padding: 0;
	margin: 0px 10px 0 30px;
	border-top: #333333 dotted 2px;
}

.section .footer_l{
	float: none;
	width:100%;
	margin:10px 0 0 0px;
}
.section .footer_r{
	float: none;
	width:280px;
	margin:10px auto 30px  auto;
}

.section .footer_r .address {
	font-size: 90%;
	border: #cbcbcb 5px solid;
	border-radius: 10px;
	padding: 15px 20px 35px 20px;
	margin: 0 50px 0 0px;
	width:80%;
}
#footer .section .mail {
	margin-left:160px;
	margin-top:-70px;
}
#footer .section .mail img {
	margin:0;
	padding:0;
}
#footer .section .navi01 {
	font-size: 100%;
	width: 100%;
	margin:0 0 10px 0;
}
#footer .section .navi01 ul {
	margin:0 0 0px 0;
}
#footer .section .navi01 ul li {
	list-style-type: none;
	float: left;
	padding: 0 10px 0 0;
	margin:0 0 0px 0;
 font-size:100%;
	font-weight: normal;
	background:  url(nonef) left center no-repeat;
	border: 0;
}
#footer .section .navi01 ul li a {
	color: #666666;
	text-decoration:none;
}
#footer .section .navi01 ul li a:hover {
	color: #c30;
}
#footer .section .navi02 {
	width: 100%;
}
#footer .section .navi02 ul {
}
#footer .section .navi02 ul li {
	list-style-type: none;
	float: left;
	padding: 0 8px 0 0;
	margin: 0 0 0px 0;
	background: url(none) left center no-repeat;
	border: 0;
}
#footer .section #navi02 ul li a {
}
#footer .section #navi02 ul li a:hover {
}
#credit {
	padding-bottom: 20px;
	width:96%;
	font-size:90%;
}
/* テーブル
---------------------------------------------*/

.tbl {
	margin: 15px auto 15px auto;
}
.tbl td {
	text-align: left;
	font-size: 95%;
	padding: 3px;
}
.tbl td a {
	color: #666;
}
/* トピックス リスト表示　
---------------------------------------------*/
ul.project {
	width: 90%;
	padding: 0px 0 0px 0;
	margin-left:20px;
}
.project img {
	margin-bottom: 0.1em;
	width: 100%;
	margin: 0 auto 0 auto;
}
ul.project li {
	display: -moz-inline-box;
	display: inline-block;
 /display: inline;
 /zoom: 1;
	padding: 0 0px 15px 0px;
	width: 100%;
	overflow: hidden;
	font-size: 12px;
	border: none;
	margin: 0 10px 0px 0;
	text-align:center;
}

/* メッセージ！
---------------------------------------------*/

#mess {
	width:100%;
	margin:0 0 0 10px;
	}
#mess ul li {
		list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 10px 0 15px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	background: none ;
	border-bottom: none;

	}

.mess_left {
float: none;
width:90%;
background:#FFFFFF;
font-size:100%;
margin:5px 0 3px 12px ;}

.mess_right {
float: none;
width:90%;
background:#FFFFFF;
font-size:100%;
margin:2px 0px 2px 12px ;}

.mess_header {
	width:100%;
	height:10px;
	background: none;
	}

.mess_body {
	width:100%;
	height:auto;
	background: none;
	margin:0px;
	padding:20px 0 20px 0px ;
	border: #ffdfc1 solid 3px;
	background-color: #fef8e9;
	}

.mess_body p {
	
}

.mess_footer {
	width:100%;
	height:10px;
	background: none;
	}


/* サイトマップ用
---------------------------------------------*/

.sitemap ul {
	border-bottom: #CCCCCC 2px dotted;
	margin: 0px 40px 0px 30px;
	padding: 5px 0 10px 0;
}
.sitemap ul li {
	list-style-type: none;
	padding: 0 0 0 18px;
	margin: 5px 0 0 0;
	line-height: 2.0;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	background: url(../image/listmark01.gif) left center no-repeat;
	border: 0px;
}
.sitemap ul li a {
	color: #666;
	text-decoration: none;
}
.sitemap ul li a:hover {
	color: #cc3300;
	text-decoration: underline;
}
.sitemap ul ul {
	border-bottom: 0;
	margin: 0px 0px 0px 30px;
	padding: 5px 0 5px 0;
}


@media print, screen and (min-width : 768px) {
/* レイアウト
---------------------------------------------*/
img {
	border: none;
	padding: 0 0 0 0;
	vertical-align: middle;
	margin: 0 0 10px 0;
}
#wrapper {
	width: 1150px;
	background: #FFFFFF;
	text-align: left;
	margin: 0px auto; /* Firefoxでセンタリングするため、要auto設定 */
	padding: 0px;
	background: url(../image/body_bg-w1110.gif) left top repeat-y;
}
#header {
	position: relative;
	z-index: 100;
	margin: 0px;
	padding: 0px;
	height: 165px;
	width: 100%;
	background: url(../image/contents/header_bg_con-w1110.gif) left top no-repeat;
}
#univ-logo_sp {
	display: none;
}
#univ-logo {
	display: block;
	position: absolute;
	top: 30px;
	left: 66px;
}
#facul-logo {
	display: block;
	position: absolute;
	top: 45px;
	left: 314px;
}
#header h1 {
	position: absolute;
	top: 102px;
	left: 51px;
	width: 800px;
}
#header h1 img {
	width: auto;
}
#header ul {
	display: block;
	position: absolute;
	top: 64px;
	right: 90px;
	margin: 0;
	padding: 0;
	width: auto;
	border-left: none;
}
#header ul li {
	float: left;
	list-style-type: none;
	padding: 0 0 0 3px;
	;
	margin: 0 0px 0 5px;
	line-height: 1.0;
	border-left: #33CCFF 5px solid;
}
#header ul li a {
	padding: 0px;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
#header ul li a:hover {
	color: #cc3300;
}
#header ul.sp {
	display: none;
}
.pankuzu {
	display: block;
	position: absolute;
	top: 102px;
	right: 90px;
}
.pankuzu a {
	padding: 0 5px 0 5px;
}
, section {
 width:auto;
}
/* スマホメニュー（イメージの下）
---------------------------------------------*/
div.sp_menu {
	display: none;
}
div.sp_bnr {
	display: none;
}
/* サイドメニューの中身
---------------------------------------------*/

#menu {
	display: block;
	float: left;
	width: 300px;
	background: url(../image/menu_bg-w250.gif) left top no-repeat;
}
#menu .large {
	position: relative;
}
#menu .large h2 {
}
#menu .large h3 {
}
#menu .large ul {
	margin: 10px 0 10px 0;
}
#menu .large ul li {
	list-style-type: none;
}
#menu .large ul li a {
	display: block;
	height: 35px;
	padding: 20px 0px 0px 32px;
	margin: 0px 0px 0px 45px;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	background: url(../image/menu_btn1_bg-w250.gif) left center no-repeat;
	line-height:1.0;
	text-decoration:none;
}
#menu .large ul li a:hover {
	background: url(../image/menu_btn1_hover-w250.gif) left center no-repeat;
}
/* サイドメニュー 二つ目
---------------------------------------------*/

#menu .medium ul {
	margin: 5px 0 0 0;
}
#menu .medium ul li {
	list-style-type: none;
}
#menu .medium ul li a {
	display: block;
	height: 30px;
	padding: 11px 0px 0px 32px;
	margin: 0px 0 0px 45px;
	font-size: 100%;
	font-weight: normal;
	color: #555555;
	background: url(../image/menu_btn2_bg-w250.gif) left center no-repeat;
	text-decoration:none;
}
#menu .medium ul li a:hover {
	background: url(../image/menu_btn2_hover-w250.gif) left center no-repeat;
}
/* サイドメニュー 三つ目
---------------------------------------------*/

#menu .small ul {
	margin: 20px 0 20px 0;
}
#menu .small ul li {
	list-style: none;
}
#menu .small ul li a {
	padding: 0px 0px 0px 15px;
	margin: 0px 0 0px 60px;
	line-height: 2.0em;
	font-size: 100%;
	font-weight: normal;
	color: #666666;
	background: url(../image/listmark01.gif) left center no-repeat;
	float: none;
	text-decoration:none;
}
#menu .small ul li a:hover {
	color: #cc3300;
}
#menu img {
	display: block;
	padding: 0px 0px 0px 50px;
}
.flv {
	padding: 10px 0px 0px 50px;
}
/* コンテンツの中身
---------------------------------------------*/

#contents {
	float: right;
	width: 745px;
	margin: 0 85px 0 0;
	padding: 0 0 0 0;
}
#contents .section {
	position: relative;
	padding: 0px 25px 20px 0;
	margin: 0;
}
#contents .section p {
	padding: 0px;
	margin: 5px 10px 5px 15px;
	line-height: 160%;
	font-size: 100%;
	letter-spacing: 0.05em;
	text-indent:1em;
}
#contents .section img{
	margin:0 5px 10px 5px;
}

.mainimg {
	margin: 10px 0 10px 0;
}
#contents .section h2 {
	display: block;
	height: 35px;
	padding: 15px 0 0 30px;
	margin-bottom: 10px;
	background: url(../image/h2_bg_blu-w745.gif) left center no-repeat;
	border: none;
	border-left: none;

}
#contents .section .pur h2 {
	display: block;
	height: 35px;
	padding: 15px 0 0 30px;
	background: url(../image/h2_bg_pur-w745.gif) left center no-repeat;
	border: none;
	border-left: none;

}
#contents .section .ora h2 {
	display: block;
	height: 35px;
	padding: 15px 0 0 30px;
	background: url(../image/h2_bg_ora-w745.gif) left center no-repeat;
	border: none;
	border-left: none;

}
#contents .section h3 {
	padding: 5px 10px 5px 24px;
	border-bottom: dotted #666 1px;
	margin: 0 0 10px 10px;
	background-image: url(../image/h3_listmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#contents .section h3 a {
	color: #666;
	text-decoration: none;
}
#contents .section h3 a:hover {
	color: #cc3300;
	text-decoration: underline;
}
#contents .section h4 {
	padding: 5px 10px 5px 0px;
	border-bottom: dotted #666 1px;
	margin: 0 0 10px 0px;
	background-repeat: no-repeat;
	background-position: left center;
}

#contents .section h5 {
	padding: 5px 10px 5px 0px;
	border-bottom: none;
	margin: 0 0 5px 15px;
	background-repeat: no-repeat;
	background-position: left center;
}
.section ul li {
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 3px 20px 3px 15px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: normal;
	color: #666666;
	background: url(../image/listmark01.gif) left center no-repeat;
	border-bottom: #CCCCCC 1px dotted;
}
.section ul li a {
}
.section ul li a:hover {
}
.link {
	padding: 5px 0 5px 26px;
	background: url(../image/link_mark01.gif) left center no-repeat;
}


.section ul.no_mark li {
	list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 20px 0 15px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	background: none ;
	border-bottom: none;
}
.section ul.no_mark li a {
}
.section ul.no_mark li a:hover {
}


.section ul.no_mark02 li {
	list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 20px 0 30px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	background: none ;
	border-bottom: none;
}
.section ul.no_mark li a {
}
.section ul.no_mark li a:hover {
}

.section dl{
	list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 20px 0 15px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	background: none ;
	border-bottom: none;

}
.section dt{
	list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 20px 0 0px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background: none ;
	border-bottom: none;

}
.section dd{
	list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 20px 0 15px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	background: none ;
	border-bottom: none;

}

#access_map {
	width:490px;
	margin:0 auto 0 auto;
}
#access_map img {
	width: 100%;
}
.various_img{
	width:100%;
	text-align:center;
}


/* サイトマップ用
---------------------------------------------*/

.sitemap ul {
	border-bottom: #CCCCCC 2px dotted;
	margin: 0px 40px 0px 30px;
	padding: 5px 0 10px 0;
}
.sitemap ul li {
	list-style-type: none;
	padding: 0 0 0 18px;
	margin: 0 0 0 0;
	line-height: 2.0;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	background: url(../image/listmark01.gif) left center no-repeat;
	border: 0px;
}
.sitemap ul li a {
	color: #666;
	text-decoration: none;
}
.sitemap ul li a:hover {
	color: #cc3300;
	text-decoration: underline;
}
.sitemap ul ul {
	border-bottom: 0;
	margin: 0px 0px 0px 30px;
	padding: 5px 0 5px 0;
}
/* 担当教員紹介
---------------------------------------------*/

.teacher table {
	font-size: 90%;
}
.teacher table a {
	color: #666666;
}
.teacher table, td {
}
.teacher td {
	padding: 2px;
}
/* フッターの中身
---------------------------------------------*/

#footer {
	clear: both;
	padding: 5px 0 10px 0;
	height: 90px;
	margin: 0;
	background: url(../image/footer/footer_bg-w1110.gif) left bottom no-repeat;
}
#footer .section {
	padding: 0;
	margin: 0 70px 0 45px;
	border-top: #333333 dotted 2px;
}
.section .footer_l{
	float:left;
	width:60%;
	margin:10px 0 0 10px;
}
.section .footer_r{
	float: right;
	width:25%;
	margin:10px 0 0;
}

#footer .section .address {
	font-size: 100%;
	padding: 0px 15px 0 15px;
	border-left: #33CCFF 5px solid;
	border-bottom: none;
	border-right: none;
	border-top: none;
	border-radius: 0px;
	visibility: inherit;
}
#footer .section .mail {
	margin-left:160px;
	margin-top:-20px;
}
#footer .section .mail img {
	margin:0;
	padding:0;
}
#footer .section .navi01 {
	font-size: 100%;
}
#footer .section .navi01 ul {
}
#footer .section .navi01 ul li {
	list-style-type: none;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	background: url(nonef) left center no-repeat;
	border: 0;
	
}
#footer .section .navi01 ul li a {
	color: #666666;
	text-decoration:none;
}
#footer .section .navi01 ul li a:hover {
	color: #c30;
}
#footer .section .navi02 {
}
#footer .section .navi02 ul {
}
#footer .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 .section .navi02 ul li a {
}
#footer .section .navi02 ul li a:hover {
}
#credit {
	padding-bottom: 20px;
	color: #000;
	width:700px;
	margin:5px auto 0 auto;
}
/* テーブル
---------------------------------------------*/

.tbl {
	margin: 15px auto 15px auto;
}
.tbl td {
	text-align: left;
	font-size:100%;
	padding: 5px;
}
/* プロジェクト リスト表示　
---------------------------------------------*/
ul.project {
	width: 100%;
	padding: 0;
	margin-left:30px;
}
.project img {
	margin-bottom: 0.1em;
	max-width: 100%;
	text-align: left;
}
ul.project li {
	display: -moz-inline-box;
	display: inline-block;
 /display: inline;
 /zoom: 1;
	padding: 15px 20px 5px 20px;
	margin: 0 10px 0px 0;
	width: 250px;
	height: auto;
	overflow: hidden;
	font-size: 12px;
	vertical-align: top;
	background: none;
	border: none;
}
/* メッセージ！
---------------------------------------------*/

#mess {}

#mess ul li {
		list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 20px 0 15px;
	line-height: 2.0;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	background: none ;
	border-bottom: none;

	}

.mess_left {
float:left;
width:430px;
background:#FFFFFF;
font-size:100%;
margin:3px 0 3px 0 ;}

.mess_right {
float:right;
width:430px;
background:#FFFFFF;
font-size:100%;
margin:2px 0 2px 0 ;}

.mess_header {
	width:100%;
	height:20px;
	background: url(../image/contents/mess/bg_header.gif) left top no-repeat;}

.mess_body {
	width:100%;
	height:auto;
	background: url(../image/contents/mess/bg_body.gif) left top repeat-y;
	margin:0 ;
	padding:2px 0 2px 10px ;
	border:none;
	}

.mess_body p {
width:390px;}

.mess_footer {
	width:100%;
	height:25px;
	background: url(../image/contents/mess/bg_footer.gif) left top no-repeat;}

 /*　20150928追加　 */
.tate{
	writing-mode: tb-rl; /* IE独自仕様 */
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
}
	
}
/*1024px*/
@media screen and (min-width : 1024px) {
html {
	font-size : 100%
} /*レスポンシブタイプセッティングの指定*/
}