@charset "utf-8";



/* CSS Document

製作者：三村 隆

初回製作日：

最終更新日：2008年3月3日
更新履歴：
2009年４月１２日（by　池末）
　メニューテンプレートのスタイル編集（各学部のBGカラー変更のため、クラス　.kougaku .jyouhou .kankyouを設定）



*/



/*============================================================



	0.プロパティの指定順序 厳守する！



==============================================================



	margin

	padding



	border

	display

	position

	float

	clear

	width

	height



	line-height

	overflow

	visibility

	list-style



	color

	background



	font-family

	font-style

	font-weight

	font-size

	font

	text-indent

	text-align

	text-decoration

*/



/*============================================================



	1.全要素の一括指定



============================================================*/



*{

	margin:0;

	padding:0;

	border:0;



	font-style:normal;

	font-weight:normal;

	line-height:1.5;

}



/*============================================================



	 2.基本要素のデザイン



============================================================*/

html{

	height:100%;

	overflow:-mozscrollbars-vartical;

}



body{

	height:100%;

	background-color:#c5e0fc;



	font-size:13px;

	*font-size:small;

	*font:x-small;

	font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif;

	text-align:center;

}



h1,

h2,

h3,

h3 a,

h4,

h5{

	font-size:100%;

	font-weight:bold;

}

/*============================================================
メニュー部分の学部BGカラーの設定　（by池末）
============================================================*/
.kougaku{
background-color:rgb(0,71,142); 
color:white;
}


.jyouhou{
background-color:rgb(255,124,0); 
}

.kankyou{
background-color:rgb(102,153,0); 
color:white;
}

/****以上池末が追加****/




strong,

em{

	font-weight:bold;

}



table{

	margin:5px 0 10px 0;

	border-collapse:collapse;

	width:580px;

}



th{

	border:1px solid #666;

	text-align:center;

}



td{

	padding:3px;

	border:1px solid #666;

	vertical-align:top;

}

/***tableについて池末追加　2009/9/23　枠無し用***/
table.border{
    border:0px
    border-collapse:collapse;
    border-width:0px;
    border-spacing:0;
    empty-cells:show;
}
.border th{
    border:0px
    border-spacing:0;
    empty-cells:show;
}
.border td{
    border:0px
    border-spacing:0;
    empty-cells:show;
}

/***以上　池末追加***/


/*============================================================



	3.骨組みのデザイン



============================================================*/



#wrapper{

	position:relative;

	margin:0 auto;

	width:750px;

	min-height:100%;

    height:auto !important;

    height:100%; /* ie用に設定 */



	border-left:1px solid #2580d9;

	border-right:1px solid #2580d9;



	background-color:#fff;

	text-align:left;

}



#header{

	background-color:white;

}



#content{

	padding:10px 10px 120px 10px;

	clear:both;

	width:730px;

}



/* 親ボックスの高さを算出 */

#content::after{

	height:0;

	visibility:hidden;

	content:".";

	display:block;

	clear:both;

}



#content{

	/*\*//*/

	overflow:hidden;

	/**/

}



#content #sidebar{

	float:left;

	width:140px;



	background-color:#fff;

}



#content #main{

	float:right;

	width:580px;



	 background-color:#fff;

}



#footer{

	padding:5px 10px;

/*	position:absolute; */

	bottom:0;

	clear:both;

	width:730px;

	height:90px;

	color:#fff;

	background-color:#0e467e;

}



* html #footer{

	/*width:750px;*/

}



.bg{

	background-color:#eaf3fb;

}



.important{

	font-size:larger;

	font-weight:bold;

	text-align:right;

}



.photoRight img{

	margin:0 0 0 10px;

	float:right;

}



.photoRight{

	margin:0 0 5px 0;

}



.photoRight::after{

	height:0;

	visibility:hidden;

	content:".";

	display:block;

	clear:both;

}



/*============================================================



	3-1.ヘッダ部分ナビゲーションのデザイン



============================================================*/



#header ul#quickNavi{

	text-align:right;

}



#header ul#quickNavi li{

	margin:0 5px 0 0;

	display:inline;

}



/* 親ボックスの高さを算出 */

#header ul#globalNavi::after{

	height:0;

	visibility:hidden;

	content:".";

	display:block;

	clear:both;

}



#header ul#globalNavi li{

	float:left;

	width:125px;

	list-style-type:none;

	text-align:center;

}



#header ul#globalNavi li a{

	padding:5px 0;

	border:none;



	display:block;



	line-height:1;

	position:relative;

	color:#fff;

	background-color:#2580d9;

	background-color:#0e467e;



	text-decoration:none;

}



#header ul#globalNavi li a:hover{

	color:#fff;

	background-color:#579de5;

}



/*============================================================



	4.コンテンツ部分のデザイン



============================================================*/



#content ul{

	margin:0 0 0 15px;

}



#content ol{

	margin:0 10px 0 25px;

}



/*============================================================



	4-1.コンテンツ（メニュー）のデザイン



============================================================*/



#sidebar h3{

	margin:10px 0 5px 0;

	border-top:1px solid #666;

	border-bottom:1px solid #666;

}



.info{

	background-color:#ffe3d0;

}



/*============================================================



	4-2.コンテンツ（中身）のデザイン



============================================================*/



#main h1{

	margin:5px 0;

	padding:5px 0;

	color:#ffffff;

	

	background-image:url(../images/h1_background.png);

	background-repeat:no-repeat;

	/*background-color:#ffe3d0;*/

	text-indent:10px;

	font-size:120%;

}



#main h2{

	margin:5px 0;

	padding:3px 0 3px 5px;



	border-top:1px solid #ff6600;

	border-right:1px solid #ff6600;

	border-bottom:1px solid #ff6600;

	border-left:5px solid #ff6600;

	clear:both;



	font-weight:normal;

	font-size:100%;

}



#main h3{

	margin:5px 0;

	font-weight:bold;

	font-size:100%;

	text-indent:5px;

	border-bottom:1px solid #ff6600;

}



#main ul,

#main ol{

	margin-bottom:1em;

}



#main p{

	margin:0 0 1em 0;

}



#main #pankuzu{

	margin:0;

}



#main dt{

	border-bottom:1px solid #ccc;

	font-weight:bold;

}



#main dt a{

	font-weight:bold;

}



/*============================================================



	サイトトップページのデザイン



============================================================*/



#top #wrapper{

	background-color:white;

	background-image:none;

}



/*============================================================



	学科スタッフページのデザイン



============================================================*/



#staff #main dt{

	border:none;

	font-weight:normal;

}



#staff #main dd{

	margin:-1.5em 0 5px 120px;

}



#staff .staffmenu{

	margin:0;

}



#staff .staffmenu li{

	margin:0;

	display:inline;

}



#staff #main dt a{

	font-weight:normal;

}



/*============================================================



	ニュースページのデザイン



============================================================*/



#news #main dt{

	border:none;

}



#news #main dd{

	margin:-1.5em 0 10px 85px;

}





#news #main dd.haci{

	margin-left:80px;

	text-indent:50px;

	background-image:url(../images/newsicon_haci.png);

	background-position:5px top;

	background-repeat:no-repeat;

}





#news #main dd.mais{

	margin-left:80px;

	text-indent:50px;

	background-image:url(../images/newsicon_mais.png);

	background-position:5px top;

	background-repeat:no-repeat;

}



/*============================================================



	以下は池末が追加したもの



============================================================*/

.photoleft img{

    margin-right:1em;

    float:left;

    font-size:1em;

}

 