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

/*body*/
body.bg01 {
margin: 5px 0px 0px 20px;
background-color: #F2F1DF;
background-image: url(/images/bg.gif);
background-repeat: repeat-y;
background-position: left top;}

body.center{
margin: 0px;
background-color: #FFF;
text-align: center;}

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

/*--------------------------------------------------------
フォーム
--------------------------------------------------------*/
form {
	margin:0;
}

.form-go {
	margin:0;
	padding:0;
	background-image:url(/images/nav_tbl2_bg.gif);
}

.form-contents {
	margin-bottom:20px;
	border:4px solid #FFCC66;
	background:url(/images/form_contents_title.gif) #FFFDC5 no-repeat left top;
}

.form-contents table {
	margin: 5px 0 2px 115px;
}

input{
	margin-right: 2px;
	color: #333;
	font: 80%/125% "ＭＳ Ｐゴシック";
}

select{
	margin-right: 4px;
	color: #333;
	font: 80%/125% "ＭＳ Ｐゴシック";
}

label{
	padding: 0px;
	font: 80%/125% "ＭＳ Ｐゴシック";
}



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

/*基本フォント*/
.base-ss {font: 70%/125% "ＭＳ Ｐゴシック";color: #333;}
.base-ss-b {font: bold 70%/125% "ＭＳ Ｐゴシック";color: #333;}
.base-s {font: 80%/125% "ＭＳ Ｐゴシック";color: #333;}
.base-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック";color: #333;}
.base-m {font: 90%/125% "ＭＳ Ｐゴシック";color: #333;}
.base-m-b {font: bold 90%/125% "ＭＳ Ｐゴシック";color: #333;}
.base-l-b {font: bold 120%/125% "ＭＳ Ｐゴシック";color: #333;}
.mds-01 {font: bold 80%/125% "ＭＳ Ｐゴシック";color: #FFF;}
.mds-02 {font: bold 80%/125% "ＭＳ Ｐゴシック";color: #090;}
.mds-err {font: bold 140%/125% "ＭＳ Ｐゴシック";color: #F30;}

/*注釈*/
.notes-s {font: 80%/125% "ＭＳ Ｐゴシック";color: #F30;}
.notes-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック";color: #F30;}
.breadcrumbs{font: 11px "ＭＳ Ｐゴシック";color: #000;margin:0 0 8px;}

/*バナー用*/
.banner-common{ padding:16px 0;}

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

/*--------------------------------------------------------
feature  TopおよびDetailにて使用
--------------------------------------------------------*/
#featureBlock {
	margin-bottom:15px;
	width:560px;
}

#feature,
#feature02 {
	padding-top:10px;
}

#feature {
	border-left:2px solid #999;
	border-right:2px solid #999;
}

#feature02 {
	border-left:2px solid #A26228;
	border-right:2px solid #A26228;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#feature table,
#feature02 table {
	margin:0 auto;
	width:95%;
}
#feature02 table {
	border-collapse:collapse;
	width:540px;
}

#feature td,
#feature02 td {
	border-right:1px solid #CCC;
	vertical-align:top;
}

#feature td.last,
#feature02 td.last {
	border-right:none;
}

#feature td,
#feature td.last {
	padding:0 5px;
}

#feature02 td {
	padding:0 10px 0 0;
}
#feature02 td.last {
	padding:0 0 0 10px;
}

#feature p,
#feature02 p {
	margin:5px 0;
	padding-left:3px;
	font:80%/120% "ＭＳ Ｐゴシック"; 
	color: #333;
}

#feature02 td.last p {
	margin-bottom:0;
}


/* feature02 スプリットテスト用 */
#feature02 .feature01Text {
	margin-left:5px;
	float:left;
	width:430px;
	text-align:left;
}
#feature02 .feature01Image {
	float:left;
	width:105px;
}

#feature02 .feature02Text {
	width:141px;
	float:left;
}
#feature02 .feature02Image {
	width:113px;
	float:left;
}

/*--------------------------------------------------------
レイアウト01（ex: info, contents）
--------------------------------------------------------*/
/*----------------------------
#header01
----------------------------*/
#header01 .headline {
	padding: 0px;
	font: 11px/125% "ＭＳ Ｐゴシック";
	text-align:right;
	text-decoration:none;
}

#header01 a.headline:link { color: #000; } 
#header01 a.headline:visited { color: #000; } 
#header01 a.headline:hover { color: #000; } 
#header01 a.headline:active { color: #000; } 

