@charset "utf-8";

/* ---------------------------
- Author: 
  design studio tom'sOne
  Tomio Tsutsui
  http://toms1.net/
- Last modify:
  2013.03.14
--------------------------- */

/* Core base ----------------------------------------------------------------------*/

body {
 background: #361100 url(../common_images/head_bg.jpg) repeat-x left top;
 color: #493319;
 font-size: 100.01%; 
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
 text-align: center; 
 margin: 0; 
 padding: 0;
}

/* Orera 9 */
;;body { font-family: "メイリオ", Meiryo, sans-serif; }

ul { list-style: none; }


#wrapper, #topWrapp, #wrapper02, #inner, #header, #footer {
 min-width: 960px;
 margin: 0;
}

#wrapper { background: url(../common_images/wrapper_bg.jpg) no-repeat center 26px; }
#topWrapp { background: url(../top_images/toppage_bg.jpg) no-repeat center 26px; }
#wrapper02 { background: url(../common_images/wrapper02.jpg) no-repeat center 26px; }

#inner { background: url(../common_images/tool_obje.jpg) no-repeat center top; }

#header {
 background: url(../common_images/header_bg.png) no-repeat center top;
 height: 135px;
}

#footer {
 background: url(../common_images/footer_bg.jpg) repeat-x left top; 
 height: 225px;
}

#contents, #footOuter, #footInner {
 width: 960px;
 margin: 0 auto;
}

#contents { position: relative; }

#upperContainer, #topUpper {
 position: absolute;
 top: 190px;
 left: 0;
 width: 960px;
 height: 370px;
}

#topUpper { height: 450px; }

#TopMain, #secondMain, #SMInner, #SMPure { width: 960px; }

#TopMain {
 background: url(../top_images/center_shadow.png) no-repeat 0 675px;
 padding: 675px 0 35px;
}

#secondMain { padding-top: 595px; }

#SMInner { background: url(../common_images/main_bg.jpg) repeat-y 0 0; }

#SMPure {
 background: url(../common_images/maintop_bg.jpg) no-repeat 0 0;
 position: relative;
 text-align: left;
 overflow: hidden;
}

#SMContents, #SMContents640, #SMContents660, #SMContents685 {
 float: right;
 width: 740px; 
}

#SMContents640 { width: 640px; padding-right: 45px; }
#SMContents660 { width: 660px; padding-right: 35px; }
#SMContents685 { width: 685px; padding-right: 10px; }

#SMNavi {
 float: left;
 width: 180px;
}

/* header --------------------------------*/

#pageInfo {
 position: absolute;
 top: 0;
 left: 0;
 color: #eee;
 font-size: 13px;
 font-weight: normal;
 text-align: left;
 line-height: 2;
 background-color: transparent;
 height: 25px;
 margin: 0;
}

#topLogo {
 position: absolute;
 top: 65px;
 left: 0;
 width: 400px;
 margin: 0;
}

#topLogo a {
 background: url(../common_images/common_navi.jpg) no-repeat 0 0;
 display: block;
 width: 400px;
 height: 64px;
 margin: 0;
}

#topLogo a:hover { background-position: 0 -64px; }

/* Gloval Navi ---------------------------*/

#globalNavi, #topNav, #SPGNavi {
 float: left;
 width: 190px;
 margin: 0;
 padding: 0;
}

#globalNavi li, #topNav li, #SPGNavi li {
 width: 190px;
 margin: 0;
}

#globalNavi li a, #topNav li a, #SPGNavi li a {
 background-image: url(../common_images/common_navi.jpg);
 background-repeat: no-repeat;
 width: 190px;
}

#topNav li a { background-image: url(../top_images/top_nav.jpg); }

#GN01 a { height: 60px; background-position: 0 -150px; }
#GN02 a { height: 50px; background-position: 0 -210px; }
#GN03 a { height: 50px; background-position: 0 -260px; }
#GN04 a { height: 50px; background-position: 0 -310px; }
#GN05 a { height: 50px; background-position: 0 -360px; }
#GN06 a { height: 50px; background-position: 0 -410px; }
#GN07 a { height: 50px; background-position: 0 -460px; }

#GN11 a ,#GN01 a:hover { height: 60px; background-position: -190px -150px; }
#GN12 a ,#GN02 a:hover { height: 50px; background-position: -190px -210px; }
#GN13 a ,#GN03 a:hover { height: 50px; background-position: -190px -260px; }
#GN14 a ,#GN04 a:hover { height: 50px; background-position: -190px -310px; }
#GN15 a ,#GN05 a:hover { height: 50px; background-position: -190px -360px; }
#GN16 a ,#GN06 a:hover { height: 50px; background-position: -190px -410px; }
#GN17 a ,#GN07 a:hover { height: 50px; background-position: -190px -460px; }

#TN01 a { height: 65px; background-position: 0 0; }
#TN02 a { height: 62px; background-position: 0 -65px; }
#TN03 a { height: 62px; background-position: 0 -127px; }
#TN04 a { height: 62px; background-position: 0 -189px; }
#TN05 a { height: 62px; background-position: 0 -251px; }
#TN06 a { height: 62px; background-position: 0 -313px; }
#TN07 a { height: 65px; background-position: 0 -375px; }

#TN01 a:hover { background-position: -190px 0; }
#TN02 a:hover { background-position: -190px -65px; }
#TN03 a:hover { background-position: -190px -127px; }
#TN04 a:hover { background-position: -190px -189px; }
#TN05 a:hover { background-position: -190px -251px; }
#TN06 a:hover { background-position: -190px -313px; }
#TN07 a:hover { background-position: -190px -375px; }

/* Page Image ----------------------------*/

#pageIM, #worksIndTitle {
 float: right;
 width: 730px;
 height: 360px;
 margin: 0;
}

#pageIM {
 background-position: 0 0;
 background-repeat: no-repeat;
}

/* Footer --------------------------------*/

#footOuter {
 background: url(../common_images/foot_outer.jpg) no-repeat 0 0;
}

#footSecInner { width: 960px; }

#footInner, #footSecInner {
 background: url(../common_images/footer_im.png) no-repeat center 52px;
 height: 225px;
 position: relative;
}

#footInner ul, #footSecInner ul  {
 font-size: 12px;
 line-height: 1.75;
 text-align: left;
 margin: 0;
 padding: 0;
}

#botNavi01, #botNavi02 {
 position: absolute;
 top: 60px;
 left: -3px;
}

#botNavi02 { left: 162px; }

#footInner ul li a, #footSecInner ul li a {
 color: #eee;
 background-color: transparent;
 text-decoration: none;
 padding: 0 3px;
}

#footInner ul li a:hover, #footSecInner ul li a:hover {
 color: #27c0f5;
 background-color: #4e2209;
 text-decoration: none;
}

#returnBT {
 position: absolute;
 top: 5px;
 right: 0;
 margin: 0;
}

#returnBT a {
 background: url(../common_images/return_bt.png) no-repeat 0 0;
 width: 110px;
 height: 30px;
}

#returnBT a:hover { background-position: 0 -40px; }
 
address {
 background: url(../common_images/copyright.png) no-repeat;
 position: absolute;
 top: 112px;
 right: 0;
 width: 240px;
 height: 25px;
 margin: 0;
}

/* Top Page -----------------------------------------------------------------------*/

#topEyeCach {
 float: right;
 width: 730px;
 margin: 0;
}

#topBNArea {
 width: 730px;
 margin: 0;
 padding: 0;
}

