@charset "UTF-8";
@import url("/report/environmental/2013/css/btn.css");
@import url("/report/environmental/2013/css/table.css");
/***********************-
タイトル : 神戸大学環境報告書2013
概要：ベーススタイルシート
制作日：2013/09/
-***********************/


 /*ボディ*/
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;
	border-top: 5px #16832E solid;
}
/*リンクカラー*/
link { }
a:link, a:visited { color: #0000FF; }
a:active { color: #800080; }
a:hover { color: #C00; }
/*ユニバーサル*/
h1, h2, h3, h4, h5, h6, p, ul, dl { margin: 0; }
p {
	margin: 0;
	text-indent: 1em;/* 文字1文字分下げる */
}
ul {
	margin: 0;
	padding: 0;
}
ul li {
	list-style-type: none;
	margin: 0 0 5px;
	padding: 0;
}
ol {
	margin: 1.5em 0 1.5em 2em;
	padding: 0;
}
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;
	height: 0;
}
/*ハック*/
.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 */ 


/*全体*/
#wrapper {
	margin: 0px auto 0;
	padding: 0 10px 0 9px;
	text-align: left;/*IE6用ハック*/
	min-width: 800px;
	max-width: 1280px;
	display: table;
}
/*ヘッダー*/
#head {
	margin: 0 1px 0 0;
	padding: 5px 0;
	text-align: left;
	background: #ffffff;
}
/*ナビ*/
#navi {
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
	width : 220px !important;
	display: table-cell;
}
/*メイン*/
#my_contents {
	margin: -0px 1px 0 0;
	padding: 0;
	text-align: left;
	min-width: 590px;
	max-width: 1050px;
	display: table-cell;
	box-shadow: -3px 0px 4px 0px rgba(0,0,0,0.4);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";
 filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=-100, strength=3, enabled=true); /* IE5.5+ */
	background: #fff; /* IE Hack */
}
h1 {
	margin: 35px auto 0;
	padding: 5px 15px;
	color: #333;
	font-size: 1.6em;
	width: 90%;
}
h2 {
	background-position: 0 7px;
	background-repeat: no-repeat;
	margin: 5px auto 20px;
	padding: 0 15px 5px 20px;
	font-weight: bold;
	font-size: 1.4em;
	color: #333333;
	border-bottom: 5px solid #d4d4d4;
	width: 90%;
}
.name {
	margin: -20px 0 20px 0;
	text-align: right;
	width: 96.7%;
}
body.seikyo .name {
	margin: -13px 0 20px 0;
	text-align: right;
	width: 100%;
}
.name span {
	background: #CCC;
	padding: 5px 8px;
	text-align: left;
}
h3 {
	margin: 0 0 15px;
	padding: 0 0 3px 5px;
	text-align: left;
	line-height: 1.5;
	font-size: 1.2em;
	border-bottom: 2px dotted #666;
}
body.group1 h1 { border-left: #C03 solid 10px; }
body.group1 h2 { background-image: url(/report/environmental/2013/image/01.gif); }
#editer h3, #message h3 {
	background: url(/report/environmental/2013/image/maru.gif) 0 4px no-repeat;
	border-bottom: 1px solid #666;
	padding: 0 0 3px 15px;
}
#message h3 { margin: 50px 0 15px 0; }
#study h1 { border-left: #063 solid 10px; }
#study h1 span {
	background: #D4EED8;
	margin: 0 0 0 10px;
	padding: 8px;
}
#study h2 { background-image: url(/report/environmental/2013/image/02.gif); }
.study1 h3 {
	margin: 30px auto 20px;
	border: none;
	border-bottom: 2px solid #333333;
	text-align: center;
	width: 60%;
	min-width: 500px;
}
.study1 h3 {
	margin: 30px auto 20px;
	border: none;
	border-bottom: 2px solid #333333;
	text-align: center;
	width: 60%;
	min-width: 500px;
}
.study411 #main dl {
	margin: 30px auto 20px;
	border: 1px solid #333333;
	border-collapse: collapse;
	text-align: left;
	width: 95%;
}
/*環境に関する研究とトピックス*/
.study411 #main dl dt, .study411 #main dl dd {
	border-bottom: 1px solid #333333;
	float: left;
	text-align: left;
	margin: 0;
}
.study411 #main dl dt p, .study411 #main dl dd p {
	text-indent: 0;
	margin: 10px;
}
.study411 #main dl dt {
	clear: both;
	text-align: left;
	width: 50%;
}
.study411 #main dl dd {
	width: 50%;
	border-left: 1px solid #333333;
}
.study411 #main dl dt:first-child {
	text-align: center;
	letter-spacing: 2em;
	background-color: #ECF8E0;
}
.study411 #main dl dd:nth-of-type(1) {
	text-align: center;
	letter-spacing: 1em;
	background-color: #ECF8E0;
}
.study411 #main dl dd:last-child { border: none; }
.study411 #main dl dt:nth-of-type(9) {
	border: none;
	border-right: 1px solid #333333;
}
.study412 p { margin: 0 0 1em; }
.study413 #main dl {
	margin: 30px auto 20px;
	text-align: left;
	width: 95%;
}
.study413 #main dl dt {
	text-align: left;
	margin: 0;
	padding: 0;
}
.study413 #main dl dd {
	text-indent: 1em;/* 文字1文字分下げる */
	margin: 0 0 30px;
	padding: 0;
}
.study1 #main p.second {
	text-indent: 0;/* 文字1文字分下げる */
	margin: 15px 0 0 50px;
}
.study421 #main .alignright {
	font-size: 90%;
	margin: 0 0 0 15px;
	text-align: left;
}
.study421 #main .alignright img { margin: 0 0 10px; }
.study421 #main .alignright p { text-align: right; }
.study421 #main ul.photo1 li div { text-align: left; }
.study421 #main ul.photo1 .zu1 {
	width: 350px;
	margin: 0 auto;
	padding: 0 0 20px 5em;
	text-align: center;
}
.study421 #main ul.photo1 .zu1:before {
	content: "図-1 ";
	margin: 0 0 0 -2.5em;
}
.study421 #main ul.photo1 .zu2 {
	width: 500px;
	margin: 0 auto;
	padding: 0 0 20px 5em;
}
.study421 #main ul.photo1 .zu2:before {
	content: "図-２ ";
	margin: 0 0 0 -2.5em;
}
.study421 #main ul.photo1 .zu3 {
	width: 500px;
	margin: 0 auto;
	padding: 0 0 0 5em;
}
.study421 #main ul.photo1 .zu3:before {
	content: "図-３ ";
	margin: 0 0 0 -2.5em;
}
.study422 .name p {
	background: #CCC;
	padding: 5px 8px;
	width: 300px;
	margin-left: auto;
	text-align: left;
	text-indent: 0;
}
.study432 .alignright {
	margin: 0 0 10px 10px;
	text-align: center;
	font-size: 90%;
}
.study432 .alignright img { margin: 0 0 5px; }
.study432 #main li img { margin: 0 10px 5px; }
#main ul.listten { margin: 10px 0 30px 30px !important; }
ul.listten li { margin: 0 0 5px 10px; }
ul.listten li:before {
	content: "?";
	margin: 0 0 0 -13px;
}
#performance h1 { border-left: #222486 solid 10px; }
#performance h2 { background-image: url(/report/environmental/2013/image/03.gif); }
.manegement h4 {
	margin: 10px 0 0 0;
	font-size: 110%;
	text-align: center;
}
#basichosin {
	border: #666 solid 3px;
	padding: 8px 8px 0;
	margin: 20px;
}
#basichosin dl { margin: 15px; }
#basichosin dl dt {
	margin: 5px 0 0;
	font-weight: bold;
}
#basichosin dl dd {
	margin: 5px 0px 15px;
	border: #666 dotted 2px;
	padding: 10px;
	text-indent: 1em;
}
#basichosin {
	border: #666 solid 3px;
	padding: 8px;
	margin: 20px;
}
#performance h6 {
	margin: 10px 0 0 25px;
	font-size: 100%;
	background: #f0f0f0;
	padding: 5px 8px 1px;
}
#my_contents h3.center {
	margin: 10px 0 0px;
	padding: 0 0 0 15px;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
	background: url(/report/environmental/2013/image/bc.gif) no-repeat;
}
body.shosigen h4 {
	margin: 10px 0 15px!important;
	padding: 3px 8px 1px;
	line-height: 1.4;
	font-size: 120%;
	border-bottom: 1px solid #333;
	color: #000;
}
.kankei h4 {
	margin: 20px 0 10px;
	font-size: 110%;
}
#center h1 { border-left: #E75523 solid 10px; }
#center h2 { background-image: url(/report/environmental/2013/image/04.gif); }
#center h3 {
	background: url(/report/environmental/2013/image/maru2.gif) 0 4px no-repeat;
	border-bottom: 1px solid #666;
	padding: 0 0 3px 15px;
	margin: 20px 0 15px;
}
.nyumon #photo li p {
	width: 160px;
	text-align: left;
	margin: 8px 0 0 8px
}
.nyumon #photo li:first-child p:before {
	content: "図1 ";
	margin: 0 0 0 -8px;
}
.nyumon #photo li:nth-of-type(2) p:before {
	content: "図2 ";
	margin: 0 0 0 -35px;
}
.nyumon #photo li:last-child p:before {
	content: "図3 ";
	margin: 0 0 0 -35px;
}
.nyumon #photo li:nth-of-type(2) p { margin: 8px 0 0 40px }
.nyumon #photo li:last-child p { margin: 8px 0 0 40px }
#hyoshi h1 { border-left: #330066 solid 10px; }
#hyoshi dl {
	margin: 30px auto !important;
	width: 350px;
}
/* 文章 */
#main { margin: 40px 10px 20px 15px; }
.box {
	margin: 25px auto 50px;
	font-size: 1em;
	width: 90%;
}
.box1 {
	margin: 50px 30px 50px;
	font-size: 1em;
}
.boxsub { margin: 10px 20px 20px; }
#main p.space2 a { margin: 0 0 0 2em; }
/**  本文 **/
.box .naka {
	margin: 5px 10px 50px;
	font-size: 1em;
	line-height: 1.5;
}
.kihonbunsho2 { margin: 5px 5px 15px; }
#main ul li {
	background: url( /report/environmental/2013/image/sikaku.gif ) no-repeat;
	padding-left: 15px;
}
/* 学長 */
.gakucho {
	float: right;
	width: 200px;
	margin: 0 5px 5px;
	text-align: center;
}
.gakucho p {
	text-align: center;
	margin: 5px;
	font-size: 90%;
}
.sign {
	margin: 20px 25px 40px 0;
	text-align:right;
}
.sign strong{	font-size: 1.2em;
padding:0 0 0 1em;
	font-weight:bold;}
	
