@charset "Shift_JIS";

/*
関西学院大学理工学部 物理学科webサイト用スタイルシート
           Copyright (c) 2008, A.Kurita
*/

/* *************** 一般 ***************** */

/* ページ領域の外側の設定など */
body {
	width: 900px;
	color: black;
	background-color: #bbbbbb;
/*	background-image: url("./img/BG.gif"); */		/* 背景画像（うすい赤のストライプ） */
	font-family: "CI",Meiryo,"Hiragino Kaku Gothic Pro","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;		/* 2014.12.12 A.K. */
	font-size: 90%;
	padding: 0pt;
	margin-right: auto;
	margin-left: auto;
	border-right: 4px solid #603;
	border-bottom: 4px solid #603;
	border-left: 1px solid #603;
	border-top: 1px solid #603;
}

/* ページ全体 */
div#page {
	background-color: white;
}

/* ----------------- タイトル ------------------- */

h1 {
	font-size: 180%;
	margin-top: 1.3em;
	margin-bottom: 0.7em;
	letter-spacing: 0.1em;
	font-weight: normal;	/* 2014.12.12 A.K. */
}

h2 {
	margin:1.3em 0px 0.8em 0px;
	padding:0px;
	font-size:150%;
	color:#400;
	border-style:solid;
	border-color:#400;
	border-width:0px 0px 2px 0px;
	width: auto;
	font-weight: normal;	/* 2014.12.12 A.K. */
}

h3 {
	margin:1.5em 0px 10px 0px;
	padding:2px 5px 2px 5px;
	font-size:105%;
	font-weight: normal;
	color:#333;
	width: auto;
	border-top: #666 1px solid;
	border-bottom: #666 1px solid;
	background: #ffd;
}

h4 {
	font-size: 105%;
	border-left: 1em #39c solid;
	padding-left: 0.5em;
	margin: 1em 0em 1em 0px;
}

h5 {
	padding: 0;
	margin: 0.5em 0px 0.5em 0px;
	font-size: 100%;
}

/* ----------------- 表および色つきの箱 ------------------- */

/* 表の一般的設定 */
/* 各セル内の文字は、左寄せ */
table {
	font-size: 102%;
	margin: 0.5em 0px 0.5em 0px;
	border-collapse: collapse;	/* 枠をつける場合のため */
	text-align: left;
	line-height: 1em;		/* IEで変化あり。NNでは少し変化。Operaでは無し */
}

/* 各セルに影のついた表 */
table.shadow {
	border-collapse: separate;
	border-spacing: 7px;
}

/* ヘッダーセルの一般的設定 */
/* 太字にしない。中央配置。背景は水色。 */
th {
	border: 2px white solid;
	font-weight: normal;
	text-align: center;
	color: black;
	padding: 0.2em 0.4em 0.2em 0.4em;
	background: #ccf;
}

/* セルの一般的設定     */
/* 枠無し。文字は左寄せ */
td {
	border: 0px;
	padding: 0.2em 0.4em 0.2em 0.4em;
	vertical-align: top;
}

/* セル内で桁折りしない */
td.nowrap {
	white-space: nowrap;
}

/* 枠つきの表のセル */
table.border th {
	border: 1px solid black;
}

/* 枠つきの表のセル */
table.border td {
	border: 1px solid black;
	padding: 0.3em 0.5em 0.3em 0.5em;
}

/* 文字を中央に寄せるセル */
table.center td {
	text-align: center;
	vertical-align: middle;
	padding: 0.2em;
}

/* 影つきのセル   */
/* 背景は白くする（外側が色つきの場合のために） */
table.shadow td, table.shadow th {
	border: #666 solid;
	border-width: 1px 4px 4px 1px;
	padding: 0.8em 1em 0.8em 1em;
}

.shadow td {
	background-color: white;
}

/* 特定のセルのみ中央寄せにする */
td.center {
	text-align: center;
}

/* その列だけ、文字を中央配置。IEのみ対応。 */
colgroup.center {
	text-align: center;
}

.dotbox {
	border: #4c99bf 5px dotted;
	padding: 5px 10px 5px 15px;
	list-style-position: inside;
}

/* shadowの場合でもセルに色をつけるため、別に定義 */
td.cyanbox {
	background-color: #ccf;
}

td.orangebox {
	background-color: #fc9;
}

td.pinkbox {
	background-color: #fcc;
}

td.yellowbox {
	background-color: #ff9;
}

.cyanbox {
	background-color: #ccf;
	color: black;
}

.orangebox {
	background-color: #fc9;
	color: black;
}

.pinkbox {
	background-color: #fcc;
	color: black;
}

.yellowbox {
	background-color: #ff9;
	color: black;
}

div.cyanbox,
div.orangebox,
div.pinkbox,
div.yellowbox
{
	padding: 0.6em;
 	margin-top: 3px;
}

