@charset "utf-8";
/**
* style 
* (c) FOURDIGIT Inc.
*
* 1. import
* 2. html, body
* 3. HTMLtag, siteCommonClass
* 4. Layout
* 5. EachPageStyle
*
*/
/**
* 1. import
*/
@import "import/reset.css";
@import "import/util.css";
@import "../ext_ci/ci.css";

/**
* 2. html, body
*/
body {
  background-color: #fff;
  background-image: url(../imgs/space.gif);
  background-repeat: repeat-x;
  background-position: center top;
}
.page {
  color: #4f4f4f;
  font-size: 14px;
  line-height: 1.8;
  /*letter-spacing: 0.1em;*/
  letter-spacing: normal;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* Responsive */


img{
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media only screen and (max-width: 640px) {
.img,.img img{
  width: 100% !important;
}
}


.imgBox{

}
@media only screen and (max-width: 640px) {
.imgBox div{
  float:none !important;
  width:auto !important;
  margin-left:0px !important;
  margin-right:0px !important;
}
}

.col2{width:50% !important;}
.col2l{width:50% !important;}
.col3{width:33.3333% !important;}
.col4{width:25% !important;}
.w49{width:49% !important;}

.w960{display:block;}
.w640{display:none;}

@media only screen and (max-width: 640px) {
.w960{display:none;}
.w640{display:block;}
}

.wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.wrapper {
  max-width: 960px;
  margin: 0 auto;
  position:relative;
}
.wrapperMap {
  max-width: 960px;
  margin: 0 auto;
  position:relative;
}


@media only screen and (max-width:960px) {
.wrap {
  width: auto;
  padding-left: auto;
  padding-right: auto;
  position:relative;
}
.wrapper {
  width: auto;
  padding: 0 10px;
}
}


/**
* 3. HTMLtag, siteCommonClass
*/
/* anchor */
a {
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: top left;
  color: #0000ff;
  text-decoration: underline;
}
a:visited {}
a:hover {
  color: #ff0000;
  background-position: bottom right;
  text-decoration: underline;
}
a:active {}

.hov {
  opacity: 1;
  transition: opacity 0.2s ease-in;
}
a:hover .hov {
  opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=75); /* IE lt 8 */
  -ms-filter: "alpha(opacity=75)"; /* IE 8 */
  -khtml-opacity: .75; /* Safari 1.x */
}

/* heading */
.siteTitle {/*dont use <h1> selector*/}
.contentTitle {/*dont use <h2> selector*/}

/* cap */
.cap,
.caption {
  background: none;
  color: #7e7e7e;
  font-size: 10px;
  line-height: 15px;
}
.cap {padding-top: 5px;}

/* icon [web font] */
@font-face {
  font-family: 'condenseicon';
  src: url('../../fonts/CONDENSEicon.ttf') format('truetype'),url('../../fonts/CONDENSEicon.otf') format('opentype'),url('../../fonts/CONDENSEicon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
* 4. Layout
*/
body #container {
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
  background-image: url(../imgs/space.gif);
  background-repeat: repeat-y;
  background-position: center top;
  text-align: left;
}
body #containerMap {
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
  background-image: url(../imgs/space.gif);
  background-repeat: repeat-y;
  background-position: center top;
  text-align: left;
}

/* heading */
.siteTitle {
  padding: 20px 0 15px;
  margin: 0 auto;
  text-align:  center;
}
.shldrTxt {
  position: absolute ;
  top: 17px ;
  left: 196px ;
  color: #333 ;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 1150px) {
body .shldrTxt { display: none ;}
} 

/* gHeader */
#gHeader { background: #fff;}

@media only screen and (max-width: 640px) {
#gHeader { height: 75px ;}
}

/* pNav */
#pNav {}
#pNav li { position: absolute;}
#pNav li span.new {
	position: absolute;
	top: 1px;
	right: 1px;
}
#pNav .outline {
  position: absolute !important;
  top: 20px;
  right: 290px;
/*  right: 240px;*/
  padding-top:12px\9;
}
#pNav .staff {
  position: absolute !important;
  top: 0px;
  right: 290px;
  padding-top:12px\9;
}
#pNav .map {
  position: absolute !important;
  top: 10px ;
  right: 190px;
}
#pNav .request {
  position: absolute !important;
  top: 10px ;
  right: 95px ;
}
#pNav .reserve {
  position: absolute !important;
  top: 10px ;
  right: 0px ;
}
#pNav .requestPop {
  position: absolute !important;
  top: 10px;
  right: 0px;
