@import url(/shared/styles/common.css);


/* === 汎用的に使うアクションボタンの位置　 === */
/*　右揃え  */

div.actionButtonR {
 text-align:right;
 padding: 0 4px 4px 0;
 font:normal normal normal 10px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div.actionButtonC {
 text-align:center;
 padding: 4px;
 margin:4px;
}

/* === 汎用的に使うPタグのクラス　 === */

div#ewContentsBody p { 
 line-height: 18px; 
 margin-top: 0; 
 margin-bottom: 8px;
} 

  /*  banner */
/*================================================*/

div.bannerArea {
padding:2px;
margin-bottom:6px;
text-align:center;
 }


/* === ページのトップへ戻る　 === */
div.gotoTop {
 clear:both;
 border-top:1px #cfcfcf solid;
 margin-top:32px;
 margin-bottom:0;
 padding-top:3px;
 padding-bottom:0;
 text-align:right;
 }

/* 色文字強調 */
p.notice {
 color:#641000;
}

em {
 color:#0c8a0c;
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
}

 /* 関連情報　*/
div#ewContentsBody div.contextInfo {
 color:#000000;
 background-color:#dce6c1;
 border:1px #0c8a0c solid;
 padding:8px 4px 8px 4px ;
 margin: 12px 4px 12px 12px;
}
div#ewContentsBody div.contextInfo h4 {
 color:#0c8a0c;
 font:normal normal bold 12px/16px;
 padding:0 4px 4px 4px;
 margin:0;
}
div#ewContentsBody div.contextInfo p {
margin-top: 8px;
margin-right: 10px;
padding: 0;
}
div#ewContentsBody img.intrvw-photoR {
float: right;
/*border: 1px #c4e668 solid ; */
padding: 8px;
}

div#ewContentsBody img.intrvw-photoL {
float: left;
border: 1px #c4e668 solid ;
padding: 8px;
}


div.applyCourse {
 clear: both;
 text-align: center;
 padding:2px;
 border-bottom:1px #589536 dotted;
 background: #EBFFC9;
 margin-bottom:6px;
}





 /*  ユニバーシティトップ */
 
div.universityContentsArea {
 color:#000000;
 background-color:#ffffff;
 }
div.universityContentsArea table.column {
  margin-top:8px;
} 
div#ewContentsBody div.universityContentsArea h1 {
 width:578px;
 padding:4px 0 2px 6px;
 margin-bottom:1px;
 background: #cbdeb4;
 border: 1px #589536 solid;
 }
div#ewContentsBody div.universityContentsArea h2#term {  
 margin: 8px 0 4px 4px;
} 
div#ewContentsBody div.universityContentsArea h2#catch {  
 margin: 0 0 0 4px;
} 
div#ewContentsBody div.universityContentsArea h2 {  
 margin: 4px 0 8px 4px;
} 
div#ewContentsBody div.universityContentsArea h2.common {  
 margin: 8px 0 8px 4px;
} 

div#ewContentsBody div.universityContentsArea h3 { 
 margin-bottom: 8px;
} 
div#ewContentsBody div.universityContentsArea h4 {  
 margin: 4px 0 4px 0;
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
} 
div#ewContentsBody div.universityContentsArea h5 {  
 margin: 0 0 8px 0;
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 color: #333333;
} 

div.goProgram {
text-align:right;
flot:right;
margin-top:14px;
/* border-bottom: 1px #088526 solid;
padding:4px 0 4px 0;
margin:0 2px 4px 0; */
}

div#ewContentsBody div.universityContentsArea div.univNavi {
white-space:nowrap;
}
div#ewContentsBody div.universityContentsArea img.photo {
 float:right;
 /* border: 1px #659d4c solid; 濃い緑*/
 border: 1px #999999 solid;
 margin: 4px 2px 4px 2px;
}
div#ewContentsBody img.univScene {
 /*border: 1px #0c8a0c solid; */
 margin-bottom: 6px;
}
div#ewContentsBody img.scene {
 border: 1px #0c8a0c solid;
 margin: 6px;
 float: right;
}
div#ewContentsBody img.powers {
 margin: 4px;
 float: right;
}

/* 講座の紹介 */
div#ewContentsBody div.universityContentsArea div.sessionBody {
 margin-top:18px;
	width:100%;
}
div#ewContentsBody div.universityContentsArea div.sessionBody p {
 margin-left:12px;
}
div#ewContentsBody div.universityContentsArea div.sessionBody h3 {
clear:both;
 font:normal normal bold 14px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 border-top: 1px #589536 dotted;
 border-bottom: 1px #589536 dotted;
 padding:2px 0 2px 2px;
 background: #cbdeb4;
}
div#ewContentsBody div.universityContentsArea div.sessionBody h3 span.catch {
clear:both;
 font:normal normal normal 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 padding:2px 0 2px 2px;
 margin-bottom:2px;
}

div#ewContentsBody div.universityContentsArea div.sessionBody h4 {
clear:both;
 margin: 4px 0 4px 12px;
 font:normal normal bold 14px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 color: #589536;
}
div#ewContentsBody div.universityContentsArea div.sessionBody h5 {
 margin: 0 0 8px 12px;
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 color: #666666;
}

div#ewContentsBody div.universityContentsArea div.sessionBody div.gotoDetail {
padding:0 4px 4px 0;
margin:4px 0 2px 12px;
}