div.greenbox {
	background: #0c0;
	padding: 0.3em;
 	margin-top: 3px;
	color: white;
}

div.cyanframe {
	color: black;
	background: white;
	border: #ccf 2px solid;
	padding: 0.3em;
}

div.greenframe {
	border: #0c0 2px solid;
	background: #9f9;
	color: black;
	padding: 0.3em;
}

div.shadowbox  {
	border: #666 solid;
	border-width: 1px 4px 4px 1px;
	padding: 0.8em 1em 0.8em 1em;
	color: black;
	background: white;
}


/* ----------------- リスト ------------------- */

ul {
	font-size: 100%;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	margin-top: 0px; /* 初期値は 0 ではない(Opera) */
	padding-left: 1.5em; /* NN,IE,Operaで合わせるには、paddingとmarginの両方を設定 */
	margin-left: 0.5em;
	margin-bottom: 5px;
	line-height: 1.4em;
}

li {
	margin-bottom: 5px;
}


ul ul {
	list-style-type: circle;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

ul ul ul {
	list-style-type: square;
}

ul.nomark {
	list-style: none;
}

/* 内部リンク用 */
ul.inlink {
	list-style-type: disc;
	color: #4c99bf;
}

/* 外部リンク用 */
ul.extlink {
	list-style-type: square;
	color: #f97;
}
ul.extlink li a {
	padding-right: 16px;
	margin-right: 2px;
	background-image: url("./img/outside.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center right;
}

/*阪上追加リスト見出し角*/
ul.idx {
	font-size: 105%;
	padding-left: 0em;
	margin-left:  0em;
	margin-top: 0em;
	list-style-type: none;
}

ul.idx li {
	margin-top: 0.0em;
	margin-left: 5px;
	padding-left: 13px;
	background-image: url(./img/b28.gif);
	background-repeat: no-repeat;
	background-position: 0% 3px;
}

ul.square {
	font-size: 90%;
	padding-left: 0em;
	margin-left:  4em;
	margin-right: 0em;
	list-style-type: none;
	line-height: 1.0em;
}

ul.square li {	
	margin-top: 0.0em;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: square;
	color: #800000;
	background-image:none;
	background-repeat: no-repeat;
	line-height: 1.2em;/*最初は1.0em*/

}
/*阪上追加ここまで*/

ol {
	font-size: 100%;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	margin-top: 0px; /* 初期値は 0 ではない(Opera) */
	padding-left: 1.5em; /* NN,IE,Operaで合わせるには、paddingとmarginの両方を設定 */
	margin-left: 1em;
	margin-bottom: 5px;
	line-height: 1.4em;
}

ol ol {
	list-style-type: lower-roman;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

ol ol ol {
	list-style-type: lower-alpha;
}

dl {
	font-size: 100%;
	line-height: 1.3em;
	margin-top: 0.1em; /* 初期値は 0 ではない(Opera) */
	margin-bottom: 0.1em; /* 初期値は 0 ではない(IE) */
}

/* 定義型リストの見出し */
/* 文字を茶色にする     */
dt {
	color: #933;
	margin-top: 0.2em;
/*	padding-left: 0.2em; */
}



/* 定義型リストの説明 */
/* 少し字下げ         */
dd {
	margin-left: 1.5em;
}

/* 阪上追加：定義型リストの説明 */
/* 少し字下げ      紺色文字   */
dd2 {
                                   color: #096;
	margin-left: 1.5em;
}


/* ----------------- 強調 ------------------- */

span.keyword {
	color: #00f;
	margin-right: 0.2em;
	margin-left: 0.2em;
}

em {
	font-style: normal;
	font-weight: bold;
	border-bottom: solid black 1px;
}

strong {
	color: red;
	border-bottom: dotted 3px red;
	background: white;
	font-style: normal;
	font-weight: bold;
}

/* ----------------- リンク ------------------- */

/* マウスを重ねたら赤色に */
/* 本当は背景を変えたいが、IE6 のバグで、hover状態になると float が */
/* おかしくなるので、とりあえず、背景は変えない。 */
a:hover {
/* 	background-color: #69c;
	color: white; */
	color: red;
}

/* <a>要素の中の<img>に枠がつかないように。 */
a img {
	border: 0px;
}

a.pdf {
	padding-right: 16px;
	margin-right: 2px;
	background-image: url("./img/pdf.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center right;
}

a.ext {
	padding-right: 16px;
	margin-right: 2px;
	background-image: url("./img/outside.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center right;
}

/* ----------------- 段落 ------------------- */

p {
	text-align: justify;
	font-size: 105%;	/* 2014.12.12 A.K. */
	line-height: 1.6em;	/* 2014.12.12 A.K. */
	background-color;white;
}

/*阪上追加	*/
p.st {
	font-size: 95%;
	line-height: 1.0em;/*1em*/
	margin-left: 2em;
	margin-right: 0em;
	margin-top: 0.0em;
	text-align: justify;
}

/* 先頭の字下げをしないクラス */
p.noindent {
	text-indent: 0em;
	margin-top: 0.8em;
	margin-bottom: 0.5em;
}

p.center {		/* 2014.12.18 A.K. */
	text-align: center;
}

/* 横幅の一杯のイメージ */
img.width100 {		/* 2014.12.12 A.K. */
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* 横幅の70%のイメージ センタリング */
img.width70 {		/* 2014.12.12 A.K. */
	width: 70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* 横幅の60%のイメージ センタリング */
img.width60 {		/* 2014.12.15 A.K. */
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* 横幅の50%のイメージ センタリング */
img.width50 {		/* 2014.12.13 A.K. */
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* caption つき img */  /* 2014.12.15 A.K. */
div.figwithcaption img {
	float: left;
	display: inline;
	margin-right: 1em;
	margin-bottom: 1em;
}
div.figwithcaption div { clear: both } /* 回り込みを解除するためのダミー */

/* *************** 一般 おわり *************** */

/* トップページのヘッダー(英語版へのリンクのある部分) */

table#header {
	margin-top: 0px;
	margin-bottom: 0px;
}

td#header_t {
	height: 35px;
  background: url(./kglogo.png) no-repeat;
  background-position: left top;
  padding: 0px;
  text-align: right;
}

td#header_l {
	height: 107px;
	width: 734px;
  background: url(./phys_l.png) no-repeat;
  padding: 0px 0px 5px 0px;
}

td#header_c {
  background-image: url(./phys_c.png);
  background-repeat: repeat-x;
  padding: 0px 0px 5px 0px;
}

td#header_r {
  width: 15px;
  background: url(./phys_r.png) no-repeat;
  padding: 0px 0px 5px 0px;
}

td#header_l h1 {
	display: none;
}


<!-- 旧ヘッダー -->
#head {
	padding: 1px 5px 0px 0px;
	font-size: 90%;
	font-weight: bold;
	color: #4060C6;
	background: white;
	text-align: right;
	display: none;
}

body#toppage #head {
	display: block;
}

/* トップページのロゴ */
div#logo {
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
	background-image: url("./img/top.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
}
div#logo h1 {
	display: none;
}

