@charset "utf-8";

@import "/css/common.css";
@import "/css/contents.css";

/*----------------------------------------------------------------

通信制高校ってなに？用CSS

----------------------------------------------------------------*/

/*---------------------------
/tsuushinsei/以下　共通
---------------------------*/
#contentsOuter {
	position:relative;
}

#contentsOuter .mastheadPic {
	position:absolute;
	left:482px;
	top:3px;
	z-index:3;
}

#contentsOuter h1 {
	margin-left:21px;
	width:625px;
	height:133px;
	background:url(/images/tsuushin/masthead.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

/* IE-expression (fix png alpha) imgタグ用 */
* html #contentsOuter .mastheadPic {
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "spacer.gif" : this.src,
this.style.behavior = "none"
);
}

/* IE-expression (fix png alpha) 背景サイズ指定用 */
/*
* html #contentsOuter h1 {
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}
*/


/*--- ボトムリンク ---*/
#pageTsuushinTop #contents .bottomMenu div a,
#pageTsuushinAbout #contents .bottomMenu a.tsuushinAbout,
#pageTsuushinMerit #contents .bottomMenu a.tsuushinMerit,
#pageTsuushinChoice #contents .bottomMenu a.tsuushinChoice,
#pageTsuushinFlow #contents .bottomMenu a.tsuushinFlow {
	font-weight:bold;
}


/*---------------------------
/tsuushinsei/index.html以外共通 ここから
---------------------------*/
#pageTsuushinAbout #contents,
#pageTsuushinMerit #contents,
#pageTsuushinChoice #contents,
#pageTsuushinFlow #contents {
	padding-top:3px;
	background:url(/images/title_01.gif) no-repeat 0 0;
}

#pageTsuushinAbout #contents h2,
#pageTsuushinMerit #contents h2,
#pageTsuushinChoice #contents h2,
#pageTsuushinFlow #contents h2 {
	margin-bottom:15px;
	padding:5px 15px 8px;
	background:url(/images/title_01_bottom.gif) no-repeat #188FDB left bottom;
	color:#FFF;
	font-weight:bold;
	font-size:144%;
}

#pageTsuushinAbout #contents .titleBox01,
#pageTsuushinMerit #contents .titleBox01,
#pageTsuushinChoice #contents .titleBox01,
#pageTsuushinFlow #contents .titleBox01 {
	margin-bottom:15px;
	padding-bottom:6px;
	clear:both;
	background:url(/images/title_02_bottom.gif) repeat-y left bottom;
}

#pageTsuushinAbout #contents .titleBox01 h3,
#pageTsuushinMerit #contents .titleBox01 h3,
#pageTsuushinChoice #contents .titleBox01 h3,
#pageTsuushinFlow #contents .titleBox01 h3 {
	padding:8px 0 0 40px;
	min-height:26px;
	height:auto !important;
	height:26px;
	background:url(/images/title_02.gif) no-repeat 0 0;
	font-weight:bold;
	font-size:114%;
}

#pageTsuushinAbout #contents .titleBox02,
#pageTsuushinMerit #contents .titleBox02,
#pageTsuushinChoice #contents .titleBox02,
#pageTsuushinFlow #contents .titleBox02 {
	margin:25px 0 5px;
	background:url(/images/line_dotted_05.gif) repeat-x left bottom;
}

#pageTsuushinAbout #contents .titleBox02 h4,
#pageTsuushinMerit #contents .titleBox02 h4,
#pageTsuushinChoice #contents .titleBox02 h4,
#pageTsuushinFlow #contents .titleBox02 h4 {
	padding:0 0 3px 25px;
	background:url(/images/title_03.gif) no-repeat 2px 0.65em;
	color:#0083D7;
	font-weight:bold;
	font-size:107%;
}

/*---------------------------
/tsuushinsei/index.html以外共通 ここまで
---------------------------*/






/*---------------------------
/tsuushinsei/index.html 専用 ここから
---------------------------*/
#pageTsuushinTop #contents .titleBox01 {
	margin-bottom:15px;
	padding-bottom:6px;
	clear:both;
	background:url(/images/title_02_bottom.gif) repeat-y left bottom;
}

#pageTsuushinTop #contents .titleBox01 h2 {
	padding:8px 0 0 40px;
	min-height:26px;
	height:auto !important;
	height:26px;
	background:url(/images/title_02.gif) no-repeat 0 0;
	font-weight:bold;
	font-size:114%;
}

/*---------------------------
/tsuushinsei/index.html 専用 ここまで
---------------------------*/




/*---------------------------
/tsuushinsei/about.html 専用ここから
---------------------------*/
#pageTsuushinAbout #contents table {
	border:0;
	width:100%;
	table-layout:fixed;
}

#pageTsuushinAbout #contents th,
#pageTsuushinAbout #contents td {
	padding:5px 10px;
	border:1px solid #CCC;
	background-color:#FFF;
	line-height:1.2;
}

#pageTsuushinAbout #contents th {
/*	width:138px;*/
	background-color:#F0F0F0;
	text-align:center;
	vertical-align:middle;
}

#pageTsuushinAbout #contents th.item {
	width:86px;
}

#pageTsuushinAbout #contents tr.bg th,
#pageTsuushinAbout #contents tr.bg td {
	font-weight:bold;
}

#pageTsuushinAbout #contents tr.bg th {
	font-size:107%;
}

#pageTsuushinAbout #contents dl {
	margin-bottom:15px;
}

#pageTsuushinAbout #contents dd {
	padding-left:2em;
}

#pageTsuushinAbout #contents dl.entranceTime dd {
	margin:-1.6em 0 0 4em;
	padding-left:0;
}

/*---------------------------
/tsuushinsei/about.html 専用 ここまで
---------------------------*/



/*---------------------------
/tsuushinsei/choice.html 専用ここから
---------------------------*/
#pageTsuushinChoice #contents dl {
	margin-bottom:15px;
}

#pageTsuushinChoice #contents dt {
	color:#F00;
}

#pageTsuushinChoice #contents dd {
	padding-left:2em;
}

/*---------------------------
/tsuushinsei/choice.html 専用 ここまで
---------------------------*/