/* UTF-8化対策ハック
   IE7 を含むモダンブラウザにのみ適用（バージョン6以下の IE を除外） */
html>body{
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:100%;
}

/*--------------------------------------------------------
共通
--------------------------------------------------------*/
/*body*/
body { margin: 0; padding: 0;}
body.bg { background-image: url(/images/bg.gif);}
body.center{ margin: 0; background-color: #FFFFFF;text-align: center;}

/*見出し*/
h1.h2.h3 { margin: 0; }

/*フォーム*/
form {margin:0;}
input{font: 80%/125% "ＭＳ Ｐゴシック";color: #333333;margin-right: 2px;}
select{font: 80%/125% "ＭＳ Ｐゴシック";color: #333333;margin-right: 4px;}
label{font: bold 80%/125% "ＭＳ Ｐゴシック";color: #333333;padding: 0px 2px 0px 0px;}

/*余白*/
.mb4 { margin: 0px 0px 4px 0px; }
.mb8 { margin: 0px 0px 8px 0px; }
.mb16 { margin: 0px 0px 16px 0px; }
.mb24 { margin: 0px 0px 24px 0px; }
.mb32 { margin: 0px 0px 32px 0px; }

/*基本フォント*/
.base-ss {font: 70%/125% "ＭＳ Ｐゴシック"; color: #333333;}
.base-ss-b {font: bold 70%/125% "ＭＳ Ｐゴシック"; color: #333333;}
.base-s {font: 80%/125% "ＭＳ Ｐゴシック"; color: #333333;}
.base-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #333333;}
.base-m {font: 90%/125% "ＭＳ Ｐゴシック"; color: #333333;}
.base-m-b {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #333333;}
.base-l-b {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #333333;}

.mds-01 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFFFFF;}
.mds-02 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #0098FF;}
.mds-err {font: bold 140%/125% "ＭＳ Ｐゴシック"; color: #FF3300;}



/*注釈*/
.notes-s {font: 80%/125% "ＭＳ Ｐゴシック"; color: #FF3300;}
.notes-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FF3300;}
.notes-m-b {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #FF3300;}
.notes-l-b {font: bold 100%/125% "ＭＳ Ｐゴシック"; color: #FF3300;}

/*トライアル用*/
.mds-tr01 {font: 90%/125% "ＭＳ Ｐゴシック"; color: #333333;}
.mds-tr01-b {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #333333;}
.mds-tr02 {font: 90%/125% "ＭＳ Ｐゴシック"; color: #FF0000;}
.mds-tr02-b {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #FF0000;}

.thanksTxt {margin-bottom:10px;padding:5px 0 5px 10px;font: bold 100%/125% "ＭＳ Ｐゴシック";border-left:6px solid #0098FF; border-bottom:1px solid #999; color:#0098FF;}

/*パンくず*/
.breadcrumbs{font: 11px "ＭＳ Ｐゴシック";color: #000000;margin:0 0 10px 30px;text-align:left; }

/* 回り込み解除 */
.claer {
	margin:0;
	padding:0;
	font-size:0;
	clear:both;
}

/* strongタグ代替 */
.boldface {
	font-weight:bold;
}

/*--------------------------------------------------------
レイアウト01（ex: info, contents）
--------------------------------------------------------*/
/*----------------------------
#header01
----------------------------*/
#header01 .headline {padding: 0px 0px 0px 0px; font: 11px/125% "ＭＳ Ｐゴシック"; color: #FFFFFF;}
#header01 .logoBlock {margin: 0px 0px 16px 0px;}
#header01 .hbg {background: url(/images/hdr_bg.gif) repeat-x top right;}
#header01 a.menu-sub:link { font-family: "ＭＳ Ｐゴシック"; font-size: 11px; color: #666666; text-decoration: none;}
#header01 a.menu-sub:visited { font-family: "ＭＳ Ｐゴシック"; font-size: 11px; color: #666666; text-decoration: none;}
#header01 a.menu-sub:hover { font-family: "ＭＳ Ｐゴシック"; font-size: 11px; color: #0098FF; text-decoration: none;}
#header01 a.menu-sub:active { font-family: "ＭＳ Ｐゴシック"; font-size: 11px; color: #0098FF; text-decoration: none;}
#header01 .hd-pause {border-right:1px solid #0099FF;}
#header01 .maximum {background: url(/images/ttl_02.gif) no-repeat top right;}

/* 動的化 */
#header01 .headerTitle,
#header01 .headerAccount {
	background:#09F url(/images/header_bg_01.gif) repeat-x top left;
	color:#FFF;
	font:12px/125% "ＭＳ Ｐゴシック";
}

#header01 .headerTitle {
	padding:8px 0 0 18px;
}

#header01 .headerAccount {
	padding:8px 0 0 8px;
}

#header01 .headerAccount span {
	padding-left:5px;
}

#header01 .headerAccount a {
	margin:0 3px;
}

#header01 .headerLogo {
	padding-bottom:15px;
	background:url(/images/header_bg_02.gif) no-repeat top left;
	width:310px;
	vertical-align:top;
}

#header01 .headerLogo a {
	margin-left:8px;	
}

#header01 .headerNavi {
	background:url(/images/header_bg_03.gif) repeat-x top left;
	width:450px;
}

#header01 .headerNavi table {
	margin:10px 0 0 60px;
}

#top .formAccount {
	color:#F00;	
	font:80%/125% "ＭＳ Ｐゴシック";
}


/*----------------------------
#nav
----------------------------*/
#nav {width:150px; float:left;} /* areaページのレイアウトで使用 */
#nav h3 {margin: 0px 0px 5px 0px;}
#nav .goBlock {margin: 0px 0px 16px 0px;} 
#nav .menuBlock {margin: 0px 0px 16px 0px;}
#nav .menu {font: 12px/125% "ＭＳ Ｐゴシック";width:9em; padding: 3px 0px 3px 5px;}
#nav .banner {text-align:center; padding: 16px 0 3px;} 
#nav .banner_txt { padding:0 5px 12px 10px;} 

/* ビフォーアフター */
#nav .menu .listAir {
	margin:0;
	padding:0 0 0 0.6em;
	width:8.5em;
	text-indent:-0.6em;
	list-style:none;
}

#nav .links{
	margin:0 0 25px;
	padding:5px 0;
	width:150px;
	background-color:#E5F7FF;
	text-align:center;
	font: 12px/125% "ＭＳ Ｐゴシック";
}

#nav .links ul{
	margin:0;
	padding:5px 25px;
	text-align:left;
	list-style:inside square;
}

#nav .links li{
	margin:1px 0;
	padding:0;
}

/*----------------------------
#footer01
----------------------------*/
#footer01 .copyright {font: 11px/125% "ＭＳ Ｐゴシック"; color: #333333; text-align: center;}

/*----------------------------
#footer nav
----------------------------*/
#foot-nav .navBlock {margin: 0px 0px 16px 0px;}
#foot-nav td {font: 11px/125% "ＭＳ Ｐゴシック"; color: #FFFFFF;}
#foot-nav a:link {font: 11px/125% "ＭＳ Ｐゴシック";}
#foot-nav a:visited {font: 11px/125% "ＭＳ Ｐゴシック";}
#foot-nav a:hover {font: 11px/125% "ＭＳ Ｐゴシック";}
#foot-nav a:active {font: 11px/125% "ＭＳ Ｐゴシック";}

/*----------------------------
#foot-link
----------------------------*/
#foot-link {border-top:solid 1px #999999;padding-top:6px; width:550px;}
#foot-link .logo{margin-right:8px;vertical-align:text-bottom;}
#foot-link .title{font: bold 12px/125% "ＭＳ Ｐゴシック"; color: #000000;padding-bottom:6px;}
#foot-link .houjin{border-top:solid 1px #999999;padding-top:4px;margin-top:4px;}
#foot-link .text{font: 11px/145% "ＭＳ Ｐゴシック"; color: #000000;}
#foot-link .text span {font-weight: bold;}
#foot-link .linehidden {position:relative; top:-7px; width:550px; height:7px; background-color: #FFFFFF;}

/*----------------------------
#secure
----------------------------*/
#secure .secureBlock {margin: 0px 0px 16px 0px;}


/*--------------------------------------------------------
レイアウト02（ex: error）
--------------------------------------------------------*/
/*----------------------------
#footer02
----------------------------*/
#footer02 .copyright {font: 11px/125% "ＭＳ Ｐゴシック"; color: #333;}


/*--------------------------------------------------------
Top用
--------------------------------------------------------*/
/*----------------------------
#top
----------------------------*/
#top .catchBackground {background-image: url(/images/exp_bg.gif);	background-repeat: no-repeat;} 
#top .catch {font: 80%/125% "ＭＳ Ｐゴシック"; color: #333;}
#top .label{font: 90%/125% "ＭＳ Ｐゴシック"; color: #333;	padding: 0 6 0 0;}
#top .mds-01 {font: bold 12px/125% "ＭＳ Ｐゴシック"; color: #00A614;padding-top: 2px;}
#top .mds-02 {font: bold 12px/125% "ＭＳ Ｐゴシック"; color: #0098FF;padding-top: 2px;}
#top .mds-03 {font: bold 12px/125% "ＭＳ Ｐゴシック"; color: #FF5740;padding-top: 2px;}
#top .mds-04 {font: bold 14px/125% "ＭＳ Ｐゴシック"; color: #FFF;padding-top: 2px;}
#top .box {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #FFF; background-color: #0098FF; border: 1px solid #666; padding: 3px 6px; margin: 0;}
#top h1 {
	display:inline;
	font-size:100%;
	font-weight:normal;
}

/*----------------------------
#top-contents
----------------------------*/
#top-contents h2.box {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #FFF; background-color: #0098FF; border: 1px solid #666; padding: 3px 6px; margin: 0;}
#top-contents h3 {font: bold 80%/125% "ＭＳ Ｐゴシック";	color: #000; margin: 0 0 3px 0;}
#top-contents h3.box {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #000; background-color: #E5F7FF; border-top: 1px solid #92A9E2; padding: 3px;}
/*
#top-contents .line-block {margin: 8px 0px 8px 0px;}
*/
#top-contents .line {background-color: #92A9E2;}
#top-contents .line-dot {background-image: url(/images/srv_line_dot.gif);}
#top-contents .line-end {background-color: #3B64CC;}
#top-contents .title-box {background-color: #DBE0F3; border: 1px solid #92A9E2; padding: 3px;}

/*----------------------------
#topNews

----------------------------*/
#topNews {width:550px; text-align:left; margin-bottom:24px;}
#topNews h2 {margin: 16px 0 8px 0px; font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #FFF; background:#0098FF; border: 1px solid #666; padding:3px 6px;}
#topNews dl {margin: 0px 0px 4px 0px; font: 80%/125% "ＭＳ Ｐゴシック";}
#topNews dt {background: url(/images/marker.gif) no-repeat; background-position:top left; padding: 0 0 0 1em;}
#topNews dd {padding: 0 0 4px 1em; margin:0;} 
#topNews .update { margin: 0 0 24px 0; font: 80%/125% "ＭＳ Ｐゴシック"; text-align:left;}


/*--------------------------------------------------------
Sub Top用
--------------------------------------------------------*/
/*----------------------------
#subTop
----------------------------*/
#subTop .tableBackground {background-image: url(/images/sub_tbl_bg.gif);} 
#subTop .label{font: 80%/125% "ＭＳ Ｐゴシック"; color: #F60;}


/*--------------------------------------------------------
#Contents・Info用
--------------------------------------------------------*/
/*----------------------------
#contents
----------------------------*/
#contents h1 {font: bold 120%/115% "ＭＳ Ｐゴシック"; color: #000; margin: 0;}
#contents h2 {font: bold 90%/115% "ＭＳ Ｐゴシック"; color: #0098FF; margin: 0 0 5px 0;}
#contents .title-background {background-color: #0098FF;}
#contents .mds-background {background-color: #E5F7FF;}
#contents .line {background-image: url(/images/line_02.gif);}
#contents .lead {font: 80%/125% "ＭＳ Ｐゴシック"; color: #333;}
#contents p {font: 80%/140% "ＭＳ Ｐゴシック"; color: #333; margin:0;}
#contents .mds-01 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #0098FF;}
#contents .mds-02 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFF;}
#contents .mds-03 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #F00;}
#contents .mds-04 {font: 80%/125% "ＭＳ Ｐゴシック"; color: #0098FF;}
#contents .mds-05 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #0098FF;}

#contents #menu-tab { width:549px; border-bottom:5px solid #06F; margin-bottom:12px;}
#contents #menu-tab .tab{ margin-right:6px;}
#contents .dot-border {background-image: url(/voice/images/vc_line.gif);}
#contents .under-line{ border-bottom:1px solid #999; padding-bottom:20px; margin-bottom:15px;}
#contents .wax_under-line{ border-bottom:1px solid #999; margin:0 5px 10px;}
#contents .wax-text{ padding-right:8px;}
#contents .floor{ padding:0px 5px 5px;}
#contents .floor-text{ padding:10px 5px; font: 80%/125% "ＭＳ Ｐゴシック"; color: #333333;}
#contents #compare{ width:534px; text-align:left;}

#contents .areaWax {
	margin:0 auto 16px;
}

#contents ul.sampleAir,
#contents ul.sampleFloor,
#contents ul.sampleCompare,
#contents ul.sampleKitchen {
	margin:0 0 25px;
	padding:0;
	border-left:1px solid #333;
	width:550px;
	line-height:125%;
	list-style-type:none;
	font-family:"ＭＳ Ｐゴシック";
	font-size:80%;
	text-align:left;
}

#contents ul.sampleAir li,
#contents ul.sampleFloor li,
#contents ul.sampleCompare li,
#contents ul.sampleKitchen li {
	padding:0 10px;
	border-right:1px solid #333;
	display:inline;
}