/* ナビゲーションバー */
/* リンクバー */
div#title_menu, div#links {
	height:24px;
	list-style:none;
	width: 100%;
	background:url("./nav.png") repeat;
}

div#title_menu ul, div#links ul {
	margin: 0px;
	padding: 0px;
}
div#title_menu li, div#links li {
	margin-bottom: 0px;
	list-style: none;
	float: left;
}
div#title_menu a, div#links a {
	width: 110px;
	font-size: 80%;
	padding-top: 2px;
	height:24px;
	text-decoration: none;
	display: block;
	text-align: center;
	text-align: center;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	color: white;
	font-weight: bold;
	font-family: "CI",Meiryo,"Hiragino Kaku Gothic Pro","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}
div#title_menu a:hover, div#links a:hover {
		box-shadow: inset 3px 3px 3px white;
		color: white;
}
div#title_menu a#sel {
		box-shadow: inset 0px 7px 10px white;
		color: white;
}

/* トップページの所在地表示用 */
div#address {
	display: none;
}
body#toppage div#address {
	display: block;
	margin: 1px 5px 0px 10px;
	font-size: 90%;
	color: #666;
	background: white;
}

/* Google検索 */
div#google {
	display: none;
}
body#toppage div#google {
	display: block;
	margin-left: 8px;
	margin-right: 5px;
	font-size: 90%;
}
div#google p {
	margin-top: 0px;
}

/* コンテンツ部分 */
div#contents {
	margin-left: 5ex;
	margin-right: 5ex;
	margin-bottom: 5ex;
}



/* 著作権表示 */
address#foot {
	margin: 2px 5px 3px 10px;
	padding-top: 3px;
	padding-bottom: 8px;
	text-indent: 0em;
	font-size: 80%;
	font-style: normal;
}

/* -------- 印刷用設定 --------- */
@media print {
body {
	font-size: 12px;
	background: white;
	width: auto;
	border-width: 0px;
}
div#head { display: none }
div#logo {
	width: 100%;
	height: auto;;
	color: black;
	margin: 0;
	padding: 0;
	background-image: none;
}
div#logo h1 { display: block }
div#google {
	display: none;
}
div#contents {
	margin-left: 0px;
	margin-right: 0px;
}
div#title_menu {
	display: none;
}
div#links {
	display: none;
}

font-size: 90%;
}

td#leftcolumn, tr#header, td#headerbar {
	display: none;
}
td#centercolumn {
	font-size: 13px;
}
div#content {text-align: left; padding: 8px; width: 95%; margin-left: 0%; }
div.noprint {display: none;}
}