body#message .chuijiko {
	margin: 0 40px 80px;
	text-align: left;
	font-size: 90%;
}
body#message .chuijiko li {
	margin: 0 0 0 0px;
	text-align: left;
	position: relative;
}
body#message .chuijiko li:first-child:before {
	content: "※1 ";
	margin: 0 0 0 -25px;
}
body#message .chuijiko li:nth-child(2):before {
	content: "※2 ";
	margin: 0 0 0 -25px;
}
body#message .chuijiko li:nth-child(3):before {
	content: "※3 ";
	margin: 0 0 0 -25px;
}
body#message #my_contents dl {
	border-top: 1px dotted #333;
	margin: 2em 0 0;
	padding: 2em 0 0px;
	float: none !important;
}
body#message #my_contents dl:nth-of-type(2) { border: none; }
body#message #my_contents dl dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
body#message #my_contents dl dd {
	margin: 0.5em 0 3em;
	padding: 0;
	text-indent: 1em;
}
body#message #main ul.photo2 { text-align: right; }
body#message #main ul.photo2 li {
	display: inline-block;
	padding: 0 10px;
	zoom: 1;
	text-align: center;
}
body#message #main .gakusei {
	margin: 50px 0 10px 0;
	text-align: right;
}
body#message #main .gakusei h3 {
	margin: 0px 0;
	border: none;
	width: 500px;
	display: inline-block;
}
/* 編集方針 */

