@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:#444;
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:1;
}

html{
height:100%;
}
html>/**/body{
overflow-y:scroll;
}
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;
}

#contents #sub #sideNavi ul li a{
color: #666 !important;
}

#contents #sub #sideNavi ul li a:hover{
color: #75161b !important;
}


#contents a {
color: #75161b;
text-decoration: none;
}

#footer a {
color: #666 !important;
text-decoration: none !important;
}

#snippet,
#header .innerBox p{
font-size: 0.7em;
text-align: right;
}

#container {
width: 100%;
}



html body.popup{
overflow-y:hidden
}
.popup #header .innerBox{
width: 560px;
}
.popup #contents .innerBox{
padding-top: 15px;
padding-bottom: 15px;
width: 560px;
}

.popup #contents .contentsBox{
padding: 0 0 15px 0;
clear: both;
background: url(http://www.ryoushitsu.org/common/img/bg_bottomcap05.gif) no-repeat left bottom !important;
}

#header .topBox{
height: 9px;
font-size: 0;
background: url(http://www.ryoushitsu.org/common/img/bg_header_top.gif) repeat-x left bottom;
}

#header .bottomBox{
background: url(http://www.ryoushitsu.org/common/img/bg_header.gif) repeat-x #EFEFEF left bottom;
}

#header .innerBox{
width: 900px;
margin: 0 auto;
}


#header .innerBox #logo{
width: 310px;
float: left;
}

#header .innerBox ul{
width: 480px;
margin: 32px 0 0 0;
float: right;
text-align: right;
}

#header .innerBox ul li{
display: inline;
}

#header .innerBox ul li a{
font-size: 0.75em;
padding: 0 0 0 18px;
background: url(http://www.ryoushitsu.org/common/img/icon_trigona01.gif) no-repeat left center;
}




/* glovalNavi
--------------------------------------------------- */
#header #glovalNavi{
background: url(http://www.ryoushitsu.org/common/img/bg_gnavi.gif) repeat-x left top;
clear: both;
}
#header #glovalNavi ul{
width: 908px;
margin: 0 auto;
}
#glovalNavi ul li{
height: 53px;
float: left;
}
#glovalNavi ul li a{
display: block;
}

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

#glovalNavi ul li.home {
background: url(http://www.ryoushitsu.org/common/img/gnavi_home_on.gif) no-repeat left top;
}
#glovalNavi ul li.about {
background: url(http://www.ryoushitsu.org/common/img/gnavi_about_on.gif) no-repeat left top;
}
#glovalNavi ul li.renomansion {
background: url(http://www.ryoushitsu.org/common/img/gnavi_renomansion_on.gif) no-repeat left top;
}
#glovalNavi ul li.faq {
background: url(http://www.ryoushitsu.org/common/img/gnavi_faq_on.gif) no-repeat left top;
}
#glovalNavi ul li.voice {
background: url(http://www.ryoushitsu.org/common/img/gnavi_voice_on.gif) no-repeat left top;
}
#glovalNavi ul li.contact {
background: url(http://www.ryoushitsu.org/common/img/gnavi_contact_on.gif) no-repeat left top;
}


body#home #glovalNavi ul li.home {
width: 90px;
background: url(http://www.ryoushitsu.org/common/img/gnavi_home_ca.gif) no-repeat left top;
}
body.about #glovalNavi ul li.about,
body.access #glovalNavi ul li.about,
body.rule #glovalNavi ul li.about,
body.morals #glovalNavi ul li.about,
body.history #glovalNavi ul li.about {
width: 201px;
background: url(http://www.ryoushitsu.org/common/img/gnavi_about_ca.gif) no-repeat left top;
}

body.renomansion #glovalNavi ul li.renomansion {
width: 239px;
background: url(http://www.ryoushitsu.org/common/img/gnavi_renomansion_ca.gif) no-repeat left top;
}
body.faq #glovalNavi ul li.faq {
width: 126px;
background: url(http://www.ryoushitsu.org/common/img/gnavi_faq_ca.gif) no-repeat left top;
}
body.voice #glovalNavi ul li.voice {
width: 124px;
background: url(http://www.ryoushitsu.org/common/img/gnavi_voice_ca.gif) no-repeat left top;
}
body.contact #glovalNavi ul li.contact {
width: 121px;
background: url(http://www.ryoushitsu.org/common/img/gnavi_contact_ca.gif) no-repeat left top;
}

