@charset "utf-8";

@import url("common.css");

/*
exclude from common.css
-----------------
Win Netscape 4.7
Win IE 3.0
Mac IE 4.5
もしMac IE 5.0も除外なら('?')と記述
*/

/*--------------------------------------------------------
#detail 詳細画面
--------------------------------------------------------*/
#detail {
	margin-bottom:10px;
	text-align:center;
}

#detail .heading{
	border-right:2px solid #859CD4;
	border-left:2px solid #859CD4;
	background:url(/step/images/detail/heading_bg.gif) #F4F7FB repeat-x left bottom;
	text-align:left;
}

#detail .heading .headingTitle{
	padding:8px 195px 0 13px;
}

#detail .heading .headingTitle p {
	margin:5px 0 0;
	font-size:85%;
}

#detail .heading a{
	margin-top:-50px;
	padding:0 0 3px 370px;
	display:block;
}

#detail img.headingTop{
	vertical-align:baseline;
}

#detail img.headingBottom{
	padding-bottom:15px;
	border-bottom:5px solid #224284;
	vertical-align:top;
}

#detail .title{
	margin-bottom:15px;
	padding:5px 5px 7px;
	border-right:1px solid #E4E4E4;
	border-left:1px solid #E4E4E4;
	background:url(/images/contents_title_bg.gif) repeat-x left bottom;
	text-align:left;
}

#detail h1{
	display:inline;
	font-size:150%;
}

#detail .title img{
	margin-right:5px;
	vertical-align:-13px;
}

#detail .caption{
	margin-bottom:15px;
	background:url(/images/contents_caption_line.gif) repeat-x left bottom;
}

#detail h2{
	padding:5px 0 9px 20px;
	clear:left;
	color:#224284;
	background:url(/images/contents_caption_icon.gif) no-repeat 3px 0.6em;
	font-size:115%;
	zoom:1;
}

#detail h3{
	color:#224284;
	font-weight:bold;
}

#detail .prBlock{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
	width:100%;
	float:left;
	text-align:left;
}

#detail .main{
	float:left;
	width:360px;
}

#detail .main p{
	margin-bottom:1.3em;
}

#detail .main p.explain{
	padding:6px 5px 5px 7px;
	background-color:#E6EBF6;
}

#detail .main table{
	margin-bottom:20px;
	width:100%;
}

#detail .main th,
#detail .main td{
	padding:5px;
	border:1px solid #666;
	text-align:left;
}

#detail .main td{
	vertical-align:top;
}

#detail .main th{
	width:7em;
	background-color:#EDEDED;
}

#detail .photo{
	float:right;
	width:190px;
}

#detail .photo img{
	margin-bottom:15px;
}

#detail p.otherLink{
	margin-bottom:15px;
	padding:5px;
	color:#224284;
	background-color:#CED7EE;
	font-weight:bold;
}

#detail .comLink{
	padding:0 0 5px 12px;
	border-bottom:1px dotted #999999;
	overflow:auto;
	height:100%;
}

#detail .comLink .com,
#detail .comLink .comHead {
	padding:0 10px 10px 0;
	float:left;
	width:100px;
	font-size:85%;
}

#detail .comLink .comHead {
	clear:left;
}

#detail .comLink .com img{
	margin-bottom:2px;
}

#detail .comLink .com p,
#detail .comLink .comHead p{
	min-height:40px;
	height:auto !important;
	height:40px;
}

/*--------------------------------------------------------
#detail　02
--------------------------------------------------------*/
#detailWrapper {
	margin:20px auto 0;
	border-top:5px solid #224284;
	width:570px;
}

#detail p.close {
	margin-bottom:5px;
	text-align:right;
}