/* CSS Document */


/* ************************************************* *
   ■学内・卒業生HPスタイル
 * -------------------------------------------------
 * 「cmn_base.css」の最適化＋α
 * サイト毎に調整が必要なものをまとめて設定
 * ************************************************* */
/* ================================================= *
 * ================================================= */

/* ================================================= *
    ※ 13/10/22文字サイズを調整 ※
 * ================================================= */
.bStyle ul li,
.bUL ul li,
ul.bUL li,
.bStyle ol li,
.bOL ol li,
ol.bOL li,
.bDL dl dd,
dl.bDL dd,
dl.bDateList dt,
dl.bDateList dd {
	font-size:100%;
}

/* ------------------------------------------------- *
 * ページの基本構成
 * ------------------------------------------------- */
#header, #contents, #footer {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

/* 2カラム時の各幅 */
.b2ColumnBox .bColumnA,
.b2ColumnBox .bColumnB { width:420px; }

/* 3カラム時の各幅 */
.b3ColumnBox .bColumnA,
.b3ColumnBox .bColumnB,
.b3ColumnBox .bColumnC { width:275px; }


/* ------------------------------------------------- *
 * ヘッダー
 * ------------------------------------------------- */
/* サイトタイトル（h1は#headerでのみ使用） */
#header {
	position:relative;
	background-color: #0A58A5;
}
#header h1 {
	display: block;
	margin-bottom: 0px;
	padding: 2px 5px;
	color: #E9E9E9;
	letter-spacing:0.2em;
	font-size:11px;
	font-weight:normal;
	text-align: left;
}

/* ヘッダーナビ */
#header div#headNavi {
	position:absolute;
	top:1px;
	right:0px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	width: auto;
}
#header div#headNavi a {
	color: #F4F4F4;
}
#header div#headNavi a:hover {
	color: #FFCC00;
	text-decoration: none;
}
#header div#headNavi ul {
	margin-left: 0px;
	zoom: 1;
}
#header div#headNavi li {
	font-size: 100%;
	float: left;
	padding: 0 7px 0 10px;
	background: url(_img_family_base/ico_arrow04.png) 0 center no-repeat;
}

/* 複数のULを横並びにできるよう改良 */
#header div#headNavi ul {
	float:left;
	margin-right:8px;
}
/* ------------------------------------------------- *
 * コンテンツ
 * ------------------------------------------------- */
#contents {
	position: relative; /* DWで正常にプレビューできるようになります。 */
}

/* ------------------------------------------------- *
 * フッター
 * ------------------------------------------------- */
#footer {
	padding:1px 5px;
	color:#FFFFFF;
	font-size:11px;
	text-align:right;
	background-color:#666666;
}
#footer a { color:#FFFFFF; }
#footer a:hover { background-color:#333333; text-decoration:none; }

/* ------------------------------------------------- *
 * ページ末尾のスペース
 * （ページ内リンクの有無に応じて個別設定する）
 * ------------------------------------------------- */
#pageEND {
	margin-top:auto;
}

/* ================================================= *
 *        link
 * ================================================= */

/* 共通リンクスタイル */
a {
	color: #0073FF;
	text-decoration: none;
}
a:hover {
	color: #EA5E00;
	text-decoration:underline;
}

/* 「終了」リンク */
.typeClosed a,
a.typeClosed {
	color: #6F8E91;
}
/* 「準備中」リンク */
.typeUC a,
a.typeUC {
	color: #5E9BA2;
}

.typeClosed span.typeComment,
.typeUC span.typeComment  {
	color: #707E8F
}

/* ------------------------------------------------- *
 * 共通ID&PW表記（.bLinkPWMarkと併用）
 * ------------------------------------------------- */
span.fmlLinkPWCmn {
	color:#FF00FF;
}


/* ================================================= *
 * 学内・卒業生用リンク先属性（rel）クラス
 * ================================================= */
/* ID&パスワードお問合せフォーム */
.relIntWebPass {
	padding-left:16px;
	background-image:url(_img_cmn_base/mk_link_classic.gif);
	background-repeat:no-repeat;
	background-position:1px 0.2em;
}