body#home #glovalNavi ul li.home a img,
body.about #glovalNavi ul li.about a img,
body.access #glovalNavi ul li.about a img,
body.rule #glovalNavi ul li.about a img,
body.morals #glovalNavi ul li.about a img,
body.history #glovalNavi ul li.about a img,
body.renomansion #glovalNavi ul li.renomansion a img,
body.faq #glovalNavi ul li.faq a img,
body.voice #glovalNavi ul li.voice a img,
body.contact #glovalNavi ul li.contact a img{
visibility: hidden;
}


/* localNavi
--------------------------------------------------- */
#header #localNavi{
height: 56px;
background: url(http://www.ryoushitsu.org/common/img/bg_localnavi.gif) repeat-x left top;
clear: both;
}

#header #localNavi ul{
width: 908px;
margin: 0 auto;
}

#localNavi ul li{
height: 48px;
float: left;
}

#localNavi ul li a{
display: block;
}

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

#localNavi ul li.blog {
background: url(http://www.ryoushitsu.org/common/img/lnavi_blog_on.gif) no-repeat left top;
}
#localNavi ul li.seminar {
background: url(http://www.ryoushitsu.org/common/img/lnavi_seminar_on.gif) no-repeat left top;
}
#localNavi ul li.member {
background: url(http://www.ryoushitsu.org/common/img/lnavi_member_on.gif) no-repeat left top;
}
#localNavi ul li.memberlists {
background: url(http://www.ryoushitsu.org/common/img/lnavi_memberlists_on.gif) no-repeat left top;
}
#localNavi ul li.media {
background: url(http://www.ryoushitsu.org/common/img/lnavi_media_on.gif) no-repeat left top;
}


body.blog #localNavi ul li.blog {
width: 226px;
background: url(http://www.ryoushitsu.org/common/img/lnavi_blog_ac.gif) no-repeat left top;
}
body.seminar #localNavi ul li.seminar {
width: 177px;
background: url(http://www.ryoushitsu.org/common/img/lnavi_seminar_ac.gif) no-repeat left top;
}
body.member #localNavi ul li.member {
width: 218px;
background: url(http://www.ryoushitsu.org/common/img/lnavi_member_ac.gif) no-repeat left top;
}
body.memberlists #localNavi ul li.memberlists {
width: 123px;
background: url(http://www.ryoushitsu.org/common/img/lnavi_memberlists_ac.gif) no-repeat left top;
}
body.media #localNavi ul li.media {
width: 158px;
background: url(http://www.ryoushitsu.org/common/img/lnavi_media_ac.gif) no-repeat left top;
}

body.blog #localNavi ul li.renoSeminer a img,
body.blog #localNavi ul li.blog a img,
body.seminar #localNavi ul li.seminar a img,
body.member #localNavi ul li.member a img,
body.memberlists #localNavi ul li.memberlists a img,
body.media #localNavi ul li.media a img {
visibility: hidden;
}


.banner ul li a{
display: block;
}

