@charset "shift_jis";

/*【全般】
=========================================================
=========================================================*/

p, h2, h3, h4, h5, h6, div, br {
  margin: 0;
  padding: 0;
}


/* 3カラム用 */
body.layout-three-column,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
  text-align: center;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;

}

.layout-three-column #box {
  width: 920px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  background-color: #FFFFFF;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0px;
  padding-left: 0;
}

.layout-three-column #inner {
  margin: 0px;
  background-image: url(img/back.gif);
  background-repeat: repeat-y;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}

*:first-child+html .layout-three-column #inner {
  margin: 0px;
  padding: 0px;
}

.mb {
  font-size: 12px;
  font-weight: bold;
  color: #FF0000;
  line-height: 150%;
}

.s {
  font-size: 11px;
  color: #000000;
  line-height: 1.5em;
}

.m {
  font-size: 12px;
  color: #000000;
  line-height: 1.4em;
}

.sw {
  font-size: 10px;
  color: #000000;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style-type: disc;
}

li {
  list-style-position: outside;
  list-style-type: disc;
  margin: 0px 10px 3px 5px;
  padding: 0px;
}

.pp {}

.pp .line {
  margin: 5px;
  border: 1px solid #CCCCCC;
  padding: 5px;
}

.pp ul {
  padding: 0px;
  list-style-type: disc;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 15px;
}

.pp li {
  list-style-position: outside;
  list-style-type: decimal;
  padding: 0px;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
}

.bm {
  font-size: 11px;
  font-weight: bold;
  color: #000000;
}

.sttl {
  font-size: 14px;
  font-weight: bold;
  color: #E1CFA2;
}

.right {
  text-align: right;
}

p.Nline {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #A9856A;
  margin-top: 10px;
  margin-bottom: 10px;
}

/*【メニューバー】
=========================================================
=========================================================*/
#menu {
  width: 100%;
  background-color: #1C110D;
  margin: 0;
  padding: 0;
  height: 33px;
  text-align: center;
  background-image: url(img/back_btn.gif);
}

#menu a:link {
  text-decoration: none;
}

/*【リンク】
=========================================================
=========================================================*/
a {
  text-decoration: none;
  color: #FF0066;
}

a:link, a:visited {
  color: #FF0033;
}

a:hover, a:active {
/*color: #FF3300;*/
  text-decoration: none;
}


/*【ALLTOP】
=========================================================
=========================================================*/
#alltop {
  width: 920px;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
  margin-right: 0px;
  padding-top: 60px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
}

#alltop h1 {
  font-size: xx-small;
  color: #FFFFFF;
  text-indent: -9999pt;
  height: 316px;
  width: 539px;
  margin-left: 181px;
  background-image: url(img/logo_alltop.gif);
  background-repeat: no-repeat;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/*【TOPJ】
=========================================================
=========================================================*/
#topj {
  width: 900px;
  margin-top: 0;
  margin-left: 10px;
  margin-bottom: 0;
  padding: 0px 0px 0px 0px;
  margin-right: 0px;
}

#topj #left {
  width: 640px;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 0px;
  float: left;
}

#topj #right {
  width: 240px;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 10px;
  float: right;
  background-image: url(img/rightback.gif);
  background-repeat: repeat-y;
}

#topj #right #sidemenu {
  width: 164px;
  margin: 0;
  padding-top: 150px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#topj #right #sidemenu p {
  margin: 0;
  color: #fff;
}

#topj #right #sidemenu a:link {
  text-decoration: none;
}

#topj #right #sidemenu a:visited {
  color: #fff;
  text-decoration: none;
}

#topj #right #sidemenu a:hover {
  text-decoration: none;
}

/*#topj #right #sidemenu a:hover img {
  visibility: hidden;
}*/

/*#topj #right #sidemenu a:active img {
  visibility: hidden;
}*/