#topBNArea li {
 float: left;
 background-color: #d2c9c2;
 width: 175px;
}

#topBNArea li a {
 width: 175px;
 height: 65px;
}

#freeTbn, #satoTbn, #reformTbn { margin-right: 10px; }
#freeTbn a { background: url(../top_images/free_tbn.png) no-repeat 0 0; }
#satoTbn a { background: url(../top_images/sato_tbn.png) no-repeat 0 0; }
#reformTbn a { background: url(../top_images/reform_tbn.png) no-repeat 0 0; }
#stoveTbn a { background: url(../top_images/stove_tbn.png) no-repeat 0 0; }

#topFlash {
 width: 730px;
 height: 360px;
 margin: 15px 0 0;
}

#contentsInfo, #topInfo {
 float: left;
 width: 460px;
 margin: 40px 0 0;
}

#topInfo { float: right; }

#contentsInfo h3, #topTopics, #topAdd {
 background: url(../top_images/top_transparent.png) no-repeat 0 0;
 text-indent: -9999px;
 width: 460px;
 height: 16px;
 margin: 0;
}

#topTopics { background-position: 0 -50px; }

#topAdd {
 background-position: 0 -100px;
 height: 130px;
 margin-top: 26px;
}

#topAdd h4, #topAdd p { margin: 0; }

#contentsInfo div {
  width: 484px;
  margin: 0 -24px 0 0; 
}

#contentsInfo p {
 float: left;
 width: 218px;
 margin: 24px 24px 0 0;
}

#contentsInfo p .CIIM {
 display: block;
 background-color: #ddd5cc;
 width: 218px;
 height: 83px;
}

#contentsInfo p .CIGuide {
 display: block;
 font-size: 12px;
 line-height: 1.75;
 font-weight: bold;
 text-align: left;
 margin: 0;
 padding: 10px 0 0 12px;
}

#contentsInfo p img { vertical-align: top; }
#contentsInfo p a { cursor: pointer; }
#contentsInfo p a:link, #contentsInfo p a:visited { text-decoration: none; }

#contentsInfo p a:link .CIGuide, #contentsInfo p a:visited .CIGuide {
 background: url(../top_images/top_transparent.png) no-repeat 2px -264px;
 color: #d5d5d5;
 background-color: transparent;
 text-decoration: none;
}

#contentsInfo p a:hover .CIGuide {
 background-position: 3px -264px;
 color: #f0e5cc;
 background-color: transparent;
 text-decoration: none;
}

#topInfo dl {
 margin: 12px 0 0;
 padding: 0 10px;
}

#topInfo dl dt {
 float: left;
 width: 35px;
 height: 35px;
 margin: 0;
 padding: 12px 0 0;
}

#topInfo dl dt a img {
 vertical-align: top;
 margin: 0;
 border: 1px solid #ccc;
}

#topInfo dl dt a:hover img { border: 1px solid #00ccf9; }

#topInfo dl dd {
 color: #fcfaf7;
 font-size: 13px;
 line-height: 1.4;
 text-align: left;
 margin: 0;
 padding: 12px 0 0 48px;
}

#topInfo dl dd a:link, #topInfo dl dd a:visited {
 color: #fcfaf7;
 background-color: transparent;
 text-decoration: none;
}

#topInfo dl dd a:hover {
 color: #faeebb;
 background-color: transparent;
 text-decoration: underline;
}

/* Second Common ------------------------------------------------------------------*/

.ST01 {
 width: 740px;
 height: 64px;
 margin: 20px 0 0;
}

.ST02 {
 width: 695px;
 height: 70px;
 margin: 17px 0 0;
}

#sideNavi {
 width: 180px;
 margin: 0;
}

#sideName {
 width: 180px;
 height: 98px;
 margin: 0;
}

 #sideBN {
 width: 175px;
 margin: 30px 0 0 5px;
 padding: 0;
}

 #sideBN li { margin: 10px 0 0; }
 
#sideBN li a {
 width: 170px;
 height: 65px;
}

#freeBN a { background: url(../common_images/free_bn.png) no-repeat 0 0; }
#satoBN a { background: url(../common_images/sato_bn.png) no-repeat 0 0; }
#reformBN a { background: url(../common_images/reform_bn.png) no-repeat 0 0; }
#stoveBN a { background: url(../common_images/stove_bn.png) no-repeat 0 0; }

#addInfo {
 background: url(../common_images/add_info.png) no-repeat 0 0;
 width: 640px;
 height: 90px;
 margin: 0;
 padding-bottom: 20px;
}

#addInfo p { margin: 0; }

.Bol { font-weight: bold; }

.MLem1 { margin-left: 1em; }
.MLem2 { margin-left: 2em; }
.MLem3 { margin-left: 3em; }
.MLem4 { margin-left: 4em; }
.MLem5 { margin-left: 5em; }
.MLem6 { margin-left: 6em; }
.MLem7 { margin-left: 7em; }

/* Page Title Image ----------------------*/

.houseBuildTop { background-image: url(../build/images/top_title.jpg); }
.HBChapter01 { background-image: url(../build/01_images/01_title.jpg); }
.HBChapter02 { background-image: url(../build/02_images/02_title.jpg); }
.HBChapter03 { background-image: url(../build/03_images/03_title.jpg); }
.worksTop { background-image: url(../works/images/title.jpg); }
.companyTitle { background-image: url(../company/images/title.jpg); }
.faqTitle { background-image: url(../faq/images/title.jpg); }
.inquiryTitle { background-image: url(../inquiry/images/title.jpg); }
.legalTitle { background-image: url(../legal/images/title.jpg); }

/* House Build --------------------------------------------------------------------*/
/* HB Common -----------------------------*/

.HBnavi {
 background: url(../build/images/build_navi.jpg) no-repeat 0 0;
 height: 248px;
 padding: 15px 0 0;
}

.HBnavi li { width: 180px; }
.HBnavi li a {
 background-image: url(../build/images/build_navi.jpg);
 background-repeat: no-repeat;
}

#HBNtop a, #HBNtopON a {
 background-position: 0 -15px;
 height: 75px;
 margin: 0;
}
#HBNtop a:hover, #HBNtopON a { background-position: -180px -15px; }

#HBN01 a, #HBN02 a, #HBN03 a,
#HBN11 a , #HBN12 a, #HBN13 a {
 height: 45px;
 margin: 5px 0 0;
}
#HBN01 a, #HBN11 a {
 background-position: 0 -100px;
 margin-top: 10px;
}
#HBN02 a { background-position: 0 -150px; }
#HBN03 a { background-position: 0 -200px; }
#HBN01 a:hover, #HBN11 a { background-position: -180px -100px; }
#HBN02 a:hover, #HBN12 a { background-position: -180px -150px; }
#HBN03 a:hover, #HBN13 a { background-position: -180px -200px; }

#HBReasonContainer, .HBIContainer, #HBIP, #HBRMore {
  background: url(../common_images/line640.png) no-repeat right bottom;
  padding: 0 0 30px 45px;
}

.HBICBottom {  padding: 0 0 10px 45px;}

.HBIContainer p, .HBICBottom p, #HBIP p { margin: 0; padding: 1em 0 0 47px; }

.chapterCut01 {
 float: right;
 margin: 0 0 0 25px;
 border: 2px solid #d5c0a7;
}

.CGPad {
 display: block;
 margin-top: 1em;
}

/* HB Chapter Navi -----------------------*/