/*  right: 115px ;*/
}
#pNav .reservePop {
  top: 10px ;
  right: 0px ;
  position: absolute !important;
}
#pNav .tel,
#pNav .menu {
  display: none ;
}
#pNav a {
  text-decoration: none ;
}

@media only screen and (max-width: 960px) {
#pNav .outline {
  position: absolute !important;
  top: 20px;
  right: 290px;
/*  right: 240px;*/
  padding-top:12px\9;
}
#pNav .staff {
  position: absolute !important;
  top: 0px;
  right: 290px;
  padding-top:12px\9;
}
#pNav .map {
  position: absolute !important;
  top: 10px ;
  right: 190px;
}
#pNav .request {
  position: absolute !important;
  top: 10px ;
  right: 95px ;
}
#pNav .reserve {
  position: absolute !important;
  top: 10px ;
  right: 0px ;
}
} 

@media only screen and (max-width: 768px) {
#pNav .outline,
#pNav .map,
#pNav .staff,
#pNav .reserve,
#pNav .request {
  display: none ;
}
#pNav .menu {
  display: block ;
  width: 50px ;
  height: 100% ;
  top: 0 ;
  right: 0 ;
}
#pNav .menu a {
  display: block ;
  height: 100% ;
  height: 100% ;
  position: relative ;
  text-align: center ;
  line-height: 75px ;
}
}
@media only screen and (max-width:480px) {
#pNav .outline,
#pNav .map,
#pNav .reserve,
#pNav .request {
  display: none ;
}
#pNav .menu {
  display: block ;
  width: 50px ;
  height: 100% ;
  top: 0 ;
  right: 0 ;
}
#pNav .menu a {
  display: block ;
  height: 100% ;
  height: 100% ;
  position: relative ;
  text-align: center ;
  line-height: 75px ;
}
}

/* gNav */
#gNav {}
#gNav ul {}
#gNav li { position: relative; }
#gNav .request,
#gNav .reserve,
#gNav .outline,
#gNav .map,
#gNav .close {
}
#gNav li.off a,
#gNav li.off span {

  pointer-events:none;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#gNavmenu{
	position: fixed;
	top: 255px;
	left: /*220px*/165px;
	z-index: 10;
	cursor: pointer;
}
#gNavmenu:hover{
	filter:alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

#gNav li span.new {
  display: block;
  position: absolute;
  top: 10px;
  right: 2px;
  background-image: url(../imgs/icn-new-small.png);
  width: /*45px*/33px;
  height: /*17px*/13px;
}
#gNav li.service span.new {
  top: 28px;
}
#gNav li.reserve span.new {
	display: none !important;
}
#gNav li.reserve p.new {
	position:absolute;
	top: 1px;
	right: 43px;
	width: 25px;
	height: 12px;
	background: url("../imgs/nav-icn-new2.png");
}


@media only screen and (max-width:768px) {
.service {
	display: none !important;
}
#gNavmenu{
	display: none;
	left: 220px;
}
#gNav {
  display: none;
  width: 100%;
  padding: 0;
  position: absolute;
  top: 75px;
  left: 0;
  background: none;
  z-index: 9999;
}
#gNav ul  {
  background-color: rgba(34,34,34,0.8);
}
#gNav li  {
  display:block;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  margin: 0px;
  padding:0px;
  border-bottom: 1px solid #D2D3C5;
  float: left;
}
#gNav li a img,
#gNav li span img {
  display:none;
}

#gNav li.reserve span.new {
	display: block !important;
}
#gNav li.reserve p.new {
	display: none;
}


#gNav li:nth-child(odd) { border-right: 1px solid #FFFFFF; }
#gNav a,
#gNav span {
  display:block;
  width: 100%;
  /*height:100%;*/
}

#gNav li a,#gNav li span{
  line-height:50px;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
}

#gNav li.equipment img,
#gNav li.modelroom img,
#gNav li.quality img {
  display: none;
}

#gNav li.equipment span,
#gNav li.modelroom span {
}