.banner ul li.reformSeminer{
width: 181px;
height: 70px;
background: url(http://www.ryoushitsu.org/common/img/bnr_reformSeminer_on.jpg) no-repeat left top;
}

.banner ul li.renoSeminer{
width: 181px;
height: 101px;
background: url(http://www.ryoushitsu.org/common/img/bnr_renoSeminar.gif) no-repeat left top;
}

.banner ul li.blog{
width: 181px;
height: 67px;
background: url(http://www.ryoushitsu.org/common/img/bnr_blog_on.gif) no-repeat left top;
}

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

.banner ul li.media{
width: 181px;
height: 58px;
background: url(http://www.ryoushitsu.org/common/img/bnr_media_on.gif) no-repeat left top;
}
.banner ul li.erclub{
width: 181px;
height: 76px;
background: url(http://www.ryoushitsu.org/common/img/bnr_erclub_on.gif) no-repeat left top;
}
.banner ul li.dreform{
width: 181px;
height: 63px;
background: url(http://www.ryoushitsu.org/common/img/bnr_dreform_on.gif) no-repeat left top;
}
.banner ul li.aseismatic{
width: 181px;
height: 70px;
background: url(http://www.ryoushitsu.org/common/img/bnr_aseismatic_on.gif) no-repeat left top;
}
.banner ul li.faq{
width: 181px;
height: 53px;
background: url(http://www.ryoushitsu.org/common/img/bnr_faq_on.gif) no-repeat left top;
}
.banner ul li.seminar{
width: 181px;
height: 52px;
background: url(http://www.ryoushitsu.org/common/img/bnr_seminar_on.jpg) no-repeat left top;
}
.banner ul li.menberlist{
width: 181px;
height: 50px;
background: url(http://www.ryoushitsu.org/common/img/bnr_menberlist_on.gif) no-repeat left top;
}
.banner ul li.admission{
width: 181px;
height: 52px;
background: url(http://www.ryoushitsu.org/common/img/bnr_admission_on.gif) no-repeat left top;
}
.banner ul li.contact{
width: 181px;
height: 74px;
background: url(http://www.ryoushitsu.org/common/img/bnr_contact_on.gif) no-repeat left top;
}
.banner ul li.renomantion{
width: 181px;
height: 68px;
background: url(http://www.ryoushitsu.org/common/img/bnr_renomantion_on.gif) no-repeat left top;
}
.banner ul li.reform{
width: 181px;
height: 127px;
background: url(http://www.ryoushitsu.org/common/img/bnr_reform_on.gif) no-repeat left top;
}
.banner ul li.step{
width: 181px;
height: 64px;
background: url(http://www.ryoushitsu.org/common/img/bnr_system_on.gif) no-repeat left top;
}




#contents{
background: url(http://www.ryoushitsu.org/common/img/bg_content.gif) repeat-x left bottom;
}

#crumb{
height: 37px;
background: url(http://www.ryoushitsu.org/common/img/bg_crumb.gif) repeat-x left top;
}
* html body #crumb ul li {
background: url(http://www.ryoushitsu.org/common/img/img_crumb.gif) no-repeat right top;
}

#crumb ul{
width: 880px;
margin: 0 auto;
}

#crumb ul li{
margin:0 10px 0 0;
padding: 0 25px 0 0;
float: left;
background: url(http://www.ryoushitsu.org/common/img/img_crumb.png) no-repeat right top;
font-size: 0.75em;
line-height: 220%;
}

#crumb ul li.onPage{
margin: 0;
padding: 0;
background: none;
font-weight: bold;
}

#contents #main{
width: 700px;
float: left;
}

/* innerBox
-------------------------- */
#contents .innerBox{
width: 900px;
margin: 0 auto;
}


/* sub
-------------------------- */
#contents #sub{
width: 182px;
float: right;
}

/* sub
-------------------------- */
#contents #sub li{
margin: 0 0 10px 0;
}


/* sideNavi
-------------------------- */
#contents #sub #sideNavi{
margin: 0 0 15px 0;
padding: 0 0 10px 0;
background: url(http://www.ryoushitsu.org/common/img/bg_sidenavi_bottomcap.gif) no-repeat left bottom;
}


#contents #sub #sideNavi ul{
margin: 0 0 0 5px;
}

#contents #sub #sideNavi ul li{
margin: 0;
padding: 0;
font-size: 0.65em;
line-height: 230%;
}

#contents #sub #sideNavi ul li a{
height: 24px;
width: 167px;
padding: 0 0 0 12px;
display: block;
background: url(http://www.ryoushitsu.org/common/img/sideNavi_off.gif) no-repeat left bottom;
}

#contents #sub #sideNavi ul li a:hover{
background: url(http://www.ryoushitsu.org/common/img/sideNavi_on.gif) no-repeat left bottom;
}

body.morals #contents #sub #sideNavi ul li.morals a ,
body.history #contents #sub #sideNavi ul li.history a,
body.rule #contents #sub #sideNavi ul li.rule a,
body.access #contents #sub #sideNavi ul li.access a,
body.faqCate23 #contents #sub #sideNavi ul li.cate23 a,
body.faqCate24 #contents #sub #sideNavi ul li.cate24 a,
body.semCate19 #contents #sub #sideNavi ul li.cate19 a,
body.semCate20 #contents #sub #sideNavi ul li.cate20 a,
body.semCate50 #contents #sub #sideNavi ul li.cate50 a,
body.meliCate16 #contents #sub #sideNavi ul li.cate16 a,
body.meliCate27 #contents #sub #sideNavi ul li.cate27 a,
body.meliCate29 #contents #sub #sideNavi ul li.cate29 a,
body.medCate21 #contents #sub #sideNavi ul li.cate21 a,
body.medCate22 #contents #sub #sideNavi ul li.cate22 a,
body.gloCate30 #contents #sub #sideNavi ul li.cate30 a,
body.gloCate31 #contents #sub #sideNavi ul li.cate31 a,
body.gloCate32 #contents #sub #sideNavi ul li.cate32 a,
body.gloCate33 #contents #sub #sideNavi ul li.cate33 a,
body.gloCate34 #contents #sub #sideNavi ul li.cate34 a,
body.gloCate35 #contents #sub #sideNavi ul li.cate35 a,
body.gloCate36 #contents #sub #sideNavi ul li.cate36 a,
body.gloCate37 #contents #sub #sideNavi ul li.cate37 a,
body.gloCate38 #contents #sub #sideNavi ul li.cate38 a,
body.gloCate39 #contents #sub #sideNavi ul li.cate39 a,
body.gloCate40 #contents #sub #sideNavi ul li.cate40 a,
body.casCate65 #contents #sub #sideNavi ul li.cate65 a,
body.casCate63 #contents #sub #sideNavi ul li.cate63 a,
body.casCate59 #contents #sub #sideNavi ul li.cate59 a,
body.casCate62 #contents #sub #sideNavi ul li.cate62 a,
body.casCate61 #contents #sub #sideNavi ul li.cate61 a,
body.casCate60 #contents #sub #sideNavi ul li.cate60 a,
body.casCate64 #contents #sub #sideNavi ul li.cate64 a,
body.bloCate69 #contents #sub #sideNavi ul li.cate69 a,
body.bloCate66 #contents #sub #sideNavi ul li.cate66 a,
body.bloCate67 #contents #sub #sideNavi ul li.cate67 a,
body.digit #contents #sub #sideNavi ul li.digit a {
color: #75161b !important;
background: url(http://www.ryoushitsu.org/common/img/sideNavi_on.gif) no-repeat left bottom;
}

body.morals #contents #sub #sideNavi ul li.morals a:hover ,
body.history #contents #sub #sideNavi ul li.history a:hover,
body.rule #contents #sub #sideNavi ul li.rule a:hover,
body.access #contents #sub #sideNavi ul li.access a:hover,
body.faqCate23 #contents #sub #sideNavi ul li.cate23 a:hover,
body.faqCate24 #contents #sub #sideNavi ul li.cate24 a:hover,
body.semCate19 #contents #sub #sideNavi ul li.cate19 a:hover,
body.semCate20 #contents #sub #sideNavi ul li.cate20 a:hover,
body.semCate50 #contents #sub #sideNavi ul li.cate50 a:hover,
body.meliCate16 #contents #sub #sideNavi ul li.cate16 a:hover,
body.meliCate27 #contents #sub #sideNavi ul li.cate27 a:hover,
body.meliCate29 #contents #sub #sideNavi ul li.cate29 a:hover,
body.medCate21 #contents #sub #sideNavi ul li.cate21 a:hover,
body.medCate22 #contents #sub #sideNavi ul li.cate22 a:hover,
body.gloCate30 #contents #sub #sideNavi ul li.cate30 a:hover,
body.gloCate31 #contents #sub #sideNavi ul li.cate31 a:hover,
body.gloCate32 #contents #sub #sideNavi ul li.cate32 a:hover,
body.gloCate33 #contents #sub #sideNavi ul li.cate33 a:hover,
body.gloCate34 #contents #sub #sideNavi ul li.cate34 a:hover,
body.gloCate35 #contents #sub #sideNavi ul li.cate35 a:hover,
body.gloCate36 #contents #sub #sideNavi ul li.cate36 a:hover,
body.gloCate37 #contents #sub #sideNavi ul li.cate37 a:hover,
body.gloCate38 #contents #sub #sideNavi ul li.cate38 a:hover,
body.gloCate39 #contents #sub #sideNavi ul li.cate39 a:hover,
body.gloCate40 #contents #sub #sideNavi ul li.cate40 a:hover,
body.casCate65 #contents #sub #sideNavi ul li.cate65 a:hover,
body.casCate63 #contents #sub #sideNavi ul li.cate63 a:hover,
body.casCate59 #contents #sub #sideNavi ul li.cate59 a:hover,
body.casCate62 #contents #sub #sideNavi ul li.cate62 a:hover,
body.casCate61 #contents #sub #sideNavi ul li.cate61 a:hover,
body.casCate60 #contents #sub #sideNavi ul li.cate60 a:hover,
body.casCate64 #contents #sub #sideNavi ul li.cate64 a:hover,
body.bloCate69 #contents #sub #sideNavi ul li.cate69 a:hover,
body.bloCate66 #contents #sub #sideNavi ul li.cate66 a:hover,
body.bloCate67 #contents #sub #sideNavi ul li.cate67 a:hover,
body.digit #contents #sub #sideNavi ul li.digit a:hover {
background: url(http://www.ryoushitsu.org/common/img/sideNavi_on.gif) no-repeat left bottom;
}

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


.toTop{
width: 70px;
height: 72px;
padding: 20px 0 0 0;
margin: 0 0 0 820px;
clear: both;
background: url(http://www.ryoushitsu.org/common/img/btn_pagetop_on.gif) no-repeat 0 20px;
}


.toTopin01{
width: 70px;
height: 42px;
margin: 10px 0 0 580px ;
background: url(http://www.ryoushitsu.org/common/img/btn_pagetop_on.gif) no-repeat 0 0;
}

.toTopin02{
width: 70px;
height: 42px;
margin: 10px 0 0 500px ;
background: url(http://www.ryoushitsu.org/common/img/btn_pagetop_on.gif) no-repeat 0 0;
clear: both;
}

.toTopin03{
width: 70px;
height: 21px;
margin: 10px 0 20px 510px ;
background: url(http://www.ryoushitsu.org/common/img/btn_pagetop_on.gif) no-repeat 0 0;
clear: both;
}

.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;
}

.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;
}

.topCap{
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: center;
}

.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 .photoArea1,
.blogType .photoArea2{
    width: 568px;
    margin:25px auto 0 auto;
}

* html .blogType .photoArea1{
width: 580px;
}

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


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

.blogType .photoArea1 ul.notes{
width: 568px;
margin: 0 auto 10px auto;
clear: both;
}

* html .blogType .photoArea1 ul.notes{
width: 580px;
}

.blogType .photoArea1 ul.notes li{
width: 264px;
margin: 0 10px;
float: left ;
}


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


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



.photoArea3{
    width: 400px;
    margin:25px auto 0 auto;
}

.photoArea3 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;
}


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

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

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

.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{
    margin: 0;
    padding: 0;
    margin-top: 15px;
    font-size: 0;
    text-align: center;
}
.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;
}

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

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


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


/*blog
--------------------------*/
body.blog .blogType .report p img{
padding: 6px 6px 6px 6px;
border-top: 1px solid #ececec;
border-left: 1px solid #ececec;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
}


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

body.blog .blogType .report .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;
}

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

body.blog .blogType .report .introArea dl{
 width: 320px;
 float: right;
}

body.blog .blogType .report .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;
}

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


.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;
}

/* footer
-------------------------------------------------- */
#footer{
clear: both;
}

/* topBox
-------------------------------------------------- */
#topBox{
padding: 15px 0 10px 0;
background: url(http://www.ryoushitsu.org/common/img/bg_footer.gif) repeat-x left bottom;
}
#topBox ul{
margin: 0 0 15px 0;
text-align: center;
}
#topBox ul li{
display: inline;
font-size: 0.75em;
}
#topBox ul li a{
padding: 0 10px;
background: url(http://www.ryoushitsu.org/common/img/bg_vertical_bar.gif) no-repeat left center;
}

#topBox ul li.access a{
padding-left: 0;
background: none;
}