#HBBottom { padding: 0 45px; }

#HBBottom h4 {
 background: url(../build/images/top_trp.png) no-repeat 0 -580px;
 width: 640px;
 height: 18px;
 margin: 30px 0 0;
}

#HBChapter {
 background: url(../build/images/top.png) no-repeat 0 -200px;
 position: relative;
 width: 640px;
 margin: 0;
 padding: 0 0 40px;
}

#HBChapter li { float: left; text-align: center; }

#HBChapter li a {
 background: url(../build/images/hb-chapter_bg.png) no-repeat center top;
 display: block;
 cursor:pointer;
 height: 300px;
 overflow: hidden;
}

#HBChapter li a:hover { background-position: center bottom; }

.HBCH01 a, .HBCH03 a { width: 212px; margin: 0; }
.HBCH02 a { width: 210px; margin-left: 3px; }
.HBCH03 a { width: 212px; margin-left: 3px; }

.HBCIM, a .HBCST, .HBCInfo { display: block; }

.HBCIM { height: 105px; margin: 0; }

.HBCIM img { margin-top: 37px; }

a .HBCST {
 background-image: url(../build/images/hb-chapter_st.png);
 background-repeat: no-repeat;
 height: 55px;
 margin: 5px 0 0;
}

a #HBCTtop { background-position: 0 0; }
a:hover #HBCTtop { background-position: 0 -55px; }
a #HBCT01 { background-position: 0 -110px; }
a:hover #HBCT01 { background-position: 0 -165px; }
a #HBCT02 { background-position: 0 -220px; }
a:hover #HBCT02 { background-position: 0 -275px; }
a #HBCT03 { background-position: 0 -330px; }
a:hover #HBCT03 { background-position: 0 -385px; }

.HBCInfo {
 font-size: 13px;
 line-height: 1.8;
 margin: 0;
 padding: 15px 20px 0;
}

#HBChapter li a:link, #HBChapter li a:visited {
 color: #493319;
 background-color: transparent;
 text-decoration: none;
}

#HBChapter li a:hover {
 color: #27c0f5;
 text-decoration: none;
}

/* HB Font Style -------------------------*/

.HBTex, #HBpolicyContainer p, .chapterGuide, .chapterGuide02, .HBInnerDL p {
 font-size: 82%;
 line-height: 1.75;
}

#HBpolicyContainer p, .chapterGuide, .chapterGuide02 {
 margin: 0;
 padding: 7px 0 0 100px;
}

.chapterGuide { padding-left: 92px; }
.chapterGuide02 {
 background: url(../common_images/line640.png) no-repeat 55px bottom;
 padding: 20px 0 20px 102px; 
}

#HBTop h2, #HBTop h3, #HBBottom h4, .HBCST,
#HB01 h2, #HB02 h2, #HB03 h2, #HB01 h3, .HBRadvantage,
.HBInnerDL h3 { text-indent: -9999px; }

/* HB Top --------------------------------*/

#HBTopST { background: url(../build/images/top_trp.png) no-repeat 0 0; }

#HBTop { padding: 30px 45px 0 55px; }

#HBTop h2 {
 background: url(../build/images/top_trp.png) no-repeat 0 -100px;
 width: 640px;
 height: 120px;
 margin: 0;
}

#HBpolicy {
 background: url(../build/images/top.png) no-repeat 0 0;
 width: 640px;
 height: 52px;
 margin: 0;
}

#HBpolicyContainer {
 background: url(../common_images/line640.png) no-repeat 0 0;
 margin-top: 30px;
}

#HBpolicyContainer h3 {
 background-image: url(../build/images/top_trp.png);
 background-repeat: no-repeat;
 width: 650px;
 margin: 0;
}

#HBP01 { height: 56px; background-position: 0 -250px; }
#HBP02 { height: 51px; background-position: 0 -355px; }
#HBP03 { height: 51px; background-position: 0 -455px; }

#HBTsales {
 width: 640px;
 padding: 30px 45px 10px;
}

#HBTsales p {
 background: url(../build/images/top.png) no-repeat 0 -100px;
 text-indent: -9999px;
 width: 640px;
 height: 60px;
 margin: 0;
}

/* HB Chapter01 --------------------------*/

#HBSTchapter01 { background: url(../build/01_images/01_st.png) no-repeat 0 0; }

#HB01, #HB02, #HB03 { padding: 15px 45px 0 10px; }

#HB01 h2, #HB02 h2, #HB03 h2 {
 background-image: url(../build/01_images/01_st.png);
 background-repeat: no-repeat;
 width: 670px;
 height: 26px;
 margin: 30px 0 0;
}

#HBST012 { background-position: 0 -100px; }
#HBST013 { background-position: 0 -200px; }
#HBST014 { background-position: 0 -300px; }

#HB01 h2#HBST011, #HB02 h2#HBST021, #HB03 h2#HBST031 {
 background: url(../build/01_images/chap01_trp.png) no-repeat 0 0;
 height: 40px;
 margin: 0;
}

#HB01 h3 {
 background: url(../build/01_images/chap01_trp.png) no-repeat 0 -100px;
 width: 560px;
 height: 35px;
 margin: 20px 0 0 90px;
}

#HBreason {
 margin: 10px 0 0 45px;
 border-bottom: 1px solid #d5c2bb;
}

#HBreason dt {
 font-size: 14px;
 line-height: 1;
 font-weight: bold;
 margin: 0;
 padding: 0;
 border-top: 1px solid #d5c2bb;
}

#HBreason dt span {
 font-size: 13px;
 font-weight: normal;
}

.toggle a {
 background: url(../build/01_images/acc_sign.gif) no-repeat 0 0.85em;
 display: block;
 cursor: pointer;
 padding: 1em 0 1em 30px;
}

.toggle a:link, .toggle a:visited {
 color: #493319;
 background-color: transparent;
 text-decoration: none;
}

.toggle a:hover, .toggle a.selected {
 background-position: -595px 0.85em;
 color: #27c0f5;
 text-decoration: none;
}

#HBreason dd { margin: 0; }

.toggleContainer { padding-left: 30px; }

.HBRpre, .HBRInfo  {
 font-size: 82%;
 line-height: 1.75;
 margin: 0;
 padding: 0;
}

.HBRInfo {
 color: #7e2500;
 padding: 0.75em 0 1.5em;
}

.HBRI02 {
 display: block;
 margin: 1em 0 0;
}

.HBRInfo img, .HBRI02 img {
 float: left;
 margin: 0 20px 0 0;
}

.HBRpre em {
 color: #755949;
 font-weight: bold;
 font-style: normal;
}

.HBRpre span { padding: 0 0 0.5em 3em; display: block; }

.HBRadvantage {
 background: url(../build/01_images/01_reason.png) no-repeat 0 0;
 height: 18px;
 margin: 12px 0 0;
 border-bottom: 1px solid #77aeae;
}

#HBIP, #HBRMore { padding-bottom: 15px; }
#HBWeak { padding-left: 45px; }

#HBRMore dt, #HBWeak dt, .HBInnerDL dl dt, #HBExpenses dl dt {
 background: url(../build/images/plus_sign.png) no-repeat 0 1px;
 font-weight: bold;
 font-size: 14px;
 line-height: 1;
 margin: 0 0 0 45px;
 padding-left: 15px;
}

#HBWeak dt { background: url(../build/images/minus_sign.png) no-repeat 0 1px; }