body#editer dl { margin: 10px 15px 30px 20px; }
body#editer p.article3 {
	margin: 10px 0px 30px 45px;
	text-indent: 0em;/* 文字1文字分下げる */
}
dl.article1 { width: 95%; }
* html body dl.article1 dd div { display: inline-block; }
dl.article1 dt {
	float: left;
	width: 30px;
	padding-top: 0px;
	padding-bottom: 0;
	padding-right: 0;
}
dl.article1 dd {
	margin-left: 45px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.hosoku {
	margin: 0 0 0 4em;
	font-size: 90%;
}
.hosoku:before {
	content: "（補足）";
	margin: 0 0 0 -4em;
}
body#editer .photo img { margin: 15px 10px; }
/* 環境エネルギーフロー */
#main .kadomaru {
	border: 2px solid #000;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding: 8px;
	margin: 0;
}
#main .kadomaru h4 {
	border: none !important;
	font-size: 140%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#main .kadomaru #photo2 li img, #main .kadomaru #photo2 li p { float: left; }
#main .kadomaru li p { margin: 40px 0 0 5px; }
#main .kadomaru #photo { margin: 50px 0 30px; }
#main .kadomaru p { margin: 0 15px; }
#main .kadomaru .chuijiko:before {
	content: "※ ";
	margin: 0 0 0 -15px;
}
#main .kadomaru .chuijiko {
	margin: 30px 15px 30px 40px;
	text-align: left;
	font-size: 90%;
}
#main .arrow {
	margin: 0 auto;
	height: 52px;
	width: 390px;
}
#main .arrow img, #main .arrow p { float: left; }
#main .arrow p {
	margin: 15px 0 0 5px;
	width: 300px;
}
#main .arrow p strong { font-size: 140%; }
body.energy #main h5, body.shosigen #main h5 {
	border: none !important;
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0px 0;
}
body.jikken #main h4 {
	margin: 30px auto 10px;
	text-align: center;
}
body.jikken #main dl {
	border: 3px solid #222486 !important;
	margin: 5px auto 30px;
	width: 480px;
	padding: 10px;
}
body.jikken #main dl dt, body.jikken #main dl dd { float: left; }
body.jikken #main dl dt {
	clear: both;
	width: 100px;
}
body.jikken #main dl dt:before { content: "? "; }
/*神戸大学生協の環境活動の概要*/
body.seikyo h4, body.seven h4 {
	margin: 30px 0 15px!important;
	padding: 3px 8px 1px;
	line-height: 1.4;
	font-size: 120%;
	border-bottom: 1px solid #333;
	color: #000;
}
p.seikyo { margin: 0 0 1.5em 1.5em; }
.kankei .alignright {
	margin: 5px 0px 20px 10px;
	text-align: center;
}
.kankei .alignright img { margin: 0 0 5px; }
ul.seikyo { margin: 10px 0 0 2em; }
body.seven ul.seikyo li {
	margin: 0px 15px 0 15px;
	float: none;
	clear: both;
	width: 200px;
}
ul.seikyo li { margin: 0px 15px 0 15px; }
ul.seikyo li:before {
	content: "■ ";
	color: #222486;
	margin: 0 0 0 -15px;
}
.seikyo h5 {
	margin: 20px 10px 10px;
	font-size: 100%;
}
.seikyo h5:before { content: "〈"; }
.seikyo h5:after { content: "〉"; }
body.seven ol { margin: 20px 0 20px 50px; }
body.seven ul#photo li p {
	text-align: left;
	width: 220px;
	text-indent: 0;
}
body.seven ul#photo li ul.seikyo {
	width: 220px;
	text-align: left;
	margin: 0 0 0 30px;
}
body.seven ul#photo li ul.seikyo li {
	clear: both;
	font-size: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
}
/*第3者意見*/