#contents ul.sampleAir li.air a,
#contents ul.sampleFloor li.floor a,
#contents ul.sampleCompare li.comparison a,
#contents ul.sampleKitchen li.fan a {
	color:#333;
	text-decoration:none;
}

/*----------------------------
#airconditioner
----------------------------*/
#contents #airconditionerl {
	width:540px;
	text-align:left;
}

#contents #airconditionerl .airCase,
#contents #airconditionerl .airCase table {
	border-collapse:collapse;
	width:100%;
}
#contents #airconditionerl .airCase {
	margin-bottom:10px;
}

#contents #airconditionerl .airCase td.airCaseBox {
	margin:0;
	padding:0;
	border:2px solid #84DAFF;
	width:260px;
}

#contents #airconditionerl .airCase table th {
	background:#E5F7FF url(/contents/images/background_chapter.gif) left bottom repeat-x;
}
#contents #airconditionerl .airCase table th,
#contents #airconditionerl .airCase table td {
	padding:5px;
}

/*----------------------------
#contents #voice
----------------------------*/
#contents #voice{margin:6px 40px 32px;font: 80%/125% "ＭＳ Ｐゴシック";}
#contents #voice ul{margin:0 3px; padding:0; list-style-type:none;}
#contents #voice li{padding:10px 0 7px 32px;border-bottom:1px dotted #09F;background: url(/contents/images/cv_icon_01.gif) no-repeat 0 0.5em ;}
#contents #voice .title{ margin:0;}