#HBRMore dd, #HBWeak dd, .HBInnerDL dd, #HBExpenses dl dd {
 font-size: 82%;
 line-height: 1.6;
 margin: 0;
 padding: 0.5em 0 1em 60px;
}

/* HB Chapter02 --------------------------*/

#HBSTchapter02 { background: url(../build/02_images/chapter02.png) no-repeat 0 0; }

#HB02 h2, .HBInnerDL h3 {
 background-image: url(../build/02_images/chapter02.png);
 background-repeat: no-repeat;
}

#HBST022 { background-position: 0 -100px; }
#HBST023 { background-position: 0 -160px; }
#HBST024 { background-position: 0 -220px; }

#HB02 h2#HBST021 {
 background: url(../build/02_images/chap02_trp.png) no-repeat 0 0;
}

.HBInnerDL { padding: 0 0 0 45px; }

#HBIPre01, #HBIPre02 { min-height: 165px; }
#HBIPre01 { background: url(../build/02_images/chap02_image03.jpg) no-repeat right top; }
#HBIPre02 {
 background: url(../build/02_images/chap02_image04.jpg) no-repeat right top;
 padding-bottom: 10px; 
}

#prerequisite01 {
 background-position: 2px -300px;
 width: 300px;
 height: 16px;
 margin-top: 25px;
}

#prerequisite02 {
 background-position: 2px -350px;
 width: 300px;
 height: 16px; 
}

#HBDesign h3 {
 width: 595px;
 height: 45px;
 margin: 0;
}

h3#hints01, h3#hints03 { margin-top: 25px; }
h3#hints02 { margin-top: 15px; }
#hints01 { background-position: 0 -400px; }
#hints02 { background-position: 0 -450px; }
#hints03 { background-position: 0 -500px; }

.HBIContainer .HBInnerDL p { padding: 10px 0 0 15px; }
.HBInnerDL dl { margin: 1em 0 0 15px; }
.HBInnerDL dl dt { margin: 0; }

.HBInnerDL dl dd { padding-left: 15px; }

#estateCheck {
 background: url(../build/02_images/chapter02.png) no-repeat 0 -600px;
 text-indent: -9999px;
 width: 550px;
 height: 140px;
 margin: 20px 0 0 45px;
}

#estateCheck h3, #estateCheck ul, #estateCheck li { margin: 0; padding: 0; }

/* HB Chapter03 --------------------------*/

#HBSTchapter03 {
 background: url(../build/03_images/chapter03.png) no-repeat 0 0;
}

#HB03 h2 {
 background-image: url(../build/03_images/chapter03.png);
 background-repeat: no-repeat;
}

#HB03 h2#HBST031 {
 background: url(../build/03_images/chap03_trp.png) no-repeat 0 0;
}

#HBST032 { background-position: 0 -100px; }
#HBST033 { background-position: 0 -160px; }
#HBST034 { background-position: 0 -220px; }

#HBExpenses {
 background: url(../build/03_images/chap03_image01.jpg) no-repeat right 25px;
 width: 595px;
 padding: 10px 0 0 45px;
}

#HBExpenses dl {
 width: 310px;
 margin: 0;
}

#HBExpenses dl dt { margin: 1em 0 0; }
#HBExpenses dl dd {
 line-height: 1.6;
 padding: 0.5em 0 0 15px;
}

#HBExpenses dl dd ul {
 list-style: circle;
 margin: 0;
 padding: 0 0 0 18px;
}

#pliceChart01, #pliceChart02, #pliceChart03, #pliceChart04, #pliceChart05 {
 background-image: url(../build/03_images/chapter03.png);
 background-repeat: no-repeat;
 font-size: 11px;
 width: 500px;
 margin: 15px 0 5px 70px;
}

#pliceChart01 {
 background-position: 0 -240px;
 height: 80px;
}

#pliceChart02 {
 background-position: 0 -360px;
 height: 105px;
}

#pliceChart03 {
 background-position: 0 -500px;
 height: 100px;
 margin-top: 20px;
}

#pliceChart04 {
 background-position: 0 -640px;
 height: 360px;
 margin-top: 30px;
}

#pliceChart05 {
 background-position: 0 -1040px;
 height: 565px;
 margin-top: 30px;
}

.PCInner dl, .PCInner h3, .PCInner p {
 text-indent: -9999px;
 margin: 0;
}

.PCInner dl dt, .PCInner dl dd { display: inline; }

/* Works --------------------------------------------------------------------------*/
/* Works Common --------------------------*/

#WNaviTop, #WNaviTopON {
 width: 180px;
 height: 98px;
 margin: 0;
}

#WNaviTop a, #WNaviTopON a {
 background: url(../works/images/wn_top.jpg) no-repeat 0 0;
 width: 180px;
 height: 98px;
}

#WNaviTop a:hover, #WNaviTopON a { background-position: -180px 0; }

#WListNavi {
 width: 180px;
 margin: 0;
 padding: 0;
}

#WListNavi li a {
 background: url(../works/images/wn_sec.png) no-repeat 0 0;
 font-size: 12px;
 line-height: 1.5;
 width: 160px;
 height: 42px;
 padding: 8px 10px 0;
 display: block;
 cursor: pointer;
 overflow: hidden;
}

#WListNavi li a:link, #WListNavi li a:visited {
 color: #f5f5f5;
 text-decoration: none;
 background-color: transparent;
}

#WListNavi li a:hover {
 background-position: -180px 0; 
 color: #27c0f5;
 text-decoration: underline;
}

#WListNavi li.ON a:link, #WListNavi li.ON a:visited, #WListNavi li.ON a:hover {
 background-position: -180px 0; 
 color: #55ae33;
 text-decoration: none;
}

/* Works Top -----------------------------*/

#worksListContainer { padding: 10px 0 35px; overflow: hidden; }

.worksList {
 float: left;
 color: inherit;
 background-color: #fefaf4;
 position: relative;
 width: 202px;
 height: 275px;
 margin: 22px 22px 0 0;
 border: 2px solid #d9bca7;
}

.worksNum, .worksList h2, .WLIM {
 font-size: 14px;
 line-height: 1;
 margin: 0;
}

.worksNum {
 background: #d9bca7 url(../works/images/Works.png) no-repeat 0 1px;
 color: #fff;
 height: 14px;
 text-align: right;
 padding: 2px 0 2px 0;
}

.WLIM {
 width: 198px;
 margin: 2px;
}

a:hover .WLIM {
 opacity: 0.8;
 filter: alpha(opacity=80);
 -ms-filter: "alpha(opacity=80)";
 -khtml-opacity: 0.8;
 -moz-opacity: 0.8;
 zoom: 1;
}

.worksList h2, .worksList h3 {
 max-width: 190px;
 padding: 12px 0 0 12px;
}

.worksList h3 {
 font-size: 12px;
 line-height: 1.33;
 margin: 0;
 padding-top: 5px;
}

.worksList h2 a:link, .worksList h2 a:visited {
 color: #006922;
 background-color: transparent;
 text-decoration: none;
}

.worksList h2 a:hover {
 color: #27c0f5;
 text-decoration: underline;
}

.worksList ul {
 margin:  0;
 padding: 5px 0 0 12px;
}

.worksList ul li {
 font-size: 11px;
 line-height: 1.4;
}

.WLLinkBT {
 margin: 0;
 position: absolute;
 bottom: 2px;
 right: 2px;
}

.WLLinkBT a {
 background: url(../works/images/datail_bt.png) no-repeat 0 0;
 width:64px;
 height: 30px;
}