#iken h1 { border-left: #FFCC00 solid 10px; }
#iken #main ol {
	margin: 40px auto 20px;
	width: 90%;
}
body#iken #main .gakusei {
	margin: 50px 0 10px 0;
	text-align: right;
}
body#iken #main .gakusei h3 {
	margin: 0px 0;
	border: none;
	width: 480px;
	display: inline-block;
}
#iken .waku {
	text-align : right;
	margin: 20px auto;
	width: 90%;
}
#iken .shomei {
	margin-left: auto;
	margin-right : 0;
	text-align : left;
	width: 300px;
}
#iken .profile {
	margin-left: auto;
	margin-right : 10px;
	margin-top: 15px;
	text-align : left;
	width: 480px;
	border: 1px solid #333;
	padding: 10px;
}
#iken .profile img { float: left; }
#iken .profile dl {
	float: right;
	width: 310px;
	margin: 0;
}
#iken .profile dl dt {
	background: #f0f0f0;
	padding: 5px 0 3px 15px;
	margin: 0;
	letter-spacing: 1em;
}
#iken .profile dl dd {
	padding: 0;
	margin: 8px 0 15px 15px;
}
/* 表紙説明 */
#hyoshi p.center { margin: 30px auto; }
#hyoshi dl.kettei {
	margin: 30px auto 50px;
	width: 300px;
}
#hyoshi dl dt {
	margin: 0px auto;
	text-align: center;
}
#hyoshi dl dd {
	margin: 20px auto;
	padding: 0 0 0 8px;
	text-align: left;
	width: 300px;
	border-left: 3px solid #333;
}
#hyoshi .yushu {
	margin: 30px auto;
	width: 460px;
}
#hyoshi .yushu2 {
	margin: 0 auto;
	width: 460px;
}
#hyoshi .alignleft {
	margin: 0 0 20px 0;
	width: 221px;
	text-align: center;
}
#hyoshi .alignright {
	margin: 0 0 20px 0;
	width: 221px;
	text-align: center;
}
#hyoshi h3 {
	margin: 5px 0;
	padding: 0;
	font-size: 110%;
	border: none;
}
#hyoshi .yushu2 div.txt {
	margin: 5px 0;
	text-align: left;
	font-size: 90%;
}
/* パン屑 */
.pan {
	font-size: 0.9em;
	margin: 20px 15px 0;
	color: #333;
	text-indent: 0;
	font-weight: bold;
}
.pan li {
	width: auto;
	display: inline-block;
	padding: 0px;
	zoom: 1;
}
.pan a {
	margin: 0;
	padding: 8px 15px 8px 5px;
	font-weight: normal;
	background: url(/report/environmental/2013/image/btn/pan.png) no-repeat right;
}
.pan li strong {
	margin: 0 0 0 5px;
	font-weight: normal;
}
/* 位置 */
.center {
	text-align: center;
	margin: 5px;
}
.all5 { margin: 5px; }
.right10 { margin: 0px 10px 0; }
.left { margin-left: 5px; }
.left2 { text-align: left; }
.right { text-align: right; }
.space { margin-left: 1em; }
.space1 { margin: 1em 0; }
.space2 { margin: 2em 0 0 0; }
.space3 {
	margin-left: 0.5em;
	font-size: 0.9em;
}
.space4 { text-indent: 0;/* 文字1文字分下げない */ }
.space5 { margin-left: 1.5em; }
.space6 { margin: 2em 0 0 2em; }
.edit { margin-left: 0.8em; }
.line_gray { margin: 15px 0 15px 20px; }
/* 写真 */
.photo { text-align: center; }
.photo img.rokko {
	max-width: 90%;
	min-width: 500px;
	height: auto;
}
ul#photo, ul#photo2, ul.photo1 {
	text-align: center;
	margin: 10px 0 30px;
}
ul.hyo {
	text-align: center;
	margin: 20px 0 30px;
}
ul#photo li {
	display: -moz-inline-box;
	display: inline-block;
 /display: inline;
 /zoom: 1;
	padding: 0 20px 20px;
	text-align: center;
	font-size: 90%;
	line-height: 1.3;
	vertical-align: top;
}
ul#photo2 li {
	display: -moz-inline-box;
	display: inline-block;
 /display: inline;
 /zoom: 1;
	padding: 0 5px;
	text-align: center;
	font-size: 90%;
	line-height: 1.3;
	vertical-align: top;
}
ul#photo2 li p {
	text-align: left;
	text-indent: 0;
}
ul#photo li img, ul#photo2 li img { margin: 0 0 10px; }
ul.photo1 li {
	padding: 0 20px 20px;
	font-size: 90%;
}
ul.photo1 li img { margin: 0 0 10px; }
ul.hyo li {
	display: -moz-inline-box;
	display: inline-block;
 /display: inline;
 /zoom: 1;
	padding: 0 10px 20px;
	text-align: center;
	line-height: 1.3;
	vertical-align: top;
}
ul.hyo li img { margin: 10px 0 10px; }
ul.jikkenyo li { width: 220px; }
ul#photo2 li strong {
	border: 1px solid #000;
	padding: 2px 5px;
	font-size: 110%;
}
body.iryo ul#photo2 li { line-height: 1.8; }
.caption {
	text-indent: 0px;
	text-align: left;
	margin-left: 20px;
}
.caption1 {
	text-align: center;
	font-size: 90%;
}
/* 小さな数字 */
sup, sub { font-size: 0.8em; }
.ss {
	font-size: 0.8em;
	font-weight: normal;
}
strong.red {
	color: #900;
	font-weight: normal;
}
.hitomoji { margin: 0 0 0 1em; }
/* ページトップ */
.pagetop {
	margin: 0 20px 0;
	font-size: 0.8em;
	text-align: right;
}
.pagetop a {
	padding-left: 20px;
	background: url(/report/environmental/2013/image/btn/pagetop.gif) no-repeat;
}
/*footer*/
#footer {
	clear: both;
	padding: 10px 0 0;
	background: #16832E;
}
#copyright {
	margin: 0px auto;
	padding: 6px 10px;
	text-align: right;
	font-size: 75%;
	letter-spacing: 1px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 800px;
	max-width: 1280px;
}


/* end */