#gNav li a,#gNav li span.active{color:#77A4B9;}

#gNav li.top a,#gNav li.top a span{background:url(../imgs/nav-top.png) no-repeat center center;}
#gNav li.top a:hover,#gNav li.top.on a{background:url(../imgs/nav-top_ov.png) no-repeat center center;}
#gNav li.concept a,#gNav li.concept a span{background:url(../imgs/nav-concept.png) no-repeat center center;}
#gNav li.concept a:hover,#gNav li.concept.on a{background:url(../imgs/nav-concept_ov.png) no-repeat center center;}
#gNav li.access a,#gNav li.access a span{background:url(../imgs/nav-access.png) no-repeat center center;}
#gNav li.access a:hover,#gNav li.access.on a{background:url(../imgs/nav-access_ov.png) no-repeat center center;}
#gNav li.location a,#gNav li.location a span{background: url(../imgs/nav-location.png) no-repeat center center;}
#gNav li.location a:hover,#gNav li.location.on a{background:url(../imgs/nav-location_ov.png) no-repeat center center;}
#gNav li.lifestyle a,#gNav li.lifestyle a span{background:url(../imgs/nav-lifestyle.png) no-repeat center center;}
#gNav li.lifestyle a:hover,#gNav li.lifestyle.on a{background:url(../imgs/nav-lifestyle_ov.png) no-repeat center center;}
#gNav li.landplan a,#gNav li.landplan a span{background:url(../imgs/nav-landplan.png) no-repeat center center;}
#gNav li.landplan a:hover,#gNav li.landplan.on a{background:url(../imgs/nav-landplan_ov.png) no-repeat center center;}
#gNav li.plan a,#gNav li.plan a span{background:url(../imgs/nav-plan.png) no-repeat center center;}
#gNav li.plan a:hover,#gNav li.plan.on a{background:url(../imgs/nav-plan_ov.png) no-repeat center center;}
#gNav li.modelhouse a,#gNav li.modelhouse a span{background:url(../imgs/nav-modelhouse.png) no-repeat center center;}
#gNav li.modelhouse a:hover,#gNav li.modelhouse.on a{background:url(../imgs/nav-modelhouse_ov.png) no-repeat center center;}
#gNav li.equipment a,#gNav li.equipment a span{background:url(../imgs/nav-equipment.png) no-repeat center center;}
#gNav li.equipment a:hover,#gNav li.equipment.on a{background:url(../imgs/nav-equipment_ov.png) no-repeat center center;}
#gNav li.homedeco a,#gNav li.homedeco a span{background:url(../imgs/nav-homedeco.png) no-repeat center center;}
#gNav li.homedeco a:hover,#gNav li.homedeco.on a{background:url(../imgs/nav-homedeco_ov.png) no-repeat center center;}
#gNav li.about a,#gNav li.about a span{background:url(../imgs/nav-about.png) no-repeat center center;}
#gNav li.about a:hover,#gNav li.about.on a{background:url(../imgs/nav-about_ov.png) no-repeat center center;}

#gNav .map,
#gNav .outline,
#gNav .request,
#gNav .reserve,
#gNav .close {
  display: block;
}
#gNav .request,
#gNav .reserve{
  width:100%;
}
#gNav .request a:hover,
#gNav .reserve a:hover{
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
}
#gNav .map a,
#gNav .outline a,
#gNav .request a,
#gNav .reserve a,
#gNav .close a {
  color: #FFF;
  line-height: 50px;
  text-align: center;
  text-indent: 0;
  text-decoration: none;
  font-weight: bold;
}
#gNav .map a {color: #FFF;}
#gNav .request a {
  background: #8FBEA8;
  color: #FFF;
}
#gNav .reserve a {
  background: #CBA08B;
  color: #FFF;
}
#gNav .close {
  width: 100%;
  border-right: none;
  float: none;
  clear: both;
}
#gNav .close .icn {
  color: #a19f97;
  text-indent: 0;
}
.icn {
  font-family:'condenseicon';
  font-size: 25px;
  color: #000;
}

#gNav li span.new {
  background-size: cover;
  top: 5px;
  right: 5px;
  width: 28px;
  height: 10px;
}

}

@media only screen and (max-width:480px) {
#gNav li span.new {
  right: 5px;
}
}