.WLLinkBT a:hover { background-position: 0 -30px; }

/* Works Detail --------------------------*/

#worksIndTitle {
 background: url(../works/images/ind_title_bg.jpg) no-repeat 0 0;
 position: relative;
}

#WITName {
 position: absolute;
 top: 35px;
 left: 60px;
 text-align: left;
 width: 220px;
}

#WITName p {
 color: #fff;
 font-size: 16px;
 line-height: 1;
 background-color: transparent;
 height: 25px;
 margin: 0;
 padding: 3px 0 0 60px;
}

#WITName h1 {
 font-size: 13px;
 line-height: 1;
 font-weight: normal;
 margin: 15px 0 0;
}

#WITName h2 {
 color: #006922;
 font-size: 15px;
 line-height: 1;
 background-color: transparent;
 margin: 8px 0 0;
}

#WITData {
 position: absolute;
 top: 185px;
 left: 60px;
 font-size: 12px;
 line-height: 1.8;
 text-align: left;
 width: 220px;
 margin: 0;
 padding: 0;
}

#WITPhoto {
 position: absolute;
 top: 35px;
 right: 35px;
 color: inherit;
 background-color: #fff;
 width: 380px;
 height: 285px;
 margin: 0;
}

#WITPhoto a img { border: 1px solid #fff; }
#WITPhoto a:hover img { border: 1px solid #00aeee; }

#worksIndInfo h2 {
 background: url(../works/images/info_st.png) no-repeat 0 0;
 height: 35px;
 margin: 0;
}

#worksIndInfo p {
 color: inherit;
 font-size: 78%;
 line-height: 1.6;
 background-color: #fefaf4;
 margin: 0;
 padding: 20px 25px 18px;
 border: 1px solid #ddccbb;
}

#WIFeatureContainer { min-height: 250px; padding-bottom: 35px; }

.WIFeature {
 background: url(../works/images/guide_bg.png) no-repeat 0 0;
 width: 660px;
 margin-top: 20px;
 overflow: hidden;
}

.WIFeature div {
 float: left;
 width: 196px;
 margin: 0 21px 0 0;
 padding: 5px 5px 0;
}

.WIFeature div.third { margin-right: 0; }
.WIFeature div a img { border: 1px solid #fff; }
.WIFeature div a:hover img { border: 1px solid #00aeee; }

.WIFeature h3 {
 background: url(../works/images/g_sign.png) no-repeat 0 11px;
 font-size: 13px;
 line-height: 1.5;
 margin: 0;
 padding: 7px 0 0 15px;
}

.WIFeature p {
 font-size: 12px;
 line-height: 1.5;
 margin: 0;
 padding: 1px 5px 12px 15px;
 display: block;
}

#clientVoice {
 background: url(../works/images/voice_bottom.png) no-repeat center bottom;
 width: 660px;
 margin: 0;
 padding-bottom: 15px;
}

#clientVoice h3 {
 background: url(../works/images/voice_st.png) no-repeat 0 0;
 text-indent: -9999px;
 width: 660px;
 height: 40px;
 margin: 20px 0 0;
}

#clientVoice div {
 background: url(../works/images/voice_bg.png) repeat-y center top;
 margin: 0;
}

#clientVoice div p {
 font-size: 12px;
 line-height: 1.5;
 margin: 0;
 padding: 0 35px 1em;
}

/* Company ------------------------------------------------------------------------*/

.compSN { background: url(../company/images/side_name.jpg) no-repeat 0 0; }

.compCont { width: 640px; margin: 40px 0 0; }

#CCLast { padding-bottom: 40px; }

#CCST01, #CCST02, #CCST03, #CCST04 {
 background: url(../company/images/sub_tit.png) no-repeat 0 0;
 float: left;
 text-indent: -9999px;
 width: 150px;
 height: 300px;
 margin: 0;
}

#CCST02 {background-position: -200px 0; height: 125px; }
#CCST03 {background-position: -400px 0; height: 350px; }
#CCST04 {background-position: -600px 0; height: 125px; }

.CCInner, .accMap {
 background: url(../common_images/line450.png) no-repeat 0 0;
 float: right;
 font-size: 13px;
 line-height: 1.8;
 width: 450px;
 margin: 0;
 padding-top: 2px;
}

.accMap {
 position: relative;
 background: none;
 padding: 0;
 z-index: 10;
}

.photoView {
 position: absolute;
 top: 215px;
 left: 295px;
 width: 120px;
 height: 36px;
 margin: 0;
 display: block;
 z-index: 11;
}

.photoPoint {
 position: absolute;
 top: 318px;
 left: 374px;
 width: 68px;
 height: 34px;
 margin: 0;
 display: block;
 z-index: 12;
}

.photoView a:hover img, .photoPoint a:hover img {
 opacity: 0.6;
 filter: alpha(opacity=60);
 -ms-filter: "alpha(opacity=60)";
 -khtml-opacity: 0.6;
 -moz-opacity: 0.6;
 zoom: 1;
}

ul.CCInner { padding: 2px 0 0; }

.CCInner li {
 background: url(../common_images/line450.png) no-repeat left bottom;
 margin: 0;
 padding: 8px 0.5em 7px 1em;
}

/* Q&A ------------------------------------------------------------------------*/

.faqSN { background: url(../faq/images/side_name.jpg) no-repeat 0 0; }

#faqContainer { width: 640px; padding: 20px 0 35px; }

#faqContainer h1 {
 background: url(../faq/images/faq_st.png) no-repeat 0 0;
 text-indent: -9999px;
 width: 450px;
 height: 40px;
 margin: 0;
}

#faqContainer p {
 font-size: 82%;
 line-height: 1.8;
 margin: 0;
 padding: 0.75em 0 0;
}

#faqMain {
 margin-top: 25px;
}

#faqMain dl {
 background: url(../common_images/line640.png) no-repeat left top;
 line-height: 1.6;
 margin: 0;
}

#faqMain dt {
 background: url(../faq/images/q_sign.png) no-repeat 0 20px;
 font-size: 86%;
 font-weight: bold;
 margin: 0;
 padding: 23px 0 10px 30px;
}

#faqMain dd {
 background: url(../faq/images/a_sign.png) no-repeat 0 6px;
 margin: 0;
}

#faqMain dd p {
 font-size: 82%;
 margin: 0;
 padding: 10px 0 22px 30px;
}

/* Inquiry ------------------------------------------------------------------------*/

.inqSN { background: url(../inquiry/images/side_name.jpg) no-repeat 0 0; }

#inqMessage, #inqDial, #formST, #CFormBox h3, #completion h1 {
 background: url(../inquiry/images/trp.png) no-repeat 0 0;
}

#inqMessage {
 width: 640px;
 min-height: 50px;
 margin: 25px 0 0; 
}

#inqMessage h1 {
 font-size: 86%;
 line-height: 1.75;
 font-weight: normal;
 margin: 0;
 padding: 2px 0 0 65px;
}

#inqDial {
 background-position: 0 -200px;
 width: 640px;
 height: 80px;
 margin: 25px 0 0; 
}

#inqDial h2, #inqDial p {	text-indent: -9999px; margin: 0; }

#formST {
 background-position: 0 -400px;
 text-indent: -9999px;
 width: 640px;
 height: 48px;
 margin: 25px 0 0; 
}

.formGuide, #completion p {
 font-size: 82%;
 line-height: 1.75;
 margin: 0;
 padding: 1em 0 0;
}