#topBox .img{
margin: 15px 0;
text-align: center;
}

/* address
-------------------------------------------------- */
#address h2{
font-size: 0.7em;
text-align: center;
}
#address p{
font-size: 0.7em;
text-align: center;
}
#address{
width: 595px;
padding: 0 0 9px 0;
margin: 0 auto;
background: url(http://www.ryoushitsu.org/common/img/bg_bottomcap03.gif) no-repeat left bottom;
}

#address .img{
    font-size: 0;
    padding: 0;
    margin: 0;
}
    

/* copyRight
-------------------------------------------------- */
#copyRight{
padding: 10px;
text-align: center;
background: url(http://www.ryoushitsu.org/common/img/bg_copyraight.gif) #460606 repeat-x left bottom;
}


.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;
}

/*最新画像にNEW表示用*/
span.new {
    padding:0;
    display: none;
    position: relative;
    /*left:-158px;
    top: -131px;*/
    margin-bottom:-24px!important;
}
span.new img {
    padding-left:7px!important;
    border:none!important;
}

/*==================================
pages.css
====================================/
/* header
-------------------------- */
#header h1{
font-size: 0.7em;
font-weight: normal;
text-align: right;
}

/* 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;
}

#contents #main #renomantionSeminer{
margin: 0 0 15px 0;
clear: both;
}

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

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


#contents #main #renomantionSeminer a:hover img {
visibility: hidden !important;
}
#contents #main #renomantionSeminer 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 .pict2{
margin: 0 0 12px 0;
}
#case #caseList .caseBox .pict2 img{
margin: 0 0 2px 0;
padding: 6px 6px 6px 6px;
border: 1px solid #ececec;
}

#case #caseList .caseBox h3{
height: auto;
margin: 0 0 12px 0;
font-size: 0.8em;
font-weight: nomal;
font-style: nomal;
color:#c63;
}
#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 {
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;
position: relative;
}

body.renomansion #case .ttlReno h2{
display: none;
background: none;
}
body.renomansion #case .ttlReno p{
position: absolute;
left: 250px;
top: 2px;
}
body.renomansion #case .ttlReno p a{
width: 55px;
height: 20px;
display: block;
}

/*-- btn on
-------------------------- */
body.renomansion #case .ttlReno p a:hover img {
visibility: hidden !important;
}
body.renomansion #case .ttlReno p a:hover {
background: transparent;
}
body.renomansion #case .ttlReno p {
background: url(http://www.ryoushitsu.org/img/btn_eventlist_on.gif) no-repeat left top;
}


