@charset "utf-8";

/*============================================================*
* 20120411
*  リフォーム記事
*============================================================*/

/* --------------------------------------------
 *  Base
 * -------------------------------------------- */
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	word-break: break-all;
}
body, input, select, textarea, th, td, li ,a {
	font-family: メイリオ,Meiryo, 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,sans-serif;
}
#wrapper {
	width: 950px;
	margin: 0 auto;
	background: #FFFFFF;
	text-align: left;
}
a,img { border: 0; }
ul, ol, dl, li, dt, dd	{ list-style: none; }
img		{ border: none; vertical-align: top; }

/* sprites
----------------------------------------------- */
.sp,.sb { background-image: url(/edit/reform/trend/120411/images/sprites/sp.png); background-repeat: no-repeat; }
.b {
	border: 0 none;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	vertical-align: middle;
}
/* text
----------------------------------------------- */

#kiji_wrap p {
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 1px;
	margin-top: 0px;
	line-break: strict;
}

a:link			{ color: #0066CC; }
a:visited		{ color: #0066CC; }
a:hover			{ color: #0080FF; }
a:active		{ color: #0080FF; }

.tdUln { text-decoration: underline; }

.fwB { font-weight: bold; }
.fwN { font-weight: normal; }

.ofh	{ text-indent: -9999px; overflow: hidden; }

#kiji_wrap .fs10		{ font-size: 10px; }
#kiji_wrap .fs11		{ font-size: 11px; }
#kiji_wrap .fs12		{ font-size: 12px; }
#kiji_wrap .fs14		{ font-size: 14px; }
#kiji_wrap .fs16		{ font-size: 16px; }

#kiji_wrap .lh14 { line-height: 1.4; }
#kiji_wrap .lh18 { line-height: 1.8; }

.taR { text-align: right; }
.taC { text-align: center; }

#kiji_wrap .ls0 { letter-spacing: 0px; }
#kiji_wrap .ls1 { letter-spacing: 0.1em; }

.textNote {
	margin-left: 1em;
	text-indent: -1em;
}

/* clearfix
----------------------------------------------- */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }


/* --------------------------------------------
 *  Layout
 * -------------------------------------------- */
#knowhow01 h2, #knowhow01 h3 {
	border: none;
	background-image: url(/edit/reform/trend/120411/images/sprites/sp.png); background-repeat: no-repeat;
}
.fl { float: left; }
.fr { float: right; }

.pr { position: relative; }

.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }

.sub { font-size: 9px; margin-top: -3px; }

/* --------------------------------------------
 *   Contents
 * -------------------------------------------- */

#kiji_wrap h2.h2Ttl01 {	background-position: 0 -226px; width: 643px; height: 68px; }
#kiji_wrap h2.h2Ttl02 {	background-position: 0 -295px; width: 643px; height: 68px; }
#kiji_wrap h2.h2Ttl03 {	background-position: 0 -364px; width: 643px; height: 68px; }

#kiji_wrap h3.h3Tlf01 { background-position: 0 -433px; width: 643px; height: 34px; }
#kiji_wrap h3.h3Tlf02 { background-position: 0 -503px; width: 643px; height: 34px; }
#kiji_wrap h3.h3Tlf03 { background-position: 0 -573px; width: 643px; height: 34px; }

#kiji_wrap h3.h3Tlm01 { background-position: 0 -468px; width: 643px; height: 34px; }
#kiji_wrap h3.h3Tlm02 { background-position: 0 -538px; width: 643px; height: 34px; }
#kiji_wrap h3.h3Tlm03 { background-position: 0 -608px; width: 643px; height: 34px; }

#kiji_wrap h3.h3Tpf { background-position: 0 0; width: 643px; height: 74px; }
#kiji_wrap h3.h3Tps { background-position: 0 -75px; width: 643px; height: 74px; }
#kiji_wrap h3.h3Tpt { background-position: 0 -151px; width: 643px; height: 74px; }

#kiji_wrap h4.h4Tls01 { background-position: 0 -671px; width: 296px; height: 27px; }
#kiji_wrap h4.h4Tls02 { background-position: 0 -699px; width: 313px; height: 27px; }
#kiji_wrap h4.h4Tls03 { background-position: 0 -642px; width: 643px; height: 27px; }

#kiji_wrap h4.h4Tlt01 { background-position: -320px -669px; width: 296px; height: 29px; }
#kiji_wrap h4.h4Tlt02 { background-position: -320px -698px; width: 296px; height: 29px; }

.bgCrk { background-image: url(/edit/reform/trend/120411/images/bgCrk.png); background-repeat: repeat-y; }

.w110 { width: 110px; }
.w156 { width: 156px; }
.w180 { width: 180px; }
.w220 { width: 220px; }
.w296 { width: 296px; }
.w306 { width: 306px; }
.w313 { width: 313px; }
.w326 { width: 326px; }
.w334 { width: 334px; }
.w368 { width: 368px; }
.w432 { width: 432px; }

/* banner
----------------------------------------------- */

#kiji_wrap .bnEco { background-position: 0 -727px; width: 395px; height: 27px; }
#kiji_wrap .bnUp { background-position: 0 -755px; width: 395px; height: 27px; }

#kiji_wrap .bnNf01 { background-position: 0 -783px; width: 277px; height: 24px; }
#kiji_wrap .bnNf02 { background-position: 0 -808px; width: 277px; height: 24px; }

#kiji_wrap .bnNs01 { background-position: 0 -833px; width: 264px; height: 24px; }
#kiji_wrap .bnNs02 { background-position: 0 -858px; width: 223px; height: 24px; }
#kiji_wrap .bnNs03 { background-position: 0 -883px; width: 307px; height: 24px; }

#kiji_wrap .bnNt01 { background-position: 0 -908px; width: 309px; height: 24px; }
#kiji_wrap .bnNt02 { background-position: 0 -933px; width: 277px; height: 24px; }
#kiji_wrap .bnNt03 { background-position: 0 -958px; width: 337px; height: 24px; }

/* text
----------------------------------------------- */
.txtTd01 { background-position: -348px -958px; width: 81px; height: 11px; }
.txtTd02 { background-position: -439px -958px; width: 81px; height: 11px; }
.txtTd03 { background-position: -530px -958px; width: 81px; height: 11px; }

.txtTp01 { background-position: -278px -783px; width: 383px; height: 15px; }
.txtTp02 { background-position: -278px -799px; width: 365px; height: 15px; }
.txtTp03 { background-position: -278px -815px; width: 303px; height: 15px; }


/* line
----------------------------------------------- */

.bdDty { background-image: url(/edit/reform/trend/120411/images/lineDty.png); background-repeat: repeat-y; left top; }
.bdDp { background-image: url(/edit/reform/trend/120411/images/lineDtp.png); background-repeat: repeat-x; background-position : bottom; }
.bdDb { background-image: url(/edit/reform/trend/120411/images/lineDtb.png); background-repeat: repeat-x; background-position : bottom; }

.bdLw { border-bottom: 1px solid #ccc; }

/* link
----------------------------------------------- */

.btnTfh {	background-position: 0 -983px; width: 209px; height: 60px; }
.btnEco {	background-position: -210px -983px; width: 209px; height: 60px; }
.btnSnr {	background-position: -420px -983px; width: 209px; height: 60px; }

.btnTfj {	background-position: 0 -1166px; width: 314px; height: 61px; }
.btnTft {	background-position: -315px -1166px; width: 314px; height: 61px; }
.btnTsj {	background-position: 0 -1290px; width: 314px; height: 61px; }
.btnTst {	background-position: -315px -1290px; width: 314px; height: 61px; }
.btnTtj {	background-position: 0 -1414px; width: 314px; height: 61px; }
.btnTtt {	background-position: -315px -1414px; width: 314px; height: 61px; }

.btnBck {	background-position: 0 -1538px; width: 141px; height: 30px; }
.btnNxt {	background-position: -294px -1538px; width: 141px; height: 30px; }


.btnTfh a, .btnEco a, .btnSnr a, .btnTfj a, .btnTft a, .btnTsj a, .btnTst a, .btnTtj a, .btnBck a, .btnTtt a, .btnNxt a { display: block; height: 100%; outline: none; }

.btnTfh a:hover {	background-position: 0 -1044px; width: 209px; height: 60px; }
.btnEco a:hover {	background-position: -210px -1044px; width: 209px; height: 60px; }
.btnSnr a:hover {	background-position: -420px -1044px; width: 209px; height: 60px; }

.btnTfj a:hover {	background-position: 0 -1228px; width: 314px; height: 61px; }
.btnTft a:hover {	background-position: -315px -1228px; width: 314px; height: 61px; }
.btnTsj a:hover {	background-position: 0 -1352px; width: 314px; height: 61px; }
.btnTst a:hover {	background-position: -315px -1352px; width: 314px; height: 61px; }
.btnTtj a:hover {	background-position: 0 -1476px; width: 314px; height: 61px; }
.btnTtt a:hover {	background-position: -315px -1476px; width: 314px; height: 61px; }

.btnBck a:hover {	background-position: -142px -1538px; width: 141px; height: 30px; }
.btnNxt a:hover {	background-position: -436px -1538px; width: 141px; height: 30px; }

.btnTfh_c {	background-position: 0 -1105px; width: 209px; height: 60px; }
.btnEco_c {	background-position: -210px -1105px; width: 209px; height: 60px; }
.btnSnr_c {	background-position: -420px -1105px; width: 209px; height: 60px; }

.mLbtn { margin-left: 502px; }

/* illust
----------------------------------------------- */
.imgIst02 { background-position: -328px -831px; width: 178px; height: 126px; }
.imgIst03 { background-position: -507px -831px; width: 136px; height: 124px; margin-left: 80px; }

.pictCcl { background-position: -600px -360px; width: 13px; height: 13px; }

/* color
----------------------------------------------- */
.bcYl { background-color: #fff7e8; }

#kiji_wrap .fcGr { color: #666; }


/* --------------------------------------------
 *   Margin
 * -------------------------------------------- */

/* margin
----------------------------------------------- */
#kiji_wrap .m00 { margin: 0 auto; }

#kiji_wrap .mT05 { margin-top: 5px; }
#kiji_wrap .mT10 { margin-top: 10px; }
#kiji_wrap .mT15 { margin-top: 15px; }
#kiji_wrap .mT20 { margin-top: 20px; }
#kiji_wrap .mT25 { margin-top: 25px; }
#kiji_wrap .mT30 { margin-top: 30px; }
#kiji_wrap .mT35 { margin-top: 35px; }
#kiji_wrap .mT40 { margin-top: 40px; }
#kiji_wrap .mT50 { margin-top: 50px; }

#kiji_wrap .mL03 { margin-left: 3px; }
#kiji_wrap .mL05 { margin-left: 5px; }
#kiji_wrap .mL08 { margin-left: 8px; }
#kiji_wrap .mL10 { margin-left: 10px; }
#kiji_wrap .mL15 { margin-left: 15px; }
#kiji_wrap .mL25 { margin-left: 25px; }
#kiji_wrap .mL30 { margin-left: 30px; }

#kiji_wrap .mR10 { margin-right: 10px; }
#kiji_wrap .mR15 { margin-right: 15px; }

#kiji_wrap .mB10 { margin-bottom: 10px; }
#kiji_wrap .mB20 { margin-bottom: 20px; }


/* padding
----------------------------------------------- */
#kiji_wrap .p10 { padding: 10px; }
#kiji_wrap .p15 { padding: 15px; }

#kiji_wrap .pT05 { padding-top: 5px; }
#kiji_wrap .pT10 { padding-top: 10px; }
#kiji_wrap .pT12 { padding-top: 12px; }
#kiji_wrap .pT15 { padding-top: 15px; }
#kiji_wrap .pT20 { padding-top: 20px; }
#kiji_wrap .pT30 { padding-top: 30px; }
#kiji_wrap .pT45 { padding-top: 45px; }

#kiji_wrap .pL10 { padding-left: 10px; }
#kiji_wrap .pL15 { padding-left: 15px; }
#kiji_wrap .pL30 { padding-left: 30px; }

#kiji_wrap .pR15 { padding-right: 15px; }

#kiji_wrap .pB10 { padding-bottom: 10px; }
#kiji_wrap .pB15 { padding-bottom: 15px; }
#kiji_wrap .pB20 { padding-bottom: 20px; }

/* position
----------------------------------------------- */

/* huck
----------------------------------------------- */