@charset "utf-8";

/*---------------------------------------------------------------------------
 * タイトル：良質リフォームの会HP・ＣＳＳファイル
 * 説明    ：良質リフォームの会HP・スタイルを定義する
 *
 * 著作権  ：一般社団法人良質リフォームの会
 *
----------------------------------------------------------------------------*/

/* reset
---------------------------*/
body,h1,h2,h3,h4,h5,h6,div,p,table,th,td,ul,li,dl,dt,dd,fieldset,address,strong,em,img{
margin:0;
padding:0;
color:#666;
font-family:Osaka, "ＭＳ Ｐゴシック";
font-weight:normal;
font-style:normal;
line-height:140%;
list-style:none;
vertical-align:top;
border:none;
border-spacing:0;
border-collapse:collapse;
zoom:98%;
}

html{
height:100%;
}

html:first-child body{
min-height:100%;
}
table{
width:100%;
}
li{
display:list-item;
zoom:normal;
}
img,a img{
font-size:0%;
line-height:0%;
vertical-align:bottom;
background:transparent;
}
object,embed{
vertical-align:top;
}


/* clearFix
---------------------------*/
.clearFix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearFix {
  min-height: 1px;
}

* html .clearFix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* link
---------------------------*/
body#home a {
color: #660;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
body#home #contents a {
color: #c63;
}

a {
color: #660;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}


/* header
-------------------------------------------------- */
#header{
    display: none;
}

/* footer
-------------------------------------------------- */
#footer{
display: none;
}

#sub{
display: none;
}

#contents{
background: none;
}

#crumb{
    display: none;
}

#contents #main{
width: 700px;
}

.topCap{
    display: none;
}

/* innerBox
-------------------------- */
#contents .innerBox{
width: 700px;
margin: 0;
padding: 0;
}


.contentsBox{
padding: 0 0 30px 0;
background: url(http://www.ryoushitsu.org/common/img/bg_bottomcap04.gif) no-repeat left bottom;
}


.toTop{
    display: none;
}


.toTopin01{
    display: none;
}

.toTopin02{
    display: none;
}

.toTopin03{
    display: none;
}

.toTopinBtm{
height: 21px;
}


.toTopin01 a:hover img,
.toTopin02 a:hover img,
.toTopin03 a:hover img,
.toTop a:hover img {
visibility: hidden;
}

.toTopin01 a:hover,
.toTopin02 a:hover,
.toTopin03 a:hover,
.toTop a:hover {
display: block;
}
.toTopin01 a:hover,
.toTopin02 a:hover,
.toTopin03 a:hover,
.toTop a:hover {
background: transparent;
}


.article{
margin-top: 15px;
margin-bottom: 15px;
clear: both;
}



.type01{
margin-left: 16px;
margin-right: 16px;
background: url(http://www.ryoushitsu.org/common/img/bg_dottedline.gif) repeat-x left bottom;
}

.type02{
margin-top: 25px !important;
margin-left: 35px;
margin-right: 35px;
}

.type02 h2{
margin: 0 0 15px 0;
}

ul.inType li{
    font-size: 0.75em;
    padding: 0 0 0 15px;
    background: url(http://www.ryoushitsu.org/common/img/bg_dott.gif) no-repeat 0 3px;
    line-height: 160%;
}

.type02 p{
margin-left: 15px !important;
margin-right: 15px !important;
line-height: 160%;
}

.type02 ul{
margin-left: 15px !important;
margin-right: 15px !important;
}

.type03{
margin-top: 40px;
text-align: center;
}
.type04{
padding-top: 25px !important;
width: 606px;
margin: 0 auto;
}

.type04 h2{
margin: 0 0 15px 0;
}

.type04 h3{
margin: 0 0 15px 0 !important;
}

.type04 p{
margin-left: 15px !important;
margin-right: 15px !important;
line-height: 160%;
}

.type05{
width: 586px;
margin: 0 auto 15px auto;
}

.type06{
margin-top: 40px !important;
margin-left: 50px;
margin-right: 50px;
}

body.faq #main h2,
body.media #main h2,
body.memberlists #main h2,
body.seminar #main h2,
body.blog #main h2,
body.glossary #main h2,
body.gallery #main h2,
body.renomansion #main h2,
body.case #main h2{
    height: 20px;
    width: 611px;
    margin: 25px auto;
    padding: 12px 0 8px 19px;
    font-size: 14px;
    font-weight: bold;
    background: url(http://www.ryoushitsu.org/common/img/ttl_blog02.gif) no-repeat left top;
}

body.renomansion #main .step h2{
width: auto;
height: auto;
padding: 0;
background: none;
}

body.renomansion #main h2.reno{
    margin: 0 0 15px 0 !important;
    background: none !important;
}

body.faq #main h2 a,
body.media #main h2 a,
body.memberlists #main h2 a,
body.seminar #main h2 a,
body.blog #main h2 a,
body.glossary #main h2 a,
body.gallery #main h2 a,
body.renomansion #main h2 a,
body.case #main h2 a{
    color: #fff !important;
    text-decoration: none;
}

.blogType{
margin: 0 35px !important;
}