/* 番号付リスト　*/
div#ewContentsBody div.universityContentsArea div.sessionBody ol {
padding:0 0 0 0;
margin: 0 0 12px 0;
}
div#ewContentsBody div.universityContentsArea div.sessionBody ol li {
padding:0 0 0 0;
margin:0 0 8px 42px;
 font:normal normal normal 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
}




/* もともとあるスタイル */
div.pgnavi {
text-align:right;
border-bottom: 1px #088526 solid;
padding:4px 0 2px 0;
margin-bottom:4px;
}

/* 線付の表　*/
div#ewContentsBody table.general {  
 border: 1px #999999 solid ;
 border-collapse: collapse;
 empty-cells: show;
 table-layout: fixed;
 margin-bottom:6px;
 width:564px;
 margin-left:12px;
 }
div#ewContentsBody table.general tr th {
 background-color: #ebffc9;
 text-align: left;
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
}
div#ewContentsBody table.general td, div#ewContentsBody table.general th {
 border: 1px #999999 solid ;
 border-width: 0 1px 1px 0;
 padding: 2px;
 font:normal normal normal 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
}
div#ewContentsBody table.general td.title {
background-color: #ebffc9;
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
}


div.introduce {
padding:4px;
}

div.introduce  p.intro-name {
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
}
div.introduce  p.intro-univ {
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif;
 color:#589536; 
}


/* university top */
div#ewContentsBody div.universityContentsArea div.infoSession {
 color:#000000;
 background-color:#ebffc9;
 border:1px #0c8a0c solid;
 margin-bottom:6px;
 padding:4px 4px 4px 8px;
 font:normal normal normal 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 }
div#ewContentsBody div.universityContentsArea div.infoSession h3 {
 margin-top:4px;
 margin-bottom:8px;
 }
div#ewContentsBody div.universityContentsArea div.infoSession h4 {
 font:normal normal bold 14px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 color: #0c8a0c;
 border-bottom: 1px #0c8a0c dotted;
 padding:0 2px 4px 2px;
 margin:0 0 0 0;
 }
 
div#ewContentsBody div.universityContentsArea div.infoPastReport {
 color:#000000;
 border:1px #0c8a0c solid; 
 width:220px;
 margin-bottom:6px;
 font:normal normal normal 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
}
div#ewContentsBody div.universityContentsArea div.infoPastReport h3 {
 background: #81c55a;
 margin:0;
 padding:0;
}

div.infoEachSession {
 padding:0 4px 4px 4px;
}

div.infoEachSession h4 {
 font:normal normal normal 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 margin-top:0;
 margin-bottom:0;
 padding:0;
 color: #333333;
}
div.infoSpeaker {
 padding:4px;
 margin-bottom:8px;
}
div.infoSpeaker h4 {
 font:normal normal normal 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 color: #0c8a0c;
 margin-bottom:4px;
 padding-bottom:4px;
 border-bottom: 1px #58963f dotted;
}
div.PRblue {
 color:#000000;
 border:1px #666666 solid; 
 margin-bottom:6px;
}
div.PRblue h3 {
 margin:0;
 background-color:#c9d6d7;
 padding:2px;
}
div.PRblue  p.catch {
 font:normal normal normal 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 color: #00659c;
 padding:3px;
}
div.PRblue p {
 padding:4px;
 font:normal normal normal 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
}
div.PRstandard {
 color:#000000;
 border:1px #333333 solid; 
 margin-bottom:6px;
}
div.PRstandard h3 {
 margin:0;
 background-color:#cc0000;
}
div.PRstandard p {
 padding:4px;
 font:normal normal normal 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
}
div.PRstandard img.photo {
 float:right;
 border: 1px #333333 solid;
 margin: 4px 2px 4px 2px;
}

/* サイトマップとかに使えるリンクリスト　*/

div#ewContentsBody div.infoSession ul.sessionInfo {
 /* list-style:none; */
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 margin-top:8px;
 margin-bottom:12px;
 color: #0c8a0c;
 }
div#ewContentsBody div.infoSession ul.sessionInfo  li {
 margin: 0 0 4px 16px;
 padding: 0 0 0 0;
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 }
	
div.rightImg{

float:right;
width:150px;
}

div#ewContentsBody div.universityLaboContentsArea div.sessionBody div.rightImg p{
margin:0;
padding:0;
}

div#ewContentsBody div.universityLaboContentsArea div.sessionBody div.rightImg p.caption{
font-size:11px;
margin:0;
padding:0;
line-height:100%;
}

/* ==ユニバーシティラボ=============================== */

div#ewContentsBody div.universityLaboContentsArea h1 {
 width:578px;
 padding:4px 0 2px 6px;
 margin-bottom:1px;
 background: #ffff99;
 border: 1px #ff9900 solid;
 }
 
div#ewContentsBody div.universityLaboContentsArea div.sessionBody h3 {
clear:both;
 font:normal normal bold 14px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 border-top: 1px #ff9900 dotted;
 border-bottom: 1px #ff9900 dotted;
 padding:2px 0 2px 2px;
 background: ffff99;
}
#ewContentsBody ul.nospace {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px -10px;
	list-style-type: disc;
	font-size: 12px;
	list-style-position: outside;
}
#ewContentsBody ul.nospace li {
	margin: 5px 0px;
	padding: 0px;
}