/***********************-
タイトル : 神戸大学環境報告書2008
概要：ベーススタイルシート
制作日：2008/08
-***********************/

 /*ボディ*/
body {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	text-align: center;
	font-size: 0.8em;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif,Arial, Helvetica, Verdana;
	}

/*リンクカラー*/
link {
	text-decoration: none;
}
a:link {
	color: #003366;
	text-decoration: none;
}
a:active {
	color: #FF3366;
}
a:hover {
	color: #FF3333;
}
a:visited { 
	color: #003366;
	text-decoration: none;
}


 /*ユニバーサル*/
h1,h2,h3,h4,h5,h6,p,ul,dl { 
 margin: 0;
 }
p { margin: 0; 
	text-indent: 1em ;/* 文字1文字分下げる */
}
p.space2 { margin: 2em 0 0 0; 
}
p.space4 { 
	text-indent: 0 ;/* 文字1文字分下げない */
}

ul li { list-style-type:none; }
ol { margin:1.5em 0 1.5em 25px ; }
ol li { margin-bottom:5px; }
a img { border:0; }
blockquote{
   margin-left:1em;
   padding-left:1em;
   border-left:2px solid #CCC;
   color:#CCC;
}
/*右フロート*/
.alignright {
   float: right;
}
/*左フロート*/
.alignleft {
   float: left;
   }
/*全てをクリア*/
.clear {
   clear: both;
} 
/*ハック*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */ 


/*全体*/
#container,#containertop {
	margin: 0 auto;
	text-align:left;/*IE6用ハック*/
	width: 750px;
}

#container {
	background: url( /report/environmental/2008/image/back.gif )  repeat-y center;
	border-left:1px solid #339933;
	border-right:1px solid #339933;
}

/*ヘッダー*/
#head{
	margin: 0;
	background-color: #ffffff;
	text-align: left;
	width: 750px;
}
/*logo*/
#logo{
	margin: 10px 0 10px 15px;
	width:100px;
}
#title{
	margin: 10px 15px;
	width:300px;
}
#line{
	border-top: 4px solid #006633;
	border-bottom: 1px solid #e4e4e4;
}



/*ナビ*/
#navi{
	padding:45px 5px 0 0 ;
		float:left;
	width :200px;
	text-align: left;
}

#navi ul{
	margin: 0 0 0 5px;
}
#navi ul li{
	margin-top: 10px;
	padding-left: 15px;
	padding-bottom: 1px;
	line-height:1.3;
	border-bottom: 1px dotted #666;
	background:url( /report/environmental/2008/image/sankaku1.gif ) no-repeat;
	font-size: 1em;
}
#navi ul li a:link,#navi ul li ul li a:link,#navi ul li ul li ul li a:link{
	color: #003366;
	text-decoration: none;
	font-weight: normal;
}
#navi ul li a:active,#navi ul li ul li a:active ,#navi ul li ul li ul li a:active {
	color: #FF3366;
	text-decoration: none;
	font-weight: normal;
}
#navi ul li a:hover,#navi ul li ul li a:hover ,#navi ul li ul li ul li a:hover {
	color: #FF3333;
	text-decoration: none;
	font-weight: normal;
}
#navi ul li a:visited{
	color: #003366;
	text-decoration: none;
	font-weight: normal;
}
#navi ul li ul {
	margin-bottom: 10px;
}
#navi ul li ul li {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-bottom: 1px;
	line-height:1.3;
	background:url( /report/environmental/2008/image/sankaku2.gif ) no-repeat;
	border-bottom: none;
}


#navi ul li ul li ul li {
	line-height:1.3;
	background:url( /report/environmental/2008/image/sankaku3.gif ) no-repeat;
}

#navi ul li ul li ul li ul li {
	padding-left:5px;
	background:url( /report/environmental/2008/image/sankaku3.gif ) no-repeat;
	border-left:2px solid #4D7783;
}


/* ------------------------
WinIE7+WinIE6
------------------------ */
* html #navi ul li ul li ul li ul li {
	margin-left:0.6em;
	padding-left:8px;
	background:url( /report/environmental/2008/image/sankaku3.gif ) no-repeat;
}