.blogType h2{
    height: 20px;
    width: 611px;
    margin-top:25px;
    margin-bottom: 25px;
    padding: 12px 0 8px 19px;
    font-size: 14px;
    font-weight: bold;
    background: url(http://www.ryoushitsu.org/common/img/ttl_blog02.gif) no-repeat left top;
}

.blogType h2 a{
    color: #fff !important;
}



.blogType h3{
height: 25px;
width: 596px;
margin: 15px auto 0 auto;
padding: 11px 0 0 10px;
font-size: 14px;
font-weight: bold;
background: url(http://www.ryoushitsu.org/common/img/ttl_blog03.gif) no-repeat left top;
color: #75161b;
}


body.faq .blogType h3{
    margin: 0;
    padding: 0;
    background: none;
}


.blogType h3 a{
    color: #75161b;
}

.blogType h4{
    height: 22px;
    width: 556px;
    margin: 15px auto 0 auto;
    padding: 7px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    background: url(http://www.ryoushitsu.org/common/img/ttl_blog04.gif) no-repeat left top;
    color: #75161b;
}


.blogType .photoArea2{
    width: 578px;
    margin:25px auto 0 auto;
}

* html .blogType .photoArea2{
    width: 550px;
}
html>/**/body .blogType .photoArea2{
    width: 100% /*\**/: blue\9 !important;
}


.blogType .photoArea2 p{
    margin: 0 10px 10px 10px !important;
    clear: none;
    background: url(http://www.ryoushitsu.org/common/img/bg_photo.gif) no-repeat right bottom;
    float: left;
}

* html .blogType .photoArea2 p{
    margin: 0 2px 10px 2px !important;
}

html>/**/body .blogType .photoArea2 p{
    width: 258px;
    height: 258px;
    margin: 0 0 10px 0 /*\**/: blue\9 !important;
    background: none;
    border: 1px solid #ccc;
    text-align: center;
}

.blogType .photoArea2 p img{
    margin: 0 2px 2px 0;
    padding: 5px 6px 6px 5px;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
}

html>/**/body .blogType .photoArea2 p img{
    margin: 0 /*\**/: blue\9 !important;
    padding: 0 4px /*\**/: blue\9 !important;
}


.blogType .report{
    width: 544px;
    margin: 20px auto 0 auto;
    clear: both;
}

.blogType .report p{
    margin: 0 0 15px 0;
}

.blogType dl{
    clear: both;
}

.blogType dl dt{
    padding: 0 0 0 12px;
    font-weight: bold;
    background: url(http://www.ryoushitsu.org/common/img/icon04_bar.gif) no-repeat left center;
    font-size: 0.75em;
    line-height: 160%;
}

.blogType dl dd{
    margin: 0 0 0 12px;
    padding: 0;
    font-size: 0.75em;
    line-height: 160%;
}

.blogType .txtBtn{
    margin-top: 25px;
    clear: both;
    position: relative;
}

.blogType .txtBtn ul{
    width: 532px;
    margin: 0 auto;
}
.blogType .txtBtn ul li{
    margin: 0 15px 0 0;
    float: left;
    font-size: 0.75em;
    line-height: 180%;
    padding: 0 0 0 16px;
    background: url(http://www.ryoushitsu.org/common/img/icon_trigona03.png) no-repeat left center;
}



.blogType .txtBtn p{
    position: absolute;
    top: 0;
    left: 500px;
}

.bottomCap{
    display: none !important;
    border: 1px solid #f00;
}
.article .ttl{
margin: 0 0 15px 0;
}
.article .ttl h3{
width: 66%;
font-size: 0.75em;
float: left;
}

.article .ttl dl{
width: 18%;
font-size: 0.75em;
float: right;
}

.article .ttl dl dt{
margin: 0 15px 0 0;
padding:2px 4px;
float: left;
background: #75161b;
line-height: 150%;
}

.article .ttl dl dt a{
color: #fff !important;
text-decoration: none;
text-align: center;
}

.article p{
margin: 0 0 10px 0;
}

.nonBreaking{
margin-bottom: 0 !important;
}

.article .ttl dl dd{
padding:2px;
line-height: 150%;
}


.article p{
clear: both;
font-size: 0.75em;
line-height: 180%;
}


/*-- 人物紹介
-------------------------- */
.introArea{
 width: 560px;
 margin:25px auto 0 auto;
 padding: 20px;
 border: 1px solid #75161b;
}

.introArea p{
    margin: 0 !important;
 padding: 0;
 clear: none;
    background: url(http://www.ryoushitsu.org/common/img/bg_photo.gif) no-repeat right bottom;
    float: left;
}

.introArea p img{
 margin: 0 2px 2px 0;
 padding: 5px 6px 6px 5px;
 border-top: 1px solid #ececec;
 border-left: 1px solid #ececec;
}

.introArea dl{
 width: 370px;
 float: right;
}

.introArea dl dt{
 margin: 0 0 6px 0;
 padding: 0 0 6px 0;
 font-size: 0.75em;
 font-weight: bold;
 line-height: 160%;
 color: #75161b;
 border-bottom: 1px solid #dfd5d6;
}

.introArea dl dd{
 font-size: 0.75em;
 line-height: 160%;
}

/*-- マウスオン
-------------------------- */
ul.btnType1 li a:hover img {
visibility: hidden !important;
}
ul.btnType1 li a:hover {
background: transparent;
}

ul.btnType1 li {
    width: 260px;
    height: 64px;
    margin: 0 auto;
}

ul.btnType1 li a{
    display: block;
}

ul.btnType1 li.torec01 {
background:url(http://www.ryoushitsu.org/torec/img/btn_torec_on.gif) no-repeat left top;
}
ul.btnType1 li.ozone01 {
background: url(http://www.ryoushitsu.org/designreform/img/btn_ozone_on.gif) no-repeat left top;
}


ul.btnType4 li a:hover img {
visibility: hidden !important;
}
ul.btnType4 li a:hover {
background: transparent;
}

ul.btnType4 li {
    width: 290px;
    height: 65px;
    margin: 0 auto;
}

ul.btnType4 li a{
    display: block;
}

ul.btnType4 li.system01 {
background: url(http://www.ryoushitsu.org/system/img/btn_system_on.gif) no-repeat left top;
}

/*  btnType3
-----------------------*/
ul.btnType3{
padding-left:20px;
}
ul.btnType3 li{
width: 170px;
margin: 0 15px 0 0;
float: left;
}
ul.btnType3 li a{
display: block;
}
/*-- マウスオン
-------------------------- */
ul.btnType3 li a:hover img {
visibility: hidden !important;
}
ul.btnType3 li a:hover {
background: transparent;
}

ul.btnType3 li.antiseismic {
background: url(http://www.ryoushitsu.org/antiseismic/img/btn_antiseismic_on.gif) no-repeat left top;
}
ul.btnType3 li.antrehorm {
background: url(http://www.ryoushitsu.org/antiseismic/img/btn_antrehorm_on.gif) no-repeat left top;
}
ul.btnType3 li.antfaq {
margin: 0;
background: url(http://www.ryoushitsu.org/antiseismic/img/btn_antfaq_on.gif) no-repeat left top;
}





.notes{
    font-size: 0.7em !important;
}

p.break{
margin-bottom: 0;
}


ul.pager {
    margin: 0 0 10px;
    padding: 12px;
    text-align: center;
}

ul.pager li {
    display: -moz-inline-box; /* firefox2 対応 */
    display: inline;
    margin: 0 2px;
    padding: 0;
    font-size: 12px;
}

ul.pager li .current_page {
    display: -moz-inline-box; /* firefox2 対応 */
    display: inline-block;
    background-color: #75161c;
    font-weight: bold;
    color: #fff;
}

ul.pager li span,
ul.pager li a {
    display: inline-block;
    padding: 1px 8px;
    background: #fff;
    border: 1px solid #ccc;
    vertical-align: middle;
    text-decoration: none;
}

ul.pager li a:hover {
    background-color: #75161c;
    color: #fff!important;
}

body.blog #contents .contentsBox{
padding-bottom: 40px!important;
}

/*==================================
pages.css
====================================/


/* keyvisual
-------------------------- */
#keyvisual{
padding: 0 0 1px 0;
background: url(http://www.ryoushitsu.org/common/img/bg_visual.gif) #B3B3B3 repeat-x left bottom;
}

#keyvisual .flash{
width: 939px;
margin: 0 auto;
}

body#home #contents{
padding: 34px 0 0 0;
}

/* main
-------------------------- */
#contents #main #renomantion{
margin: 0 0 15px 0;
clear: both;
}

#contents #main #renomantion{
width: 700px;
height: 180px;
background: url(http://www.ryoushitsu.org/img/bne_renomansion_on.gif) no-repeat left top;
}

#contents #main #renomantion a{
width: 700px;
height: 180px;
display: block;
background: url(http://www.ryoushitsu.org/img/bne_renomansion_on.gif) no-repeat left top;
}


#contents #main #renomantion a:hover img {
visibility: hidden !important;
}
#contents #main #renomantion a:hover {
background: transparent;
}



/* information
-------------------------- */
#information {
margin: 0 0 15px 0;
}

#information dl{
width: 290px;
margin: 0 auto;
}
#information dl dt{
font-size: 0.75em;
line-height: 160%;
}
#information dl dd{
margin: 0 0 6px 14px;
background: url(http://www.ryoushitsu.org/common/img/bg_dottedline.gif) repeat-x left bottom;
line-height: 160%;
}
#information dl dt a{
padding: 0 0 0 10px;
background: url(http://www.ryoushitsu.org/common/img/icon_trigona02.png) no-repeat left center;
}
#information dl dd{
padding: 0 0 6px 0;
font-size: 0.75em;
}


/* news
-------------------------- */
#information #news{
width: 346px;
padding: 0 0 15px 0;
float: left;
background: url(http://www.ryoushitsu.org/img/bg_bottomcap01.gif) no-repeat left bottom;
}
#information #news h2{
margin: 0 0 6px 0;
}



/* event
-------------------------- */
#information #event{
width: 346px;
padding: 0 0 15px 0;
float: right;
background: url(http://www.ryoushitsu.org/img/bg_bottomcap01.gif) no-repeat left bottom;
}
#information #event .ttl{
height: 36px;
width: 346px;
margin: 0 0 6px 0;
background:url(http://www.ryoushitsu.org/img/ttl_event.gif) no-repeat left top;
position: relative;
}
#information #event .ttl h2{
display: none;
}
#information #event .ttl p{
position: absolute;
left: 273px;
top: 10px;
}
#information #event .ttl p a{
width: 55px;
height: 20px;
display: block;
}