/*----------------------------
#info
----------------------------*/
#info h1 {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #000; margin: 0;}
#info .title-background {background-image: url(/images/ttl_tbl_bg03.gif);}
#info .titleBlock { margin: 0px 0px 21px 0px;}
#info .title-bullet {background-color: #FF9900;}
#info .line {background-image: url(/images/line_02.gif);}
#info .mds-01 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #0098FF;}
#info .mds-02 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFF;}

/*--------------------------------------------------------
#link用
--------------------------------------------------------*/
#link .title-background {background-color: #0098FF;}

#link h1 {font: bold 120%/125% "ＭＳ Ｐゴシック"; margin: 0;}
#link h2{font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #000; background-color: #CCC; border:solid 1px #999; margin-bottom:8px; padding:3px; text-align:left; width: 550px;}
#link .category{width: 550px;}
#link .category td{padding: 5px;}
#link .list{border-top: 1px solid #CCC; border-left: 1px solid #CCC; margin-bottom:16px; width: 550px;}
#link .list th{font: 80%/125% "ＭＳ Ｐゴシック"; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; text-align:left; vertical-align:top; padding: 5px; width:30%;}
#link .list td{font: 80%/125% "ＭＳ Ｐゴシック"; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; text-align:left; vertical-align:top; padding: 5px; width:70%;}