/* 別カテゴリ */
dl dd.typeLinkCategory, ul li.typeLinkCategory,
dl.typeLinkCategory dd, ul.typeLinkCategory li,
.typeLink dl dd.typeLinkCategory, .typeLink ul li.typeLinkCategory {
	background-image:url(_img_cmn_base/mk_link_classic.gif);
	background-repeat:no-repeat;
	background-position:0px 0.2em;
}
/* 学内 */
dl dd.typeLinkCatInternal, ul li.typeLinkCatInternal,
dl.typeLinkCatInternal dd, ul.typeLinkCatInternal li,
.typeLink dl dd.typeLinkCatInternal, .typeLink ul li.typeLinkCatInternal {
	background-image:url(_img_family_base/mk_link_cat_internal.gif);
	background-repeat:no-repeat;
	background-position:0px 0.2em;
}

/* 卒業生 */
dl dd.typeLinkCatGraduates, ul li.typeLinkCatGraduates,
dl.typeLinkCatGraduates dd, ul.typeLinkCatGraduates li,
.typeLink dl dd.typeLinkCatGraduates, .typeLink ul li.typeLinkCatGraduates {
	background-image:url(_img_family_base/mk_link_cat_graduates.gif);
	background-repeat:no-repeat;
	background-position:0px 0.2em;
}

/* 学内独立HP（リストマーク専用） */
.typeLink dl.bDL dd.typeLinkFamily, .typeLink ul li.typeLinkFamily, 
dl.typeLinkFamily dd, ul.typeLinkFamily li,
dl dd.typeLinkFamily, ul li.typeLinkFamily {
	padding-left:16px;
	background-image:url(_img_cmn_base/mk_link_hp_int.gif);
	background-repeat:no-repeat;
	background-position:0px 0.2em;
}

/* 独立HP用のリストマークを使うにあたり、typeLinkの位置調整 */
.typeLink dl.bDL dd, .typeLink ul li,
dl dd.typeLink, ul li.typeLink {
	background-image:url(_img_cmn_base/ico_arrow_gy60.png);
	background-position:1px 0.4em;
}
/* ------------------------------------------------- *
 * マージン・幅など
 * ------------------------------------------------- */
/* 基本マージン、基本幅（サイトごとに再設定） */
.bCommonWidth {  }
.bCommonMargin {  }

/* 見出し要素 */


/* 本文の基本要素 */
.floatContainer,
.bStyle ul,
ul.bUL,
.bStyle ol,
ol.bOL,
.bStyle dl,
.bStyle p,
dl.bDL,
dl.bDateList,
table.bTable,
.bImg,
.bImgAlbum,
div.bFrame,
table.bChronoTable
 {
	margin-bottom:20px;
}

/* .bStyle内の各要素の初期マージン */
/* （入れ子の時も考慮） */

.bStyle > .bStyle {
	margin-left:16px;
}
.bStyle > .bStyle {
	width:auto;
}
.bStyle > h4 { margin-left: 0px; max-width:none; }
.bStyle > h5 { margin-left: 5px; max-width:none; }
.bStyle > h6 { margin-left: 10px; max-width:none; }

.bStyle > .floatContainer,
.bStyle > p,
.bStyle > ul,
.bStyle > ol,
.bStyle > dl,
.bStyle> hr,
.bStyle > table.bTable,
.bStyle > .bImg,
.bStyle > .bImgAlbum,
.bStyle > div.bFrame,
.bStyle > table.bChronoTable {
	margin-left:16px;
}

/* ------------------------------------------------- *
 *        topicPath
 * ------------------------------------------------- */
/* ページのツリーナビ */
#topicPath {
	overflow: hidden;
	margin: 0 0 0px 0px;
	background-color: #E9E9E9;
	border-left:solid 1px #0A58A5;
}
#topicPath a {
	color: #0073FF;
}
#topicPath a:hover {
	color:#FF6600;
	text-decoration:none;
}
#topicPath ul {
	margin-left: -6px;
	zoom: 1;
}
#topicPath li {
	font-size: 100%;
	float: left;
	padding: 0 7px 0 10px;
	background: url(_img_family_base/ico_arrow03.png) 0 center no-repeat;
}

/* 複数のULを横並びにできるよう改良 */
#topicPath ul {
	float:left;
	margin-right:8px;
}

/* ------------------------------------------------- *
 *        #contTITLE
 * ------------------------------------------------- */

#contTITLE {
	position: relative;
	padding-top: 0px;
	margin-bottom: 20px;
}
#contTITLE .contTitleSub {
	font-size: 70.8%;
	color: #2F5E8C;
}
#contTITLE h2 {
	display: block;
	font-size: 184.6%;
	line-height: 1.2;
	font-weight: bold;
	padding: 14px 0px 10px 16px;
	border-left: solid 1px #0A58A5;
	border-bottom: solid 1px #0A58A5;
}
#contTITLE h2 span.sub {
	font-size:70.8%;
	font-weight:bold;
	padding-left:10px;
}
#contTITLE p {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