/*-- on mous
-------------------------- */
#information #event .ttl p a:hover img {
visibility: hidden !important;
}
#information #event .ttl p a:hover {
background: transparent;
}

#information #event .ttl p {
background: url(http://www.ryoushitsu.org/img/btn_eventlist_on.gif) no-repeat left top;
}
#information #event .inWrap,
#information #news .inWrap{
height: 150px;
width: 330px;
margin: 0 auto;
overflow: scroll;
overflow-x: hidden;
}

/* case　top page
-------------------------- */
#case {
margin: 0 0 15px 0;
background: url(http://www.ryoushitsu.org/img/bg_bottomcap02.gif) no-repeat left bottom;
}
#case .ttl{
width: 700px;
margin: 0 0 13px 0;
height: 36px;
background: url(http://www.ryoushitsu.org/img/ttl_rehome.gif) no-repeat left top;
position: relative;
}

#case .ttl h2{
display: none;
}
#case .ttl p{
position: absolute;
left: 629px;
top: 10px;
}
#case .ttl p a{
width: 55px;
height: 20px;
display: block;
}
/*-- btn on
-------------------------- */
#case .ttl p a:hover img {
visibility: hidden !important;
}
#case .ttl p a:hover {
background: transparent;
}
#case .ttl p {
background: url(http://www.ryoushitsu.org/img/btn_eventlist_on.gif) no-repeat left top;
}