/*--------------------------------------------------------
#area用
--------------------------------------------------------*/
#wrapper {width:760px; margin:0; text-align:left;}
#areaWrapper {width:610px; float:right;}
#area{ margin:0 30px;}
#area h1 {font: bold 190%/125% "ＭＳ Ｐゴシック"; color: #265599; margin:0px; padding:0px; vertical-align:bottom;}
#area h3 {font: bold 80%/125% "ＭＳ Ｐゴシック";color: #333; margin:0px; background: #FFF url(/images/srv_icon_arrow.gif) no-repeat left center; padding-left:1.2em;}
#area ul {font: 80%/125% "ＭＳ Ｐゴシック"; margin:2px 0 16px; padding-left:1em; list-style-type:none;}
#area .list td {width:50%; vertical-align:top;}

#area .office-list {
  margin:0 0 16px 5px;
  border-collapse:collapse;
  width:540px;
  font: 80%/125% "ＭＳ Ｐゴシック";
}

#area .office-list caption {
	text-align:right;
}

#area .office-list td,
#area .office-list th {
	border:1px solid #999;
}

#area .office-list th {
  padding:0 5px;
  white-space:nowrap;
  background-color: #e3f1ff;
}

#area .office-list td {
	padding-left:3px;
}

#area .area-list {
	margin-bottom:16px;
}