#header01 .logoBlock {
	margin:0 0 4px;
}

/*-- #header01 trial --*/
#header01 .satisfaction-l {font: bold 120%/125% "ＭＳ Ｐゴシック"; color:#FF0000;}
#header01 .satisfaction-m {font: bold 90%/125% "ＭＳ Ｐゴシック"; color:#FF0000; line-height:1;}
#header01 .satisfaction-ss {font: 70%/125% "ＭＳ Ｐゴシック";}

/*----------------------------
#nav
----------------------------*/
#nav h3 {margin: 0px 0px 5px;}
#nav .goBlock {margin: 0px 0px 8px;}
#nav .goBackground {background-image: url(/images/nav_tbl_bg01.gif);}
#nav .navBackground {background-image: url(/images/nav_tbl_bg02.gif);}
#nav .menuBlock {margin: 0px 0px 16px;}
#nav .menu {font: 12px/125% "ＭＳ Ｐゴシック";padding: 3px 0px 3px 5px;}
#nav .linkBlock {margin: 0px 0px 16px;}
#nav .link {font: 12px/125% "ＭＳ Ｐゴシック";padding: 3px 0px 3px 5px;}

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

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

/*----------------------------
#foot-link
----------------------------*/
#foot-link .linkBlock {margin: 0px 0px 16px;}
#foot-link .logo{margin-right:8px;vertical-align:text-bottom;}
#foot-link .title{font: bold 12px/125% "ＭＳ Ｐゴシック"; color: #333;padding-bottom:8px;}
#foot-link .houjin{border-top:dotted 1px #999;padding-top:4px;margin-top:4px;}
#foot-link .text{font: 11px/140% "ＭＳ Ｐゴシック"; color: #333;}
#foot-link .text span {font-weight: bold;}
#foot-link .linehidden01 {position:relative; top:-11px; width:595px; height:2px; background-color: #FFF;}
#foot-link .linehidden02 {position:relative; top:11px; width:595px; height:2px; background-color: #FFF;}
/*----------------------------
#secure
----------------------------*/
#secure .secureBlock {margin: 0px 0px 16px 0px;}

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


/*--------------------------------------------------------
Top用
--------------------------------------------------------*/
/*----------------------------
#top
----------------------------*/
#top .catchBlock {margin: 0px 0px 20px;}
#top .catchBackground {background-image: url(/images/top_image03.gif);}
#top .catch {font:normal 12px/125% "ＭＳ Ｐゴシック"; color: #333;}
#top .label{font: 90%/125% "ＭＳ Ｐゴシック"; color: #333;}

/*----------------------------
#topContents
----------------------------*/
#topContents h2 {margin: 0px 0px 10px;}
#topContents h3{font: 80%/125% "ＭＳ Ｐゴシック";color: #333;margin: 0px 0px 3px;}
#topContents .lineBlock {margin: 10px 0px 10px;}

/*----------------------------
#topNews
----------------------------*/
#topNews {text-align:left; width:730px;}
#topNews h2 {margin: 16px 0px 8px; font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFF; background:#390; padding:2px 2px 2px 8px;}
#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: 0px 0px 24px; font: 80%/125% "ＭＳ Ｐゴシック"; text-align:left;}


/*----------------------------
#topContentssub
----------------------------*/
#topContentssub .subBlock {margin: 0px 0px 16px;}

/*--------------------------------------------------------
Sub Top用
--------------------------------------------------------*/
#subTop .label{font: 80%/125% "ＭＳ Ｐゴシック";
color: #F60;}

/*--------------------------------------------------------
area用
--------------------------------------------------------*/
#area {width:730px; margin-bottom:8px;}
/*#area h1 {font: bold 140%/100% "ＭＳ Ｐゴシック"; color: #333; padding:5px 20px 0; background:#F90;}*/
#area h1 {font: bold 140%/100% "ＭＳ Ｐゴシック"; color: #333; padding:5px 20px 0;}
#area h2 {margin: 8px 0 8px; font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFF; background:#390; padding:2px 2px 2px 8px; width:570px;}
#area h2.box {width:100%;}
#area h3 {font: bold 80%/125% "ＭＳ Ｐゴシック";color: #333; margin:0px; background: #FFF url(/images/top_contents_icon01.gif) no-repeat left center; padding-left:1.2em;}
#area .catchBlock {margin: 0px 0px 8px 0px;}
#area .catch {font: 12px/125% "ＭＳ Ｐゴシック"; color: #333;}
#area .label{font: 90%/125% "ＭＳ Ｐゴシック"; color: #333;}
#area .lead{font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #F60; padding:0.5em 0 0.2em;}
#area .list td{width:50%; vertical-align:top;}
#area ul{font: 80%/125% "ＭＳ Ｐゴシック"; margin:2px 0 16px; padding-left:1.5em; list-style-type:none;}