* 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;
}

/* 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{
background: url(http://www.ryoushitsu.org/renomansion/img/btn_renoStep01_on.gif) no-repeat left top;
}

body.renomansion  #main ul.pageLink li.step02{
background: url(http://www.ryoushitsu.org/renomansion/img/btn_renoStep02_on.gif) no-repeat left top;
}

body.renomansion  #main ul.pageLink li.step03{
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;
}


/* pagelink2
-------------------------- */
body.renomansion  #main ul.pageLink2{
margin: 30px 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{
background: url(http://www.ryoushitsu.org/renomansion/img/btn_renoStep01_on.gif) no-repeat left top;
}

body.renomansion  #main ul.pageLink2 li.step04{
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;
}



/* 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%;
}


/*--20100305追加--*/

body.link .contentsBox,
body.glossary .contentsBox,
body.faq .contentsBox,
body.media .contentsBox,
body.memberlists .contentsBox,
body.seminar .contentsBox,
body.blog .contentsBox,
body#historyTop .contentsBox,
body#renomansionTop .contentsBox{
padding: 0 !important;
background: url(http://www.ryoushitsu.org/common/img/bg_middleline.gif) repeat-y left top !important;
}

div.topSet{
    padding: 40px 0 0 0;
}

/*--↑追加 ここまで　---*/