#area .area-list ul {
	margin:0;
	width:550px;
}

#area .area-list li {
	margin:0;
	padding: 0 10px 3px 0;
	float:left;
	width:173px;
	list-style: none;
}
/*step参加業者名への口コミ*/

.voice{
	width:560px;
	text-align:left;
}

.voice h2{
	padding:8px 0 6px 56px;
	background: url(../step/images/enquete/icon_voice_title.gif) no-repeat left top;
	color: #003399;
	font: bold 90%/125% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
}

.voice dl{
	margin:0 0 25px;
	border-bottom:1px dotted #666666;
	font: 80%/125% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
}

.voice dt{
	padding:10px 5px 8px;
	border-top:1px dotted #666666;
}

.voice dt span{
	color:#CC0000;
}

.voice dd{
	margin:0;
	padding:0 5px 10px 38px;
	background:url(/contents/images/cv_icon_01.gif) no-repeat 5px 0;
}


/* ranking */
#contents #sortTable {
	font: 80%/125% "ＭＳ Ｐゴシック";
}

#contents #sortTable .rankTrader,
#contents #sortTable tr.stripe .rankTrader {
	width:170px;
	text-align:left;
}

#contents #sortTable tr,
#contents #sortTable .rankTrader {
	background-color:#E4EFFF;
}

#contents #sortTable tr.stripe,
#contents #sortTable tr.stripe .rankTrader {
	background-color:#C2DCFF;
}

#contents #sortTable th {
	background-color:#09F;
	color:#FFF;
	width:30px;
	text-align:right;
}

#contents #sortTable th.first {
	margin:auto 3px auto 18px;
	background:#09F url(/contents/images/rank_icon_01.gif) no-repeat 20% 50%;
}

#contents #sortTable th.second {
	background:#09F url(/contents/images/rank_icon_02.gif) no-repeat 20% 50%;
}

#contents #sortTable th.third {
	background:#09F url(/contents/images/rank_icon_03.gif) no-repeat 20% 50%;
}

#contents #sortTable td.rankTotal,
#contents #sortTable tr.stripe td.rankTotal {
	background-color:#FFF6EB;
	color:#F00;
}

#contents #sortTable td {
	background-color:#FFF;
	text-align:right;
}

#contents #sortTable tr.stripe td {
	background-color:#E8E8E8;
}


/*--------------------------------------------------------
.freedial
--------------------------------------------------------*/
.freedial {
	padding:0 0 20px;
}

.freedial .notice {
	margin:3px auto 0;
	padding-left:1em;
	text-indent:-1em;
	width:430px;
	font:80%/125% "ＭＳ Ｐゴシック";
	text-align:left;
	color:#F30;
}

/*--------------------------------------------------------
.seminar
--------------------------------------------------------*/

.seminar {
	text-align: center;
}
.seminar a {
	width: 130px;
	height: 65px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 8px;
	display: block;
}
.seminar img {
	border: none;
}