@charset "utf-8";

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

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

不登校のみなさんへ用CSS

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

#contentsOuter {
	position:relative;
}

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

#contentsOuter h1 {
	margin-left:21px;
	width:625px;
	height:133px;
	background:url(/images/futoukou/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"
)
);
}
*/


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

#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%;
}

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

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