/*--20100305削除--*/
/*--
body.blog #contents .contentsBox{
padding-bottom: 40px!important;
}
--*/

/*--↑削除 ここまで　---*/


body.popup .article{
height: 400px;
overflow: auto;
}

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

body.popup ul{
margin: 0 0 15px 0;
}

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

body.popup li ol {
padding: 0;
}

body.popup li ol li{
padding: 0px;
font-size: 100%;
background: none;
}

body.popup .article{
margin: 15px 5px 15px 30px;
}

body.popup .close{
width: 83px;
height: 24px;
margin: 0 auto;
background: url(http://www.ryoushitsu.org/about/img/btn_close_on.png)no-repeat left top;
}

body.popup .close a{
display: block;
}

body.popup .close a:hover img {
visibility: hidden !important;
}
body.popup .close a:hover {
background: transparent;
}

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%;
}

.ozoneInfo{
margin:15px 40px 0 40px;
padding:10px 20px;
background-color:#f0ede4;
border:1px solid #d9cfbd;
}

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

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

.ozoneInfo 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 30px 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;
}

/*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.history #introduction h2{
    padding: 0;
} 


body.history #chronology .type05 h4{
    padding: 5px 0 0 12px;
    width: 574px;
    height: 20px;
    background: url(http://www.ryoushitsu.org/about/history/img/ttl_h4.gif) no-repeat left top;
    font-weight: bold;
    font-size: 0.75em;
}

body.history #chronology .type05 h4 a{
    color: #fff;
}