/* caseList
-------------------------- */
#case #caseList{
padding: 0 0 15px 7px;
}


/* caseBox
-------------------------- */
#case #caseList .caseBox{
width: 156px;
margin: 0 0 0 13px;
float: left;
}
* html #case #caseList .caseBox{
margin: 0 0 0 10px;
}

#case #caseList .caseBox .pict{
margin: 0 0 12px 0;
    background: url(http://www.ryoushitsu.org/common/img/bg_photo.gif) no-repeat right bottom;
}

#case #caseList .caseBox .pict img{
margin: 0 0 2px 0;
padding: 6px 6px 6px 6px;
border-top: 1px solid #ececec;
border-left: 1px solid #ececec;
}


#case #caseList .caseBox h3{
height: auto;
margin: 0 0 12px 0;
font-size: 0.8em;
}
#case #caseList .caseBox h3 a{
padding: 0 0 0 15px;
background: url(http://www.ryoushitsu.org/common/img/icon_trigona03.png) no-repeat left top;
}
#case #caseList .caseBox p{
font-size: 0.75em;
line-height: 160%;
}



/* case01
-------------------------- */
#case #caseList #case01{
margin:0;
}


/* case　renomantion page
-------------------------- */
body.renomansion #case {
display: none;
padding: 25px 0 0 0;
background: none;
}

body.renomansion #case .ttlReno{
margin: 0 0 25px 0;
height: 21px;
background: url(http://www.ryoushitsu.org/renomansion/img/ttl_remonantion.gif) no-repeat left top;
}

body.renomansion #case .ttlReno h2{
display: none;
background: none;
}
body.renomansion #case .ttlReno p{
display: none;
}



* html body.renomansion #case h2{
margin-bottom: 0;
}

body.renomansion .blogType h2{
padding: 0 0 15px 0!important;
background: none !important;
}

body.renomansion .blogType #caseList .caseBox h3{
width: 136px;
margin: 0 0 0 0!important;
padding: 0;
background: none;
font-size: 0.75em;
}
body.renomansion .blogType #caseList .caseBox{
width: 146px !important;
margin: 0 0 0 10px !important;
}

* html body.renomansion .blogType #caseList .caseBox{
margin: 0 0 0 8px !important;
}


body.renomansion .blogType #caseList{
padding-left: 0px !important;
}

body.renomansion #case .caseList #case01{
margin:0;
}

.clear{
margin: 0;
padding: 0;
height: 0;
clear: both;
}



/* step
-------------------------- */
#step{
height: 120px;
clear: both;
}
#step h2{
display: none;
}
#step p{
text-indent: -99999999px;
}
#step p a{
width: 700px;
height: 120px;
display: block;
background: url(http://www.ryoushitsu.org/img/bnr_rehome_off.gif) no-repeat left top;
}

#step p a:hover{
background: url(http://www.ryoushitsu.org/img/bnr_rehome_on.gif) no-repeat left top;
}




/*---------------------------
about
----------------------------*/

body#ruleTop #baseLine h3{
margin: 0 15px;
font-size: 0.75em;
font-weight: bold;
color: #75161b;
}
body#ruleTop #baseLine ul{
margin: 0 15px 18px 15px;
}

body#ruleTop #baseLine ul li{
padding: 0 0 0 10px;
font-size: 0.75em;
background: url(http://www.ryoushitsu.org/about/img/bg_dott.gif) no-repeat 0 3px;
}

body#ruleTop #baseLine p{
margin-bottom: 18px;
}
p.bottomList{
margin-bottom: 6px !important;
}

body#historyTop #introduction {
margin-bottom: 35px;
}



body#historyTop h3{
margin: 0 0 30px 0 !important;
text-align: center;
}

body#accessTop dl.coinfo{
margin:15px 10px 20px 10px;
}
body#accessTop dl.coinfo dt{
clear:both;
width:100px;
float:left;
padding:11px 10px;
border-top:2px solid #75161b;
font-size: 0.75em;
font-weight:bold;
margin:0;
line-height: 160%;
}
body#accessTop dl.coinfo dd{
width:467px;
float:left;
padding:11px 10px;
border-top:1px solid #75161b;
margin:0;
line-height: 160%;
font-size: 0.75em;
}

body#historyTop .article h4{
margin: 0 0 15px 0;
}

/*
body#historyTop .article h4{
height: 20px;
margin: 0 0 15px 0;
padding:5px 0 0 16px;
background: url(http://www.ryoushitsu.org/common/img/ttl_blog5.gif) no-repeat left bottom;
font-weight: bold;
font-size: 0.75em;
color: #fff;
}*/

body#historyTop .article dl{
margin: 0 10px 18px 10px;
}

body#historyTop .article dt{
margin: 0 0 2px 0;
font-size: 0.75em;
font-weight: bold;
color: #75161b;
}

body#historyTop .article dd{
margin: 0 0 2px 0;
font-size: 0.75em;
}

body#historyTop .article p{
padding: 0 10px;
line-height: 160%;
}