.formGuide span {
 font-size: 82%;
 color: #f23300;
 vertical-align: top;
 font-weight: bold;
 margin-right: 0.25em;
}

/* FormArea -------------------------*/

#contactForm {
 width: 640px;
 margin: 25px 0 35px;
 border: 1px solid #e2d5c2;
}

#mailform {
 text-align: left;
 margin: 0;
 border: 1px solid #fff;
}

#CFormBox { padding: 10px 20px; }

#CFormBox h3 {
 background-position: 0 -700px;
 text-indent: -9999px;
 height: 20px;
 margin: 0;
}

#CFormBox dl {
 background: url(../inquiry/images/border600.png) no-repeat center top;
 font-size: 82%;
 line-height: 1.5;
 margin: 7px 0 0;
}

#CFormBox dl dt {
 float: left;
 color: #693909;
 background-color: transparent;
 margin: 0;
 padding: 11px 0 0 25px;
}

#CFormBox dl dt span { font-size: 92%; }

.CFrequired {
 background: url(../inquiry/images/required.png) no-repeat 5px 15px;
}

.CFoption {
 background: url(../inquiry/images/option.png) no-repeat 5px 15px;
}

#CFormBox dl dd {
 margin: 0 0 0 200px;
 padding-top: 9px;
}

.inp01, .inp02, textarea, .numInput {
 color: #069;
 font-size: 100%;
 background-color: #fff;
 vertical-align: middle;
 border: 1px solid #d5ccb7;
 margin: 0;
 padding: 0.25em;
}

.inp01 { width: 220px; }
.inp02  { width: 385px; }
.numInput { width: 70px; }
.autoBT { width: 175px; }
textarea  { width: 385px; }

#CFBTbox {
 background: url(../inquiry/images/border600.png) no-repeat center top;
 margin: 9px 0 0;
 padding: 20px 0.25em 2px 200px;
}

#CFBTbox .sendBT {
 float: left;
 margin: 0;
}

#CFBTbox .resetBT {
 float: right;
 margin: 0;
}

#CFBTbox .sendBT input, #CFBTbox .resetBT input,
input#comment-submit {
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 text-transform: uppercase;
 background-color: #3388bb;
 border: none;
 cursor: pointer;
}

#CFBTbox .resetBT input {
 color: #8e7e33;
 background-color: #e5d9bb;
 border: 1px solid #ccc2b5;
}

#CFBTbox .sendBT input:hover, input#comment-submit:hover {
 background-color: #1eb5e5; 
}
#CFBTbox .resetBT input:hover { background-color: #eee; }

/* Completion -----------------------*/

#completion {
	width: 640px;
	margin: 0;
	padding: 35px 0 150px;
}

#completion h1 {
	background-position: 0 -800px;
	text-indent: -9999px;
	width: 640px;
	height: 32px;
	margin: 0;
}

/* Legal --------------------------------------------------------------------------*/

.legalSN { background: url(../legal/images/side_name.jpg) no-repeat 0 0; }

#legalContainer { width: 640px; padding: 30px 0 35px; }

#legalContainer h1, .legal h2 {
 background: url(../legal/images/legal.png) no-repeat 0 0;
 text-indent: -9999px;
 width: 400px;
 margin: 0;
}

#legalContainer h1 {	height: 30px; }
.legal h2 {	height: 25px; }

#legalInfo {
 font-size: 82%;
 line-height: 1.75;
 margin: 0;
 padding: 1em 0 0;
}

.legal {
 background: url(../common_images/line640.png) no-repeat center top;
 width: 640px;
 margin: 25px 0 0;
 padding-top: 22px;
}

#legalST01 { background-position: 0 -100px; }
#legalST02 { background-position: 0 -200px; }
#legalST03 { background-position: 0 -300px; }
#legalST04 { background-position: 0 -400px; }
#legalST05 { background-position: 0 -500px; }

.legal p {
 font-size: 75%;
 line-height: 1.8;
 margin: 0;
 padding: 0.5em 0 0 22px;
}

.legal p.Ind01 { padding-left: 35px; }
.legal p.Ind01 span { margin: 0 4px 0 -15px; }

.legal h4 {
 font-size: 88%;
 line-height: 1.5;
 margin: 0;
 padding: 1.34em 20px 0;
}

#LegalSigned {
 background: url(../common_images/line640.png) no-repeat center top;
 font-size: 75%;
 line-height: 1.5;
 text-align: right;
 margin: 25px 0 0;
 padding: 9px 0 0;
}

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

#SPUpper {
 text-align: left;
 width: 960px;
 padding-top: 190px;
}

#SPSide {
 float: left;
 width: 190px;
 margin: 0;
}

#SPMain {
 background: url(../common_images/sp_bg.png) repeat-y;
 text-align: left;
 width: 960px;
}

#SPContents {
 float: right;
 width: 730px;
}

#SPCInner { padding: 0 30px; }

#SPLBN { padding: 35px 15px 0; }

#SPAddInfo {
 background: url(../common_images/add_info.png) no-repeat 0 0;
 width: 640px;
 height: 90px;
 margin: 35px 15px 20px;
}

#SPAddInfo p { text-indent: -9999px; }

.satoGuide p, .SPGuide01, .SGallGuide p, #reformGuide p {
 font-size: 82%;
 line-height: 1.75;
}

.SPGuide01 {
 margin: 0;
 padding: 18px 15px 0;
}

.standerdL01 p, .standerdL02 p, .standerdR p, .standerdBox03 dl dd {
 font-size: 75%;
 line-height: 1.5;
 text-shadow: rgba(253,247,236,0.6) 1px 1px 0;
}

/* Sato-No-Ie Top ---------------------------------------------------------------*/

#satonoieTit {
 background: url(../sato/images/sato_eyecatch.jpg) no-repeat 0 0;
 float: right;
 width: 730px;
 height: 430px;
}

#satonoieTit h1, #satonoieTit h2, #SGalleryTit h1, #SGalleryTit h2 {
 font-size: 1em;
 margin: 0;
 text-indent: -9999px;
}

#satoST01, #satoST02, #satoST03,
#SGalleryST01, #SGalleryST02 {
 background: url(../sato/images/sato_st.png) no-repeat;
 width: 670px;
 height: 38px;
 margin: 35px 0 0;
 text-indent: -9999px;
}

#satoST01 { background-position: 0 0; }
#satoST02 { background-position: 0 -50px; margin-top: 15px; }
#satoST03 { background-position: 0 -100px; }

.satoGuide, .SGallGuide {
 position: relative;
 min-height: 200px;
 margin-top: 10px;
 padding: 0 15px;
}

.satoGuide p { padding: 8px 350px 0 0; }

.satoGuide p.SGIM {
 position: absolute;
 top: 0;
 right: 15px;
 width: 312px;
 height: 192px;
 margin: 0;
 padding: 4px;
 background-color: #dec5a9;
}

#SatoSN {
 width: 180px;
 margin: -25px　１０px 0 0;
}

#SatoSN h2 {
 background: url(../sato/images/sato_navi.jpg) no-repeat 0 0;
 width: 180px;
 height: 98px;
 margin: 0;
 text-indent: -9999px;
}

#SatoSN ul, #SatoSN ul li {
 width: 180px;
 margin: 0;
 padding: 0;
}

#SatoSN ul li a {
 background-image: url(../sato/images/sato_navi.jpg);
 background-repeat: no-repeat;
 width: 180px;
 height: 50px;
 margin: 0;
}