/* gFooter */
#gFooter {
  background-image: url(../../common/imgs/bg-ftr.jpg);
  background-size: cover;
  background-position: center top;
  border-top: 1px solid #59524F;
}
#gFooter .Inner{}

/* fContact */
#fContact {
  padding:20px 0px;
  letter-spacing: -.4em;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position:relative;
}
#fContact .tel {
  /*float: left;*/
  margin-right:5px;
  margin-top: 5px;
}
#fContact .time {
  float: left;
  margin-top: 5px;
}
#fContact .mail {
  position: absolute;
  top: 5px;
  left:220px;
}

@media only screen and (max-width: 640px) {
#fContact {position: relative;}
#fContact .name,
#fContact .tel,
#fContact .time,
#fContact .txt {
  margin-top:10px;
  display: block;
  text-align: center;
  float:none;
}
#fContact .mail {
	position: inherit;
  margin-top:10px;
  top:0px;
  left:0px;
}
}


/* fbtn */
#fbtn {
  position: absolute;
  top: 20px;
  right: 0px;
  line-height:40px;
  height:40px;
}
#fbtn li{
  float:left;
  padding:5px;
}
#fbtn li a img{vertical-align:middle;}

@media only screen and (max-width: 768px) {
#fbtn {
  padding-top:40px;
  position:relative;
  top:0px;
  right:0px;
  text-align:center;
  border-left:none;
  padding-left: 0px;
  line-height:0px;
  height:auto;
}
#fbtn li{
  float:none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
}
@media only screen and (max-width: 640px) {
#fbtn {padding-top:20px;}
}


/* fNav */
#fNav {
  padding: 0 0 10px 0;
  font-size: 10px;
  line-height: 12px;
}
#fNav .wrap {
  padding-top: 10px ;
  position: relative ;

}
#fNav ul {
  text-align: left ;
  overflow: hidden ;
}
#fNav li {
  border-right: 1px solid #918983 ;
  margin-right: 5px ;
  padding-right: 5px ;
  margin-top: 5px ;
  display: inline-block ;
  *display: inline ;
  *zoom: 1 ;
  font-weight: bold;
}
#fNav li a:hover {
  color: #77A4B9;
  font-weight: bold;
}
#fNav li strong { color: #77A4B9; }
.gFbg ul {
  text-align: center;
  overflow: hidden;
}
.gFbg li {
  position: relative;
  margin: 0 5px 0 0 ;
  padding: 0 5px 0 0 ;
  display: inline-block ;
  *display: inline ;
  *zoom: 1 ;
}
.gFbg li span.new {
	position: absolute;
	top: 1px;
	right: 6px;
}
#fNav a {
  color: #918983 ;
  text-decoration: underline ;
}
#fNav a:hover { text-decoration: none ;}
#fNav strong {
  font-weight: bold ;
  color: #363635 ;
}
#fNav span { color: #ccc ;}
.btns span.sboxSp,
#fNav li span.sboxSp {
  display: none ;
}
.btns span.sboxPc,
#fNav li span.sboxPc {
  display: inline ;
}
#pagetop {
  position: absolute ;
  top: 3px ;
  right: 0 ;
}

@media only screen and (max-width: 1024px) {
#fNav li.pc {
	display: none;
}
}
@media only screen and (max-width: 960px) {
#pagetop { right: 20px ;}
}

@media only screen and (max-width: 800px) {
#fNav ul { display: none ;}
#pagetop {
  top: -10px ;
  right: 20px ;
}
#scotch-panel,
.tgp
 { display: none ;}
}
@media only screen and (max-width: 768px) {
#fNav {
  display: block;
  padding: 0;
  background-color: rgba(34,34,34,0.80);
}
#fNav ul{ display: block ;}
#fNav .wrap {
  padding-top: 0px ;
  border-top: none ;
  overflow: hidden ;
  padding-left: 0px !important ;
  padding-right: 0px !important ;
}
#fNav .wrapper {
  width: auto;
  padding: 0;
  position:relative;
}
#fNav ul {
  overflow: hidden ;
  margin-bottom: 0px ;
  border-top: 1px solid #ffffff ;
  padding-right: 0px ;
  margin-top: 0px ;
}
#fNav li {
  -webkit-box-sizing: border-box ;
  -moz-box-sizing: border-box ;
  box-sizing: border-box ;
  width: 50% ;
  padding-right: 0 ;
  border-bottom: 1px solid #f2f2f2 ;
  text-align: center ;
  margin-top: 0px ;
  padding-right: 0px ;
  margin-right: 0px ;
  float: left ;
}
#fNav li:nth-child(odd) { border-right: 1px solid #f2f2f2 ;}
#fNav li:before { content: none ;}
#fNav a,
#fNav strong,
#fNav span {
  display: block ;
  padding: 15px 0 15px ;
  text-decoration: none ;
}
#fNav a:hover,
#fNav strong { background-color: rgba(255,255,255,0.80); 
}
#pagetop {
  top: -15px ;
  display: none ;
}
}

