/*----------------------------------------------------------------
showDetail用
----------------------------------------------------------------*/
/* UTF-8化対策ハック
IE7 を含むモダンブラウザにのみ適用（バージョン6以下の IE を除外） */
html>body{
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:100%;
}

#subheader {
	background-image: url("/images/nav_go_bg.gif");
	background-repeat: repeat-y;
	margin-bottom: 10px;
}

/*----------------------------
#detail
----------------------------*/
#detail {
	text-align:left;
	width:560px;
	margin:0 auto;
}

#detail table {
	border-collapse: collapse;
	margin-bottom:8px;
}

#detail h3 {
	margin-bottom:3px;
}

#detail th,
#detail td {
	vertical-align:top;
}

#detail .titleBlock { 
	margin-bottom:12px;
}

#detail .titleBlock h1 {
	margin:0;
	font: bold 120%/125% "ＭＳ Ｐゴシック"; 
	color: #000;
}

#detail .titleBlock .lead { 
	font: 80%/120% "ＭＳ Ｐゴシック"; 
	color: #333;
}

#detail .titleBlock table {
	width:100%;
	margin:10px 0px 2px;
}

#detail .titleBlock p {
	margin:0;
	text-align:center;
	color:#F00;
	font: 90%/120% "ＭＳ Ｐゴシック"; 
}

#detail .titleBlock .button {
	text-align:right;
	vertical-align:middle;
}

/* .directCall */
#detail .directCall {
	margin:15px 0;
}

/*-- .outlineBox 会社概要部分 (左) --*/
#detail .outlineBox {
	width:360px;
}

#detail h2 { 
	margin:3px 0;
	font: bold 90%/125% "ＭＳ Ｐゴシック"; 
	color: #006;
}

#detail .outlineBox table {
	border: 1px solid #CCC;
	width: 100%;
}

#detail .outlineBox p {
	margin:0 0 16px;
	font: 80%/120% "ＭＳ Ｐゴシック"; 	
}

#detail .outlineBox .campain {
	padding:10px;
	color: #333;
	font: 80%/125% "ＭＳ Ｐゴシック"; 
	background-color:#FFCC33;
}

#detail .outlineBox th,
#detail .outlineBox td {
	padding:3px;
	border:1px solid #CCC;
	color:#333;
	font:80%/125% "ＭＳ Ｐゴシック"; 
}

#detail .outlineBox th {
	background-color:#E6E6E6;
	white-space:nowrap;
	text-align:left;
	font-weight:bold;
}

#detail .photoArea {
	width:190px;
}

#detail .photoArea img {
	margin-bottom:14px;
}

#detail .planBlock { 
	margin-bottom:24px;
}

#detail .planBlock table {
	width:100%;
	margin-bottom:2px;
}

#detail .planBlock th,
#detail .planBlock td {
	padding:3px;
	border:1px solid #CCC;
	color:#333;
	font:80%/125% "ＭＳ Ｐゴシック"; 
}

#detail .planBlock th {
	width:15%;
	background-color: #E6E6E6;
	font-weight:bold;
	white-space: nowrap;
	text-align: left;
}

#detail .planBlock .planOption {
	width:5%;
	text-align:center;
}

#detail .planBlock p {
	margin:0;
	font:80%/125% "ＭＳ Ｐゴシック"; 
	text-align:right;
}

/*-- voice --*/
#detail .voice{
	width:560px;
	text-align:left;
}

#detail .voice h3{
	padding:8px 0 6px 56px;
	background:url(/step/images/icon_voice_title.gif) no-repeat left top;
	color: #009900;
	font: bold 90%/125% "ＭＳ Ｐゴシック"; 
}

#detail .voice dl{
	margin:0 0 25px;
	border-bottom:1px dotted #666666;
	font: 80%/125% "ＭＳ Ｐゴシック"; 
}

#detail .voice dt{
	padding:10px 5px 8px;
	border-top:1px dotted #666666;
}

#detail .voice dt span{
	color:#CC0000;
}

#detail .voice dd{
	margin:0;
	padding:0 5px 10px 38px;
	background:url(/step/images/icon_voice.gif) no-repeat 5px 0;
}

/*-- showdetail2 閉じる--*/
#detail p.close {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	width:560px;
	font:80%/125% "ＭＳ Ｐゴシック";
	text-align:right;
}

/*----------------------------
#footer02
----------------------------*/
#footer02 .copyright{
	font: 11px/125% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333;
}