body#historyTop .contentsBox,
body#renomansionTop .contentsBox{
padding: 0;
background: url(http://www.ryoushitsu.org/common/img/bg_middleline.gif) repeat-y left top;
}


body.access #api{
height: 350px;
margin: 0 14px 10px 14px;
border: 4px solid #ccc;
}

body.access ul.trafficList li{
margin: 0 10px 0 0;
font-size: 0.75em;
display: inline;
}


span.destination{
color: #6991fd;
}

span.accessPoint{
color: #fe766a;
}


/*---------------------------
privacy
----------------------------*/

body#privacyTop #policy h4{
margin: 0 15px !important;
font-size: 0.75em;
font-weight: bold;
color: #75161b;
}

body#privacyTop #policy ul{
margin: 0 0 10px 0;
}

body#privacyTop #policy ul li{
text-align: right;
font-size: 0.75em;
}


body#privacyTop #policy .type04 li{
text-align: left;
line-height: 160%;
}

body#privacyTop #policy .type04 ol li{
font-size: 0.75em;
line-height: 160%;
list-style-type: decimal;
}


body#seminarTop .infoDesk,
body#privacyTop #desk .infoDesk{
margin: 15px 15px 0 15px;
padding: 10px 10px;
border: 1px solid #75161b;
background-color: #fed;
}

body#seminarTop .infoDesk{
margin-left: 0;
margin-right: 0;
}

body#seminarTop .infoDesk h4,
body#privacyTop #desk .infoDesk h4{
margin-bottom: 5px  !important;
}

body#seminarTop .infoDesk h4{
width: auto !important;
margin: 0 0 15px 0 !important;
padding: 0;
background: none;
}

body#seminarTop .infoDesk p,
body#privacyTop #desk .infoDesk p{
margin-bottom: 0;
}


body#seminarTop .infoDesk ul.
body#privacyTop #desk .infoDesk ul{
margin-bottom: 0;
}

body#seminarTop .infoDesk ul li{
font-size: 0.75em;
line-height: 160%;
}

body#seminarTop .infoDesk ul li span{
padding: 0 0 0 10px !important;
}

body#privacyTop .article a{
text-decoration: underline !important;
}
body#privacyTop .article a:hover{
text-decoration: none !important;
}


/*---------------------------
memberlists
----------------------------*/
body.memberlists h3{
margin-bottom: 20px !important;
}

body.memberlists p.date{
padding:0 40px 20px 0;
text-align:right;
font-size: 0.75em;
}

body.memberlists .blogType dl{
margin: 0 35px 5px 35px !important;
}



/*---------------------------
faq
----------------------------*/
body.case h1,
body.glossary h1,
body.faq h1,
body.blog h1,
body.seminar h1,
body.memberlists h1,
body.media h1{
margin-bottom: 25px;
}

body.faq .blogType .question{
height: auto;
width: 606px;
margin:25px auto 0 auto;
padding: 0 0 15px 0;
background: url(http://www.ryoushitsu.org/common/img/bg_bottomcap06.gif) no-repeat left bottom;
}


body.faq .blogType h2{
height: auto!important;
width: auto!important;
margin:0!important;
padding:0!important;
font-weight: normal!important;
background: none!important;
}

body.faq .blogType p{
margin: 5px 20px 0 20px;
}

body.faq .blogType .answer{
height: auto;
width: 566px;
margin:25px auto 0 auto;
padding: 10px;
background-color: #f0f0f0;
}

body.faq .blogType .answer dt{
color: #75161b;
}



/*---------------------------
sitemap
----------------------------*/

#sitemapTop #map a{
text-decoration: underline;
}

#sitemapTop #map a:hover{
text-decoration: none;
}

#sitemapTop #map ul li dl dd a{
color:#c63;
}
#sitemapTop #map ul li dl dd a:hover{
color:#c63;
}

#sitemapTop #map ul.other li dl dd a{
color: #75161b;
}
#sitemapTop #map ul li.other dl dd a:hover{
color: #75161b;
}


#sitemapTop #leftArea{
width: 280px;
float: left;
}

#sitemapTop #rightArea{
width: 280px;
float: right;
}

#sitemapTop .ttl01{
width: 261px;
height: 18px;
margin: 0 0 8px 0;
padding: 4px 0 0 19px;
background: url(http://www.ryoushitsu.org/sitemap/img/bg_ttl01.gif) no-repeat left bottom;
font-size: 0.75em;
font-weight: bold;
}

#sitemapTop h2{
margin: 0 0 30px 0 !important;
}

#sitemapTop h2.list{
margin: 0 0 5px 0 !important;
}


#sitemapTop h3{
font-size: 1.1em;
}


body#sitemapTop #map ul{
margin: 0 10px;
}

body#sitemapTop #map ul#about{
margin-bottom: 25px;
}

body#sitemapTop #map ul li{
padding: 5px 0;
background: url(http://www.ryoushitsu.org/common/img/bg_dottedline.gif) repeat-x left bottom;
font-size: 0.75em;
}

body#sitemapTop #map ul.other li{
padding: 15px 0;
background: none;
}
body#sitemapTop #map ul.other li dl dd{
padding: 0 0 0 15px;
background: none;
}


body#sitemapTop #map ul li span{
padding: 0 0 0 8px;
background:url(http://www.ryoushitsu.org/common/img/icon_trigona02.gif) no-repeat left center;
}

body#sitemapTop ol{
margin: 0;
padding: 0;
}

body#sitemapTop #map ul li ol li{
margin: 0 0 5px 15px;
padding: 0 0 0 12px;
background: url(http://www.ryoushitsu.org/common/img/icon_l.gif) no-repeat 0 2px;
font-size: 1em !important;
}