#area .office-list {
  margin:0 0 16px 5px;
  border-collapse:collapse;
  width:560px;
  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 {
  background-color: #CEEB8A;
}

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

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

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

#area .area-list li {
	margin:0;
	padding: 0 10px 3px 0;
	float:left;
	width:180px;
	list-style: none;
}

#area .form-contents {
	width:570px;
}

#area .comment {
  margin:0;
}
#area .comment h3 {
  margin:0;
  padding:0;
  font: bold 90%/125% "ＭＳ Ｐゴシック";
  color: #333;
  background: #FFF none;
}
#area .comment p {
  margin:0 0 10px 10px;
  padding:0 5px;
  font: 80%/125% "ＭＳ Ｐゴシック";
  color: #333;
  background: #FFF;
}

/*--------------------------------------------------------
#Contents・Info用
--------------------------------------------------------*/
/*----------------------------
#contents
----------------------------*/
#contents h1 {
	height:2em; 
	font: bold 120%/200% "ＭＳ Ｐゴシック"; color: #000; 
	margin-bottom:16px; 
	padding-left:10px; 
	background:#FC6; 
	border-left:solid 5px #F90; 
	border-right:solid 1px #CCC; 
	border-bottom:solid 1px #CCC; 
	vertical-align:middle;
}
#contents h2 {font: bold 90%/115% "ＭＳ Ｐゴシック"; color: #333; margin: 0px;}
#contents h3 {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #090; margin: 0px;}
#contents h4 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #333; margin: 3px 0px 3px;}
#contents .title-background {background-image: url(/images/ttl_tbl_bg02.gif);}
#contents .title-bullet {background-color: #F90;}
#contents .catch-bullet {background-color: #F90;}
#contents .dot-border {background-image: url(/images/line_dot02.gif);}
#contents .lead {font: 80%/125% "ＭＳ Ｐゴシック"; color: #333;}
#contents p {font: 80%/140% "ＭＳ Ｐゴシック"; color: #333;}
#contents .mds-01 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #F90;}
#contents .mds-02 {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #F90;}
#contents .mds-03 {color: #F90;}

/*----------------------------
#contents #voice
----------------------------*/
#contents #voice{margin:4px 10px 36px;font: 80%/125% "ＭＳ Ｐゴシック";}
#contents #voice ul{margin:0 3px; padding:0; list-style-type:none;}
#contents #voice li{padding:16px 0 7px 25px;border-bottom:1px dotted #11793A;background: url(/voice/images/voice_sq_m.gif) no-repeat 0 1.1em ;}
#contents #voice .female {background: url(/voice/images/voice_sq_f.gif) no-repeat 0 1.1em ;}


/*----------------------------
#kddi
----------------------------*/
#kddi h1 {
	font: bold 80%/200% "ＭＳ Ｐゴシック"; color: #000;
}

#kddi .base-ss {font: 80%/100% "ＭＳ Ｐゴシック";color: #333; width:456px; padding:10px;}
#kddi .mds-01 {	font: bold 100%/130% "ＭＳ Ｐゴシック"; color: #FFF; padding-left:10px; background:#7DCD55; vertical-align:middle; }
#kddi .mds-02 {font: bold 120%/125% "ＭＳ Ｐゴシック";color: #090;}
#kddi .mds-03 {font: bold 80%/125% "ＭＳ Ｐゴシック";color: #000; margin-bottom:16px; text-align:left; padding-left:50px;}
#kddi .mds-04 {	font: bold 100%/130% "ＭＳ Ｐゴシック"; color: #000; padding-left:10px; background:#FF8D00; vertical-align:middle; }

.m8 {margin: 0px 8px 8px;}