#navi .navinow,#navi .navinow2 { 
	color: #660000;
}

#navi .navinow {
	font-weight:bold;
}


/*メイン*/
#my_contents {
	float:right;
	width:540px;
	text-align: left;
	 }
	 

	 
#my_contents h1{
	margin:20px 20px 10px;
	font-weight:bold;
	font-size: 1.5em;
	color:#006633;
	 }

#my_contents h2{
	margin: 0px 5px 30px;
	padding: 8px 15px 2px;
	background:url( /report/environmental/2008/image/h2.gif ) repeat-x;
	background-position:bottom;
	font-weight:bold;
	font-size: 1.4em;
	color:#003333;
	border-bottom: 3px solid #006633;

	 }
#my_contents h3{
	text-align: left;
	line-height:1.3;
}


#my_contents h3.no{
	margin: 20px 0 10px;
	font-size: 1.5em;
	color:#333333;
	}
#my_contents h3.green{
	margin: 20px 20px 5px;
	color: #2C5E62;
	font-size: 1.8em;
	}
/* ------------------------
WinIE6 & Win IE7
------------------------ */
* html #my_contents h3.green{ 	font-size: 1.5em;
}
*+html body #my_contents h3.green{ 	font-size: 1.6em;
}

#my_contents h3.performance{
	margin: 20px 20px 30px;
	color: #006666;
	font-size: 1.6em;
	 }
/* ------------------------
WinIE6 & Win IE7
------------------------ */
* html #my_contents h3.performance{ 	font-size: 1.4em;
}
*+html body #my_contents h3.performance{ 	font-size: 1.5em;
}


#my_contents .no2{
	margin-left: 3px;
	}


#my_contents h4{
	margin: 30px 0 10px;
	font-weight:bold;
	font-size: 1em;
	text-align: left;
	color: #006666;
	 }
#my_contents h4.performance0,#my_contents h4.performance{
	margin: 20px 0 5px;
	text-align: left;
	font-size: 1.2em;
	 }
#my_contents h4.performance{
	margin: 40px 0 5px;
	 }
#my_contents h4.performance2{
	padding: 6px 5px 2px 15px;
	background-color:#F4FFF9;
	font-size: 1.2em;
	 }
#my_contents h5.performance{
margin: 20px 0 0 5px;
color:#003399;
font-size:1em;
font-weight:normal;
	 }


/* 文章 */
#main{
	margin: 0px 15px;
	padding: 5px 0 20px 0; 
}
.box{
	margin: 10px 20px 50px;
	font-size: 1em;
}
.boxsub{
	margin: 10px 20px 20px;
}


/**  本文 **/
.box .naka{
	margin: 5px 20px 50px;
	font-size: 1em;
	line-height: 1.5;
}
.kihonbunsho2{
	margin: 5px 5px 15px;
}


#main ul li{
	background:url( /report/environmental/2008/image/sikaku.gif ) no-repeat;
	padding-left: 15px;
}

dl.box1 dt {
	margin: 40px 0 0 20px;
	padding-left: 5px;
	border-left: 5px solid #006699;
	font-weight: bold;
	font-size: 1.1em;
}
dl.box1 dd {
	margin: 5px 0 30px 3.7em;
}
dl.box1 dd dl {
	margin: 0;
}
/* ------------------------
WinIE7+WinIE6
------------------------ */
* html dl.box1 dd {
	margin: 5px 0 30px 3.5em;
}
*+html body dl.box1 dd {
	margin: 5px 0 30px 3.5em;
}


dl.box2{
	font-size:0.9em;
	width:480px;
}

dl.box2 dt {
	margin: 5px 0 10px 22px;
	float:left;
	width:90px;
	height:2.5em;
	}

/* ------------------------
WinIE6 
------------------------ */
* html dl.box2 dt {
	margin: 5px 0 10px 5px;
}

dl.box2 dd {
	margin: 5px 0 10px;
	float:right;
	width:365px;
	}