#contTITLE .contTitleHead {
}
#contTITLE .contUpdate {
	font-size: 10px;
	position: absolute;
	top: 0px;
	right: 16px;
	color: #777;
	margin: 0;
}


/* ------------------------------------------------- *
 * ページ内カラム
 * ------------------------------------------------- */
.bSection {
	margin-left:16px;
	margin-right:16px;
	margin-top:0px;
	margin-bottom:20px;
}
/* カラム見出しの左右マージン */
.bSection > h3 {
	margin-left:-10px;
	margin-right:-10px;
}

/*----------------------------------------
  画像(or目次)+文章の汎用スタイル
  （縦置き画像の場合は class に verticalを併記）
----------------------------------------*/
.subColumnBox {
	overflow: hidden; /* overflowでfloatを解除 */ 
	position: relative; /* DWで正常にプレビューできるようになります。 */
	zoom:1; /*IE6でレイアウト崩れを防ぐための処理 */
}
/* 画像(or目次)サイズは幅220px固定 */
.subColumnImg,
.subColumnIndex {
	float:left;
	width:224px;
}
/* 「class="subColumnBox vertical"」の時は
 * 画像(or目次)サイズを縦置き（幅150px固定） */
.vertical .subColumnImg,
.vertical .subColumnIndex {
	width:156px;
}

/* テキスト */
.subColumnText {
	float:left;
}
.subColumnText > h4 { margin-left:0px; }
.subColumnText > h5 { margin-left:6px; }
.subColumnText > p,
.subColumnText > ul,
.subColumnText > ol,
.subColumnText > dl.bDL,
.subColumnText > table.bTable {
	margin-left:16px;
}


/* 右置き・左置き両方に対応 */
.subColumnText + .subColumnImg,
.subColumnImg + .subColumnText,
.subColumnText + .subColumnIndex,
.subColumnIndex + .subColumnText {
	margin-left:10px;
}

.bSection .subColumnBox {
	width: 866px;
	margin-left: 0px;
}
.bSection .subColumnText {
	width: 630px;
}
.bSection .vertical .subColumnText { width:524px; }

/* ================================================= *
 * 見出し
 * -------------------------------------------------
 * .bH3(h3)～bH6(h6)
 * ================================================= */

/* H3（カラム見出し）はbSection直下でのみ使用 */
.bSection > h3 {
	margin-bottom: 1em;
	padding: 2px 5px 2px 30px;
	border-left: solid 0px #127CC2;
	border-top: solid 0px #127CC2;
	border-bottom: solid 0px #127CC2;
	color: #333;
	font-size: 123.1%;
	font-weight: bold;
	background-image: url(_img_family_base/bg_section_head.gif);
	background-repeat: no-repeat;
	background-position: 10px 0.4em;
	background-color: #ADD5FC;
}
.bSection > h3 span.sub {
	font-size:90%;
}
.bSection > h3 span.typeNotion {
	color:#990000;
}


/* 基本のH4（カラム内見出し） */
.bStyle > h4,
.bH4 {
	margin-bottom: 1em;
	padding: 2px 5px 2px 10px;
	border-left: solid 6px #1166BB;
	border-top: solid 0px #1166BB;
	border-bottom: solid 1px #1166BB;
	color: #1166BB;
	font-size: 123.1%;
	font-weight: bold;
	background-color: #EFF7FA;
}
.bStyle > h4 span.sub,
.bH4 span.sub {
	font-size:90%;
}
/* 基本のH5（カラム内見出し） */
.bStyle > h5,
.bH5 {
	font-size: 107.7%;
	font-weight: bold;
	margin-bottom: 12px;
	padding: 1px 8px;
	border-left-color: #1166BB;
	color: #1166BB;
	border-left: solid 3px;
	background-image: none;
	background-color: #E9E9E9;
}

.bStyle > h5 span.sub,
.bH5 span.sub {
	font-size:90%;
}
/* 基本のH6（カラム内見出し） */
.bStyle > h6,
.bH6 {
	font-size:inherit;
	font-weight:bold;
	padding-left:15px;
	color:#444;
	background-image:url(_img_family_base/lm_layered.png);
	background-repeat:no-repeat;
	background-position:0 0.3em;
	margin-bottom:11px;
}

/* 見出し用のbUpdate */
.bSection h3 span.bUpdateInlineInfo,
.bSection h4 span.bUpdateInlineInfo,
.bSection h5 span.bUpdateInlineInfo {
	color: #903;
}