#kddi a:link {font: 80%/125% "ＭＳ Ｐゴシック";}
#kddi a:visited {font: 80%/125% "ＭＳ Ｐゴシック";}
#kddi a:hover {font: 80%/125% "ＭＳ Ｐゴシック";}
#kddi a:active {font: 80%/125% "ＭＳ Ｐゴシック";}

/*----------------------------
#info
----------------------------*/
#info h1 {height:2em; font: bold 120%/200% "ＭＳ Ｐゴシック"; color: #000; 
	margin-bottom:16px; 
	padding-left:10px; 
	background:#CEEBBA; 
	border-left:solid 5px #090; 
	border-right:solid 1px #CCC; 
	border-bottom:solid 1px #CCC; 
	vertical-align:middle;
}
#info .title-background {background-image: url(/images/ttl_tbl_bg03.gif);}
#info .titleBlock {margin: 0px 0px 21px 0px;}
#info .title-bullet {background-color: #F90;}
#info .line {background-image: url(/images/line_02.gif);}

/*--------------------------------------------------------
#link用
--------------------------------------------------------*/
#link h1 {font: bold 120%/125% "ＭＳ Ｐゴシック"; margin: 0px;}
#link h2{font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #000; background-color: #CCC; border:solid 1px #999; margin-bottom:8px; padding:3px; text-align:left; width: 570px;}
#link .category{width: 570px;}
#link .category td{padding: 5px;}
#link .list{border-top: 1px solid #CCC; border-left: 1px solid #CCC; margin-bottom:16px; width: 570px;}
#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%;}

/*--------------------------------------------------------
POPUP：アンケート結果
--------------------------------------------------------*/
#contents .satisfactionHeader {
	width:600px;
	font-size:90%;
	font-weight:bold;
	line-height:1.2;
	color:#555;
}
#contents .satisfactionHeader strong {
	font-size:220%;
	color:#f00;
}
#contents .satisfactionImg {
	margin:10px 0 0;
	padding:20px 0;
	width:598px;
	border:1px solid #bbb;
	text-align:center;
}
.satisfactionComment {
	margin:5px 0 20px;
	width:600px;
	text-align:right;
}
#contents .satisfactionList {
	margin:0 0 20px;
	padding:0;
	width:600px;
	font: 80%/125% "ＭＳ Ｐゴシック";color: #333;
}
#contents .satisfactionList li {
	padding:10px 0;
	background:url(/images/line_dot03.gif) repeat-x left bottom;
	list-style:none;
	padding-left:0.5em;
	text-indent:-0.5em;
}
#contents .satisfactionList li.secondLine {
	background:#fff6ee url(/images/line_dot03.gif) repeat-x left bottom;
}



.formContents .necessary {
	font:10.5px/1.8em "ＭＳ Ｐゴシック";
	color:#333; 
	background-color:#FF9; 
	white-space:nowrap; 
	padding:2px; 
	border:1px solid #333; 
	vertical-align:baseline;
}
.formContents th {
	text-align:left;
}

.formContents input,.formContents select {
	font-size:105%;
}

/*--------------------------------------------------------
#liveup用（確認画面チェックボックス広告）
--------------------------------------------------------*/
#liveup {
	text-align:center;
}

#liveup #header {
	margin:0 0 24px;
}

#liveup h2 {
	width:500px;
	height:26px;
	text-indent:-9999px;
}
#liveup h2.chapter01 {
	background:url(/help/liveup/images/chapter_01.gif) no-repeat;
}
#liveup h2.chapter02 {
	background:url(/help/liveup/images/chapter_02.gif) no-repeat;
}
#liveup h2.chapter03 {
	background:url(/help/liveup/images/chapter_03.gif) no-repeat;
}

#liveup #wrapper {
	margin:0 auto;
	width:500px;
	text-align:left;
}

#liveup p {
	margin:12px 0;
	padding:0;
	width:480px;
}

#liveup span {
	color:#f00;
	font-weight:normal;
}

#liveup table {
	margin-top:12px;
	border-collapse:collapse;
	max-width:500px;
}

#liveup table tr.last td {
		border-top:3px solid #aaa;
}

#liveup table th,
#liveup table td {
	padding:7px;
	border:1px solid #aaa;
}

#liveup table th {
	text-align:center;
}
#liveup table td.center {
	text-align:center;
}
#liveup table td.right {
	text-align:right;
}

#liveup dl,
#liveup dl dt,
#liveup dl dd {
	margin:0;
	padding:0;
}
#liveup dl dt,
#liveup dl dd {
	margin-top:12px;
	float:left;
}
#liveup dl dt {
	width:80px;
	clear:left;
}
#liveup dl dd {
	width:420px;
}