body#sitemapTop ol#media{
font-size: 0.75em;
}


body.antiseismic .type02 h3{
margin: 0 0 15px 0;
text-align: center;
}

body.antiseismic .type02 h4{
margin-left: 15px !important;
margin-right: 15px !important;
font-size: 0.75em !important;
font-weight: bold !important;
color: #75161b !important;
}

body.antiseismic .photoArea2{
width: 548px;
margin:25px auto 0 auto;
}

* html body.antiseismic .photoArea2{
width: 568px;
}

body.antiseismic .photoArea2 p{
margin: 0 10px 10px 10px;!important;
clear: none;
background: url(http://www.ryoushitsu.org/common/img/bg_photo.gif) no-repeat right bottom;
float: left;
}


body.antiseismic .photoArea2 p img{
margin: 0 2px 2px 0;
padding: 5px 6px 6px 5px;
border-top: 1px solid #ececec;
border-left: 1px solid #ececec;
}



body.antiseismic .type02 p.notes{
text-align: right;
}

body.member .type02 table{
width: auto;
margin: 0 14px;
}

body.member .type02 table th{
width: 5.5em;
padding: 5px;
font-size: 0.75em;
border: 1px solid #ECC8CB;
background-color: #F9EEEF;
}

body.member .type02 table td{
padding: 5px 8px;
font-size: 0.75em;
border: 1px solid #ECC8CB;
}

body.member .type02 table td.brand{
width: 18.5em;
}

body.member .type02 h4{
margin-left: 15px !important;
margin-right: 15px !important;
line-height: 160%;
font-size: 0.8em;
font-weight: bold;
}


body.member .type02 dl{
margin:0 15px 15px 15px !important;
}

body.member .type02 dl dt{
margin: 0 0 0 1em;
font-size: 0.75em;
}

body.member .type02 dl dd{
margin: 0 0 0 1.5em;
font-size: 0.75em;
}


body.member .type02 dl dd.affirmation{
margin-bottom: 5px;
}

body.member .type02 ul{
margin: 0 0 8px 0!important;
padding: 0!important;
}

body.member .type02 ul li{
padding: 0 0 0 12px;
line-height: 160%;
background: url(http://www.ryoushitsu.org/common/img/bg_dott.gif) no-repeat left 3px;
}


body.member .type02 ol li{
list-style-type:decimal;
font-size: 0.75em;
line-height: 160%;
}

body.member .flow h4{
margin: 10px 0 2px 0;
font-size: 0.8em;
color:#75161B;
line-height: 100%;
}

body.member .flow ul{
margin-left: 15px !important;
}

body.member .flow p{
margin-bottom: 0px !important;
}

body.member #due ul{
margin: 0 0 8px 0;
}

body.member #due ul li,
body.member .flow ul li{
font-size: 0.75em;
line-height: 160%;
}

body.member #due ul li{
background: none;
}

body.member #due p.notes{
margin: 0 0 2px 0;
line-height: 120%;
}


/* link
-----------------------*/
body.link #link .blogType h2{
width: 100%;
height: 100%;
margin-bottom: 25px;
padding: 0;
background: none;
}

body.link #link .blogType h3{
height: auto;
width: auto;
margin: 15px auto 0 auto;
padding: 0;
background: none;
}

body.link #link #infoDesk{
width: 506px;
margin: 0 auto;
padding: 10px 20px;
border: 1px solid #75161b;
background-color: #fed;
}

body.link #link #infoDesk h3{
margin: 0 0 5px 0;
padding: 0;
font-size: 0.75em;
color: #75161b;
}

body.link #link #infoDesk ul li{
font-size: 0.75em;
color: #75161b;
margin: 0 0 5px 0;
}

body.link #link #infoDesk ul li a{
text-decoration: underline;
}
body.link #link #infoDesk ul li a:hover{
text-decoration: none;
}

body.link #link .blogType .linkBox {
margin: 35px 0 0 0;
}

body.link #link .blogType .linkBox h3{
height: 26px;
width: 596px;
margin: 15px auto 15px auto;
padding: 10px 0 0 10px;
font-size: 14px;
font-weight: bold;
background: url(http://www.ryoushitsu.org/common/img/ttl_blog03.gif) no-repeat left top;
}

body.link #link .blogType .linkBox dl{
margin: 0 25px;
}

body.link #link .blogType .linkBox dl dt{
margin-bottom: 6px;
padding: 0 0 0 15px;
background: url(http://www.ryoushitsu.org/common/img/icon_trigona04.gif) no-repeat left center;
}

body.link #link .blogType .linkBox dl dt a{
text-decoration: underline;
}
body.link #link .blogType .linkBox dl dt a:hover{
text-decoration: none;
}

body.terms .type04 p{
margin-bottom: 0;
}

body.terms .type04 ul{
margin-top: 10px;
}

body.terms .type04 ul li{
line-height: 160%;
font-size: 0.75em;
}

body.terms #prohibit ul li{
padding: 0 0 0 12px;
background: url(http://www.ryoushitsu.org/common/img/bg_dott.gif) no-repeat left 5px;
}


body.terms #link .contact{
margin: 15px 15px 0 15px;
padding: 10px 20px;
border: 1px solid #75161b;
background-color: #fed;
}

body.terms #link .contact dt{
margin: 0 0 5px 0;
font-size: 0.75em;
font-weight: bold;
}

body.terms #link .contact dd{
font-size: 0.75em;
}

body.terms .article a{
text-decoration: underline !important;
}
body.terms .article a:hover{
text-decoration: none !important;
}