dl.box2 .hight {
	height:4em;
}
dl.box2 .hight2 {
	height:5em;
}

/* ------------------------
WinIE7+WinIE6
------------------------ */
* html dl.box2 .sageru {
	margin: 11px 0 10px 5px;

}
*+html body dl.box2 .sageru {
	margin: 11px 0 10px 10px;

}



dl.box3 dt {
	clear:left;
	margin: 5px 0 5px 5px;
	float:left;
	width:3em;
	font-size:0.9em;
	}
dl.box3 dd {
	margin: 5px 0 0 3em;
	line-height:1.4;
	height:2.5em;
	}

/* ------------------------
WinIE6
------------------------ */
* html .dl.box3 dd{ 	
	margin: 5px 0 0 2em;
}

* html dl.box3 dt {
	width:2em;
	}


/* 学長 */
.message{
	margin:0;
	width:470px;
}
.gakucho{
	float:right;
	width:235px;
}
.messagebun{
	float:left;
	width:230px;
}


/* 環境 */
.kankyobox{
	margin: 5px 0 1em 2em;
	width:420px;
}
.kankyobox1{
	margin-bottom: 5px;
	width:120px;
}
.kankyobox2{
	margin-bottom: 5px;
	width:300px;
}

/* 減少 */
.gensho{
	margin: 0 5px 0;
	padding: 1px 5px 0;
	border: 1px solid #CC0000;
	font-size: 0.7em;
	color: #CC0000;
}
/* 減少2 */
.gensho2{
	margin: 0 5px 0;
	padding: 1px 5px 0;
	border: 1px solid #CC0000;
	font-size: 0.8em;
	color: #CC0000;
}

/* 図 */
.zu{
	margin: 30px 0 20px;
	text-align:center;
}

/* 注意 */
.chui{
	margin: 0 0 30px 40px;
	padding: 1px 10px;
	text-align: left;
	font-size: 0.9em;
}
.chui2{
	margin: 0;
	text-align: left;
	font-size: 0.9em;
}

/* line */
.line{
	margin: 15px 0 15px 60px;
	border: 1px solid #666666;
	padding: 6px 15px 4px;
	text-align: center;
	width:300px;
}
/* ------------------------
WinIE7+WinIE6
------------------------ */
* html .line {
	margin: 15px 0 15px;
}
*+html body .line {
	margin: 15px 0 15px;
}




.linered{
	margin: 20px;
	border: 1px solid #990000;
	padding: 10px 15px;
	text-align: center;
}
.lineblue{
	margin:20px;
	border: 1px solid #003399;
	padding: 10px 15px;
	text-align: left;
}


.greenbox h5{
	margin: 0;
	padding: 5px 3px 3px 10px;
	font-size: 1.2em;
	font-weight: normal;
	background-color:#F5FAF7;
	color:#006666;
	}

/*第3者意見*/

#daisansha{
	margin:40px 0 0;
	padding:15px 0 0;
	border:1px solid #666666;
	width:465px;
}
#daisansha .mukoyama{
	float:left;
	margin:0 0 0 15px;
	width:150px;
}

#daisansha dl{
	float:right;
	margin:0 15px 0 0;
	width:275px;
	text-align:left;
}
#daisansha dl dt{
padding:3px 1em 2px;
background-color:#f4f4f4;
}
#daisansha dl dd{
	margin: 5px 0 10px 1em;
	text-indent: 1em ;/* 文字1文字分下げる */

}
#daisansha dl dt.space6{
letter-spacing:4em;}

/* ------------------------
WinIE7+WinIE6
------------------------ */
* html #daisansha dl{
	margin:0 5px 0 10px;
width:275px;
}
/* ------------------------
WinIE7+WinIE6
------------------------ */
* html #daisansha dl dt.space6 {
letter-spacing:3em;}
*+html body #daisansha dl dt.space6 {
letter-spacing:3em;}




/* パン屑 */
.pan{
	margin: 10px 8px 0 8px;
	font-size: 0.9em;
}
.pan a{
	margin-right: 5px;
}
.pan .now{
	margin-left: 5px;
	color: #660000;
	border-bottom: 1px solid #660000;
}