#concept {
  width: 164px;
  height: 50px;
  background-image: url("img/btn01_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#company {
  width: 164px;
  height: 50px;
  background-image: url("img/btn02_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#topics {
  width: 164px;
  height: 50px;
  background-image: url("img/btn07_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#works {
  width: 164px;
  height: 50px;
  background-image: url("img/btn03_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#contact {
  width: 164px;
  height: 50px;
  background-image: url("img/btn04_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#privacy {
  width: 164px;
  height: 50px;
  background-image: url("img/btn05_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#english {
  width: 164px;
  height: 50px;
  background-image: url("img/btn06_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#topj #right #sidemenu a:hover {
  background-color: #000;
}

#topj #left h1 {
  font-size: xx-small;
  color: #FFFFFF;
  text-indent: -9999pt;
  height: 317px;
  width: 597px;
  margin-top: 65px;
  margin-left: 0px;
  background-image: url(img/logo_top.gif);
  background-repeat: no-repeat;
}

#topj #left h2 {
  font-size: xx-small;
  color: #FFFFFF;
  text-indent: -9999pt;
  height: 31px;
  width: 550px;
  margin-top: 100px;
  margin-left: 40px;
  background-image: url(img/whats.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

#topj #left #whats {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #eaebe5;
  border-bottom-color: #eaebe5;
  border-left-color: #eaebe5;
  padding: 10px;
  width: 528px;
  background-color: #f3f3e8;
  margin: 0px 0px 0px 40px;
  font-size: 12px;
  line-height: 150%;
}



/*【concept】
=========================================================
=========================================================*/
#contents {
  width: 900px;
  margin-top: 0;
  margin-left: 10px;
  margin-bottom: 0;
  padding: 0px 0px 0px 0px;
  margin-right: 0px;
  background-image: url(img/rightback.gif);
  background-repeat: repeat-y;
  background-position: 720px;
}

#contents #right {
  width: 165px;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 15px;
  float: right;
  background-image: url(img/rightback.gif);
  background-repeat: repeat-y;
}

#contents #right #sidemenu {
  width: 164px;
  padding: 0px;
  margin: 0;
}

#contents #right #sidemenu p {
  margin: 0;
  color: #fff;
}

#contents #right #sidemenu a:link {
  text-decoration: none;
}

#contents #right #sidemenu a:visited {
  color: #fff;
  text-decoration: none;
}

#contents #right #sidemenu a:hover {
  text-decoration: none;
}

/*#contents #right #sidemenu a:hover img {
  visibility: hidden;
}*/

/*#contents #right #sidemenu a:active img {
  visibility: hidden;
}*/



#alltoppage {
  width: 164px;
  height: 90px;
  background-image: url("img/logo_s.gif");
  background-repeat: no-repeat;
  display: block;
  margin: 0px;
  padding: 0px;
}

#toppage {
  width: 164px;
  height: 50px;
  background-image: url("img/btn00_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#concept {
  width: 164px;
  height: 50px;
  background-image: url("img/btn01_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#company {
  width: 164px;
  height: 50px;
  background-image: url("img/btn02_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#works {
  width: 164px;
  height: 50px;
  background-image: url("img/btn03_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#contact {
  width: 164px;
  height: 50px;
  background-image: url("img/btn04_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#privacy {
  width: 164px;
  height: 50px;
  background-image: url("img/btn05_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#english {
  width: 164px;
  height: 50px;
  background-image: url("img/btn06_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#rental {
  width: 164px;
  height: 50px;
  background-image: url("img/bnr_rentalspace.gif");
  background-repeat: no-repeat;
  display: block;
}

#jla {
  width: 164px;
  height: 50px;
  background-image: url("img/bnr_jla.gif");
  background-repeat: no-repeat;
  display: block;
}

#r-pod {
  width: 164px;
  height: 50px;
  background-image: url("ryozan-pod-link.jpg");
  background-repeat: no-repeat;
  display: block;
}

#espb {
  width: 164px;
  height: 50px;
  background-image: url("espb-link.jpg");
  background-repeat: no-repeat;
  display: block;
}

#r-pod img, #espb img {
  width: 164px;
  height: auto;
}

#visage {
  width: 164px;
  height: 50px;
  background-image: url(japanese/img/bnr_visage.gif);
  background-repeat: no-repeat;
  display: block;
}

#prom {
  width: 164px;
  height: 30px;
  background-image: url("img/btn03s01_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#full {
  width: 164px;
  height: 30px;
  background-image: url("img/btn03s02_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#contents #right #sidemenu a:hover {
  background-color: #000;
}



#contents #left {
  width: 720px;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 0px;
  float: left;
}

#contents #left #conceptB {
  width: 720px;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 0px;
}