#SSN01 a { background-position: 0 -98px; }
#SSN02 a { background-position: 0 -148px; }
#SSN01 a:hover, #SSN11 a { background-position: -180px -98px; }
#SSN02 a:hover, #SSN12 a  { background-position: -180px -148px; }

.standerdBox01, .standerdBox02 {
 background-color: #ecdecc;
 width: 640px;
 margin: 0 15px;
 border-bottom: 2px solid #fdf7ec;
}
.standerdBox01 { margin-top: 25px; }

.standerdL01, .standerdL02 { float: left; width: 321px; }
.standerdL01 { border-right: 2px solid #fdf7ec; }

.standerdR { float: right; width: 310px; }

.standerdL01 dl, .standerdL02 dl, .standerdR dl {
 background: url(../sato/images/standard_bg.png) no-repeat 0 0;
 position: relative;
 height: 160px;
 margin: 0;
}
.standerdR dl { background-position: -7px 0; }

.standerdBox03 {
 background: #ecdecc url(../sato/images/standard_bg.png) no-repeat 0 0;
 width: 640px;
 margin: 0 15px;
 position: relative;
}

.standerdBox03 dl { width: 640px; margin: 0; }
.standerdBox03 dl dd { padding: 30px 20px 30px 100px; }

.StNum, .StNum02, .StNum03, .standerdBox03 dl dt {
 background-image: url(../sato/images/standard_num.png);
 background-repeat: no-repeat;
 position: absolute;
 top: 102px;
 left: 0;
 width: 62px;
 height: 26px;
 margin: 0;
 text-indent: -9999px;
}

.StNum02, .StNum03 {
 top: 92px;
 left: 0;
 height: 67px;
}

.standerdBox03 dl dt {
 top: 22px;
 left: 60px;
 height: 67px;
}

#SNum01 { background-position: 0 0; }
#SNum02 { background-position: -109px 0; }
#SNum03 { background-position: 0 -50px; }
#SNum04 { background-position: -109px -50px; }
#SNum05 { background-position: 0 -100px; }
#SNum06 { background-position: -109px -100px; }
#SNum07 { background-position: 0 -150px; }
#SNum08 { background-position: -209px 0; }
#SNum09 { background-position: -209px -100px; }

.standerdL01 dl dd, .standerdL02 dl dd, .standerdR dl dd {
 position: absolute;
 top: 0;
 right: 0;
 width: 240px;
 height: 160px;
 margin: 0;
}

.standerdL01 h3, .standerdL02 h3, .standerdR h3 {
 background-image: url(../sato/images/standard_st.png);
 background-repeat: no-repeat;
 width: 275px;
 height: 17px;
 margin: 18px 0 0 20px;
 text-indent: -9999px;
}
.standerdR h3 { margin: 18px 0 0 10px; }

#STST01 { background-position: 0 0; }
#STST02 { background-position: -320px 0; }
#STST03 { background-position: 0 -50px; }
#STST04 { background-position: -320px -50px; }
#STST05 { background-position: 0 -100px; }
#STST06 { background-position: -320px -100px; }
#STST07 { background-position: 0 -150px; }
#STST08 { background-position: -320px -150px; }

.standerdL01 p, .standerdL02 p, .standerdR p {
 margin: 0;
 padding: 1em 20px 1.75em;
}

.standerdR p { padding-left: 10px; }

#integratedST {
 background: #ecdecc url(../sato/images/systems.png) no-repeat 0 0;
 width: 640px;
 height: 25px;
 margin: 15px 15px 0;
 text-indent: -9999px;
}

#integratedGraph {
 background: #ecdecc url(../sato/images/systems.png) no-repeat 0 -50px;
 width: 640px;
 height: 308px;
 margin: 15px 15px 0;
}

#integratedGraph dl { font-size: 75%; margin: 0; height: 308px; }
#integratedGraph dl dt, #integratedGraph dl dd { margin: 0; text-indent: -9999px; }

#galleryLbn, #SatoLbn { width: 640px; margin: 0; }

#galleryLbn a, #SatoLbn a {
 background: #ecdecc url(../sato/images/gallery_lbn.png) no-repeat 0 0;
 width: 640px;
 height: 138px;
}

/* Sato　Gallery ---------------------------------------------------------------*/

#SGalleryTit {
 background: url(../sato/gallery/gallery_title.jpg) no-repeat 0 0;
 float: right;
 width: 730px;
 height: 430px;
}

#SGalleryST01, #SGalleryST02 {
 background: url(../sato/gallery/gallery_st.png) no-repeat;
}
#SGalleryST01 { background-position: 0 0; }
#SGalleryST02 { background-position: 0 -50px; margin-top: 20px; }

.SGallGuide { min-height: 195px; }
.SGallGuide p { padding: 8px 350px 0 0; }

.SGallGuide p.SGIM {
 position: absolute;
 top: 0;
 right: 15px;
 width: 304px;
 height: 189px;
 margin: 0;
 padding: 4px;
 background-color: #ecdecc;
}

.SCGallery {
 width: 640px;
 margin: 20px 15px 0;
}

.SCGallery div {
 background-color: #ecdecc;
 padding: 3px;
}

.SGPL01, .SGPL02, .SGPL03, .SGPL04, .SGPL05, .SGPR01 {
 float: left;
 width: 304px;
}

.SGPBox { float: left; width: 420px; }
.SGPR01, .SGPR02 { float: right; }
.SGPR02, .SGPL02, .SGPL03, .SGPL04, .SGPL05 { width: 194px; }
.SGPL02 { margin: 0 20px 0 0; }
.SGPL03 { margin: 0; }
.SGPL04 { margin: 17px 20px 0 0; }
.SGPL05 { margin-top: 17px; }

.SCGallery div.SGPBox {
 background-color: transparent;
 padding: 0;
}

.SCGallery div p {
 color: #fff;
 font-size: 12px;
 line-height: 1;
 margin: 0;
 padding: .75em 0 .5em .25em;
}

.SCGallery div p em, .SCGallery div p span {
 color: #5c3f22;
 font-weight: bold;
 font-style: normal;
 text-shadow: rgba(253,247,236,0.8) 1px 1px 0;
 margin: 0 .25em;
}

.SCGallery div p span {
 font-size: 11px;
 font-weight: normal;
 margin-left: .5em;
}

#SatoLbn a {
 background: #ecdecc url(../sato/gallery/sato_lbn.png) no-repeat 0 0;
}

/* Stove AURORA ---------------------------------------------------------------*/

#stoveTit {
 background: url(../stove/images/stove_title.jpg) no-repeat 0 0;
 float: right;
 width: 730px;
 height: 430px;
}

#stoveTit h1, #stoveTit h2 {
 font-size: 1em;
 margin: 0;
 text-indent: -9999px;
}

#stoveSN {
 width: 180px;
 margin: -25px　１０px 0 0;
}

#stoveSN p {
 background: url(../stove/images/side_name.jpg) no-repeat 0 0;
 width: 180px;
 height: 98px;
 margin: 0;
 text-indent: -9999px;
}

#stoveST01, #stoveST02 {
 background: url(../stove/images/stove.png) no-repeat;
 width: 670px;
 height: 38px;
 margin: 35px 0 0;
 text-indent: -9999px;
}
#stoveST01 { background-position: 0 0; }
#stoveST02 { background-position: 0 -50px; margin-top: 35px; }