/* ------------------------------------------------
 * 見出し脇用リンク欄
 * 
 * 本文見出しの右脇に添えるリンク欄
 * 「一覧へ」等のリンクを見出しに添える時に使用 
 ------------------------------------------------ */
.bStyle p.bLinkBoxWithInnerHead,
.bFrame p.bLinkBoxWithInnerHead,
p.bLinkBoxWithInnerHead,
div.bLinkBoxWithInnerHead {
	position:relative;
	margin:0px;
	padding: 0px 0px 0px 0px;
	top: -32px;
	text-align: right;
}
.bStyle p.bLinkBoxWithInnerHead a,
.bFrame p.bLinkBoxWithInnerHead a,
p.bLinkBoxWithInnerHead a,
div.bLinkBoxWithInnerHead a {
	display:block;
	float:right;
	margin:0 0 3px 0;
	padding:1px 5px 0px 12px;
	border-left: 1px solid #ccc;
	color: #666;
	text-decoration: none;
	font-size: 11px;
	background: url(_img_family_base/ico_arrow04.png) 5px 5px no-repeat;
}
.bStyle p.bLinkBoxWithInnerHead:hover,
.bFrame p.bLinkBoxWithInnerHead:hover,
p.bLinkBoxWithInnerHead a:hover,
div.bLinkBoxWithInnerHead a:hover {
	background-color:#D5EFFF;
}
/* bFrameの見出しに付けるときはbFrameHeadの下にPタグで記述 */
.bFrame p.bLinkBoxWithInnerHead {
	top:-22px;
	margin-right:4px;
}
.bFrame p.bLinkBoxWithInnerHead a {
	border: 1px solid #ccc;
	font-size: 10px;
	background-image: url(_img_family_base/ico_arrow01.png);
	background-color:#E9E9E9;
}
.bFrame p.bLinkBoxWithInnerHead a:hover {
	color:#000;
	background-color:#ccc;
}

/* ------------------------------------------------- *
 * 「ページの先頭に戻る」リンク *
 * ------------------------------------------------- */

.gotoPageTop {
	overflow: hidden;
	margin: 0 0 0px 0;
	font-size: 92.3%;
}
div.gotoPageTop {
	overflow: hidden;
	margin: 0;
	font-size: 10px;
}
div.gotoPageTop ul { 
	margin-top:0px; 
	margin-bottom:0px;
	margin-left: 0px;
	zoom: 1;
}
div.gotoPageTop ul li {
	float: right;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:0px;
	padding:0;
	background:none;
}
div.gotoPageTop ul li a {
	display: block;
	padding: 5px 5px 5px 18px;
	border: dotted 1px;
	border-color: #CCCCCC;
	color: #777;
	background: url(../_cmn_css/_img_family_base/ico_pagetop.png) 5px 0.75em no-repeat;
	background-color: #fff;
}
div.gotoPageTop ul li a:hover {
	border-color: #FF9955;
	color:#EA5E00;
	text-decoration: none;
}


/* ------------------------------------------------- *
 * ページ内インデックス *
 * ------------------------------------------------- */

.pageIndex {
	overflow: hidden;
	margin: 0 0 0px 0;
	font-size: 92.3%;
}
div.pageIndex {
	overflow: hidden;
	margin: 0;
	font-size: 11px;
}
div.pageIndex ul { 
	margin-top:0px; 
	margin-bottom:0px;
	margin-left: 0px;
	zoom: 1;
}
div.pageIndex ul li {
	float: left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:0px;
	padding:0;
	background:none;
}
div.pageIndex ul li a {
	display: block;
	width:7.75em;
	padding: 5px 5px 5px 18px;
	border: dotted 1px;
	border-color: #CCCCCC;
	color: #777;
	background: url(../_cmn_css/_img_family_base/ico_pagedown.png) 5px 0.75em no-repeat;
	background-color: #fff;
}
div.pageIndex ul li a:hover {
	border-color: #FF9955;
	color:#EA5E00;
	text-decoration: none;
}
div.pageIndex ul li a span.bUpdateInlineInfo {
	display: block;
	padding-left: 32px;
	color: #6699CC;
	background-image: url(../_cmn_css/_img_family_base/ico_up_for_lead.png);
}
div.pageIndex ul li a span.bUpdateInlineInfo.typeOld {
	background-image: url(../_cmn_css/_img_cmn_base/ico_up_old.png);
}