#contents #left #conceptB h1 {
  background-image: url(japanese/concept/img/bar_concept.gif);
  background-position: 0px 0px;
  text-indent: -9999pt;
  height: 24px;
  width: 690px;
  margin-top: 52px;
  margin-bottom: 10px;
  margin-left: 7px;
  background-repeat: no-repeat;
}

#contents #left #conceptB p {
  font-size: 12px;
  background-image: url(japanese/concept/img/rinen.gif);
  background-repeat: no-repeat;
  text-indent: -9999pt;
  height: 260px;
  width: 690px;
}

#contents #left #president {
  width: 720px;
  margin-top: 20;
  margin-left: 0px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 0px;
}

#contents #left #president h1 {
  background-image: url(japanese/concept/img/bar_president.gif);
  background-position: 0px 0px;
  text-indent: -9999pt;
  height: 24px;
  width: 690px;
  margin-top: 52px;
  margin-bottom: 10px;
  margin-left: 7px;
  background-repeat: no-repeat;
}

#contents #left #president #txt {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
}

/*【company】
=========================================================
=========================================================*/
#contents #left #companyB {
  width: 720px;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 0px;
}


#contents #left #companyB h1 {
  background-image: url(japanese/company/img/bar_company.gif);
  background-position: 0px 0px;
  text-indent: -9999pt;
  height: 24px;
  width: 690px;
  margin-top: 52px;
  margin-bottom: 10px;
  margin-left: 7px;
  background-repeat: no-repeat;
}

#contents #left #companyB #txt {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 60px;
}


/*【topics】
=========================================================
=========================================================*/
#contents #left #topicsB {
  width: 720px;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 0px;
}

#contents #left #topicsB h1.news {
  background-image: url(japanese/topics/img/bar_topics.gif);
  background-position: 0px 0px;
  text-indent: -9999pt;
  height: 24px;
  width: 690px;
  margin-top: 52px;
  margin-bottom: 10px;
  margin-left: 7px;
  background-repeat: no-repeat;
}

#contents #left #topicsB p.news {
  font-family: sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  padding: 10px;
  width: 600px;
  margin-left: 30px;
}

#contents #left #topicsB h2.topicsttl {
  font-family: sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  width: 600px;
  margin-left: 30px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #8C786C;
  background-image: url(japanese/topics/img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

#contents #left #topicsB h2.topicsttl img {
 width: 70px;
 height: auto;
 margin-left: -5px;
}

/*【privacy】
=========================================================
=========================================================*/
#contents #left #privacyB {
  width: 720px;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 0px;
}


#contents #left #privacyB h1 {
  background-image: url(japanese/privacy/img/bar_privacy.gif);
  background-position: 0px 0px;
  text-indent: -9999pt;
  height: 24px;
  width: 690px;
  margin-top: 52px;
  margin-bottom: 10px;
  margin-left: 7px;
  background-repeat: no-repeat;
}

#contents #left #privacyB #txt {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 60px;
}

/*【works】
=========================================================
=========================================================*/
#contents #left #worksB {
  width: 720px;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 0px;
}