/*--------------------------------------------------------
#osoujihonpo用（確認画面チェックボックス広告）
--------------------------------------------------------*/
/* IE-expression (fix png alpha) img用 */
* html body#osoujihonpo img {
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"
);
}

#osoujihonpo p {
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック";
}

#osoujihonpo span {
	font-family:"ＭＳ Ｐゴシック";
	font-weight:normal;
	color:#f00;
}

#osoujihonpo img {
	border:none;
}

#osoujihonpo #wrapper {
	margin:0 auto;
	border:1px solid #30C0F3;
	width:648px;
}

#osoujihonpo #header {
	background:url(/help/osoujihonpo/images/main_bg.gif) 0 80px no-repeat;
}

#osoujihonpo #header .logo {
	padding:5px 50px 0 20px;
	width:265px;
	height:80px;
	float:left;
	background:url(/help/osoujihonpo/images/logo.gif) 20px 0 no-repeat;
	text-indent:-9999px;
}

#osoujihonpo #header img {
	margin-bottom:10px;
	float:left;
}

#osoujihonpo #header .mainCopy {
	margin-bottom:10px;
	padding:0 15px 0 20px;
	width:460px;
	float:left;
}

#osoujihonpo #header .mainCopy h1 {
	width:421px;
	height:60px;
	background:url(/help/osoujihonpo/images/main_copy.gif);
	text-indent:-9999px;
}

#osoujihonpo #contents {
	padding:0 19px;
}

#osoujihonpo #contents .chapterBox {
	margin:0 0 15px;
	position:relative;
	border:1px solid #BED5DA;
	width:608px;
}

#osoujihonpo #contents .chapterBox h2 {
	width:608px;
	height:44px;
	text-indent:-9999px;
}

#osoujihonpo #contents .chapterBox .iconDurable,
#osoujihonpo #contents .chapterBox .iconDurableFluorine {
	position:absolute;
	left:520px;
}
#osoujihonpo #contents .chapterBox .iconDurable {
	top:10px;

}
#osoujihonpo #contents .chapterBox .iconDurableFluorine{
	top:42px;

}

#osoujihonpo #contents .chapterBox h2.flooring {
	background:url(/help/osoujihonpo/images/chapter_flooring.gif);
}
#osoujihonpo #contents .chapterBox h2.fluorine {
	background:url(/help/osoujihonpo/images/chapter_fluorine.gif);
}
#osoujihonpo #contents .chapterBox h2.renewal {
	background:url(/help/osoujihonpo/images/chapter_renewal.gif);
}

#osoujihonpo #contents .chapterBox .chapterArea {
	margin:7px 9px;
	width:590px;
}

#osoujihonpo #contents .chapterBox .chapterArea .infoArea {
	margin-right:10px;
	float:left;
	width:350px;
}
#osoujihonpo #contents .chapterBox .chapterArea .infoArea .infoComment {
	padding:7px 10px;
	border:2px solid #fc0;
	background-color:#ffc;
	font-family:"ＭＳ Ｐゴシック";
	font-size:80%;
	line-height:130%;
}
#osoujihonpo #contents .chapterBox .chapterArea .infoArea .infoComment em {
	font-family:"ＭＳ Ｐゴシック";
	font-style:normal;
	font-weight:bold;
}
#osoujihonpo #contents .chapterBox .chapterArea .imageArea {
	float:left;
	width:230px;
}
#osoujihonpo #contents .chapterBox .chapterArea .imageArea img {
	margin-bottom:5px;
}
#osoujihonpo #contents .chapterBox .chapterArea .imageArea p {
	font-family:"ＭＳ Ｐゴシック";
	font-size:70%;
	line-height:120%;
}

/* .infoCoating */
#osoujihonpo #contents .chapterBox .chapterArea .infoCoating {
	text-align:center;
}
#osoujihonpo #contents .chapterBox .chapterArea .infoCoating img {
	margin-top:7px;
}

