@charset "utf-8";

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

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

ナビあり詳細ページ用CSS

----------------------------------------------------------------*/
#contentsOuter {
	position:relative;
}

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

#contentsOuter div.masthead {
	width:683px;
	height:133px;
	background:url(/images/detail/masthead.png) 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 div.masthead {
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 {
	padding-top:3px;
	background:url(/images/title_01.gif) no-repeat 0 0;
}

#contents .titleBoxDetail {
	margin-bottom:15px;
	padding:2px 0 3px 5px;
	min-height:62px;
	height:auto !important;
	height:62px;
	background:url(/images/title_01_bottom.gif) no-repeat #188FDB left bottom;
}

#pageDetailTsuushin #contents .titleBoxDetail strong {
	display:block;
	width:50px;
	height:60px;
	background:url(/images/detail/icon_tsuushin.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

#pageDetailSupport #contents .titleBoxDetail strong {
	display:block;
	width:50px;
	height:60px;
	background:url(/images/detail/icon_support.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

#pageDetailNintei #contents .titleBoxDetail strong {
	display:block;
	width:50px;
	height:60px;
	background:url(/images/detail/icon_nintei.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

#contents a.detailButton {
	margin:-52px 0 0 416px;
	display:block;
	width:218px;
	height:45px;
	overflow:hidden;
	background:url(/images/detail/button.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#contents h1 {
	margin:-35px 230px 0 65px;
	line-height:1.2;
	color:#FFF;
	font-weight:bold;
	font-size:152%;
}

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

#contents .titleBox01 h2 {
	padding:8px 0 0 40px;
	clear:both;
	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:15px 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 transparent 2px 0.65em;
	color:#0083D7;
	font-weight:bold;
	font-size:107%;
}

#contents .imagePhoto {
	margin-bottom:15px;
}

#contents h3 {
	margin:10px 0 5px;
	padding:4px 10px;
	background-color:#E5E5E5;
}

#contents .leadBox {
	float:right;
	width:324px;
}

#contents .leadBox strong {
	color:#0083D7;
	font-size:114%;
}

#contents .leadBox table {
	margin:10px 0 15px;
	width:100%;
	table-layout:fixed;
}

#contents .leadBox th,
#contents .leadBox td {
	padding:3px;
	border:1px solid #CCC;
	line-height:1.2;
	vertical-align:middle;
	font-size:85%;
	text-align:center;
}

#contents .leadBox th {
	width:64px;
	background-color:#F0F0F0;
}

#contents .leadBox td.left {
	text-align:left;
}

#contents .photoBlock {
	margin-bottom:15px;
}

#contents .photoBlock .photoBox01,
#contents .photoBlock .photoBox02 {
	padding-right:21px;
	float:left;
	width:201px;
	line-height:1.3;
}

#contents .photoBlock .photoBox03 {
	float:left;
	width:201px;
	line-height:1.3;
}

#contents .photoBlock .imagePhoto {
	margin:0 0 3px 0;
	float:none;
}