body.terms .type04 ol{
margin: 0;
padding: 0;
list-style-type:georgian;
}

body.terms .type04 ol li{
font-size: 0.75em;
}

body.terms #browser h4{
margin: 10px 0 0 15px;
font-size: 0.75em;
font-weight: bold;
color: #75161b;
}

body.terms #browser h4.win{
margin-top: 0;
}
body.terms #browser ul{
margin-top: 5px;
}

body.terms #plugin ul{
margin-bottom: 15px;
}

body.terms #plugin ul li{
margin: 0 15px 0 0;
float: left;
}

body.terms #plugin p{
clear: both;
}

body.torec #active h4{
margin: 0 15px 2px 15px;
font-size: 0.75em;
}

body.torec #active ol{
margin: 0 15px 15px 15px;
padding: 0 0 0 28px;
}

body.torec #active ol li{
margin: 0;
font-size: 0.75em;
list-style-type: decimal;
line-height: 160%;
}

body.torec #active p{
margin: 10px 0 0 5px;
}

.placeInfo{
margin:15px 40px 0 40px;
padding:10px 20px;
background-color:#FFEEDD;
border:1px solid #75161B;
}

.placeInfo h4{
margin:0 0 5px;
padding:0;
color:#75161B;
font-size:0.8em;
font-weight: bold;
}

.placeInfo dt{
width: 6.5em;
font-size: 0.75em;
font-weight: bold;
line-height: 160%;
float: left;
}

.placeInfo dd{
font-size: 0.75em;
line-height: 160%;
}


#ozoneBtn,
#trecBtn,
#systemBtn{
clear: both;
}


/*---------------------------
renomansion
----------------------------*/

body.renomansion .type02 h3{
width: 596px;
margin: 15px auto 0 auto;
}


body.renomansion .type02 h4{
width: 522px;
margin: 15px auto 0 auto;
padding: 0 0 0 34px;
font-size: 16px;
font-weight: bold;
background: url(http://www.ryoushitsu.org/renomansion/img/icon_step.gif) no-repeat left center;
color: #75161b;
line-height: 160%;
}



body.renomansion #serchReno p.read{
width: 586px;
margin: 0 auto;

}

body.renomansion .imgOutline{
margin-bottom: 15px;
}
body.renomansion .column{
width: 536px;
margin: 15px auto 0 auto;
padding: 0 0 0 0;
}