#contents #left #worksB h1 {
  background-image: url(japanese/works/img/bar_works.gif);
  background-position: 0px 0px;
  text-indent: -9999pt;
  height: 24px;
  width: 690px;
  margin-top: 52px;
  margin-bottom: 10px;
  margin-left: 7px;
  background-repeat: no-repeat;
}


#contents #left #worksB #mokuteki {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 25px;
}

#contents #left #worksB #gyomu {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 25px;
}

#contents #left #worksB #btn {
  margin-top: 40px;
  margin-bottom: 0px;
  margin-left: 25px;
}

#contents #left #worksB #btn p {
  margin: 0;
  color: #fff;
}

#contents #left #worksB #btn a:link {
  text-decoration: none;
}

#contents #left #worksB #btn a:visited {
  color: #fff;
  text-decoration: none;
}

#contents #left #worksB #btn a:hover {
  text-decoration: none;
}

#contents #left #worksB #btn a:hover img {
  visibility: hidden;
}

#contents #left #worksB #btn a:active img {
  visibility: hidden;
}



#Bprom {
  width: 210px;
  height: 50px;
  background-image: url("japanese/works/img/btn_prom_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#Bfull {
  width: 210px;
  height: 50px;
  background-image: url("japanese/works/img/btn_full_ov.gif");
  background-repeat: no-repeat;
  display: block;
}

#contents #left #worksB #btn a:hover {
  background-color: #000;
}

#contents #left #worksB #promB {
  width: 680px;
  margin-top: 0;
  margin-left: 20px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 0px;
}

#contents #left #worksB #promB h2 {
  background-image: url(japanese/works/img/st_prom.gif);
  background-position: 0px 0px;
  text-indent: -9999pt;
  height: 21px;
  width: 393px;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 0px;
  background-repeat: no-repeat;
}

#contents #left #worksB #promB p {
  font-size: 12px;
  line-height: 150%;
  color: #000000;
  margin-left: 15px;
  width: 650px;
}

#contents #left #worksB #fulB {
  width: 680px;
  margin-top: 0;
  margin-left: 20px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 0px;
}

#contents #left #worksB #fulB h2 {
  background-image: url(japanese/works/img/st_ful.gif);
  background-position: 0px 0px;
  text-indent: -9999pt;
  height: 21px;
  width: 393px;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 0px;
  background-repeat: no-repeat;
}

#contents #left #worksB #fulB p {
  font-size: 12px;
  line-height: 150%;
  color: #000000;
  margin-left: 15px;
  width: 650px;
}

/*【contact】
=========================================================
=========================================================*/
#contents #left #contactB {
  width: 720px;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
  padding: 0px;
  margin-right: 0px;
}


#contents #left #contactB h1 {
  background-image: url(japanese/contact/img/bar_contact.gif);
  background-position: 0px 0px;
  text-indent: -9999pt;
  height: 24px;
  width: 690px;
  margin-top: 52px;
  margin-bottom: 10px;
  margin-left: 7px;
  background-repeat: no-repeat;
}

#contents #left #contactB #main {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 40px;
}

/*【FOOTER】
=========================================================
=========================================================*/
#footer {
  font-size: 10px;
  color: #FFFFFF;
  text-align: center;
  height: 17px;
  width: 272px;
  text-indent: -9999pt;
  margin-top: 100px;
  margin-left: 610px;
  clear: both;
  padding-top: 40px;
  padding-bottom: 10px;
  background-color: #FFFFFF;
  background-image: url(img/footer.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.mg {
  font-size: 12px;
  line-height: 150%;
  color: #666666;
}

.lineH {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #000000;
}

.mbold {
  font-size: 12px;
  line-height: 150%;
  font-weight: bold;
  color: #000000;
}

.m {
  font-size: 12px;
  line-height: 150%;
  color: #000000;
}

li {
  list-style-type: decimal;
  list-style-position: outside;
}

.mbold16 {
  font-size: 16px;
  line-height: 150%;
  font-weight: bold;
  color: #000000;
}

.lineU {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #999999;
}