#stoveGuide {
 width: 640px;
 height: 406px;
 margin: 20px 15px 0;
 position: relative;
}

#stoveGuide img {
 position: absolute;
 top: 0;
 right: 0;
 width: 264px;
 height: 399px;
 margin: 0;
 padding: 4px;
 background-color: #ecdecc;
}

#stoveGuide p {
 position: absolute;
 top: 0;
 left: 0;
 font-size: 13px;
 line-height: 1.75;
 width: 335px;
 margin: 0;
 padding-top: 10px;
}

#stoveGuide dl {
 background: url(../stove/images/stove.png) no-repeat 0 -120px;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 331px;
 height: 286px;
 margin: 0;
 padding: 0;
}

#stoveGuide h3, #stoveGuide dl dt, #stoveGuide dl dd {
 font-size: 12px;
 margin: 0;
 text-indent: -9999px;
}

.stoveSeries {
 width: 640px;
 margin: 20px 15px 0;
}

.stoveSeries div {
 background-color: #ecdecc;
 width: 304px;
 padding: 3px;
 position: relative;
}
.stoveSeries img { vertical-align: top; }
#Aqua, #Smart { float: left; }
#Fire, #Medium { float: right; }
#Aqua, #Fire { height: 390px; }

.stoveSeries dl {
 margin: 0;
 padding: 8px 10px 15px;
 overflow: hidden;
}

#AFire {
 position: absolute;
 bottom: 5px;
 right: 5px;
 text-align: right;
 width: 200px;
}

.stoveSeries dl dt {
 font-size: 12px;
 line-height: 1;
 font-weight: bold;
 text-shadow: rgba(253,247,236,0.8) 1px 1px 0;
 margin: 0;
 padding-top: 5px;
}

.stoveSeries dl dt span {
 font-size: 15px;
 margin-left: .5em;
}
.stoveSeries dl#AFire dt {
 line-height: 2;
 padding-bottom: 30px;
}
.stoveSeries dl dd {
 font-size: 12px;
 text-shadow: rgba(253,247,236,0.7) 1px 1px 0;
 margin: 0;
 padding-top: 8px;
}

.productSummary { line-height: 1.33; }
.productData { line-height: 1.5; }

/* Reform ---------------------------------------------------------------*/

#reformTit {
 background: url(../reform/images/title.jpg) no-repeat 0 0;
 float: right;
 width: 730px;
 height: 430px;
}

#reformTit h1, #reformTit h2 {
 font-size: 1em;
 margin: 0;
 text-indent: -9999px;
}

#reformSN {
 width: 180px;
 margin: -25px　１０px 0 0;
}

#reformSN p {
 background: url(../reform/images/side_name.jpg) no-repeat 0 0;
 width: 180px;
 height: 98px;
 margin: 0;
 text-indent: -9999px;
}

#reformST01, #reformST02 {
 background: url(../reform/images/reform.png) no-repeat;
 width: 670px;
 height: 38px;
 margin: 35px 0 0;
 text-indent: -9999px;
}
#reformST01 { background-position: 0 0; }
#reformST02 { background-position: 0 -50px; margin-top: 35px; }

#reformGuide {
 width: 640px;
 margin: 20px 15px 0;
 position: relative;
}

#reformGuide p {
 float: left;
 width: 300px;
 margin: 0;
 padding-top: .75em;
}

#reformGuide p span {
 padding-top: 1em;
 display: block;
}

#reformGuide img {
 float: right;
 width: 304px;
 height: 252px;
 margin: 0;
 padding: 4px;
 background-color: #ecdecc;
}

#reformSolution {
 width: 640px;
 padding: 5px 15px 0;
}

.solution { margin-top: 5px; }

.SContinue {
 background: url(../reform/images/dot.png) no-repeat center bottom;
 padding-bottom: 27px;
}

.solution h3 {
 background-image: url(../reform/images/reform.png);
 background-repeat: no-repeat;
 width: 200px;
 height: 32px;
 margin: 0;
 text-indent: -9999px;
}

.solution h3#trafficLine { margin-top: 16px; }

#trafficLine { background-position: 0 -120px; }
#reformPlaned { background-position: 0 -180px; }
#reformInsulation { background-position: 0 -240px; }
#reformResistant { background-position: -270px -120px; }
#reformHealth { background-position: -270px -180px; }
#reformExterior { background-position: -270px -240px; }

.solution p {
 font-size: 82%;
 line-height: 1.5;
 padding-left: 75px;
}

.solution .TRO {
 background: url(../reform/images/reform.png) no-repeat -570px -120px;
 margin: 16px 0 0;
 padding-top: 1px;
}
.solution .SOL {
 background: url(../reform/images/reform.png) no-repeat -570px -220px;
 margin: 10px 0 0;
 padding-top: 1px;
}

.SolIM {
 width: 640px;
 margin: 16px 0 0;
}

.BA {
 background: url(../reform/images/change.png) no-repeat center top;
}

.SolIM div {
 background-color: #ecdecc;
 width: 304px;
 padding: 3px;
 vertical-align: top;
}

.SolBefore { float: left; }
.SolAfter { float: right; }

.solution .SolIM p {
 font-size: 12px;
 line-height: 1;
 font-weight: bold;
 text-shadow: rgba(253,247,236,0.8) 1px 1px 0;
 margin: 0;
 padding: 2px 0 5px 5px;
}

html>/**/body .solution .SolIM p {
 padding-top /*\**/: 5px\9;
}

.SolIM p span { color: #d0ae8c; margin-right: .25em; }

/* Link Style ---------------------------------------------------------------------*/

a img {
 margin: 0;
 border: none;
 vertical-align: top;
 cursor: pointer;
}

.link01 a:link, .link01 a:visited {
 color: #07b;
 background-color: transparent;
 text-decoration: underline;
}

.link01 a:hover {
 color: #27c0f5;
 text-decoration: none;
}

#contentsInfo p a:hover img, #topInfo dl dt a:hover img, #topBNArea li a:hover,
#sideBN li a:hover, #WITPhoto a:hover img, .WIFeature p a:hover img,
#galleryLbn a:hover, #SatoLbn a:hover, .SCGallery a:hover img, .stoveSeries a:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
 -khtml-opacity: 0.7;
 -moz-opacity: 0.7;
 zoom: 1;
}

/* Clear hack ---------------------------------------------------------------------*/

* html .clearfix, * html .standerdBox01, * html .standerdBox02, * html .standerdBox03 { zoom: 1; }
*:first-child+html .clearfix, *:first-child+html .standerdBox01,
*:first-child+html .standerdBox02, *:first-child+html .standerdBox03 { zoom: 1; }

.clearfix:after, .standerdBox01:after, .standerdBox02:after, .standerdBox03:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

/* Displey Sets -------------------------------------------------------------------*/

object, embed, .noScriptCont img { vertical-align: top; } 

.noScriptCont { margin: 0; }
.noScriptCont img { padding-top: 15px; }

#topNav li a, #topBNArea li a, #sideBN li a,
#topLogo a, #globalNavi li a, #SPGNavi li a, #returnBT a, .HBnavi li a,
#WNaviTop a, #WNaviTopON a, .WLLinkBT a, #SatoSN ul li a, #galleryLbn a, #SatoLbn a {
 display: block;
 cursor: pointer;
 text-indent: -9999px;
 overflow: hidden;
}

address, #pageIM, .ST01, .ST02, #HBpolicy, #addInfo p,
#sideName, #worksIndInfo h2 { text-indent: -9999px; }