body.renomansion .type02 .column h4{
height: auto;
margin: 0 !important;
padding: 0 0 5px 25px !important;
background: url(http://www.ryoushitsu.org/renomansion/img/icon_led.gif) no-repeat 0 6px;
color: #666;
}

body.renomansion .type02 .column  ol{
margin: 0 0 25px 45px;
padding: 0;
}
body.renomansion .type02 .column  ol.end{
margin-bottom: 0;

}
body.renomansion .type02 .column  ol li{
margin: 0 0 5px 0;
font-size: 0.75em;
line-height: 160%;
list-style-type: decimal;
}

body.renomansion .type02 .column p.home{
margin: 0 0 25px 25px !important;
}

body.renomansion .type02 .column p{
margin: 0 0 25px 0 !important;
}

body.renomansion .column p.nonBreaking{
margin-bottom: 0 !important;
}

body.renomansion .type02 h5{
margin: 15px 0;
padding: 0 0 0 12px;
background: url(http://www.ryoushitsu.org/renomansion/img/bg_ttl.gif) no-repeat left center;
font-size: 12px;
font-weight: bold;
}

body.renomansion .type02 .contact{
margin: 15px 0 25px 0;
padding: 10px 10px;
border: 1px solid #75161b;

}

body.renomansion .type02 .contact h6{
margin: 0 0 12px 0;
padding: 0 0 0 25px;
font-size: 12px;
font-weight: bold;
background: url(http://www.ryoushitsu.org/common/img/icon_orenge.gif) no-repeat left center;
}



body.renomansion .type02 .contact dl{
margin: 0 0 0 22px;
}

body.renomansion .type02 .contact dl dt{
padding: 0 0 0 2px;
font-size: 0.75em;
line-height: 160%;
}

body.renomansion .type02 .contact dl dd{
margin: 0 0 0 12px;
padding: 0;
font-size: 0.75em;
line-height: 160%;
}

body.renomansion .type02 .contact dl dd a{
padding: 0 0 0 10px;
background: url(http://www.ryoushitsu.org/common/img/icon_trigona02.png) no-repeat left center;
}

body.renomansion .type02 .contact dl.first{
margin-bottom: 10px;
}



body.renomansion .type02 h5 img{
margin: 0 0 0 20px;
}

body.renomansion .blogType dl{
width: 556px;
margin: 0 auto;
}

body.renomansion .blogType .report h4{
margin-bottom: 0px;
padding: 0;
background: none;
}

body.renomansion .imgArea{
margin: 0 0 25px 0;
}

#renomansion .img{
display: none;
}


/*case 
--------------------------*/
body.case .blogType dl{
margin: 0 0 0 40px! important
}
body.case .blogType h4{
background: none;
}

body.case  div.img{
margin: 25px 0 0 0;
}

/*voice contact 
--------------------------*/
body.voice .type02 table,
body.contact .type02 table{
margin: 0 0 25px 0 !important;
}

body.voice .type02 td p,
body.contact .type02 td p{
margin: 0!important;
font-size: 100%!important;
}


body.voice .type02  td p.top,
body.contact .type02 td p.top{
margin: 0 0 5px 0!important;
}


body.voice .type02 td p.top input,
body.contact .type02 td p.top input{
margin: 0 8px 0 0;
}

body.voice .type02 td p.more{
padding: 5px 0;
font-weight: bold;
}

body.voice .type02 td p.more span{
font-size: 100%;
}

body.voice .type02 p.btn,
body.contact .type02 p.btn{
text-align: center;
}

body.voice .type02 form#mailform,
body.contact .type02 form#mailform {
padding: 5px;
}
body.voice .type02 table.mailform,
body.contact .type02 table.mailform {
width: 100%;
border: solid 1px #75161B;
}
body.voice .type02 table.mailform tr th,
body.voice .type02 table.mailform tr td,
body.contact .type02 table.mailform tr th,
body.contact .type02 table.mailform tr td {
text-align: left;
font-weight: normal;
font-size: 12px;
border-top: solid 1px #75161B;
border-bottom: solid 1px #75161B;
padding: 7px 5px 7px 5px;
}
body.voice .type02 table.mailform tr th,
body.contact .type02 table.mailform tr th {
width: 120px;
padding: 10px 15px 10px 15px;
background-color:#F9ECEC;
}
body.voice .type02 table.mailform tr th,
body.voice .type02 table.mailform tr td {
width: auto;
}

body.voice .type02 table.mailform tr th{
font-weight: bold;
}

body.voice .type02 table.mailform tr td input.reason{
width: 100%;
height: 70px;
}

body.voice .type02 span,
body.contact .type02 span {
color: #CC0000;
font-size: 10px;
}

body.voice .type02 table.mailform tr th p,
body.contact .type02 table.mailform tr th p {
margin: 0px;
padding: 0px;
font-size: 10px;
color: #999999;
}
body.voice .type02 table.mailform tr td,
body.contact .type02 table.mailform tr td{
padding: 10px 15px 10px 15px;
}
body.voice .type02  table.mailform tr td textarea,
body.contact .type02 table.mailform tr td textarea {
width: 100%;
height: 120px;
}


body.contact .thanks h2,
body.thanks h2{
margin: 0 0 5px 15px;
font-size: 0.8em;
font-weight: bold;
color: #75161b;
}

body.contact .thanks .infoDesk,
body.thanks .infoDesk{
margin: 15px 15px 0 15px;
padding: 10px 10px;
border: 1px solid #75161b;
background-color: #fed;
}

body.contact .thanks .infoDesk h3,
body.thanks .infoDesk h3{
margin-bottom: 5px  !important;
font-size: 0.8em;
}

body.contact .thanks .infoDesk p,
body.thanks .infoDesk p{
margin-bottom: 0;
}

body.contact .thanks .infoDesk ul,
body.thanks .infoDesk ul{
margin-bottom: 0;
}

body.contact .thanks .infoDesk ul li,
body.thanks .infoDesk ul li{
font-size: 0.75em;
}

body.contact .thanks p.top,
body.thanks  p.top{
margin: 25px 0 0 0!important;
text-align: center;
}

body.contact .thanks p.top a,
body.thanks  p.top a{
padding: 0 0 0 15px;
background: url(http://www.ryoushitsu.org/common/img/icon_trigona04.gif) no-repeat left center;
}



/*--追加記入--*/

body#accessTop, *{
    zoom:1 !important;
}

* html body.renomansion, *{
    zoom:99% !important;
}

* html body.member .type02 table td{
width: 16.5em;
}


/* pagelink
--------------------------  */
body.renomansion  #main  ul.pageLink{
margin: 50px 0 0 0;
padding: 0 0 0 34px;
}
body.renomansion  #main ul.pageLink li{
width: 210px;
height:  65px;
margin: 0 20px 0 0 !important;
float: left;
}
body.renomansion  #main ul.pageLink li a{
width: 210px;
height:  65px;
display: block;
}
body.renomansion  #main  ul.pageLink li.step01{
display: none;
background:  url(http://www.ryoushitsu.org/renomansion/img/btn_renoStep01_on.gif)  no-repeat left top;
}
body.renomansion  #main ul.pageLink li.step02{
display: none;
background:  url(http://www.ryoushitsu.org/renomansion/img/btn_renoStep02_on.gif)  no-repeat left top;
}
body.renomansion  #main ul.pageLink li.step03{
display: none;
background:  url(http://www.ryoushitsu.org/renomansion/img/btn_renoStep03_on.gif)  no-repeat left top;
}
body.renomansion  #main ul.pageLink li.end{
margin: 0;
}
body.renomansion  #main ul.pageLink li a:hover img {
visibility: hidden !important;
}
body.renomansion  #main  ul.pageLink li a:hover {
background:  transparent;
}
body.renomansion  #main  ul.pageLink2{
display: none;
}

/* pagelink2
-------------------------- */
body.renomansion  #main ul.pageLink2{
margin: 40px auto;
width: 210px;
}
body.renomansion  #main ul.pageLink2 li{
width: 210px;
height: 65px;
}
body.renomansion  #main ul.pageLink2 li a{
width: 210px;
height: 65px;
display: block;
}
body.renomansion  #main ul.pageLink2 li.step01{
display: none;
background: url(http://www.ryoushitsu.org/renomansion/img/btn_renoStep01_on.gif) no-repeat left top;
}
body.renomansion  #main ul.pageLink2 li.step04{
display: none;
background: url(http://www.ryoushitsu.org/renomansion/img/btn_renoStep04_on.gif) no-repeat left top;
}
body.renomansion  #main ul.pageLink2 li.end{
margin: 0;
}
body.renomansion  #main ul.pageLink2 li a:hover img {
visibility: hidden !important;
}
body.renomansion  #main ul.pageLink2 li a:hover {
background: transparent;
}