/* cvb */
.cvb {text-align:center;}
.cvb p {
  padding: 5px;
  display: inline-block;
  /* For IE 6/7 */
  *display: inline;
  *zoom: 1;
}

/* sNav */
.sNav {
  line-height:0px;
  text-align:center;
  border-bottom:solid 1px #aeafa5;
}
.sNav li {
  padding: 0px;
  display: inline-block;
  /* For IE 6/7 */
  *display: inline;
  *zoom: 1;
}
.sNav li a{
  display:block;
  width:100%;
}
.sNav li a img{padding:15px 60px;}
.sNav li a:hover{background-color:#aeafa5;}
.sNav li span{
  display:block;
  width:100%;
  background-color:#aeafa5;
}
.sNav li span img{padding:15px 60px;}

@media only screen and (max-width: 640px) {
.sNav li {
  display:block;
  width:80%;
  margin:0 auto;
}
}

/* title */
.titleA, .titleB, .titleC {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.titleA {font-size: 24px;}
.titleB {font-size: 18px;}
.titleC {font-size: 14px;}
.titleA span,
.titleB span,
.titleC span{display: none;}
span.gold{color:#765d10 !important;}
span.white{color:#fff !important;}
.text{}

@media only screen and (max-width: 768px) {
.titleA img,
.titleB img,
.titleC img{display: none;}
.titleA span,
.titleB span,
.titleC span {display: block;}
.text br{display:none;}
}
@media only screen and (max-width: 480px) {
.titleA {font-size: 18px;}
.titleB {font-size: 16px;}
.titleC {font-size: 12px;}
.txt br{display:none;}
}



/* pop */
#pop .wrap{width:640px;}
#pop .wrapper{width:960px;}

@media only screen and (max-width: 640px) {
#pop .wrap{width:auto;}
#pop .wrapper{width:auto;}
#pop .print {display:none;}
#pop .cigrFixedWidth{width:100%;}
}


/*//////////////////////////////////////////////////*/

.clm4Box {
  overflow: hidden;
  margin-left: -2%;
}
.clm4Box > div {
  float: left;
  width: 23%;
  margin-left: 2%;
}
.clm4Box h4 {
  margin: 10px 0 5px;
  padding-bottom: 5px;
  line-height: 1.0;
}
.clm3Box {
  overflow: hidden;
  margin-left: -3.65%;
}
.clm3Box > div {
  float: left;
  width: 29.719%;
  margin-left: 3.614%;
}
.clm3Box h4 {
  margin: 10px 0 5px;
  padding-bottom: 5px;
  line-height: 1.0;
}
.clm2Box {
  overflow: hidden;
  margin-left: -1.7%;
}
.clm2Box > div {
  float: left;
  width: 48.3%;
  margin-left: 1.7%;
}
.clm2Box2 > div {
  float: left;
  max-width: 47.9%;
}
.clm2Box3 > div {
  float: left;
  max-width: 50%;
}
.clm2Box h4 {
  margin: 10px 0 5px;
  padding-bottom: 5px;
  line-height: 1.0;
}
.clm1Box {
  overflow: hidden;
  margin-left: 0;
}
.clm1Box > div.l1 {
float: left;
width: 58%;
padding-right: 3%;
}
.clm1Box > div.r1 {
  float: left;
  width: 39%;
}
.clm1Box > div.l2 {
  float: left;
  width: 36%;
}
.clm1Box > div.r2 {
  float: left;
  width: 64%;
}
.clm1Box > div.l3 {
  float: left;
width: 58%;
padding-right: 3%;
}
.clm1Box > div.r3 {
  float: right;
  width: 37.037037%;
}
.clm1Box > div.l4 {
  float: left;
  width: 62%;
}
.clm1Box > div.r4 {
  float: right;
  width: 28.2%;
}
.clm1Box > div.l5 {
  float: left;
  width: 31.3%;
}
.clm1Box > div.r5 {
float: right;
width: 68.7%;
background-image: url(../imgs/bg-white.png);
min-height: 350px;
}
.clm1Box > div.l6 {
  float: left;
  width: 51%;
}
.clm1Box > div.r6 {
float: left;
width: 45.875%;
background-image: url(../imgs/bg-white.png);
min-height: 365px;
padding: 5px 1.5625% 0 1.5625%;
}
.clm1Box > div.l7 {
  float: left;
  width: 51%;
}
.clm1Box > div.r7 {
float: left;
width: 45.875%;
padding: 0 1.5625%;
}
.bgWhite {
background-image: url(../imgs/bg-white.png);
padding: 15px;
background-repeat: repeat;
}
.bgWhite1 {
background-image: url(../imgs/bg-white.png);
background-repeat: repeat;
}
.bgWhite2 {
background-image: url(../imgs/bg-white.png);
padding: 0 15px 15px 15px;
background-repeat: repeat;
margin-top: -10px;
}
.clm1Box > p.photo {
float: left;
margin-bottom: 10px;
}
.clm1Box h4 {
  margin: 10px 0 5px;
  padding-bottom: 5px;
  line-height: 1.0;
}

.bline {
  border-bottom: #c8c5c4 1px solid;
  padding-bottom: 10px;
}
.w712 {
  width: 74.1666667%;
  margin-right: 3.125%;
}
.w711 {
  width: 74.0625%;
}
.w545 {
  width: 56.7708333%;
}
.w380 {
  width: 39.5833333%;
}
.w300 {
  width: 30.9675%;
}
.w300ex {
padding: 15px 15px 0 15px ;
min-width: 100% !important;
min-height:395px;
}
.w250 {
  width: 45.8715596%;
  margin-bottom: 10px;
}
.w466 {
  width: 48.5416667%;
  margin-top: 10px;
}
.w385 {
  width: 40.1041667%%;
}
.w225 {
  width: 22.3958333%;
}
.w197 {
  width: 20.5208333%;
}
.w50p {
width: 50%;
text-align: center;
}
.w50pl {
width: 48%;
float: left;
}
.w50pr {
width: 48%;
float: right;
padding-top: 35px;
}
.w50pl2 {
width: 45%;
padding: 0 20px;
float: left;
}
.w50pr2 {
width: 45%;
padding: 0 20px 0 0;
float: right;
}
.qmr29{
  margin-right: 2.91666667%;
}
.qml35{
  margin-left: 3.54166667%;
}
.qml30{
  margin-left: 3.125%;
}
.yellow{
  color: #a4930a;
}
.blk{
  color: #000000;
}

  .txt09{
  font-size: 14px;
  line-height: 165%;
}


@media only screen and (max-width: 768px) {
.clm1Box > div.l2 {
  float: left;
  width: 32%;
}
.clm1Box > div.r2 {
  float: right;
  width: 62%;
}
}

@media only screen and (max-width: 680px) {
.clm4Box {
  margin-top: -25px;
  margin-left: 0;
}
.clm4Box > div {
  float: none;
  width: auto;
  margin-top: 25px;
  margin-left: 0;
}

.clm4Box .photo { text-align: center; }
.clm4Box .photo img { width:100%; }
.clm3Box {
  margin-top: -25px;
  margin-left: 0;
}
.clm3Box > div {
  float: none;
  width: auto;
  margin-top: 25px;
  margin-left: 0;
}
.clm3Box .photo { text-align: center; }
.clm3Box .photo img { width:100%; }
.clm2Box {
  margin-top: -25px;
  margin-left: 0;
}
.clm2Box > div {
  float: none;
  width: auto;
  margin-top: 25px;
  margin-left: 0;
}
.clm2Box2 > div {
  float: none;
  max-width: 100%;
  margin-top: 25px;
  margin-left: 0;
}
.clm2Box3 > div {
  float: none;
  max-width: 100%;
  margin-top: 25px;
  margin-left: 0;
}
.clm2Box .photo { text-align: center; }
.clm2Box2 .photo { text-align: center; }
.clm2Box3 .photo { text-align: center; }
.clm2Box .photo img { width:100%; }

.clm1Box {
  margin-top: -25px;
  margin-left: 0;
}

.clm1Box > div.l1, .clm1Box > div.r1,
.clm1Box > div.l3, .clm1Box > div.r3,
.clm1Box > div.l4, .clm1Box > div.r4,
.clm1Box > div.l5, .clm1Box > div.r5,
.clm1Box > div.l6, .clm1Box > div.r6,
.clm1Box > div.l7, .clm1Box > div.r7,
.clm1Box > div {
  float: none;
  width: auto;
  margin-top: 25px;
  margin-left: 0;
}
.clm1Box > div.r6 {
min-height: 300px;
padding: 15px;
}
.clm1Box .photo {
  text-align: center;
  margin-bottom: 10px;
}
img.qimg {
margin: 0;
padding: 0;
width: 100%;
}
.w50p {
margin: 25px 0 0 0 !important;
width: 50% !important;
float: left !important;
}
.w50pl,
.w50pr {
margin: 20px 0 0 0 !important;
width: 100% !important;
float: none !important;
}
.w50pl2,
.w50pr2 {
margin: 20px 0 0 0 !important;
width: 89% !important;
float: none !important;
}
.w50pl2 { text-align:center;}
.w50pr2 { padding:0 20px;}
.w50p img { width: 95% !important; }
.eqText {
font-size: 12px;
line-height: 20px;
min-height: 10px !important;
padding-bottom: 0px !important;
}
.w300ex {
padding: 2% ;
min-width: 96% !important;
min-height:100px;
}
}
@media only screen and (max-width: 480px) {
.clm1Box > div.l1, .clm1Box > div.r1,
.clm1Box > div.l2, .clm1Box > div.r2,
.clm1Box > div.l3, .clm1Box > div.r3,
.clm1Box > div.l4, .clm1Box > div.r4,
.clm1Box > div.l5, .clm1Box > div.r5,
.clm1Box > div.l6, .clm1Box > div.r6,
.clm1Box > div.l7, .clm1Box > div.r7,
.clm1Box > div {
  float: none;
  width: auto;
  margin-top: 25px;
  margin-left: 0;
}
}

.bg {
  background-image: url(../imgs/bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.miscbg {
  background-image: url(../../misc_map/imgs/bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgWhite {
  background-image: url(../../common/imgs/bg-white.png);
  background-repeat: repeat;
}
.commonMisc { padding: 30px 0 20px 0; }

ul.miscList {
text-align:center;
}

ul.miscList li{
display:inline-block;
padding:0 15px;
/display:inline;
/zoom:1;
}
.black { color: #434343; }

/*//////////////////////////////////////////////////*/

.lNav {
  width: /*220px*/165px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  color: #FFF;
  position: fixed;
  top: 0px;
  left: 0px;
  background-image: url(../../common/imgs/bg-bt-s.png);
  background-repeat: repeat-y;
  background-position: left top;
  background-color: #000000;
}
.lNav li span {display:none;}
#pop .lNav { display:none;}
.navPos {
  padding: 65px 0 0 0;
  height: 100%;
}

@media only screen and (max-width: 768px) {
body #container {
  width:100% !important;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
  background-image: url(../imgs/space.gif);
  background-repeat: repeat-y;
  background-position: center top;
  text-align: left;
}
.lNav {
  width: auto;
  margin: 0 auto;
  text-align: center;
  color: #FFF;
  position: relative;
  background-color: #333333;
}
.lNav li span {display:block;}
.navPos {padding: 0;}
}

.pl03{padding-left:3px;}

/*display*/
.pc{display:block;}
.tb{display:none;}
.sp{display:none;}
@media only screen and (max-width: 1024px) {
.pc{display:none;}
.tb{display:block;}
.sp{display:none;}
}
@media only screen and (max-width: 480px) {
.pc{display:none;}
.tb{display:none;}
.sp{display:block;}
#pop .cigrFixedWidth{width:auto;}
}