/* ------------------------
WinIE7+WinIE6
------------------------ */
* html .pan{ 	margin: 10px 15px 0 20px;

}
*+html body .pan{ 	margin: 10px 15px 0 20px;

}

 
/* 位置 */
.center{
	text-align: center;
}
.all10{
	margin: 10px;
}
.all5{
	margin: 5px;
}
.name{
	margin: 0 20px 40px 20px;
}

.captd{
	margin: 5px ;
	text-align: center;
}

.left{
	margin-left:5px;
}
.right{
	text-align: right;
}

.space{
margin-left:1em;
}
.space3{
margin-top:0.5em;
}
.space5{
margin-left:1.5em;
}
.edit{
margin-left:0.8em;
}


 /* ------------------------
WinIE7+WinIE6
------------------------ */
* html .edit {
margin-left:0.6em;
}
*+* html .edit {
margin-left:0.6em;
}


 
/* 写真 */
div.phot{
	margin: 5px 0 0 15px;
	text-align:center;
	width:500px;
}
.photbox{
	float:left;
	text-align:center;
}
.photbox2{
	text-align:center;
}
.caption{
	padding:8px;
	text-align:center;	
}
.caption2{
	padding:8px;
	text-align:left;
}
.phot160{
	width:160px;
}
.phot20{
	width:240px;
}
.phot200{
	width:210px;
}
.phot320{
	width:310px;
}

 

/* 別ページ */
.linkbtn{
	margin: 25px 100px;
	text-align:center;
}
.linkbtn a{
padding:6px 10px 3px 20px;
	background:url( /report/environmental/2008/image/linkbtn.gif ) no-repeat;
}

.greenbox{
	margin: 20px 15px 15px;
	padding: 0 0 20px;
	text-align: left;
	border-bottom: 1px solid #648176;
	width:478px;
	}


/* 小さな数字 */
sup{
	font-size: 0.8em;
}
.ss{
	font-size: 0.8em;
}

/* 強調 */
.title{
	margin: 0;
	font-size: 110%;
	border-bottom: 1px solid #648176;
	color: #2C5E62;
}


/* ページトップ */
.pagetop{
	margin: 20px 20px 0;
	font-size: 0.8em;
	text-align: right;
}


/*footer*/
#copyright{
	clear: both;
	background-color: #006633;
	margin: 0 0 0 0;
	padding: 6px 20px 4px;
	text-align:right;
	font-size:70%;
	letter-spacing: 1px;
	color: #FFFFFF;
	}




/* safari only \*/
html:\66irst-child #head{
	margin-top: -2px;
	margin-left: 0px;}
html:\66irst-child #my_body{
	margin: 1px 0 0 0;
}
html:\66irst-child #navi ul{
	margin-left: 2px;
}
html:\66irst-child #news ul{
	margin-left: 0.5px;
}
html:\66irst-child #navi ul li ul{
	margin-left: -10px;
}

html[xmlns] #navibtn{
	margin-bottom: -11px;
}
/* safariとFirefox only \*/
:root #navi ul{
	margin-left: -30px;
}
:root #navi ul li ul{
	margin-left: -45px;
}
:root ol{
	margin-left: -20px;
}
:root .pan {
	margin-left: 20px;
}
:root dl.box3 dt {
	margin: 0 0 5px 10px;
	}
:root dl.box3 dd {
	margin-top: 10px;
	}




/* "be nice to Opera"規則 */
 htm>body div.pan {
 ??margin-left: 20px;
 }
 /* the Owen hack -- http://www.albin.net/CSS/OwenHack.html */
 head:first-child+body div.pan {
 ??argin-left: 20px;
 }

/* safari only \*/
html[xmlns*=""] body:last-child #right{
margin: -7px 0;
}

html[xmlns*=""] body:last-child #left {
	margin: 8px auto 0 auto;
}
html:\66irst-child ul li {
	margin-left: -30px;
 }

/* end */