#osoujihonpo #contents .chapterBox .chapterArea .columnArea {
	float:left;
	width:230px;
}
#osoujihonpo #contents .chapterBox .chapterArea .columnAreaBox {
	padding:9px 11px 0;
	border-left:1px solid #2FC0F3;
	border-right:1px solid #2FC0F3;
	background-color:#fff;
}
#osoujihonpo #contents .chapterBox .chapterArea .columnAreaBox p {
	font-family:"ＭＳ Ｐゴシック";
	font-size:70%;
	line-height:120%;
}
#osoujihonpo #contents .chapterBox .chapterArea .columnAreaBox .imageArea {
	margin-bottom:5px;
	width:73px;
	float:left;
}
#osoujihonpo #contents .chapterBox .chapterArea .columnAreaBox .textArea {
	margin:0 0 5px 5px;
	width:128px;
	float:left;
}
#osoujihonpo #contents .chapterBox .chapterArea .columnAreaBox .imageAreaLarge {
	padding-bottom:5px;
	clear:both;
}

#osoujihonpo #contents .chapterBox .chapterArea .comparisonLeft,
#osoujihonpo #contents .chapterBox .chapterArea .comparisonRight {
	width:285px;
	float:left;
}
#osoujihonpo #contents .chapterBox .chapterArea .comparisonLeft {
	padding-right:10px;
	background:url(/help/osoujihonpo/images/vertical_line.gif) right top no-repeat;
}
#osoujihonpo #contents .chapterBox .chapterArea .comparisonRight {
	padding-left:10px;
}
#osoujihonpo #contents .chapterBox .chapterArea .comparisonImgLeft,
#osoujihonpo #contents .chapterBox .chapterArea .comparisonImgRight {
	float:left;
}
#osoujihonpo #contents .chapterBox .chapterArea .comparisonLeft .comparisonImgLeft {
	width:141px;
}
#osoujihonpo #contents .chapterBox .chapterArea .comparisonLeft .comparisonImgRight {
	width:144px;
}
#osoujihonpo #contents .chapterBox .chapterArea .comparisonRight .comparisonImgLeft {
	width:139px;
}
#osoujihonpo #contents .chapterBox .chapterArea .comparisonRight .comparisonImgRight {
	width:144px;
}
#osoujihonpo #contents .chapterBox .chapterArea .comparisonImgLeft p,
#osoujihonpo #contents .chapterBox .chapterArea .comparisonImgRight p {
	font-family:"ＭＳ Ｐゴシック";
	font-size:70%;
}

#osoujihonpo #contents .windowClose {
	margin-bottom:10px;
	font-family:"ＭＳ Ｐゴシック";
	font-size:90%;
	text-align:center;
}
#osoujihonpo #contents .windowClose img {
	margin-left:5px;
	vertical-align:middle;
}

#osoujihonpo #footer {
	background-color:#2B70B8;
	color:#fff;
}
#osoujihonpo #footer div {
	padding:2px 0 0;
	font-family:"ＭＳ Ｐゴシック";
	font-size:80%;
	text-align:center;
}

/*--------------------------------------------------------
freedial用
--------------------------------------------------------*/
.freedial {
	width:730px;
	margin:16px 0 8px;
}
.freedial .notice {
	margin:0 auto 24px;
	padding-left:1em;
	text-indent:-1em;
	width:413px;
	font:80%/125% "ＭＳ Ｐゴシック";
	text-align:left;
	color:#f03;
}

/*--------------------------------------------------------
動的
--------------------------------------------------------*/
#header01 .headerAccount {
	display:none;
}

body#topPage #header01 .headerAccount {
	display:block;
}

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

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

#header01 .contact {
	padding:0 0 0 5px;
	border-left:1px solid #CCC;
}

#header01 .contact a {
	color:#000;	
	font: 70%/125% "ＭＳ Ｐゴシック";
}

.catchBlock .attention {
	margin-bottom:4px;
	padding:3px 0 0 40px;
	font:70%/125% "ＭＳ Ｐゴシック";
	background:url(/images/icon_header_satisfaction_s.gif) no-repeat 0 0;
	min-height:25px;
	height:auto !important;
	height:25px;
}

.catchBlock .attention em {
	color:#F00;
	font:bold 135%/125% "ＭＳ Ｐゴシック";
	font-style:normal;
}

.catchBlock .another em {
	color:#F00;
	font-style:normal;
}

.catchBlock .another {
	padding:0 0 6px 9px;
	color:#333;
	font:80%/125% "ＭＳ Ｐゴシック";
	text-align:center;
}


.catchBlock .another .nickName {
	margin:3px 0 0 0;
	color:#F00;
	font-weight:bold;	
}