@charset "UTF-8";
@import url(common/base.css);
@import url(common/parts.css);
@import url(common/wrap.css);
@import url(common/localnav_current.css);

@import url(list-rotator.css);/*20131024追加 */
@import url(each/lineup.css);
@import url(each/concept.css);
@import url(each/appeal.css);
/*@import url(each/case.css);20140401隔離 */
@import url(each/guide.css);
@import url(each/factory.css);
@import url(each/environment.css);
@import url(each/whole.css);
@import url(each/contact.css);
@import url(each/policy.css);
@import url(each/company.css);
@import url(each/sitemap.css);
@import url(each/info.css);
@import url(each/group.css);
@import url(each/useful.css);
@import url(each/estate.css);
@import url(each/recommend.css);
@import url(each/infosupport.css);
@import url(each/others.css);
@import url(each/mailmag.css);
@import url(others/index_area.css);
@import url(others/thickbox.css);
@import url(others/recommend.css);

@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 200;
  src: url("/common/fonts/NotoSansCJKjp-Light.woff") format("woff");
}

@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 300;
  src: url("/common/fonts/NotoSansCJKjp-DemiLight.woff") format("woff");
}

@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 500;
  src: url("/common/fonts/NotoSansCJKjp-Medium.woff") format("woff");
}

@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/NotoSansCJKjp-Bold.woff") format("woff");
}

@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 900;
  src: url("/common/fonts/NotoSansCJKjp-Black.woff") format("woff");
}

@font-face {
  font-family: "NotoSerif";
  font-style: normal;
  font-weight: 500;
  src: url("/common/fonts/NotoSerifJP-Medium.otf") format("opentype");
}
/* --- */
/* --------------------------------------common without winIE40 */
.apWindSkylight ul.lieImg2 {
  margin-right: 0; }

.apWindSkylight .lieImg2 li {
  margin-right: 10px; }

/* --- */
/* =====================================================================


	mixin


===================================================================== */
/* clearfix */
.clearfix, .lineupIndex #contents .btnList, .lineupIndex #contents .tabArea .tabNav, .lineupIndex #contents .tabArea .tabBody .section .itemWrap, .lineupIndex #contents .tabArea .tabBody .section .item ul, .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-case,
.lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-exterior, .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabBody ul, .lineupIndex #contents .lineupIndexFooterContent, .body-lineup #contents .mainHeader .itemArea, .body-lineup #contents .mainFooter .itemArea, .body-lineup #contents .relatedLinks ul, .productTop #contents .mainHeader .productNavBtn, .productTop .body-lineup #contents .mainFooter .productNavBtn, .body-lineup .productTop #contents .mainFooter .productNavBtn, .productTop #contents .mainHeader .productNavBtn02, .productTop .body-lineup #contents .mainFooter .productNavBtn02, .body-lineup .productTop #contents .mainFooter .productNavBtn02, .productDetail #contents #productDetailNav ul, .productDetail #contents #productDetailNav .productDetailNav02, .productDetail #contents #productDetailNav .productDetailNav03, .productDetail #contents .sectionContainer .section .tabArea .tabNav, .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideListArea ul, .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList, .productDetail #contents .sectionContainer .section .tileWrap, .productDetail #contents .sectionContainer .section .planList, .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureHeader ul, .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection {
  *zoom: 1; }
  .clearfix:after, .lineupIndex #contents .btnList:after, .lineupIndex #contents .tabArea .tabNav:after, .lineupIndex #contents .tabArea .tabBody .section .itemWrap:after, .lineupIndex #contents .tabArea .tabBody .section .item ul:after, .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-case:after,
  .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-exterior:after, .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabBody ul:after, .lineupIndex #contents .lineupIndexFooterContent:after, .body-lineup #contents .mainHeader .itemArea:after, .body-lineup #contents .mainFooter .itemArea:after, .body-lineup #contents .relatedLinks ul:after, .productTop #contents .mainHeader .productNavBtn:after, .productTop .body-lineup #contents .mainFooter .productNavBtn:after, .body-lineup .productTop #contents .mainFooter .productNavBtn:after, .productTop #contents .mainHeader .productNavBtn02:after, .productTop .body-lineup #contents .mainFooter .productNavBtn02:after, .body-lineup .productTop #contents .mainFooter .productNavBtn02:after, .productDetail #contents #productDetailNav ul:after, .productDetail #contents #productDetailNav .productDetailNav02:after, .productDetail #contents #productDetailNav .productDetailNav03:after, .productDetail #contents .sectionContainer .section .tabArea .tabNav:after, .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideListArea ul:after, .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList:after, .productDetail #contents .sectionContainer .section .tileWrap:after, .productDetail #contents .sectionContainer .section .planList:after, .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureHeader ul:after, .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

.inner_wrapper, #mainTopArea #inMTArea, #header #headPosi, #footer #footer_inner, #divCopyright .copyright_wrapper {
  width: 950px;
  margin: 0 auto;
  text-align: left; }
 
#header #headPosi {
	width: 960px;
}
.opacityBtn a:hover img {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  cursor: pointer; }

.lineupIndex #contents .btnList li a:hover img, .lineupIndex #contents .tabArea .tabBody .hokkaidoBnr a:hover img, .lineupIndex #contents .tabArea .tabBody .section .item ul li a:hover img, .body-lineup #contents .mainHeader .itemArea .item ul li a:hover img, .body-lineup #contents .mainFooter .itemArea .item ul li a:hover img, .body-lineup #contents .relatedLinks ul li a:hover img, .body-lineup #contents .footerLink li a:hover img, .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureHeader ul li a:hover img, .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection .detail a:hover img, .body-lineup #planDetail .planSection .planMain .pdfLink a:hover img, .askBtn a:hover img {
  -ms-filter: "alpha( opacity=70 )";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  cursor: pointer; }

/* ---------------------------------------------------------------------

	min-

--------------------------------------------------------------------- */
/* =====================================================================


	


===================================================================== */
/* ↓IE6で効かない場合あり　複数セレクタ */
/**---------------------------------------
 Module
---------------------------------------**/
.mod_mT0 {
  margin-top: 0px !important; }

.mod_mT10 {
  margin-top: 10px !important; }

/**---------------------------------------
 Mixins
---------------------------------------**/
.clear {
  clear: both; }

.clearfix, .lineupIndex #contents .btnList, .lineupIndex #contents .tabArea .tabNav, .lineupIndex #contents .tabArea .tabBody .section .itemWrap, .lineupIndex #contents .tabArea .tabBody .section .item ul, .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-case,
.lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-exterior, .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabBody ul, .lineupIndex #contents .lineupIndexFooterContent, .body-lineup #contents .mainHeader .itemArea, .body-lineup #contents .mainFooter .itemArea, .body-lineup #contents .relatedLinks ul, .productTop #contents .mainHeader .productNavBtn, .productTop .body-lineup #contents .mainFooter .productNavBtn, .body-lineup .productTop #contents .mainFooter .productNavBtn, .productTop #contents .mainHeader .productNavBtn02, .productTop .body-lineup #contents .mainFooter .productNavBtn02, .body-lineup .productTop #contents .mainFooter .productNavBtn02, .productDetail #contents #productDetailNav ul, .productDetail #contents #productDetailNav .productDetailNav02, .productDetail #contents #productDetailNav .productDetailNav03, .productDetail #contents .sectionContainer .section .tabArea .tabNav, .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideListArea ul, .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList, .productDetail #contents .sectionContainer .section .tileWrap, .productDetail #contents .sectionContainer .section .planList, .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureHeader ul, .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection {
  zoom: 1; }

.clearfix:after, .lineupIndex #contents .btnList:after, .lineupIndex #contents .tabArea .tabNav:after, .lineupIndex #contents .tabArea .tabBody .section .itemWrap:after, .lineupIndex #contents .tabArea .tabBody .section .item ul:after, .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-case:after,
.lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-exterior:after, .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabBody ul:after, .lineupIndex #contents .lineupIndexFooterContent:after, .body-lineup #contents .mainHeader .itemArea:after, .body-lineup #contents .mainFooter .itemArea:after, .body-lineup #contents .relatedLinks ul:after, .productTop #contents .mainHeader .productNavBtn:after, .productTop .body-lineup #contents .mainFooter .productNavBtn:after, .body-lineup .productTop #contents .mainFooter .productNavBtn:after, .productTop #contents .mainHeader .productNavBtn02:after, .productTop .body-lineup #contents .mainFooter .productNavBtn02:after, .body-lineup .productTop #contents .mainFooter .productNavBtn02:after, .productDetail #contents #productDetailNav ul:after, .productDetail #contents #productDetailNav .productDetailNav02:after, .productDetail #contents #productDetailNav .productDetailNav03:after, .productDetail #contents .sectionContainer .section .tabArea .tabNav:after, .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideListArea ul:after, .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList:after, .productDetail #contents .sectionContainer .section .tileWrap:after, .productDetail #contents .sectionContainer .section .planList:after, .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureHeader ul:after, .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection:after {
  content: "";
  display: block;
  clear: both; }

.clearStyle, .indexs #important h2, .indexs #important h3, .indexs #important ul, .indexs #important p, #prFunctions h2, #prFunctions ul, #recommend_A h2, #recommend_A ul, #prLineup h2, #prLineup ul, #topcasaLinks h3, #topcasaLinks ul, #pickup h2, #pickup ul, .banner_A ul, .sidebar_B1 ul, .sidebar_B1 ol, .sidebar_B1 dl,
.sidebar_B2 ul,
.sidebar_B2 ol,
.sidebar_B2 dl, #areaRecommend h2, #areaRecommend ul, .primarySection_A1 h2, .primarySection_A1 h3, .primarySection_A1 p, .primarySection_A1 ul, #sideRecoCatalo h2, #sideRecoCatalo p {
  overflow: visible;
  position: static;
  padding: 0;
  margin: 0;
  min-height: inherit;
  height: auto;
  width: auto;
  background: none;
  border: none;
  font-size: 100%;
  font-weight: normal;
  text-align: left; }

/* --- */
/* =====================================================================


	common


===================================================================== */
.styleReset_A1, #header h1, #header p, #header ul, #header dl, #footer p, #footer ul, #footer dl {
  margin: 0;
  padding: 0;
  background: none;
  border: none; }

img.newwin,
img.pdf {
  margin: 0 0 0 4px; }

img.pressRelease {
  margin: 0 0 0 10px; }

#fnav img.newwin,
#fnav img.pdf {
  margin-top: 4px; }

/* =====================================================================


	セカンダリーカラム
	secondary column
	#sidebar


===================================================================== */
#sidebar {
  float: right;
  position: relative;
  margin: -10px 0 0;
  width: 170px; }

/* =====================================================================


	#contents_wrapper


===================================================================== */
#contents_wrapper {
  padding: 11px 0 0;
  width: 100%;
  background: url(../images/contents_wrapper_bg.png) repeat-x 0 0; }

/*
#contents_wrapper2 {
	padding: 21px 0 0;
	width: 100%;
	background: url(../images/contents_wrapper2_bg.png) repeat-x 0 0;
}
*/
#mainArea {
/*  background: url(../images/contents_wrapper3_bg.gif) repeat-x 0 0; */}

.indexs #mainArea {
  padding: 21px 0 0;
  width: 100%;
  background: url(../images/contents_wrapper2_bg.png) repeat-x 0 0; }

/* ---------------------------------------------------------------------

	パンくず

--------------------------------------------------------------------- */
#mainTopArea {
  background: white url(../images/main-top-area_bg.gif) repeat-x 0 0; }
  #mainTopArea #inMTArea {
    height: 30px; }
  #mainTopArea #breadcrumb ul {
    padding-top: 6px;
    padding-bottom: 4px; }
  #mainTopArea #breadcrumb li {
    display: inline;
    padding-left: 5px; }
  #mainTopArea #breadcrumb a {
    color: #0059c0; }



/* ---------------
2014/2/
update
--------------- */

html.onBreadcrumbLayout #mainTopArea {
  background: white url(../images/breadCrumb_bg.gif) no-repeat 0 0;
}
  html.onBreadcrumbLayout #mainTopArea #inMTArea {
    padding-bottom: 10px;
    height: auto;
  }
  html.onBreadcrumbLayout #mainTopArea #breadcrumb {
    height: 40px;
  }
  html.onBreadcrumbLayout #mainTopArea #breadcrumb ul {
    padding-top: 9px;
    padding-bottom: 4px;
    width: 960px;
    margin-left: -5px;
    margin-right: -5px;
    overflow:hidden;
  }
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 12px;
    display: block;
    float: left;
    border-left: 1px solid #d9d9d9;
  }
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li {
    visibility: hidden;
    line-height: 1.531;
  }
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li a {
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li a,
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li a:link,
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li a:hover,
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li a:visited,
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li a:visited:hover,
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li a:active {
  	color: #333;
  	text-decoration: none;
  }
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li:first-child {
    background: url(../images/home_icon.png) no-repeat 0 2px;
    padding-left: 20px;
    border-left: none;
  }
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li:first-child a {
    display: block;

  }
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li:first-child a,
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li:first-child a:link,
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li:first-child a:hover,
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li:first-child a:visited,
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li:first-child a:visited:hover,
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li:first-child a:active {
  	text-decoration: none;
  }
  html.onBreadcrumbLayout #mainTopArea #breadcrumb li strong.current {
    display: block;
    background: #000;
    font-weight: bold;
    padding: 2px 14px;
    color: #fff;
  }
  html.onBreadcrumbLayout #mainTopArea #breadcrumb a {
    color: #0059c0;
  }

/*#breadCrumb {
    background: url("../../common/images/breadCrumb_bg.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    height: 40px;
    margin: 10px auto;
    width: 100%;
}
#breadCrumb .unit01 {
    margin: 0 auto;
    padding: 8px 0 0;
    text-align: left;
    width: 960px;
}
#breadCrumb img{
    vertical-align: bottom;
}
#breadCrumb .unit01 .icon01 {
    position: relative;
    top: -4px;
}
#breadCrumb .unit01 span.col01 {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 3px;
    width: 100%;
}
*/
/* ---------------------------------------------------------------------

	ページタイトル

--------------------------------------------------------------------- */
#mainArea #pageTitle {
  *zoom: 1;
  position: relative;
  margin-top: -10px;
  margin-bottom: 10px;
  padding-bottom: 20px;
  background: url(../images/bg_page_ttl.gif) no-repeat center bottom;
  /* social btn */ }
  #mainArea #pageTitle .socialBtn {
    position: absolute;
    top: 0;
    right: 0; }
    #mainArea #pageTitle .socialBtn ul {
      float: right;
      margin: 0;
      height: 21px; }
      #mainArea #pageTitle .socialBtn ul li {
        float: left;
        margin-left: 10px; }

/* ---------------------------------------------------------------------

	ページトップへ

--------------------------------------------------------------------- */
.pageTop {
  clear: both;
  margin: 20px 0 0 !important;
  line-height: 1;
  text-align: right; }
  .pageTop a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    min-height: 12px;
    height: auto !important;
    height: 12px;
    padding-left: 16px;
    background: url(../images/icon_pagetop.gif) no-repeat 0 0;
    text-decoration: none; }
    .pageTop a:hover {
      color: #0059c0; }

/* =====================================================================


	共通ヘッダー
	#header


===================================================================== */
/*#header {
  height: 71px; }
  #header #headPosi {
    position: relative; }
  #header .hgroup {
    padding: 25px 0 0;
    zoom: 1; }
    #header .hgroup:before, #header .hgroup:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #header .hgroup:after {
      clear: both; }
  #header .logo {
    float: left; }
  #header .toTop {
    float: left;
    padding: 4px 0 0 20px; }

#headSearch {
  position: absolute;
  top: 38px;
  right: 0; }
  #headSearch form {
    margin: 0 !important; }
  #headSearch .sitemap {
    float: left;
    overflow: hidden;
    position: relative;
    height: 18px; }
    #headSearch .sitemap a {
      display: block;
      height: 18px;
      width: 108px;
      background: url(../images/hnav_sitemap.gif) no-repeat 0 0;
      text-indent: -9999px;
      text-align: left; }
      #headSearch .sitemap a:hover {
        background-position: 0 -18px; }
  #headSearch .searchForm {
    float: left;
    background: #fff; }
    #headSearch .searchForm dl {
      width: 218px;
      zoom: 1; }
      #headSearch .searchForm dl:before, #headSearch .searchForm dl:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #headSearch .searchForm dl:after {
        clear: both; }
    #headSearch .searchForm dt {
      float: left;
      border: solid 1px #ccc;
      border-right: none;
      background: url(../images/icon_search.gif) no-repeat 1px 50%;
      padding: 0px;
      height: 21px; }
      #headSearch .searchForm dt input {
        position: relative;
        padding: 0;
        *margin: -1px 0 0;
        height: 19px;
        width: 153px;
        line-height: 19px;
        margin-left: 20px;
        border: solid 1px #fff;
        font-size: 85%; }
    #headSearch .searchForm dd {
      float: left; }
      #headSearch .searchForm dd input {
        position: relative;
        margin: 0px 0 0; }

#changeFont {
  float: left;
  padding: 0 17px 0 0;
  zoom: 1; }
  #changeFont:before, #changeFont:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  #changeFont:after {
    clear: both; }
  #changeFont p {
    float: left; }
  #changeFont ul {
    float: left;
    padding: 3px 0 0;
    zoom: 1; }
    #changeFont ul:before, #changeFont ul:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #changeFont ul:after {
      clear: both; }
  #changeFont li {
    float: left;
    padding: 0 3px 0 0; }
    #changeFont li a {
      display: block;
      height: 17px;
      width: 18px; }
    #changeFont li img {
      display: inline; }
  #changeFont p {
    width: auto; }
  #changeFont .active {
    text-indent: -9999px; }
  #changeFont .f01 .active {
    background-image: url(../images/font_small_on.gif); }
  #changeFont .f02 .active {
    background-image: url(../images/font_medium_on.gif); }
  #changeFont .f03 .active {
    background-image: url(../images/font_big_on.gif); }

#headMenu {
  position: absolute;
  top: 11px;
  right: 0; }
  #headMenu .ul {
    width: 328px;
    zoom: 1; }
    #headMenu .ul:before, #headMenu .ul:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #headMenu .ul:after {
      clear: both; }
  #headMenu li {
    float: left;
    overflow: hidden;
    position: relative;
    height: 21px;
    padding: 0 0 0 12px; }
    #headMenu li a {
      display: block;
      height: 21px;
      background-repeat: no-repeat;
      background-position: 0 0;
      text-indent: -9999px;
      text-align: left; }
      #headMenu li a:hover {
        background-position: 0 -21px; }
  #headMenu .contact a {
    width: 96px;
    background-image: url(../images/hnav_inquire.gif); }
  #headMenu .catalog a {
    width: 98px;
    background-image: url(../images/hnav_catalog.gif); }
  #headMenu .mailmaga a {
    width: 98px;
    background-image: url(../images/hnav_mailmaga.gif); }*/

/* ---------------------------------------------------------------------

	global navigation

--------------------------------------------------------------------- */
/*.gnav {
  width: 100%;
  background: url(../images/nav/gnav_bg.png) repeat-x 0 0; }
  .gnav .ul {
    margin: 0 auto;
    width: 950px;
    zoom: 1; }
    .gnav .ul:before, .gnav .ul:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .gnav .ul:after {
      clear: both; }
  .gnav li {
    float: left; }
    .gnav li a {
      display: block;
      height: 39px;
      background-repeat: no-repeat;
      background-position: 0 0;
      text-indent: -9999px;
      text-align: left; }
      .gnav li a:hover {
        background-position: 0 -39px; }
  .gnav .lineup a {
    width: 102px;
    background-image: url(../images/nav/gnav_lineup.png); }
  .gnav .case a {
    width: 102px;
    background-image: url(../images/nav/gnav_case.png); }
  .gnav .estate a {
    width: 169px;
    background-image: url(../images/nav/gnav_estate.png); }
  .gnav .appeal a {
    width: 180px;
    background-image: url(../images/nav/gnav_appeal.png); }
  .gnav .guide a {
    width: 137px;
    background-image: url(../images/nav/gnav_guide.png); }
  .gnav .factory a {
    width: 103px;
    background-image: url(../images/nav/gnav_factory.png); }
  .gnav .environment a {
    width: 157px;
    background-image: url(../images/nav/gnav_environment.png); }

#gnavCurrent07 .gnav .environment a,
#gnavCurrent06 .gnav .factory a,
#gnavCurrent04 .gnav .guide a,
#gnavCurrent02 .gnav .appeal a,
#gnavCurrent05 .gnav .estate a,
#gnavCurrent03 .gnav .case a,
#gnavCurrent01 .gnav .lineup a {
  background-position: 0 -39px; }*/

/* =====================================================================


	共通フッター
	#footer


===================================================================== */
/*#footer {
  border-top: solid 1px #d9d9d9;
  background: #f7f7f7; }
  #footer #footer_inner2 {
    border-top: solid 1px #fff; }
  #footer #footer_inner {
    overflow: hidden;
    padding: 5px 0 46px;
    zoom: 1; }
    #footer #footer_inner:before, #footer #footer_inner:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #footer #footer_inner:after {
      clear: both; }
  #footer .relate {
    float: right;
    padding: 19px 0 0;
    width: 200px; }
    #footer .relate h2 {
      padding: 0;
      margin: 0;
      background: none;
      min-height: 17px;
      height: 17px; }
    #footer .relate li {
      padding: 6px 0 0; }
    #footer .relate a {
      display: block;
      background: #fff; }
      #footer .relate a:hover img {
        -ms-filter: "alpha( opacity=60 )";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
        cursor: pointer; }

#fnav {
  float: left;
  zoom: 1; }
  #fnav:before, #fnav:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  #fnav:after {
    clear: both; }
  #fnav .hn {
    padding: 0 0 0 16px;
    width: auto;
    background: url(../images/icon_link.gif) no-repeat 0 40%;
    font-weight: bold;
    font-size: 100%; }
    #fnav .hn a {
      text-decoration: none; }
      #fnav .hn a:hover {
        color: #0059c0; }
  #fnav .ul1 {
    float: left;
    width: 180px; }
    #fnav .ul1 li {
      padding: 20px 40px 0 0; }
      #fnav .ul1 li a {
        color: #333; }
        #fnav .ul1 li a:hover {
          color: #0059c0; }
    #fnav .ul1 li li {
      padding: 0;
      font-size: 93%;
      line-height: 1.8; }*/

/* ---------------------------------------------------------------------

	コピーライトラッパー
	#divCopyright

--------------------------------------------------------------------- */
#divCopyright {
  padding: 0 0 28px;
  border-top: solid 4px #075ec2;
  background: #fff; }
  #divCopyright .copyright-nav {
    overflow: hidden;
    padding: 16px 0 0; }
    #divCopyright .copyright-nav ul {
      position: relative;
      margin: 0 -20px;
      zoom: 1; }
      #divCopyright .copyright-nav ul:before, #divCopyright .copyright-nav ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #divCopyright .copyright-nav ul:after {
        clear: both; }
    #divCopyright .copyright-nav li {
      float: left;
      padding: 0 0 0 20px;
      font-size: 93%; }
      #divCopyright .copyright-nav li a {
        display: block;
        padding: 0 0 0 16px;
        background: url(../images/icon_link.gif) no-repeat 0 40%;
        text-decoration: none; }
        #divCopyright .copyright-nav li a:hover {
          color: #075ec2;
          text-decoration: underline; }
  #divCopyright .copyright {
    margin: 14px 0 0; }

/* 共通１　ラッパーとか */
/* ---------------------------------------------------------------------

	公式フェイスブックページ
	.to_facebook

--------------------------------------------------------------------- */
.to_facebook {
  margin: 10px 0 0; }
  .to_facebook a, .to_facebook img {
    display: block; }
  .to_facebook a:hover img {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    cursor: pointer; }

/* ---------------------------------------------------------------------

	大切なお知らせ
	#important

--------------------------------------------------------------------- */
.indexs #important {
  margin: 0 0 14px;
  background: #fff9f2;
  border: solid 1px #ffce94;
  zoom: 1; }
  .indexs #important:before, .indexs #important:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .indexs #important:after {
    clear: both; }
  .indexs #important .h1 {
    float: left;
    padding: 21px 20px 21px 15px;
    width: 120px;
    line-height: 0; }
  .indexs #important .inner {
    overflow: hidden;
    _float: left; }
  .indexs #important .ul {
    padding: 0 1em 1em 0; }
    .indexs #important .ul li {
      margin: 1em 0 0 2em;
      list-style: disc;
      list-style-position: outside;
      line-height: 1.6;
      color: #333; }
    .indexs #important .ul p {
      margin: .5em 1em 0 0; }
  .indexs #important .h2 {
    font-weight: bold; }

/* ---------------------------------------------------------------------

	#prFunctions

--------------------------------------------------------------------- */
#prFunctions {
  padding: 0 0 14px;
  margin: 0;
  background: url(../../images/top/pr_functions_bg.png) no-repeat 0 100%; }
  #prFunctions .ul {
    padding: 3px 0 0 4px;
    zoom: 1; }
    #prFunctions .ul:before, #prFunctions .ul:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #prFunctions .ul:after {
      clear: both; }
    #prFunctions .ul li {
      float: left;
      margin: 4px 0 0 4px;
      _margin: 4px 0 0 2px;
      background: #fff; }
    #prFunctions .ul a:hover img {
      -ms-filter: "alpha( opacity=60 )";
      filter: alpha(opacity=60);
      -moz-opacity: 0.6;
      opacity: 0.6;
      cursor: pointer; }

/* ---------------------------------------------------------------------

	セキスイハイムの特長
	#recommend_A

--------------------------------------------------------------------- */
#recommend_A {
  padding: 0 0 0 197px;
  margin: 0 0 17px;
  min-height: 137px;
  height: auto !important;
  height: 137px;
  width: 465px;
  background: url(../../images/top/pr_strongpoint_bg.png); }
  #recommend_A h2, #recommend_A ul {
    min-height: 0; }
  #recommend_A .h1 {
    padding: 14px 0 0;
    font-size: 123.1%;
    color: #0059c0;
    font-weight: bold; }
  #recommend_A ul {
    zoom: 1; }
    #recommend_A ul:before, #recommend_A ul:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #recommend_A ul:after {
      clear: both; }
    #recommend_A ul li {
      float: left;
      margin: 8px 0 0;
      width: 234px;
      line-height: 1.4; }
    #recommend_A ul .li1, #recommend_A ul .li3, #recommend_A ul .li5 {
      width: 222px; }
    #recommend_A ul a {
      display: inline-block;
      *display: inline;
      zoom: 1;
      padding: 0 0 0 16px;
      background: url(../images/icon_link.gif) no-repeat 0 1px;
      text-decoration: none !important; }
      #recommend_A ul a:hover {
        color: #0059c0; }
  #recommend_A .ul2 li {
    width: 244px; }
  #recommend_A .ul2 .li1, #recommend_A .ul2 .li3, #recommend_A .ul2 .li5 {
    width: 212px; }

/* ---------------------------------------------------------------------

	セキスイハイムの特長(ASKレコメンド)

	#askRecommend

--------------------------------------------------------------------- */
#askRecommend {
  width: 662px;
  height: 217px;
  background: url(../../images/recommend_ask_bg.jpg) no-repeat;
  overflow: hidden; }
  #askRecommend .askRecommendIn {
    width: 472px;
    float: right;
    padding-right: 20px; }
    #askRecommend .askRecommendIn ul {
      margin-right: 0px!important;
      width: 484px;
      margin-top: 20px;
      margin-left: -20px;
      overflow: hidden; }
      #askRecommend .askRecommendIn ul li {
        float: left;
        margin-left: 20px; }
        #askRecommend .askRecommendIn ul li a:hover img {
          -ms-filter: "alpha( opacity=60 )";
          filter: alpha(opacity=60);
          -moz-opacity: 0.6;
          opacity: 0.6;
          cursor: pointer; }
    #askRecommend .askRecommendIn p {
      text-align: right;
      margin-left: 0;
      margin-top: 20px; }
      #askRecommend .askRecommendIn p a:hover img {
        -ms-filter: "alpha( opacity=60 )";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
        cursor: pointer; }

/* ---------------------------------------------------------------------

	#prLineup

--------------------------------------------------------------------- */
#prLineup {
  padding-top: 20px;
  overflow: hidden; }
  #prLineup .ttl {
    position: relative; }
    #prLineup .ttl p {
      position: absolute;
      top: 12px;
      right: 10px;
      margin: 0; }
  #prLineup .ul {
    position: relative;
    margin: 0 0 0 -8px;
    _left: -4px;
    width: auto;
    zoom: 1; }
    #prLineup .ul:before, #prLineup .ul:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #prLineup .ul:after {
      clear: both; }
    #prLineup .ul li {
      overflow: hidden;
      float: left;
      position: relative;
      margin: 8px 0 0 8px;
      _margin: 8px 0 0 6px;
      width: 126px; }
    #prLineup .ul a {
      position: relative;
      display: block; }
      #prLineup .ul a:hover {
        margin: 0 0 0 -126px; }

/* ---------------------------------------------------------------------

	セキスイハイムオーナーの声
	#prOwnerVoice

--------------------------------------------------------------------- */
#topcasaLinks {
  margin: 19px 0 0;
  width: 662px; }
  #topcasaLinks .ul {
    margin: 6px 0 0;
    border: solid 1px #f0f4fa;
    zoom: 1; }
    #topcasaLinks .ul:before, #topcasaLinks .ul:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #topcasaLinks .ul:after {
      clear: both; }
    #topcasaLinks .ul li {
      overflow: hidden;
      float: left;
      position: relative;
      background: #f7faff url(../../images/top/ownervoice_bg.gif) repeat-y 0 0; }
    #topcasaLinks .ul .li1 {
      width: 219px;
      background-image: none; }
    #topcasaLinks .ul .li2 {
      width: 221px; }
    #topcasaLinks .ul .li3 {
      width: 220px; }
    #topcasaLinks .ul a {
      position: relative;
      display: block;
      padding: 11px 10px 0;
      height: 66px;
      width: 200px;
      zoom: 1; }
      #topcasaLinks .ul a:before, #topcasaLinks .ul a:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #topcasaLinks .ul a:after {
        clear: both; }
      #topcasaLinks .ul a img {
        display: block;
        float: left; }
      #topcasaLinks .ul a span {
        display: block;
        float: left;
        padding: 0 0 0 24px;
        width: 104px;
        background: url(../images/icon_link.gif) no-repeat 8px 3px; }
      #topcasaLinks .ul a:hover {
        color: #0059c0; }
        #topcasaLinks .ul a:hover img {
          -ms-filter: "alpha( opacity=60 )";
          filter: alpha(opacity=60);
          -moz-opacity: 0.6;
          opacity: 0.6;
          cursor: pointer; }

/* ---------------------------------------------------------------------

	#pickup

--------------------------------------------------------------------- */
#pickup {
  margin: 24px 0 34px; }
  #pickup .ttl {
    position: relative; }
    #pickup .ttl p {
      position: absolute;
      top: 12px;
      right: 10px;
      margin: 0; }
  #pickup .ul {
    position: relative;
    margin: 2px 0 0 -8px;
    width: auto;
    zoom: 1; }
    #pickup .ul:before, #pickup .ul:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #pickup .ul:after {
      clear: both; }
    #pickup .ul li {
      float: left;
      padding: 6px 0 0 8px; }
    #pickup .ul a:hover img {
      -ms-filter: "alpha( opacity=60 )";
      filter: alpha(opacity=60);
      -moz-opacity: 0.6;
      opacity: 0.6;
      cursor: pointer; }

/* ---------------------------------------------------------------------

	

--------------------------------------------------------------------- */
.banner_A {
  clear: both;
  padding: 30px 0 0; }
  .banner_A .ul {
    padding: 0 0 10px 4px;
    margin: 0 0 10px;
    background: #f0f0f0;
    zoom: 1; }
    .banner_A .ul:before, .banner_A .ul:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .banner_A .ul:after {
      clear: both; }
    .banner_A .ul li {
      float: left;
      margin: 10px 0 0 6px;
      background: #fff; }
    .banner_A .ul a:hover img {
      -ms-filter: "alpha( opacity=60 )";
      filter: alpha(opacity=60);
      -moz-opacity: 0.6;
      opacity: 0.6;
      cursor: pointer; }
  .banner_A .small {
    margin: 0 !important; }

/* =====================================================================


	sidebar


===================================================================== */
/*---------------------------------

	.sidebar_A

----------------------------------*/
.sidebar_A1 {
  margin: 10px 0 13px; }
  .sidebar_A1 a {
    display: block; }
    .sidebar_A1 a:hover img {
      -ms-filter: "alpha( opacity=60 )";
      filter: alpha(opacity=60);
      -moz-opacity: 0.6;
      opacity: 0.6;
      cursor: pointer; }

/*---------------------------------

	.sidebar_B

----------------------------------*/
.sidebar_B1,
.sidebar_B2 {
  padding: 2px 4px 4px;
  _padding-top: 4px;
  margin: 10px 0 0;
  width: 260px; }
  .sidebar_B1 img,
  .sidebar_B2 img {
    vertical-align: middle; }
  .sidebar_B1 .inner,
  .sidebar_B2 .inner {
    overflow: hidden;
    margin: 2px 0 0;
    *margin: 4px 0 0;
    padding: 0 0 14px;
    width: 258px;
    background: #fff; }

.sidebar_B1 {
  background: #e9e9e9; }
  .sidebar_B1 .inner {
    border: solid 1px #dedede; }

.sidebar_B2 {
  background: #d5e4f6; }
  .sidebar_B2 .inner {
    border: solid 1px #c4d7ed; }

.sidebar_B-0 .inner {
  padding: 0; }

.sidebar_B-1 .h1 {
  padding: 14px 0 7px !important;
  margin: 0 12px !important;
  border-bottom: solid 1px #c8c8c8 !important; }
  .sidebar_B-1 .h1 img {
    display: block; }
.sidebar_B-1 dl {
  padding: 10px 12px 0 !important; }
  .sidebar_B-1 dl dt {
    color: #0059c0; }
  .sidebar_B-1 dl a {
    text-decoration: underline; }
    .sidebar_B-1 dl a:hover {
      text-decoration: none; }
.sidebar_B-1 ul {
  padding: 0 12px 0 !important; }
  .sidebar_B-1 ul li {
    padding: 0 0 0 20px;
    margin: .5em 0 0;
    background: url(../images/icon_link.gif) no-repeat 0 3px; }
    .sidebar_B-1 ul li a {
      text-decoration: none; }
      .sidebar_B-1 ul li a:hover {
        color: #0059c0;
        text-decoration: underline; }

/* ---------------------------------------------------------------------

	TOPCMリンク
	.sidebar_cm

--------------------------------------------------------------------- */
.sidebar_cm {
  padding-bottom: 8px !important; }
  .sidebar_cm .h1 {
    padding: 14px 0 7px !important;
    margin: 0 12px !important;
    border-bottom: solid 1px #c8c8c8 !important; }
    .sidebar_cm .h1 img {
      display: block; }
  .sidebar_cm a {
    text-decoration: none; }
    .sidebar_cm a:hover {
      color: #0059c0;
      text-decoration: underline; }
  .sidebar_cm .h2 {
    padding: 0 0 0 17px;
    margin: 0;
    font-weight: bold;
    font-size: 108%;
    background: url(../images/icon_link.gif) no-repeat 0 3px;
    display: block; }
  .sidebar_cm .box {
    padding: 0 0 0 0px;
    margin: 10px auto 0;
    width: 234px;
    zoom: 1; }
    .sidebar_cm .box:before, .sidebar_cm .box:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .sidebar_cm .box:after {
      clear: both; }
    .sidebar_cm .box img {
      display: block;
      margin-bottom: 5px; }
    .sidebar_cm .box a:hover img {
      -ms-filter: "alpha( opacity=60 )";
      filter: alpha(opacity=60);
      -moz-opacity: 0.6;
      opacity: 0.6; }
    .sidebar_cm .box:hover a {
      color: #0059c0;
      text-decoration: underline; }
  .sidebar_cm .other {
    padding: .4em 0 0 !important;
    margin: 0 auto !important;
    width: 234px; }
    .sidebar_cm .other a {
      display: inline-block;
      *display: inline;
      zoom: 1;
      padding: 0 0 0 17px;
      background: url(../images/icon_link.gif) no-repeat 0 2px; }

/* ---------------------------------------------------------------------

	TOP販社リンク（イベント）
	.sidebar_event

--------------------------------------------------------------------- */
.sidebar_event {
  padding-bottom: 8px !important; }
  .sidebar_event .h1 {
    padding: 14px 0 7px !important;
    margin: 0 12px !important;
    border-bottom: solid 1px #c8c8c8 !important; }
    .sidebar_event .h1 img {
      display: block; }
  .sidebar_event a {
    text-decoration: none; }
    .sidebar_event a:hover {
      color: #0059c0;
      text-decoration: underline; }
  .sidebar_event .h2 {
    padding: 0 0 0 17px;
    margin: 0;
    font-weight: bold;
    font-size: 108%;
    background: url(../images/icon_link.gif) no-repeat 0 3px; }
  .sidebar_event .box {
    padding: 0 0 0 80px;
    margin: 10px auto 0;
    height: 70px;
    width: 154px;
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
    zoom: 1; }
    .sidebar_event .box:before, .sidebar_event .box:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .sidebar_event .box:after {
      clear: both; }
    .sidebar_event .box .p {
      margin: 0em 0 0 !important;
      line-height: 1.4; }
    .sidebar_event .box:hover a {
      color: #0059c0;
      text-decoration: underline; }
  .sidebar_event .other {
    padding: .4em 0 0 !important;
    margin: 0 auto !important;
    width: 234px; }
    .sidebar_event .other a {
      display: inline-block;
      *display: inline;
      zoom: 1;
      padding: 0 0 0 17px;
      background: url(../images/icon_link.gif) no-repeat 0 2px; }

/* ---------------------------------------------------------------------

	TOP販社リンク（地図）
	#area-search

--------------------------------------------------------------------- */
/*.area-search .h1 {
  padding: 14px 0 7px !important;
  margin: 0 12px !important;
  border-bottom: solid 1px #c8c8c8 !important; }
  .area-search .h1 img {
    display: block; }
.area-search .h2 {
  padding: 0;
  margin: .4em auto 0;
  width: 234px;
  font-size: 108%;
  font-weight: bold; }
.area-search .p {
  margin: 0 auto .5em !important;
  width: 234px;
  font-size: 85%; }
.area-search .area-pic {
  position: relative;
  padding: 0 !important;
  margin: 0 auto !important;
  height: 203px;
  width: 234px;
  background-repeat: no-repeat;
  background-position: 0 0; }
  .area-search .area-pic li {
    overflow: hidden;
    position: absolute;
    height: 19px; }
  .area-search .area-pic a {
    position: relative;
    display: block;
    height: 19px;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
    text-align: left; }
    .area-search .area-pic a:hover {
      background-position: 0 100%; }
.area-search .btn_all {
  text-align: center; }
  .area-search .btn_all a {
    display: block;
    margin: 0 auto;
    height: 23px;
    width: 170px;
    background: url(/common/recommend/images/area-search_btn_all.png) no-repeat 0 0;
    text-indent: -9999px;
    text-align: left; }
    .area-search .btn_all a:hover {
      background-position: 0 100%; }

.area-search .area-pic .hokkaido {
  top: 89px;
  left: 80px; }
  .area-search .area-pic .hokkaido a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-hokkaido.png); }
.area-search .area-pic .aomori {
  top: 17px;
  left: 128px; }
  .area-search .area-pic .aomori a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-aomori.png); }
.area-search .area-pic .akita {
  top: 60px;
  left: 52px; }
  .area-search .area-pic .akita a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-akita.png); }
.area-search .area-pic .iwate {
  top: 79px;
  left: 136px; }
  .area-search .area-pic .iwate a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-iwate.png); }
.area-search .area-pic .yamagata {
  top: 113px;
  left: 44px; }
  .area-search .area-pic .yamagata a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-yamagata.png); }
.area-search .area-pic .miyagi {
  top: 126px;
  left: 119px; }
  .area-search .area-pic .miyagi a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-miyagi.png); }
.area-search .area-pic .hukushima {
  top: 169px;
  left: 102px; }
  .area-search .area-pic .hukushima a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-hukushima.png); }
.area-search .area-pic .niigata {
  top: 39px;
  left: 50px; }
  .area-search .area-pic .niigata a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-niigata.png); }
.area-search .area-pic .tochigi {
  top: 73px;
  left: 133px; }
  .area-search .area-pic .tochigi a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-tochigi.png); }
.area-search .area-pic .gunma {
  top: 85px;
  left: 72px; }
  .area-search .area-pic .gunma a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-gunma.png); }
.area-search .area-pic .nagano {
  top: 109px;
  left: 14px; }
  .area-search .area-pic .nagano a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-nagano.png); }
.area-search .area-pic .saitama {
  top: 114px;
  left: 97px; }
  .area-search .area-pic .saitama a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-saitama.png); }
.area-search .area-pic .ibaragi {
  top: 110px;
  left: 166px; }
  .area-search .area-pic .ibaragi a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-ibaragi.png); }
.area-search .area-pic .tokyo {
  top: 143px;
  left: 102px; }
  .area-search .area-pic .tokyo a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-tokyo.png); }
.area-search .area-pic .yamanashi {
  top: 156px;
  left: 41px; }
  .area-search .area-pic .yamanashi a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-yamanashi.png); }
.area-search .area-pic .tiba {
  top: 162px;
  left: 160px; }
  .area-search .area-pic .tiba a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-tiba.png); }
.area-search .area-pic .kanagawa {
  top: 179px;
  left: 86px; }
  .area-search .area-pic .kanagawa a {
    width: 61px;
    background-image: url(/common/recommend/images/area-search_area-kanagawa.png); }
.area-search .area-pic .ishikawa {
  top: 31px;
  left: 57px; }
  .area-search .area-pic .ishikawa a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-ishikawa.png); }
.area-search .area-pic .toyama {
  top: 32px;
  left: 132px; }
  .area-search .area-pic .toyama a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-toyama.png); }
.area-search .area-pic .hukui {
  top: 74px;
  left: 31px; }
  .area-search .area-pic .hukui a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-hukui.png); }
.area-search .area-pic .gihu {
  top: 84px;
  left: 114px; }
  .area-search .area-pic .gihu a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-gihu.png); }
.area-search .area-pic .aichi {
  top: 130px;
  left: 85px; }
  .area-search .area-pic .aichi a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-aichi.png); }
.area-search .area-pic .shizuoka {
  top: 138px;
  left: 154px; }
  .area-search .area-pic .shizuoka a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-shizuoka.png); }
.area-search .area-pic .mie {
  top: 163px;
  left: 84px; }
  .area-search .area-pic .mie a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-mie.png); }
.area-search .area-pic .hyogo {
  top: 26px;
  left: 16px; }
  .area-search .area-pic .hyogo a {
    width: 121px;
    background-image: url(/common/recommend/images/area-search_area-hyogo.png); }
.area-search .area-pic .hyogo2 {
  top: 76px;
  left: 9px; }
  .area-search .area-pic .hyogo2 a {
    width: 94px;
    background-image: url(/common/recommend/images/area-search_area-hyogo2.png); }
.area-search .area-pic .shiga {
  top: 30px;
  left: 174px; }
  .area-search .area-pic .shiga a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-shiga.png); }
.area-search .area-pic .kyoto {
  top: 57px;
  left: 104px; }
  .area-search .area-pic .kyoto a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-kyoto.png); }
.area-search .area-pic .oosaka {
  top: 103px;
  left: 89px; }
  .area-search .area-pic .oosaka a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-oosaka.png); }
.area-search .area-pic .nara {
  top: 129px;
  left: 148px; }
  .area-search .area-pic .nara a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-nara.png); }
.area-search .area-pic .wakayama {
  top: 156px;
  left: 66px; }
  .area-search .area-pic .wakayama a {
    width: 61px;
    background-image: url(/common/recommend/images/area-search_area-wakayama.png); }
.area-search .area-pic .shimane {
  top: 40px;
  left: 44px; }
  .area-search .area-pic .shimane a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-shimane.png); }
.area-search .area-pic .tottori {
  top: 18px;
  left: 147px; }
  .area-search .area-pic .tottori a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-tottori.png); }
.area-search .area-pic .okayama {
  top: 62px;
  left: 153px; }
  .area-search .area-pic .okayama a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-okayama.png); }
.area-search .area-pic .kagawa {
  top: 90px;
  left: 166px; }
  .area-search .area-pic .kagawa a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-kagawa.png); }
.area-search .area-pic .hiroshima {
  top: 85px;
  left: 79px; }
  .area-search .area-pic .hiroshima a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-hiroshima.png); }
.area-search .area-pic .yamaguchi {
  top: 102px;
  left: 11px; }
  .area-search .area-pic .yamaguchi a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-yamaguchi.png); }
.area-search .area-pic .ehime {
  top: 128px;
  left: 51px; }
  .area-search .area-pic .ehime a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-ehime.png); }
.area-search .area-pic .tokushima {
  top: 122px;
  left: 171px; }
  .area-search .area-pic .tokushima a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-tokushima.png); }
.area-search .area-pic .kouchi {
  top: 157px;
  left: 112px; }
  .area-search .area-pic .kouchi a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-kouchi.png); }
.area-search .area-pic .saga {
  top: 32px;
  left: 39px; }
  .area-search .area-pic .saga a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-saga.png); }
.area-search .area-pic .hukuoka {
  top: 16px;
  left: 104px; }
  .area-search .area-pic .hukuoka a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-hukuoka.png); }
.area-search .area-pic .ooita {
  top: 57px;
  left: 157px; }
  .area-search .area-pic .ooita a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-ooita.png); }
.area-search .area-pic .nagasaki {
  top: 72px;
  left: 27px; }
  .area-search .area-pic .nagasaki a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-nagasaki.png); }
.area-search .area-pic .kumamoto {
  top: 96px;
  left: 79px; }
  .area-search .area-pic .kumamoto a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-kumamoto.png); }
.area-search .area-pic .miyazaki {
  top: 127px;
  left: 146px; }
  .area-search .area-pic .miyazaki a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-miyazaki.png); }
.area-search .area-pic .kagoshima {
  top: 154px;
  left: 52px; }
  .area-search .area-pic .kagoshima a {
    width: 61px;
    background-image: url(/common/recommend/images/area-search_area-kagoshima.png); }
.area-search .area-pic .hokkaido2 {
  top: 20px;
  left: 116px; }
  .area-search .area-pic .hokkaido2 a {
    width: 51px;
    background-image: url(/common/recommend/images/area-search_area-hokkaido2.png); }
.area-search .area-pic .tohoku {
  top: 78px;
  left: 158px; }
  .area-search .area-pic .tohoku a {
    width: 40px;
    background-image: url(/common/recommend/images/area-search_area-tohoku.png); }
.area-search .area-pic .kanto {
  top: 113px;
  left: 141px; }
  .area-search .area-pic .kanto a {
    width: 81px;
    background-image: url(/common/recommend/images/area-search_area-kanto.png); }
.area-search .area-pic .hokuriku {
  top: 144px;
  left: 113px; }
  .area-search .area-pic .hokuriku a {
    width: 69px;
    background-image: url(/common/recommend/images/area-search_area-hokuriku.png); }
.area-search .area-pic .kinki {
  top: 108px;
  left: 64px; }
  .area-search .area-pic .kinki a {
    width: 40px;
    background-image: url(/common/recommend/images/area-search_area-kinki.png); }
.area-search .area-pic .chugoku {
  top: 168px;
  left: 54px; }
  .area-search .area-pic .chugoku a {
    width: 68px;
    background-image: url(/common/recommend/images/area-search_area-chugoku.png); }
.area-search .area-pic .kyusyu {
  top: 153px;
  left: 9px; }
  .area-search .area-pic .kyusyu a {
    width: 40px;
    background-image: url(/common/recommend/images/area-search_area-kyusyu.png); }*/

/* 0 */
/*.area-search_area0 .area-pic {
  background-image: url(../../images/sidebar/area-search_area0.png) !important; }

.sidebar_event_area0 .box {
  background-image: url(../recommend/images/event_area0.png); }
  .sidebar_event_area0 .box:hover {
    background-image: url(../recommend/images/event_area0_on.png); }*/

/* 1 */
/*.area-search_area1 .area-pic {
  background-image: url(../../images/sidebar/area-search_area1.png) !important; }

.sidebar_event_area1 .box {
  background-image: url(../recommend/images/event_area1.png); }
  .sidebar_event_area1 .box:hover {
    background-image: url(../recommend/images/event_area1_on.png); }*/

/* 2 */
/*.area-search_area2 .area-pic {
  background-image: url(../../images/sidebar/area-search_area2.png) !important; }

.sidebar_event_area2 .box {
  background-image: url(../recommend/images/event_area2.png); }
  .sidebar_event_area2 .box:hover {
    background-image: url(../recommend/images/event_area2_on.png); }*/

/* 3 */
/*.area-search_area3 .area-pic {
  background-image: url(../../images/sidebar/area-search_area3.png) !important; }

.sidebar_event_area3 .box {
  background-image: url(../recommend/images/event_area3.png); }
  .sidebar_event_area3 .box:hover {
    background-image: url(../recommend/images/event_area3_on.png); }*/

/* 4 */
/*.area-search_area4 .area-pic {
  background-image: url(../../images/sidebar/area-search_area4.png) !important; }

.sidebar_event_area4 .box {
  background-image: url(../recommend/images/event_area4.png); }
  .sidebar_event_area4 .box:hover {
    background-image: url(../recommend/images/event_area4_on.png); }*/

/* 5 */
/*.area-search_area5 .area-pic {
  background-image: url(../../images/sidebar/area-search_area5.png) !important; }

.sidebar_event_area5 .box {
  background-image: url(../recommend/images/event_area5.png); }
  .sidebar_event_area5 .box:hover {
    background-image: url(../recommend/images/event_area5_on.png); }*/

/* 6 */
/*.area-search_area6 .area-pic {
  background-image: url(../../images/sidebar/area-search_area6.png) !important; }

.sidebar_event_area6 .box {
  background-image: url(../recommend/images/event_area6.png); }
  .sidebar_event_area6 .box:hover {
    background-image: url(../recommend/images/event_area6_on.png); }*/

/* 7 */
/*.area-search_area7 .area-pic {
  background-image: url(../../images/sidebar/area-search_area7.png) !important; }

.sidebar_event_area7 .box {
  background-image: url(../recommend/images/event_area7.png); }
  .sidebar_event_area7 .box:hover {
    background-image: url(../recommend/images/event_area7_on.png); }*/

/* ---------------------------------------------------------------------

	第二階層・右サイド販社エリアリンク
	#areaRecommend

--------------------------------------------------------------------- */
#areaRecommend {
  margin: 14px 0 0;
  width: 170px; }
  #areaRecommend .innerWrapper {
    padding: 6px 12px 12px;
    border: solid 1px #e1e1e1;
    border-top: none; }
  #areaRecommend li {
    padding: 6px 0 0; }
    #areaRecommend li a {
      display: inline-block;
      *display: inline;
      zoom: 1;
      padding: 0 0 0 17px;
      background: url(../images/icon_link.gif) no-repeat 0 2px;
      text-decoration: none; }
      #areaRecommend li a:hover {
        color: #0059c0;
        text-decoration: underline; }

/* =====================================================================


	#ohisama_header


===================================================================== */
#ohisama_header {
  position: relative;
  height: 84px;
  width: 100%;
  background: url(../images/ohisama_header_bg.png) repeat-x 50% 0; }
  #ohisama_header a, #ohisama_header img {
    display: block; }
  #ohisama_header .wrap {
    margin: 0 auto;
    height: 74px;
    width: 950px;
    text-align: left; }
  #ohisama_header .logo {
    float: none;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 2px 0 0;
    margin: 0 0 0 -5px;
    width: auto; }

/* =====================================================================


	#footer2


===================================================================== */
#footer2 {
  position: relative;
  padding: 9px 0 0;
  margin: -10px 0 -7px;
  width: 100%;
  background: url(/common/images/footer2_bg.png) repeat-x 50% 0; }
  #footer2 .wrap {
    padding: 0 0 10px;
    background: #fff; }
  #footer2 .wrap2 {
    position: relative;
    margin: 0 auto;
    width: 950px;
    zoom: 1; }
    #footer2 .wrap2:before, #footer2 .wrap2:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #footer2 .wrap2:after {
      clear: both; }
  #footer2 .copyright {
    float: left;
    padding: 10px 0 0 10px;
    margin: 0; }
  #footer2 .nav {
    position: absolute;
    top: 10px;
    right: 0px;
    *left: 724px;
    zoom: 1; }
    #footer2 .nav ul {
      margin: 0;
      zoom: 1; }
      #footer2 .nav ul:before, #footer2 .nav ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #footer2 .nav ul:after {
        clear: both; }
    #footer2 .nav li {
      float: left;
      padding: 0 20px 0 7px;
      background: url(/common/images/footer2_icon1.gif) no-repeat 0 6px; }
      #footer2 .nav li a {
        color: #003c8d; }

/* =====================================================================


	.primarySection_A1


===================================================================== */
.primarySection_A1 {
  padding: 4px;
  margin: 50px 0 0;
  width: 752px;
  background: #bababa; }
  .primarySection_A1 .relate,
  .primarySection_A1 .notable,
  .primarySection_A1 .near {
    padding: 12px;
    border: solid 1px #a5a5a5;
    background: #fff;
    /*.h1 {
    	padding: 0 0 6px 14px;
    	width: auto;
    	border-bottom: solid 1px #c8c8c8;
    	line-height: 19px;
    	vertical-align: middle;
    	font-weight: bold;
    	font-size: 108%;
    	background: url(../images/hn_a1_icon.png) no-repeat 0 0;
    }*/ }
    .primarySection_A1 .relate .h1,
    .primarySection_A1 .notable .h1,
    .primarySection_A1 .near .h1 {
      padding: 0 0 6px;
      border-bottom: solid 1px #c8c8c8; }
  .primarySection_A1 .relate,
  .primarySection_A1 .notable {
    padding-bottom: 8px;
    margin: 0 0 2px;
    width: 349px; }
    .primarySection_A1 .relate .h1,
    .primarySection_A1 .notable .h1 {
      position: relative;
      z-index: 110; }
    .primarySection_A1 .relate ul,
    .primarySection_A1 .notable ul {
      position: relative;
      margin: -1px 0 0;
      z-index: 105; }
      .primarySection_A1 .relate ul li,
      .primarySection_A1 .notable ul li {
        border-top: dotted 1px #c8c8c8; }
      .primarySection_A1 .relate ul img,
      .primarySection_A1 .notable ul img {
        float: left;
        display: block;
        padding: 0 10px 0 0; }
      .primarySection_A1 .relate ul strong,
      .primarySection_A1 .notable ul strong {
        overflow: hidden;
        display: block;
        padding: 0 0 1px;
        font-size: 108%;
        font-weight: bold;
        line-height: 1.4; }
      .primarySection_A1 .relate ul small,
      .primarySection_A1 .notable ul small {
        overflow: hidden;
        float: left;
        display: block !important;
        padding: 0 0 0 16px;
        background: url(../images/icon_link.gif) no-repeat 0 0px;
        _background-position: 0 1px; }
      .primarySection_A1 .relate ul a,
      .primarySection_A1 .notable ul a {
        display: block !important;
        padding: 8px 0;
        text-decoration: none;
        zoom: 1; }
        .primarySection_A1 .relate ul a:before, .primarySection_A1 .relate ul a:after,
        .primarySection_A1 .notable ul a:before,
        .primarySection_A1 .notable ul a:after {
          display: block;
          height: 0;
          visibility: hidden;
          content: "\0020"; }
        .primarySection_A1 .relate ul a:after,
        .primarySection_A1 .notable ul a:after {
          clear: both; }
        .primarySection_A1 .relate ul a:hover strong,
        .primarySection_A1 .notable ul a:hover strong {
          color: #0059c0; }
        .primarySection_A1 .relate ul a:hover small,
        .primarySection_A1 .notable ul a:hover small {
          color: #0059c0; }
        .primarySection_A1 .relate ul a:hover img,
        .primarySection_A1 .notable ul a:hover img {
          -ms-filter: "alpha( opacity=60 )";
          filter: alpha(opacity=60);
          -moz-opacity: 0.6;
          opacity: 0.6;
          cursor: pointer; }
  .primarySection_A1 .relate {
    float: left; }
  .primarySection_A1 .notable {
    float: right; }
  .primarySection_A1 .near {
    clear: both;
    margin: 2px 0 0;
    zoom: 1; }
    .primarySection_A1 .near:before, .primarySection_A1 .near:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .primarySection_A1 .near:after {
      clear: both; }
    .primarySection_A1 .near .area-pic {
      float: left;
      padding: 0 7px;
      *padding: 0 5px;
      width: auto; }
    .primarySection_A1 .near ul {
      float: left;
      width: auto;
      zoom: 1; }
      .primarySection_A1 .near ul:before, .primarySection_A1 .near ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      .primarySection_A1 .near ul:after {
        clear: both; }
    .primarySection_A1 .near li {
      float: left;
      padding: 18px 0 0 11px; }
    .primarySection_A1 .near a {
      display: block;
      width: 118px;
      background-repeat: no-repeat;
      background-position: 0 0;
      text-decoration: none; }
      .primarySection_A1 .near a img {
        display: block; }
      .primarySection_A1 .near a span {
        display: block;
        padding: 0 0 0 14px;
        margin: 4px 0 0;
        background: url(../images/icon_link.gif) no-repeat 0 1px;
        line-height: 1.4; }
      .primarySection_A1 .near a:hover {
        color: #0059c0; }
        .primarySection_A1 .near a:hover img {
          -ms-filter: "alpha( opacity=60 )";
          filter: alpha(opacity=60);
          -moz-opacity: 0.6;
          opacity: 0.6;
          cursor: pointer; }


/* =====================================================================


	.primarySection_A2


===================================================================== */
.primarySection_A2{
	margin:20px 0 0 0; }
.primarySection_A2 p{
	margin: 0 0 10px 0; }
.primarySection_A2 p a:hover img {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	cursor: pointer; }




/*
#lineupWraps {
	
}
*/
/* ---------------------------------------------------------------------

	第二階層・右サイド資料請求
	#sideRecoCatalo

--------------------------------------------------------------------- */
#sideRecoCatalo {
  width: 170px; }
  #sideRecoCatalo .innerWrapper {
    background: #fbfbfb;
    border: solid 1px #e1e1e1;
    border-top: none; }
  #sideRecoCatalo a {
    display: block;
    padding: 13px 0 10px;
    text-align: center;
    text-decoration: none; }
    #sideRecoCatalo a span {
      display: block;
      padding: 0 0 0 14px;
      margin: 10px auto 0;
      width: 114px;
      background: url(../images/icon_link.gif) no-repeat 0 1px;
      text-align: left; }
    #sideRecoCatalo a:hover {
      color: #0059c0; }

/* =====================================================================


	


===================================================================== */
.padding-bottom_0 {
  padding-bottom: 0 !important; }

.body_line-height_0 {
  line-height: 0; }

.body_line-height_0 #container {
  line-height: 1.5; }

.background_none {
  background: none !important; }

/* ---------------------------------------------------------------------

	

--------------------------------------------------------------------- */
.btn_madori_pdf {
  position: absolute;
  top: 22px;
  right: 24px;
  margin: 0;
  text-align: right; }

.btn_madori_pdf a {
  overflow: hidden;
  display: block;
  height: 25px;
  width: 131px;
  background: url(../images/btn_madori_pdf.png) no-repeat 0 0;
  text-decoration: none; }

.btn_madori_pdf a:hover {
  background-position: 100% 0; }

.btn_madori_pdf a span {
  height: 0;
  line-height: 0;
  font-size: 0; }

/* ---------------------------------------------------------------------

	ohisama816_2012pc

--------------------------------------------------------------------- */
#comp_AR {
  position: relative;
  margin: 42px auto -30px;
  width: 760px; }
  #comp_AR .h1 {
    margin: 0; }
  #comp_AR .btns {
    padding: 39px 0 0;
    margin: 10px 0 0;
    height: 59px;
    background: url(/contact/catalog/ohisama816_2012pc/img/comp_btns_bg.png) no-repeat 0 0; }
    #comp_AR .btns ul {
      margin: 0 auto;
      width: 440px;
      zoom: 1; }
      #comp_AR .btns ul:before, #comp_AR .btns ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #comp_AR .btns ul:after {
        clear: both; }
      #comp_AR .btns ul li {
        padding: 0 5px; }
      #comp_AR .btns ul a {
        display: block;
        height: 45px;
        width: 205px;
        background-repeat: no-repeat;
        background-position: 0 0;
        text-indent: -9999px; }
        #comp_AR .btns ul a:hover {
          background-position: 0 100%; }
    #comp_AR .btns .win {
      float: left; }
      #comp_AR .btns .win a {
        background-image: url(/contact/catalog/ohisama816_2012pc/img/comp_btn_win.png); }
    #comp_AR .btns .mac {
      float: right; }
      #comp_AR .btns .mac a {
        background-image: url(/contact/catalog/ohisama816_2012pc/img/comp_btn_mac.png); }

/* 共通２　汎用パーツ */
/* =====================================================================


	top


===================================================================== */
.indexs #contents {
  width: 662px; }
.indexs #inMainArea {
  padding-top: 0; }
.indexs #sidebar {
  width: 268px; }

/* ---------------------------------------------------------------------

	
	#topFlash

--------------------------------------------------------------------- */
#topFlash {
  width: 950px;
  margin: 0 auto 5px; }

#writeFlash {
  position: relative; }
  #writeFlash a {
    display: block;
    background: #fff; }
    #writeFlash a:hover img {
      -ms-filter: "alpha( opacity=80 )";
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      opacity: 0.8;
      cursor: pointer; }

/* ----------------- contents wrappers */
.topCon02,
.topCon {
  padding-bottom: 20px; }
  .topCon02 h2, .topCon02 h3,
  .topCon h2,
  .topCon h3 {
    background: none;
    padding: 0;
    margin: 0; }
  .topCon02 ul, .topCon02 dl, .topCon02 p,
  .topCon ul,
  .topCon dl,
  .topCon p {
    margin-left: 0;
    margin-right: 0; }
  .topCon02 .ttl, .topCon02 h2, .topCon02 h3,
  .topCon .ttl,
  .topCon h2,
  .topCon h3 {
    padding: 0 0 5px;
    min-height: 1%;
    border-bottom: solid 2px #333; }
  .topCon02 dd a:hover,
  .topCon dd a:hover {
    color: #0059c0; }

#usefulLink .ttl,
#usefulLink h2 {
  background-color: #fff0df;
  border-color: #ff6000; }

.topCon02 .ttl,
.topCon02 h2,
.topCon02 h3 {
  border-color: #bababa; }

.topCon02 .ttl h2,
.topCon02 .ttl p,
.topCon .ttl h2,
.topCon .ttl p {
  margin: 0;
  padding: 0;
  background: none;
  border: none; }

.topCon .ttl p,
.topCon02 .ttl p {
  padding: 1px 0 0;
  text-align: right; }

#usefulLink .ttl p {
  width: 115px; }

/* IE \*/
.topCon02 h2,
.topCon h2 {
  height: 1%; }

/* end */
.topCon02 h2 span,
.topCon h2 span,
.topCon02 h3 span,
.topCon h3 span {
  padding-left: 12px; }

/*
.topCon02 p a{
padding-left:11px;
background-image:url(../../images/icon_link_min.gif);
background-repeat:no-repeat;
background-position:0 0.4em;
}*/
/*----?100507
.topCon02 h2 span a,
.topCon h2 span a,
.topCon02 h3 span a,
.topCon h3 span a{
padding-left:11px;
background-image:url(../../images/icon_link_min.gif);
background-repeat:no-repeat;
background-position:0 0.4em;
}
----*/
#slideContents {
  width: 950px;
  margin: 0 auto 5px;
  overflow: hidden; }
  #slideContents ul {
    margin: 0; }
  #slideContents #slideBox {
    position: relative;
    width: 770px;
    height: 350px;
    float: left; }
    #slideContents #slideBox li {
      position: absolute;
      top: 0;
      left: 0;
      display: none; }
      #slideContents #slideBox li.on {
        display: block; }
      #slideContents #slideBox li a {
        display: block;
        background-color: #FFF; }
        #slideContents #slideBox li a:hover img {
          -ms-filter: "alpha( opacity=80 )";
          filter: alpha(opacity=80);
          -moz-opacity: 0.8;
          opacity: 0.8;
          cursor: pointer; }
  #slideContents #slideMark {
    width: 160px;
    padding: 10px 10px 2px;
    float: right;
    background-color: #cccccc; }
    #slideContents #slideMark li {
      margin-bottom: 8px;
      *zoom: 1; }
      #slideContents #slideMark li a {
        display: block;
        overflow: hidden;
        background-color: #FFF; }
        #slideContents #slideMark li a:hover img {
          -ms-filter: "alpha( opacity=80 )";
          filter: alpha(opacity=80);
          -moz-opacity: 0.8;
          opacity: 0.8;
          cursor: pointer; }
      #slideContents #slideMark li.on a {
        border: #0059c1 solid 3px; }
        #slideContents #slideMark li.on a img {
          margin: -3px;
          -ms-filter: "alpha( opacity=80 )";
          filter: alpha(opacity=80);
          -moz-opacity: 0.8;
          opacity: 0.8;
          cursor: pointer; }

#writeFlash {
  position: relative; }
  #writeFlash a {
    display: block;
    background: #fff; }
    #writeFlash a:hover img {
      -ms-filter: "alpha( opacity=80 )";
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      opacity: 0.8;
      cursor: pointer; }

/* トップページ */
/* =====================================================================
	lineup - 商品紹介
	（2012/10コンテンツリニューアル以後）
===================================================================== */
.body-lineup #contents dd, .body-lineup #contents p {
  color: #555; }
.body-lineup #contents .small {
  font-size: 90%; }

.lineupIndex #contents {
  float: none;
  width: 100%; }
  .lineupIndex #contents .lead {
    margin: -5px 0 15px;
    font-size: 115%; }
  .lineupIndex #contents p, .lineupIndex #contents ul {
    margin-left: 0;
    margin-right: 0; }
  .lineupIndex #contents .btnList {
    margin-left: -14px; }
    .lineupIndex #contents .btnList li {
      float: left;
      padding-left: 14px; }
  .lineupIndex #contents .tabArea {
    *zoom: 1;
    position: relative;
    margin: 13px 0 0; }
    .lineupIndex #contents .tabArea .tabNav {
      margin: 0; }
      .lineupIndex #contents .tabArea .tabNav li {
        float: left; }
        .lineupIndex #contents .tabArea .tabNav li a {
          display: block;
          height: 54px;
          background-repeat: no-repeat;
          background-position: 0 0;
          text-indent: -9999px;
          text-align: left; }
          .lineupIndex #contents .tabArea .tabNav li a:hover {
            background-position: left bottom; }
        .lineupIndex #contents .tabArea .tabNav li.active a {
          background-position: left bottom; }
      .lineupIndex #contents .tabArea .tabNav .nav_lineup a {
        width: 232px;
        background-image: url(../../lineup/images/tab_nav_lineup.png); }
	.lineupIndex #contents .tabArea .tabNav .nav_exterior a {
        width: 231px;
        background-image: url(../../lineup/images/tab_nav_exterior.png); }
      .lineupIndex #contents .tabArea .tabNav .nav_interior a {
        width: 231px;
        background-image: url(../../lineup/images/tab_nav_interior.png); }
      .lineupIndex #contents .tabArea .tabNav .nav_case a {
        width: 231px;
        background-image: url(../../lineup/images/tab_nav_case.png); }
    .lineupIndex #contents .tabArea .nav_catalog {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0; }
      .lineupIndex #contents .tabArea .nav_catalog a {
        display: block;
        height: 54px;
        width: 256px;
        text-indent: -9999px;
        background-image: url(../../lineup/images/tab_nav_catalog.png); }
        .lineupIndex #contents .tabArea .nav_catalog a:hover {
          background-position: 0 100%; }
    .lineupIndex #contents .tabArea .tabBody {
      padding: 30px 20px 15px;
      border: 1px solid #cecece;
        border-top: 0;
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      -ms-border-radius: 0 0 5px 5px;
      -o-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px; }
      .lineupIndex #contents .tabArea .tabBody + .tabBody {
        display: none; }
      .lineupIndex #contents .tabArea .tabBody h2 {
        margin: 0 0 20px;
        padding: 0;
        background: none; }
      .lineupIndex #contents .tabArea .tabBody .anchorLink {
        margin-top: -42px;
        text-align: right; }
        .lineupIndex #contents .tabArea .tabBody .anchorLink li {
          display: inline;
          margin-left: 12px; }
      .lineupIndex #contents .tabArea .tabBody .pageTop {
        clear: both;
        padding-bottom: 10px; }
      .lineupIndex #contents .tabArea .tabBody .hokkaidoBnr {
        margin: 20px 0 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #e6e6e6; }
      .lineupIndex #contents .tabArea .tabBody .btn {
        margin-bottom: 10px;
        text-align: right; }
      .lineupIndex #contents .tabArea .tabBody .section {
        padding-top: 20px;
        padding-bottom: 4px;
        border-bottom: 1px solid #e6e6e6; }
        .lineupIndex #contents .tabArea .tabBody .section#apart {
          padding-bottom: 0;
          border-bottom: 0; }
        .lineupIndex #contents .tabArea .tabBody .section h3 {
          margin: 0 0 15px; }
        .lineupIndex #contents .tabArea .tabBody .section .itemWrap {
          margin: 0 0 0 -12px; }
          .lineupIndex #contents .tabArea .tabBody .section .itemWrap + .glue + .itemWrap .item {
            padding-top: 9px; }
        .lineupIndex #contents .tabArea .tabBody .section .glue {
          margin: 4px 0;
          height: 1px;
          background: url(../../lineup/images/glue.gif) no-repeat; }
          .lineupIndex #contents .tabArea .tabBody .section .glue hr {
            display: none; }
        .lineupIndex #contents .tabArea .tabBody .section .item {
          float: left;
          width: 284px;
          margin: 0 0 0 13px;
          padding: 0 13px 9px 0;
          border-right: 1px solid #e6e6e6;
          _padding-top: 9px;
          _display: inline; }
          .lineupIndex #contents .tabArea .tabBody .section .item.last {
            border-right: 0;
            padding-right: 0; }
          .lineupIndex #contents .tabArea .tabBody .section .item p {
            margin: 0 0 8px; }
            .lineupIndex #contents .tabArea .tabBody .section .item p img {
              width: 284px;
              height: 246px; }
          .lineupIndex #contents .tabArea .tabBody .section .item ul {
            margin-top: 0;
            margin-left: -8px; }
            .lineupIndex #contents .tabArea .tabBody .section .item ul li {
              float: left;
              padding-left: 8px; }
      .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-case,
      .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-exterior {
        margin: 0 0 10px; }
        .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-case li,
        .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-exterior li {
          float: left;
          width: 454px;
          margin: 0; }
          .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-case li a,
          .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-exterior li a {
            *zoom: 1;
            display: block;
            height: 48px;
            text-indent: -9999px;
            background: url(../../lineup/images/tab_exterior.gif) no-repeat; }
            .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-case li a.active, .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-case li a:hover,
            .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-exterior li a.active,
            .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-exterior li a:hover {
              background-position: left bottom; }
          .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-case li.nav_toyou a,
          .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-exterior li.nav_toyou a {
            background-position: right top; }
            .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-case li.nav_toyou a.active, .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-case li.nav_toyou a:hover,
            .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-exterior li.nav_toyou a.active,
            .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabNav-exterior li.nav_toyou a:hover {
              background-position: right bottom; }
      .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabBody {
        border: 0;
        margin: 0;
        padding: 0 0 15px; }
        .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabBody ul {
          margin: 0 0 0 -9px; }
          .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabBody ul li {
            float: left;
            margin-left: 9px;
            margin-top: 9px;
            _display: inline; }
            .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabBody ul li a {
              *zoom: 1;
              position: relative;
              float: left;
              background: #fff;
              padding: 4px;
              border: 1px solid #e1e1e1;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              -ms-border-radius: 3px;
              -o-border-radius: 3px;
              border-radius: 3px;
              background: url(../../lineup/images/img_hover.png) no-repeat -500px 0; }
              .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabBody ul li a:hover {
                background-position: 4px 4px; }
                .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabBody ul li a:hover img {
                  -ms-filter: "alpha( opacity=20 )";
                  filter: alpha(opacity=20);
                  -moz-opacity: 0.2;
                  opacity: 0.2;
                  cursor: pointer; }
        .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabBody#series-case_toyou ul li a, .lineupIndex #contents .tabArea .tabBody .tabAreaSub .tabBody#series-case_heim ul li a {
          background-image: url(../../lineup/images/img_hover02.png); }
  .lineupIndex #contents .lineupIndexFooterContent {
    margin: 30px 0 50px -20px; }
    .lineupIndex #contents .lineupIndexFooterContent .section {
      float: left;
      width: 465px;
      padding-left: 20px; }
      .lineupIndex #contents .lineupIndexFooterContent .section h2 {
        margin: 0 0 16px;
        padding: 0;
        background: none; }
      .lineupIndex #contents .lineupIndexFooterContent .section .image {
        float: left;
        margin: 0 15px 0 0; }
      .lineupIndex #contents .lineupIndexFooterContent .section ul li {
        margin-bottom: 7px; }
        .lineupIndex #contents .lineupIndexFooterContent .section ul li a {
          display: inline-block;
          padding: 0 0 0 16px;
          background: url(../images/icon_link.gif) no-repeat 0 center; }


/* ---------------
2014/10/
update
--------------- */
.lineupIndex #contents .tabArea .tabBody .lineupBnrBlock {
	margin: 20px 0 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e6e6; }
.lineupIndex #contents .lineupIndexFooterBnrBlock{
	margin: 20px 0 0; }
.lineupIndex #contents .lineupIndexFooterBnrBlock p{
	margin: 0; }
.lineupIndex #contents .lineupIndexFooterBnrBlock .column2Wrap .columnBlock01{
	float:left;
	width:470px; }
.lineupIndex #contents .lineupIndexFooterBnrBlock .column2Wrap .columnBlock02{
	float:right;
	width:470px; }
.lineupIndex #contents .tabArea .tabBody .lineupBnrBlock a:hover img,
.lineupIndex #contents .lineupIndexFooterBnrBlock .column2Wrap a:hover img {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	cursor: pointer; }

.body-lineup #contents .mainHeader .inner.pb2 {
	padding-bottom: 2px; }

.productDetail #contents .sectionContainer.borderBtm {
	border-bottom: 1px solid #e1e1e1; }


/* =====================================================================
	サイドバー
===================================================================== */
#gnavCurrent01 #sidebar #localNav h2 {
  padding: 0;
  background: none;
  border: 0; }
#gnavCurrent01 #sidebar #localNav ul {
  border: 1px solid #e1e1e1;
    border-top: 0;
    border-bottom: 0; }
  #gnavCurrent01 #sidebar #localNav ul li {
    border-bottom-color: #e1e1e1; }
    #gnavCurrent01 #sidebar #localNav ul li a,
    #gnavCurrent01 #sidebar #localNav ul li span {
      *zoom: 1;
      display: block;
      padding: 5px 0 5px 28px;
      background: #f7f7f7 url(../images/icon_link.gif) no-repeat 10px 0.7em; }
      #gnavCurrent01 #sidebar #localNav ul li a img,
      #gnavCurrent01 #sidebar #localNav ul li span img {
        margin-left: 5px;
        vertical-align: middle; }
    #gnavCurrent01 #sidebar #localNav ul li ul {
      margin: 0;
      border: 0; }
      #gnavCurrent01 #sidebar #localNav ul li ul li {
        background: #fff;
        padding: 0;
        border-top: 1px solid #e1e1e1; }
        #gnavCurrent01 #sidebar #localNav ul li ul li a {
          padding: 4px 10px;
          background: none;
          font-size: 110%; }

/* =====================================================================
	各商品
===================================================================== */
.body-lineup #contents .header {
  *zoom: 1;
  position: relative;
  margin: 0 0 10px; }
  .body-lineup #contents .header h2, .body-lineup #contents .header p {
    margin: 0;
    padding: 0; }
  .body-lineup #contents .header .category {
    margin-bottom: 7px; }
  .body-lineup #contents .header h2 {
    background: none; }
  .body-lineup #contents .header .logo {
    position: absolute;
    right: 0;
    bottom: 0; }
.body-lineup #contents .mainHeader, .body-lineup #contents .mainFooter {
  margin: 0;
  padding: 1px;
    padding-bottom: 0;
  background: #dcdcdc;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }
  .body-lineup #contents .mainHeader ul, .body-lineup #contents .mainFooter ul, .body-lineup #contents .mainHeader p, .body-lineup #contents .mainFooter p, .body-lineup #contents .mainHeader dl, .body-lineup #contents .mainFooter dl {
    margin: 0; }
  .body-lineup #contents .mainHeader .inner, .body-lineup #contents .mainFooter .inner {
    padding: 9px;
    background: #dcdcdc;
    border: 1px solid #fff;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0; }
  .body-lineup #contents .mainHeader #eyeCatchLoad, .body-lineup #contents .mainFooter #eyeCatchLoad {
    min-height: 70px; }
  .body-lineup #contents .mainHeader .itemArea, .body-lineup #contents .mainFooter .itemArea {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 1px 0 #dcdcdc, 0 2px 0 #fff;
    -moz-box-shadow: 0 1px 0 #dcdcdc, 0 2px 0 #fff;
    -ms-box-shadow: 0 1px 0 #dcdcdc, 0 2px 0 #fff;
    -o-box-shadow: 0 1px 0 #dcdcdc, 0 2px 0 #fff;
    box-shadow: 0 1px 0 #dcdcdc, 0 2px 0 #fff; }
    .body-lineup #contents .mainHeader .itemArea .item, .body-lineup #contents .mainFooter .itemArea .item {
      float: left;
      width: 340px;
      padding: 17px 14px 10px; }
      .body-lineup #contents .mainHeader .itemArea .item h3, .body-lineup #contents .mainFooter .itemArea .item h3 {
        margin: 0 0 10px; }
      .body-lineup #contents .mainHeader .itemArea .item .image, .body-lineup #contents .mainFooter .itemArea .item .image {
        float: right;
        margin-left: 15px; }
      .body-lineup #contents .mainHeader .itemArea .item ul, .body-lineup #contents .mainFooter .itemArea .item ul {
        margin: 10px 0 0; }
        .body-lineup #contents .mainHeader .itemArea .item ul li, .body-lineup #contents .mainFooter .itemArea .item ul li {
          margin: 0 0 5px; }
      .body-lineup #contents .mainHeader .itemArea .item.catalog, .body-lineup #contents .mainFooter .itemArea .item.catalog {
        float: right;
        width: 354px;
        padding-right: 0; }
        .body-lineup #contents .mainHeader .itemArea .item.catalog .image, .body-lineup #contents .mainFooter .itemArea .item.catalog .image {
          position: absolute;
          right: 0;
          bottom: 0;
          margin: 0; }
        .body-lineup #contents .mainHeader .itemArea .item.catalog ul, .body-lineup #contents .mainFooter .itemArea .item.catalog ul {
          margin-top: 20px; }
          .body-lineup #contents .mainHeader .itemArea .item.catalog ul li.digital, .body-lineup #contents .mainFooter .itemArea .item.catalog ul li.digital {
            display: none; }
.body-lineup #contents .mainFooter {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  margin-bottom: 20px;
  padding-bottom: 1px; }
  .body-lineup #contents .mainFooter .inner {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px; }
.body-lineup #contents .eye {
  *zoom: 1;
  position: relative;
  padding: 2px 2px 1px;
  background: #fff;
  border: 1px solid #d7d7d7;
    border-bottom: 0; }
  .body-lineup #contents .eye .eyeMain {
    margin: 0;
    height: 320px; }
    .body-lineup #contents .eye .eyeMain li,
    .body-lineup #contents .eye .eyeMain img {
      height: 320px; }
    .body-lineup #contents .eye .eyeMain li + li {
      display: none; }
  .body-lineup #contents .eye .eyeSide {
    position: absolute;
    top: 2px;
    right: 2px; }
  .body-lineup #contents .eye .bx-pager {
    position: absolute;
    bottom: 10px;
    right: 280px;
    z-index: 99; }
    .body-lineup #contents .eye .bx-pager a {
      width: 12px;
      height: 12px;
      margin: 0 2.5px;
      display: inline-block;
      text-indent: -9999px;
      background: url(../../lineup/images/pager.png) no-repeat right top;
      *display: block;
      *float: left; }
      .body-lineup #contents .eye .bx-pager a.pager-active {
        background-position: left top; }
  .body-lineup #contents .eye dl {
    margin: 15px -2px 0;
    padding: 0 13px 13px 11px;
    border-bottom: 1px solid #d7d7d7; }
    .body-lineup #contents .eye dl dt {
      margin: 0 0 3px;
      padding: 0;
      font-size: 140%;
      font-weight: bold;
      line-height: 1.2;
      color: #555; }
    .body-lineup #contents .eye dl dd {
      font-size: 105%; }
.body-lineup #contents .relatedLinks {
  margin: 0 0 20px;
  padding: 0 14px 4px;
  border: 1px solid #e4e4e4;
    border-top: 0;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }
  .body-lineup #contents .relatedLinks h3 {
    margin: 0 -15px 10px; }
  .body-lineup #contents .relatedLinks p {
    margin: 0 0 7px;
    color: #555; }
  .body-lineup #contents .relatedLinks ul {
    margin: 0 0 0 -12px; }
    .body-lineup #contents .relatedLinks ul li {
      float: left;
      margin: 0;
      padding-left: 12px;
      padding-bottom: 10px; }
.body-lineup #contents .footerLink {
  margin: 0; }

.productTop #contents .mainHeader, .productTop .body-lineup #contents .mainFooter, .body-lineup .productTop #contents .mainFooter {
  margin-bottom: 12px;
  padding-bottom: 11px;
  background: gainsboro url(../../lineup/images/bg_shadow.gif) no-repeat center bottom; }
  .productTop #contents .mainHeader .inner, .productTop .body-lineup #contents .mainFooter .inner, .body-lineup .productTop #contents .mainFooter .inner {
    border-bottom: 0; }
  .productTop #contents .mainHeader .productNavBtn, .productTop .body-lineup #contents .mainFooter .productNavBtn, .body-lineup .productTop #contents .mainFooter .productNavBtn {
    margin: 7px 0 3px -6px;
    background: url(../../lineup/images/localnav_blank.jpg) no-repeat right bottom; }
    .productTop #contents .mainHeader .productNavBtn li, .productTop .body-lineup #contents .mainFooter .productNavBtn li, .body-lineup .productTop #contents .mainFooter .productNavBtn li {
      float: left;
      padding-left: 6px; }
      .productTop #contents .mainHeader .productNavBtn li img, .productTop .body-lineup #contents .mainFooter .productNavBtn li img, .body-lineup .productTop #contents .mainFooter .productNavBtn li img {
        width: 180px;
        height: 136px; }
  .productTop #contents .mainHeader .productNavBtn02, .productTop .body-lineup #contents .mainFooter .productNavBtn02, .body-lineup .productTop #contents .mainFooter .productNavBtn02 {
    margin: 7px 0 3px -6px;
    background: url(../../lineup/images/localnav_blank02.gif) no-repeat right bottom; }
    .productTop #contents .mainHeader .productNavBtn02 li, .productTop .body-lineup #contents .mainFooter .productNavBtn02 li, .body-lineup .productTop #contents .mainFooter .productNavBtn02 li {
      float: left;
      padding-left: 6px; }
      .productTop #contents .mainHeader .productNavBtn02 li img, .productTop .body-lineup #contents .mainFooter .productNavBtn02 li img, .body-lineup .productTop #contents .mainFooter .productNavBtn02 li img {
        width: 180px;
        height: 136px; }

.body-navFixed #productDetailNav {
  position: absolute; }

#productDetailNav.productDetailNavfixed {
  position: fixed;
  top: -1px;
  z-index: 999;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: 0 1px 8px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 1px 8px rgba(255, 255, 255, 0.8);
  -ms-box-shadow: 0 1px 8px rgba(255, 255, 255, 0.8);
  -o-box-shadow: 0 1px 8px rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 8px rgba(255, 255, 255, 0.8); }

.productDetail #contents #productDetailNav ul {
  margin: 0; }
  .productDetail #contents #productDetailNav ul li {
    float: left; }
    .productDetail #contents #productDetailNav ul li a {
      *zoom: 1;
      display: block;
      height: 54px;
      text-indent: -9999px;
      background: white url(../../lineup/images/nav_detail.gif) no-repeat; }
    .productDetail #contents #productDetailNav ul li.nav-top a {
      width: 84px; }
    .productDetail #contents #productDetailNav ul li.nav-top a:hover, .productDetail #contents #productDetailNav ul li.nav-top.current a {
      background-position: 0 -54px; }
    .productDetail #contents #productDetailNav ul li.nav-exterior a {
      width: 139px;
      background-position: -84px 0; }
    .productDetail #contents #productDetailNav ul li.nav-exterior a:hover, .productDetail #contents #productDetailNav ul li.nav-exterior.current a {
      background-position: -84px -54px; }
    .productDetail #contents #productDetailNav ul li.nav-plan a {
      width: 173px;
      background-position: -223px 0; }
    .productDetail #contents #productDetailNav ul li.nav-plan a:hover, .productDetail #contents #productDetailNav ul li.nav-plan.current a {
      background-position: -223px -54px; }
    .productDetail #contents #productDetailNav ul li.nav-interior a {
      width: 114px;
      background-position: -396px 0; }
    .productDetail #contents #productDetailNav ul li.nav-interior a:hover, .productDetail #contents #productDetailNav ul li.nav-interior.current a {
      background-position: -396px -54px; }
    .productDetail #contents #productDetailNav ul li.nav-performance a {
      width: 105px;
      background-position: -510px 0; }
    .productDetail #contents #productDetailNav ul li.nav-performance a:hover, .productDetail #contents #productDetailNav ul li.nav-performance.current a {
      background-position: -510px -54px; }
    .productDetail #contents #productDetailNav ul li.nav-catalog a {
      width: 145px;
      background-position: -615px 0; }
    .productDetail #contents #productDetailNav ul li.nav-catalog a:hover {
      background-position: -615px -54px; }
.productDetail #contents #productDetailNav .productDetailNav02 {
  margin: 0; }
  .productDetail #contents #productDetailNav .productDetailNav02 li {
    float: left; }
    .productDetail #contents #productDetailNav .productDetailNav02 li a {
      *zoom: 1;
      display: block;
      height: 54px;
      text-indent: -9999px;
      background: white url(../../lineup/images/nav_detail02.gif) no-repeat; }
    .productDetail #contents #productDetailNav .productDetailNav02 li.nav-top a {
      width: 164px; }
    .productDetail #contents #productDetailNav .productDetailNav02 li.nav-top a:hover, .productDetail #contents #productDetailNav .productDetailNav02 li.nav-top.current a {
      background-position: 0 -54px; }
    .productDetail #contents #productDetailNav .productDetailNav02 li.nav-exterior a {
      width: 219px;
      background-position: -164px 0; }
    .productDetail #contents #productDetailNav .productDetailNav02 li.nav-exterior a:hover, .productDetail #contents #productDetailNav .productDetailNav02 li.nav-exterior.current a {
      background-position: -164px -54px; }
    .productDetail #contents #productDetailNav .productDetailNav02 li.nav-interior a {
      width: 195px;
      background-position: -383px 0; }
    .productDetail #contents #productDetailNav .productDetailNav02 li.nav-interior a:hover, .productDetail #contents #productDetailNav .productDetailNav02 li.nav-interior.current a {
      background-position: -383px -54px; }
    .productDetail #contents #productDetailNav .productDetailNav02 li.nav-catalog a {
      width: 182px;
      background-position: -578px 0; }
    .productDetail #contents #productDetailNav .productDetailNav02 li.nav-catalog a:hover {
      background-position: -578px -54px; }
.productDetail #contents #productDetailNav .productDetailNav03 {
  margin: 0; }
  .productDetail #contents #productDetailNav .productDetailNav03 li {
    float: left; }
    .productDetail #contents #productDetailNav .productDetailNav03 li a {
      *zoom: 1;
      display: block;
      height: 54px;
      text-indent: -9999px;
      background: white url(../../lineup/images/nav_detail03.gif) no-repeat; }
    .productDetail #contents #productDetailNav .productDetailNav03 li.nav-top a {
      width: 104px; }
    .productDetail #contents #productDetailNav .productDetailNav03 li.nav-top a:hover, .productDetail #contents #productDetailNav .productDetailNav03 li.nav-top.current a {
      background-position: 0 -54px; }
    .productDetail #contents #productDetailNav .productDetailNav03 li.nav-exterior a {
      width: 159px;
      background-position: -104px 0; }
    .productDetail #contents #productDetailNav .productDetailNav03 li.nav-exterior a:hover, .productDetail #contents #productDetailNav .productDetailNav03 li.nav-exterior.current a {
      background-position: -104px -54px; }
    .productDetail #contents #productDetailNav .productDetailNav03 li.nav-plan a {
      width: 193px;
      background-position: -263px 0; }
    .productDetail #contents #productDetailNav .productDetailNav03 li.nav-plan a:hover, .productDetail #contents #productDetailNav .productDetailNav03 li.nav-plan.current a {
      background-position: -263px -54px; }
    .productDetail #contents #productDetailNav .productDetailNav03 li.nav-interior a {
      width: 134px;
      background-position: -456px 0; }
    .productDetail #contents #productDetailNav .productDetailNav03 li.nav-interior a:hover, .productDetail #contents #productDetailNav .productDetailNav03 li.nav-interior.current a {
      background-position: -456px -54px; }
    .productDetail #contents #productDetailNav .productDetailNav03 li.nav-catalog a {
      width: 170px;
      background-position: -590px 0; }
    .productDetail #contents #productDetailNav .productDetailNav03 li.nav-catalog a:hover {
      background-position: -590px -54px; }
.productDetail #contents .sectionContainer {
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  padding: 10px 20px; }
  .productDetail #contents .sectionContainer .section {
    padding-top: 75px; }
    .productDetail #contents .sectionContainer .section h4, .productDetail #contents .sectionContainer .section ul, .productDetail #contents .sectionContainer .section p {
      margin: 0 0 10px; }
    .productDetail #contents .sectionContainer .section h3 {
      margin: 0 0 15px;
      background: none; }
    .productDetail #contents .sectionContainer .section h4 {
      margin: 0 0 5px;
      padding: 0;
      font-size: medium;
      color: #555;
      letter-spacing: 1px; }
    .productDetail #contents .sectionContainer .section .pageTop {
      margin-top: 30px;
      padding-top: 20px;
      border-top: 1px solid #e1e1e1; }
    .productDetail #contents .sectionContainer .section .tabArea .tabNav li {
      float: left;
      height: 48px; }
      .productDetail #contents .sectionContainer .section .tabArea .tabNav li a {
        float: left;
        height: 48px;
        text-indent: -9999px; }
    .productDetail #contents .sectionContainer .section .slideArea {
      width: 618px;
      margin: 20px auto 0; }
      .productDetail #contents .sectionContainer .section .slideArea .slideBox {
        *zoom: 1;
        position: relative; }
        .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideListArea {
          *position: relative;
          overflow: hidden;
          margin: 0 auto 10px; }
          .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideListArea ul {
            width: 9999em;
            margin: 0; }
            .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideListArea ul li {
              position: relative;
              float: left;
              width: 618px;
              margin: 0; }
              .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideListArea ul li img {
                display: block;
                margin: 0 auto;
                padding: 7px;
                border: 1px solid #eee;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                -o-border-radius: 3px;
                border-radius: 3px;
                background: #fff; }
              .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideListArea ul li span {
                *zoom: 1;
                display: block; }
              .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideListArea ul li span.caption {
                width: 582px;
                position: absolute;
                bottom: 8px;
                margin: 0 8px;
                padding: 4px 10px;
                background: #000\9;
                background: rgba(0, 0, 0, 0.4);
                color: #fff; }
        .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideBtn {
          background: #ff0;
          position: absolute;
          top: 190px;
          width: 100%; }
          .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideBtn li {
            position: absolute;
            background: #efe; }
            .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideBtn li.slidePrev {
              left: -41px; }
            .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideBtn li.slideNext {
              right: -41px; }
              .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideBtn li.slideNext a {
                background-position: -31px bottom; }
                .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideBtn li.slideNext a:hover {
                  background-position: -31px 0; }
            .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideBtn li a {
              display: block;
              width: 31px;
              height: 50px;
              background: white url(../../lineup/images/gallery_ctrl.gif) no-repeat left bottom;
              text-indent: 100%;
              white-space: nowrap;
              overflow: hidden; }
              .productDetail #contents .sectionContainer .section .slideArea .slideBox .slideBtn li a:hover {
                background-position: 0 0; }
        .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList {
          margin: 0;
          margin-left: -9px; }
          .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList li {
            _display: inline;
            float: left;
            width: 116px;
            margin: 0 0 0 9px;
            min-height: 130px;
            _height: 130px; }
            .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList li:nth-child(5n+1) {
              clear: both; }
            .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList li span {
              *zoom: 1;
              display: block;
              margin-bottom: 3px;
              padding: 3px;
              background: #ececec; }
              .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList li span span {
                margin: 0;
                padding: 0;
                background: #fff; }
                .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList li span span img {
                  width: 110px; }
            .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList li:hover span, .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList li.active span {
              background: #3f85d5;
              background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmODVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU5YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
              background: -moz-linear-gradient(top, #3f85d5 0%, #0059c0 100%);
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f85d5), color-stop(100%, #0059c0));
              background: -webkit-linear-gradient(top, #3f85d5 0%, #0059c0 100%);
              background: -o-linear-gradient(top, #3f85d5 0%, #0059c0 100%);
              background: -ms-linear-gradient(top, #3f85d5 0%, #0059c0 100%);
              background: linear-gradient(to bottom, #3f85d5 0%, #0059c0 100%);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f85d5', endColorstr='#0059c0',GradientType=0 ); }
              .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList li:hover span span, .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList li.active span span {
                background: #fff;
                filter: none; }
                .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList li:hover span span img, .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList li.active span span img {
                  -ms-filter: "alpha( opacity=40 )";
                  filter: alpha(opacity=40);
                  -moz-opacity: 0.4;
                  opacity: 0.4;
                  cursor: pointer; }
            .productDetail #contents .sectionContainer .section .slideArea .slideBox .thumbList li:hover span {
              cursor: pointer; }
    .productDetail #contents .sectionContainer .section .tileWrap {
      border: 1px solid #eee;
      margin: 15px 0 0;
      padding: 20px 25px 10px 7px; }
      .productDetail #contents .sectionContainer .section .tileWrap h4 {
        margin: 0 0 10px 18px;
        padding: 0; }
      .productDetail #contents .sectionContainer .section .tileWrap h6,
      .productDetail #contents .sectionContainer .section .tileWrap h5 {
        clear: both;
        margin: 0 0 7px 18px;
        color: #333; }
      .productDetail #contents .sectionContainer .section .tileWrap h5 {
        font-size: 110%; }
        .productDetail #contents .sectionContainer .section .tileWrap h5 ~ h5 {
          padding-top: 15px;
          border-top: 1px solid #e8e8e8; }
      .productDetail #contents .sectionContainer .section .tileWrap h6 {
        color: #555; }
      .productDetail #contents .sectionContainer .section .tileWrap p {
        clear: both;
        margin-left: 18px; }
      .productDetail #contents .sectionContainer .section .tileWrap dl {
        float: left;
        width: 58px;
        margin: 0 0 0 18px;
        _display: inline; }
        .productDetail #contents .sectionContainer .section .tileWrap dl dt {
          margin: 0 0 3px; }
          .productDetail #contents .sectionContainer .section .tileWrap dl dt img {
            width: 58px;
            height: 58px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px; }
        .productDetail #contents .sectionContainer .section .tileWrap dl dd {
          margin: 0;
          min-height: 3.5em;
          _height: 3.5em;
          line-height: 1.3; }
    .productDetail #contents .sectionContainer .section .planList {
      margin: 0 0 0 -16px;
      padding: 0; }
      .productDetail #contents .sectionContainer .section .planList li {
        list-style: none;
        float: left;
        width: 228px;
        margin-left: 16px;
        margin-bottom: 20px;
        _display: inline; }
        .productDetail #contents .sectionContainer .section .planList li a {
          *zoom: 1;
          display: block;
          padding-bottom: 37px;
          background: white url(../../lineup/images/btn_detail_zoom.gif) no-repeat center bottom; }
          .productDetail #contents .sectionContainer .section .planList li a:hover {
            -ms-filter: "alpha( opacity=60 )";
            filter: alpha(opacity=60);
            -moz-opacity: 0.6;
            opacity: 0.6;
            cursor: pointer; }
          .productDetail #contents .sectionContainer .section .planList li a img {
            height: 218px;
            padding: 5px;
            border: 1px solid #e1e1e1;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px; }
  .productDetail #contents .sectionContainer #section-interior .thumbList li {
    margin-bottom: 9px;
    min-height: 0;
    _height: 1px; }
  .productDetail #contents .sectionContainer #section-performance .tabArea {
    margin-bottom: 10px;
    padding-bottom: 6px;
    background: url(../../lineup/images/bg_shadow_feature_header.gif) no-repeat center bottom; }
    .productDetail #contents .sectionContainer #section-performance .tabArea .tabNav {
      margin-bottom: 15px; }
      .productDetail #contents .sectionContainer #section-performance .tabArea .tabNav li a {
        width: 359px;
        background: url(../../lineup/images/tab_performance.gif) no-repeat; }
      .productDetail #contents .sectionContainer #section-performance .tabArea .tabNav li.nav_feature a.active, .productDetail #contents .sectionContainer #section-performance .tabArea .tabNav li.nav_feature a:hover {
        background-position: 0 -48px; }
      .productDetail #contents .sectionContainer #section-performance .tabArea .tabNav li.nav_movie a {
        background-position: -359px 0; }
        .productDetail #contents .sectionContainer #section-performance .tabArea .tabNav li.nav_movie a.active, .productDetail #contents .sectionContainer #section-performance .tabArea .tabNav li.nav_movie a:hover {
          background-position: -359px -48px; }
    .productDetail #contents .sectionContainer #section-performance .tabArea .tabBody {
      border: 1px solid #e3e3e3; }
    .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature {
      padding: 0 30px 15px;
      border-top: 0;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      -o-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px; }
      .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureHeader {
        margin: 0 -31px 20px;
        padding-bottom: 7px;
        background: url(../../lineup/images/bg_shadow_feature_header.gif) no-repeat center bottom; }
        .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureHeader ul {
          margin: 0 0 0 17px; }
          .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureHeader ul li {
            float: left;
            padding: 0 0 9px 14px; }
      .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection {
        margin-top: -50px;
        margin-bottom: 20px;
        padding-top: 65px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e8e8e8; }
        .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection h4 {
          margin: 0 0 10px; }
        .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection .imgR {
          float: right;
          margin: 0 0 20px 25px; }
        .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection .detail {
          margin-top: 20px; }
        .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection .listValue {
          width: 387px; }
          .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection .listValue ul {
            background: #f8f8f8;
            padding: 10px 0;
            overflow: hidden; }
            .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection .listValue ul li {
              width: 155px;
              float: left;
              text-align: center;
              font-size: 108%;
              padding: 10px 10px;
              margin-left: 10px;
              background: #ffe3e3; }
        .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection .lankBg {
          padding-left: 13px;
          font-size: 85%;
          background: url("../../lineup/images/txt_rank03.gif") left center no-repeat; }
        .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table {
          width: 100%;
          margin: 0 0 5px;
          border-collapse: collapse; }
          .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table tr.tC th {
            text-align: center; }
          .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table th {
            padding: 7px 15px;
            background: #cbe2ff;
            border: 1px solid #fff;
            font-weight: normal;
            vertical-align: middle;
            color: #333; }
            .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table th.sekisui {
              background: #ffe3e3; }
            .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table th span.smallTxt {
              font-size: 85%; }
          .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table td {
            padding: 7px 15px;
            background: #e9f3ff;
            border: 1px solid #fff;
            color: #555; }
            .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table td.sekisui {
              background: #fff7f7; }
            .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table td span.grandtoyou {
              display: none; }
            .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table td p.rank {
              float: left;
              margin: 0 10px 0 0;
              padding: 5px 15px;
              background: #fff;
              border: 1px solid #cacaca;
              text-align: center;
              line-height: 1; }
              .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table td p.rank span {
                font-size: 85%; }
              .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table td p.rank.standard, .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table td p.rank.pick {
                border-color: #d68282;
                background: #ffe3e3; }
              .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table td p.rank.option {
                border-color: #cacaca;
                background: #e6e6e6; }
            .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table td p.redSmallTxt {
              float: left;
              margin: 0 10px 0 0;
              padding: 5px 15px;
              color: #d63333;
              font-size: 85%; }
            .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table td dl {
              margin: -5px 0 0; }
              .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table td dl dt {
                margin-top: 5px;
                font-weight: bold; }
          .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table.touyouPerformanceTable td p.rank {
            padding: 8px 5px; }
            .productDetail #contents .sectionContainer #section-performance .tabArea #section-feature .featureSection table.touyouPerformanceTable td p.rank span {
              font-size: 130%; }
    .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie {
      padding: 27px 30px 15px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
      .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie h2 {
        margin: 0 0 8px;
        padding: 0;
        background: none; }
      .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie p.lead {
        margin-bottom: 15px; }
      .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie .section {
        margin-top: 25px;
        padding: 0; }
        .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie .section.movie01 {
          margin-top: 0; }
      .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie h3 {
        height: 30px;
        background: url(../../lineup/images/ttl_movie_section.gif) no-repeat;
        margin: 0 0 10px;
        text-indent: -9999px; }
      .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie .movie01 h3 {
        background-position: left 0px; }
      .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie .movie02 h3 {
        background-position: left -30px; }
      .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie .movie03 h3 {
        background-position: left -60px; }
      .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie .movie04 h3 {
        background-position: left -90px; }
      .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie ul {
        zoom: 1;
        margin: 0 0 0 -9px;
        padding: 0; }
        .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie ul:before, .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie ul:after {
          display: block;
          height: 0;
          visibility: hidden;
          content: "\0020"; }
        .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie ul:after {
          clear: both; }
        .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie ul li {
          float: left;
          width: 212px;
          margin: 0 0 15px 9px;
          _display: inline; }
          .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie ul li a {
            display: block;
            text-decoration: none;
            font-size: 110%;
            font-weight: bold;
            color: #555; }
            .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie ul li a:hover img.thumb {
              -ms-filter: "alpha( opacity=60 )";
              filter: alpha(opacity=60);
              -moz-opacity: 0.6;
              opacity: 0.6;
              cursor: pointer; }
            .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie ul li a img.thumb {
              margin-bottom: 3px;
              width: 204px;
              height: 115px;
              padding: 3px;
              border: 1px solid #eee; }
          .productDetail #contents .sectionContainer #section-performance .tabArea #section-movie ul li.long a {
            _height: 168px;
            min-height: 168px; }

.lineupNorthGrandtoyou #contents #section-performance span.grandtoyou,
.lineupToyouGrandtoyou #contents #section-performance span.grandtoyou {
  display: inline !important; }
.lineupNorthGrandtoyou #contents #section-performance span.toyou,
.lineupToyouGrandtoyou #contents #section-performance span.toyou {
  display: none; }

.lineupNorthCrescasaN #contents #productDetailNav ul li a,
.lineupNorthdomaniS #contents #productDetailNav ul li a,
.lineupNorthDesioNx #contents #productDetailNav ul li a,
.lineupNorthparfaitN #contents #productDetailNav ul li a {
  background: white url(../../lineup/images/nav_detail_north.gif) no-repeat; }
.lineupNorthCrescasaN #contents #productDetailNav ul li.nav-top a,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-top a,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-top a,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-top a {
  width: 118px; }
.lineupNorthCrescasaN #contents #productDetailNav ul li.nav-top a:hover, .lineupNorthCrescasaN #contents #productDetailNav ul li.nav-top.current a,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-top a:hover,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-top.current a,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-top a:hover,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-top.current a,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-top a:hover,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-top.current a {
  background-position: 0 -54px; }
.lineupNorthCrescasaN #contents #productDetailNav ul li.nav-exterior a,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-exterior a,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-exterior a,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-exterior a {
  width: 173px;
  background-position: -118px 0; }
.lineupNorthCrescasaN #contents #productDetailNav ul li.nav-exterior a:hover, .lineupNorthCrescasaN #contents #productDetailNav ul li.nav-exterior.current a,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-exterior a:hover,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-exterior.current a,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-exterior a:hover,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-exterior.current a,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-exterior a:hover,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-exterior.current a {
  background-position: -118px -54px; }
.lineupNorthCrescasaN #contents #productDetailNav ul li.nav-interior a,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-interior a,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-interior a,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-interior a {
  width: 148px;
  background-position: -291px 0; }
.lineupNorthCrescasaN #contents #productDetailNav ul li.nav-interior a:hover, .lineupNorthCrescasaN #contents #productDetailNav ul li.nav-interior.current a,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-interior a:hover,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-interior.current a,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-interior a:hover,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-interior.current a,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-interior a:hover,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-interior.current a {
  background-position: -291px -54px; }
.lineupNorthCrescasaN #contents #productDetailNav ul li.nav-performance a,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-performance a,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-performance a,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-performance a {
  width: 139px;
  background-position: -439px 0; }
.lineupNorthCrescasaN #contents #productDetailNav ul li.nav-performance a:hover, .lineupNorthCrescasaN #contents #productDetailNav ul li.nav-performance.current a,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-performance a:hover,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-performance.current a,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-performance a:hover,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-performance.current a,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-performance a:hover,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-performance.current a {
  background-position: -439px -54px; }
.lineupNorthCrescasaN #contents #productDetailNav ul li.nav-catalog a,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-catalog a,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-catalog a,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-catalog a {
  width: 182px;
  background-position: -578px 0; }
.lineupNorthCrescasaN #contents #productDetailNav ul li.nav-catalog a:hover,
.lineupNorthdomaniS #contents #productDetailNav ul li.nav-catalog a:hover,
.lineupNorthDesioNx #contents #productDetailNav ul li.nav-catalog a:hover,
.lineupNorthparfaitN #contents #productDetailNav ul li.nav-catalog a:hover {
  background-position: -578px -54px; }

.lineupNorthparfaitN #contents .tabArea .tabNav li a{
  width: 119px;
  background: url(../../lineup/parfait/images/tab_exterior.gif) no-repeat; }
.lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior01 a{
  width: 121px; }
  .lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior01 a.active,
  .lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior01 a:hover{
    background-position: 0 -48px; }
.lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior02 a{
  width: 120px;
  background-position: -121px 0; }
  .lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior02 a.active,
  .lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior02 a:hover{
    background-position: -121px -48px; }
.lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior03 a{
  width: 120px;
  background-position: -241px 0; }
  .lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior03 a.active,
  .lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior03 a:hover{
    background-position: -241px -48px; }
.lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior04 a{
  background-position: -361px 0; }
  .lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior04 a.active,
  .lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior04 a:hover{
    background-position: -361px -48px; }
.lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior05 a{
  background-position: -481px 0; }
  .lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior05 a.active,
  .lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior05 a:hover{
    background-position: -481px -48px; }
.lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior06 a{
  background-position: -601px 0; }
  .lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior06 a.active,
  .lineupNorthparfaitN #contents .tabArea .tabNav li.nav_exterior06 a:hover{
    background-position: -601px -48px; }

.lineupNorthMiole #contents .tabArea .tabNav li a,
.lineupToyouMiole #contents .tabArea .tabNav li a,
.lineupHeimBj #contents .tabArea .tabNav li a {
  width: 359px;
  background: url(../../lineup/bj/images/tab_exterior.gif) no-repeat; }
.lineupNorthMiole #contents .tabArea .tabNav li.nav_exterior01 a.active, .lineupNorthMiole #contents .tabArea .tabNav li.nav_exterior01 a:hover,
.lineupToyouMiole #contents .tabArea .tabNav li.nav_exterior01 a.active,
.lineupToyouMiole #contents .tabArea .tabNav li.nav_exterior01 a:hover,
.lineupHeimBj #contents .tabArea .tabNav li.nav_exterior01 a.active,
.lineupHeimBj #contents .tabArea .tabNav li.nav_exterior01 a:hover {
  background-position: 0 -48px; }
.lineupNorthMiole #contents .tabArea .tabNav li.nav_exterior02 a,
.lineupToyouMiole #contents .tabArea .tabNav li.nav_exterior02 a,
.lineupHeimBj #contents .tabArea .tabNav li.nav_exterior02 a {
  background-position: -359px 0; }
  .lineupNorthMiole #contents .tabArea .tabNav li.nav_exterior02 a.active, .lineupNorthMiole #contents .tabArea .tabNav li.nav_exterior02 a:hover,
  .lineupToyouMiole #contents .tabArea .tabNav li.nav_exterior02 a.active,
  .lineupToyouMiole #contents .tabArea .tabNav li.nav_exterior02 a:hover,
  .lineupHeimBj #contents .tabArea .tabNav li.nav_exterior02 a.active,
  .lineupHeimBj #contents .tabArea .tabNav li.nav_exterior02 a:hover {
    background-position: -359px -48px; }

.lineupNorthMiole #contents .tabArea .tabNav li a,
.lineupToyouMiole #contents .tabArea .tabNav li a {
  background: url(../../lineup/miole/images/tab_exterior.gif) no-repeat; }

.lineupNorthDesioNx #contents .tabArea .tabNav li a,
.lineupNorthGrandtoyou #contents .tabArea .tabNav li a,
.lineupToyouGrandtoyou #contents .tabArea .tabNav li a {
  width: 143px;
  background: url(../../lineup/grandtoyou/images/tab_exterior.gif) no-repeat; }
.lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior01 a,
.lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior01 a,
.lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior01 a {
  width: 144px; }
  .lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior01 a.active, .lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior01 a:hover,
  .lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior01 a.active,
  .lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior01 a:hover,
  .lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior01 a.active,
  .lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior01 a:hover {
    background-position: 0 -48px; }
.lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior02 a,
.lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior02 a,
.lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior02 a {
  background-position: -144px 0; }
  .lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior02 a.active, .lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior02 a:hover,
  .lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior02 a.active,
  .lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior02 a:hover,
  .lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior02 a.active,
  .lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior02 a:hover {
    background-position: -144px -48px; }
.lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior03 a,
.lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior03 a,
.lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior03 a {
  background-position: -287px 0; }
  .lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior03 a.active, .lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior03 a:hover,
  .lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior03 a.active,
  .lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior03 a:hover,
  .lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior03 a.active,
  .lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior03 a:hover {
    background-position: -287px -48px; }
.lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior04 a,
.lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior04 a,
.lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior04 a {
  background-position: -430px 0; }
  .lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior04 a.active, .lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior04 a:hover,
  .lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior04 a.active,
  .lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior04 a:hover,
  .lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior04 a.active,
  .lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior04 a:hover {
    background-position: -430px -48px; }
.lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior05 a,
.lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior05 a,
.lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior05 a {
  width: 145px;
  background-position: -573px 0; }
  .lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior05 a.active, .lineupNorthDesioNx #contents .tabArea .tabNav li.nav_exterior05 a:hover,
  .lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior05 a.active,
  .lineupNorthGrandtoyou #contents .tabArea .tabNav li.nav_exterior05 a:hover,
  .lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior05 a.active,
  .lineupToyouGrandtoyou #contents .tabArea .tabNav li.nav_exterior05 a:hover {
    background-position: -573px -48px; }

.lineupNorthparfaitN #contents .tabArea .tabNav li a {
  background: url(../../lineup/parfait_n/images/tab_exterior.gif) no-repeat; }

.lineupNorthDesioNx #contents .tabArea .tabNav li a {
  width: 143px;
  background: url(../../lineup/desio_nx/images/tab_exterior.gif) no-repeat; }

.lineupNorthdomaniS #contents .tabArea .tabNav li a {
  width: 239px;
  background: url(../../lineup/domani_s/images/tab_exterior.gif) no-repeat; }
.lineupNorthdomaniS #contents .tabArea .tabNav li.nav_exterior01 a.active, .lineupNorthdomaniS #contents .tabArea .tabNav li.nav_exterior01 a:hover {
  background-position: 0 -48px; }
.lineupNorthdomaniS #contents .tabArea .tabNav li.nav_exterior02 a {
  background-position: -239px 0; }
  .lineupNorthdomaniS #contents .tabArea .tabNav li.nav_exterior02 a.active, .lineupNorthdomaniS #contents .tabArea .tabNav li.nav_exterior02 a:hover {
    background-position: -239px -48px; }
.lineupNorthdomaniS #contents .tabArea .tabNav li.nav_exterior03 a {
  width: 240px;
  background-position: -478px 0; }
  .lineupNorthdomaniS #contents .tabArea .tabNav li.nav_exterior03 a.active, .lineupNorthdomaniS #contents .tabArea .tabNav li.nav_exterior03 a:hover {
    background-position: -478px -48px; }

/*---------------------------
	2015.1.27 UPDATE
-----------------------------*/
.lineupHeimDesio #contents .tabArea .tabNav li a {
  width: 144px;
  background: url(../../lineup/desio/images/tab_exterior.gif) no-repeat; }
.lineupHeimParfait #contents .tabArea .tabNav li a {
  width: 144px;
  background: url(../../lineup/parfait/images/tab_exterior.gif) no-repeat; }
  .lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior01 a.active,
  .lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior01 a:hover,
  .lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior01 a.active,
  .lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior01 a:hover {
    background-position: 0 -48px; }
.lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior02 a,
.lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior02 a {
  background-position: -144px 0; }
  .lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior02 a.active,
  .lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior02 a:hover,
  .lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior02 a.active,
  .lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior02 a:hover {
    background-position: -144px -48px; }
.lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior03 a,
.lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior03 a {
  width: 143px;
  background-position: -288px 0; }
  .lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior03 a.active,
  .lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior03 a:hover,
  .lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior03 a.active,
  .lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior03 a:hover {
    background-position: -288px -48px; }
.lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior04 a,
.lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior04 a {
  background-position: -431px 0; }
  .lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior04 a.active,
  .lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior04 a:hover,
  .lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior04 a.active,
  .lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior04 a:hover {
    background-position: -431px -48px; }
.lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior05 a,
.lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior05 a {
  width: 143px;
  background-position: -575px 0; }
  .lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior05 a.active,
  .lineupHeimDesio #contents .tabArea .tabNav li.nav_exterior05 a:hover,
  .lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior05 a.active,
  .lineupHeimParfait #contents .tabArea .tabNav li.nav_exterior05 a:hover {
    background-position: -575px -48px; }



.lineupHeimDomani #contents .tabArea .tabNav li a {
  width: 119px;
  background: url(../../lineup/domani/images/tab_exterior.gif) no-repeat; }
.lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior01 a {
  width: 121px; }
  .lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior01 a.active, .lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior01 a:hover {
    background-position: 0 -48px; }
.lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior02 a {
  width: 120px;
  background-position: -121px 0; }
  .lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior02 a.active, .lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior02 a:hover {
    background-position: -121px -48px; }
.lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior03 a {
  width: 120px;
  background-position: -241px 0; }
  .lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior03 a.active, .lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior03 a:hover {
    background-position: -241px -48px; }
.lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior04 a {
  background-position: -361px 0; }
  .lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior04 a.active, .lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior04 a:hover {
    background-position: -361px -48px; }
.lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior05 a {
  background-position: -480px 0; }
  .lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior05 a.active, .lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior05 a:hover {
    background-position: -480px -48px; }
.lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior06 a {
  background-position: -599px 0; }
  .lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior06 a.active, .lineupHeimDomani #contents .tabArea .tabNav li.nav_exterior06 a:hover {
    background-position: -599px -48px; }



.body-lineup #planDetail {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  text-align: left; }
  .body-lineup #planDetail * {
    margin: 0;
    padding: 0; }
  .body-lineup #planDetail .planSection {
    height: 594px; }
    .body-lineup #planDetail .planSection .planHeader {
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #eee; }
      .body-lineup #planDetail .planSection .planHeader h4 {
        margin: 0 20px 5px 0;
        font-size: medium; }
        .body-lineup #planDetail .planSection .planHeader h4 img {
          float: left;
          margin-right: 10px;
          margin-bottom: 11px; }
      .body-lineup #planDetail .planSection .planHeader p {
        clear: both; }
    .body-lineup #planDetail .planSection .planHeader02 {
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #eee;
      overflow: hidden; }
      .body-lineup #planDetail .planSection .planHeader02 .planHeaderL {
        width: 568px;
        float: left; }
        .body-lineup #planDetail .planSection .planHeader02 .planHeaderL h4 {
          margin: 0 20px 5px 0;
          font-size: medium; }
          .body-lineup #planDetail .planSection .planHeader02 .planHeaderL h4 img {
            float: left;
            margin-right: 10px;
            margin-bottom: 11px; }
        .body-lineup #planDetail .planSection .planHeader02 .planHeaderL p {
          clear: both; }
      .body-lineup #planDetail .planSection .planHeader02 .planHeaderR {
        width: 290px;
        float: right; }
    .body-lineup #planDetail .planSection .planMain p {
      margin: 0 0 10px; }
    .body-lineup #planDetail .planSection .planMain .pdfLink {
      float: right;
      margin-left: 10px;
      text-align: right; }
  .body-lineup #planDetail .planNavArea {
    position: relative; }
    .body-lineup #planDetail .planNavArea .pager {
      margin: 0; }
      .body-lineup #planDetail .planNavArea .pager li {
        position: absolute;
        top: 20px;
        margin: 0;
        background: #efe; }
        .body-lineup #planDetail .planNavArea .pager li.prev {
          left: 250px; }
        .body-lineup #planDetail .planNavArea .pager li.next {
          right: 250px; }
          .body-lineup #planDetail .planNavArea .pager li.next a {
            background-position: -17px bottom; }
            .body-lineup #planDetail .planNavArea .pager li.next a:hover {
              background-position: -17px 0; }
        .body-lineup #planDetail .planNavArea .pager li a {
          display: block;
          width: 17px;
          height: 39px;
          background: white url(../../lineup/images/plan_ctrl.gif) no-repeat left bottom;
          text-indent: 100%;
          white-space: nowrap;
          overflow: hidden; }
          .body-lineup #planDetail .planNavArea .pager li a:hover {
            background-position: 0 0; }
  .body-lineup #planDetail .planNav {
    text-align: center;
    margin-left: -4px; }
    .body-lineup #planDetail .planNav li {
      display: inline;
      margin-left: 4px; }
      .body-lineup #planDetail .planNav li a {
        display: inline-block;
        width: 40px; }
        .body-lineup #planDetail .planNav li a img.thumb {
          padding: 3px;
          background: #e8e8e8; }
        .body-lineup #planDetail .planNav li a.active img.thumb, .body-lineup #planDetail .planNav li a:hover img.thumb {
          background: #3f85d5;
          background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmODVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU5YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
          background: -moz-linear-gradient(top, #3f85d5 0%, #0059c0 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f85d5), color-stop(100%, #0059c0));
          background: -webkit-linear-gradient(top, #3f85d5 0%, #0059c0 100%);
          background: -o-linear-gradient(top, #3f85d5 0%, #0059c0 100%);
          background: -ms-linear-gradient(top, #3f85d5 0%, #0059c0 100%);
          background: linear-gradient(to bottom, #3f85d5 0%, #0059c0 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f85d5', endColorstr='#0059c0',GradientType=0 ); }

.lineupNorthDesioDomani #productDetailNav.productDetailNavfixed {
  position: relative; }
.lineupNorthDesioDomani #contents #productDetailNav ul li a {
  width: 380px;
  background: white url(../../lineup/desio_domani/images/nav_detail.gif) no-repeat; }
.lineupNorthDesioDomani #contents #productDetailNav ul li a:hover {
  background-position: left bottom; }
.lineupNorthDesioDomani #contents #productDetailNav ul li.nav-domani a {
  background-position: right top; }
.lineupNorthDesioDomani #contents #productDetailNav ul li.nav-domani a:hover {
  background-position: right bottom; }
.lineupNorthDesioDomani #contents .sectionContainer {
  padding-top: 0px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 20px; }
  .lineupNorthDesioDomani #contents .sectionContainer dl.lead {
    margin: 0 0 3px;
    padding-top: 19px; }
    .lineupNorthDesioDomani #contents .sectionContainer dl.lead dt {
      margin: 0 0 5px;
      padding: 0;
      font-size: 140%;
      font-weight: bold;
      line-height: 1.2;
      color: #555; }
    .lineupNorthDesioDomani #contents .sectionContainer dl.lead dd {
      font-size: 105%; }
  .lineupNorthDesioDomani #contents .sectionContainer .section {
    padding-top: 10px; }
.lineupNorthDesioDomani #contents .footerLink {
  padding: 20px 0 0 0; }
.lineupNorthDesioDomani #contents #section-domani {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8; }

/* 商品紹介 */
/* =====================================================================


	appeal


===================================================================== */
.page_appealAndex {
  /*---------------------------------
  
  	#energy
  
  ----------------------------------*/ }
  .page_appealAndex h2, .page_appealAndex ul, .page_appealAndex p {
    padding: 0;
    margin: 0;
    background: none; }
  .page_appealAndex #indexKeyvisual {
    position: relative; }
    .page_appealAndex #indexKeyvisual .ul {
      position: absolute;
      top: 217px;
      left: 26px;
      margin: 0;
      zoom: 1; }
      .page_appealAndex #indexKeyvisual .ul:before, .page_appealAndex #indexKeyvisual .ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      .page_appealAndex #indexKeyvisual .ul:after {
        clear: both; }
      .page_appealAndex #indexKeyvisual .ul li {
        float: left;
        padding: 0 8px 0 0; }
      .page_appealAndex #indexKeyvisual .ul a {
        display: block;
        background: #fff; }
        .page_appealAndex #indexKeyvisual .ul a:hover img {
          -ms-filter: "alpha( opacity=60 )";
          filter: alpha(opacity=60);
          -moz-opacity: 0.6;
          opacity: 0.6;
          cursor: pointer; }
      .page_appealAndex #indexKeyvisual .ul img {
        display: block; }
  .page_appealAndex #contents {
    float: none;
    width: 100%; }
  .page_appealAndex #energy {
    margin: 15px 0 0; }
    .page_appealAndex #energy .ul {
      position: relative;
      margin: 0 -15px 0 0;
      zoom: 1; }
      .page_appealAndex #energy .ul:before, .page_appealAndex #energy .ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      .page_appealAndex #energy .ul:after {
        clear: both; }
    .page_appealAndex #energy li {
      float: left;
      padding: 0 14px 20px 0;
      background: url(../../appeal/images/index/energy_div_bg.png) no-repeat 50% 100%; }
      .page_appealAndex #energy li a {
        display: block;
        background: #fff; }
        .page_appealAndex #energy li a:hover img {
          -ms-filter: "alpha( opacity=60 )";
          filter: alpha(opacity=60);
          -moz-opacity: 0.6;
          opacity: 0.6;
          cursor: pointer; }
  .page_appealAndex #energy2 .hgroup {
    position: relative; }
    .page_appealAndex #energy2 .hgroup .btn {
      position: absolute;
      display: block;
      top: 22px;
      left: 671px;
      background: #fff; }
    .page_appealAndex #energy2 .hgroup a {
      display: block;
      position: relative;
      background: #fff; }
      .page_appealAndex #energy2 .hgroup a:hover img {
        -ms-filter: "alpha( opacity=60 )";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
        cursor: pointer; }
  .page_appealAndex #energy2 .link {
    min-height: 408px;
    height: auto !important;
    height: 408px;
    background: url(../../appeal/images/index/energy2_link_bg.png) repeat-y 0 0; }
    .page_appealAndex #energy2 .link .ul {
      zoom: 1; }
      .page_appealAndex #energy2 .link .ul:before, .page_appealAndex #energy2 .link .ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      .page_appealAndex #energy2 .link .ul:after {
        clear: both; }
    .page_appealAndex #energy2 .link li {
      float: left;
      position: relative;
      padding-bottom: 40px;
      background-repeat: no-repeat;
      background-position: 0 0;
      zoom: 1;
      border: solid 1px #d8d8d8;
      cursor: pointer; }
      .page_appealAndex #energy2 .link li:before, .page_appealAndex #energy2 .link li:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      .page_appealAndex #energy2 .link li:after {
        clear: both; }
      .page_appealAndex #energy2 .link li:hover .icon_box, .page_appealAndex #energy2 .link li:hover .text_box, .page_appealAndex #energy2 .link li:hover .to {
        -ms-filter: "alpha( opacity=60 )";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
        cursor: pointer; }
      .page_appealAndex #energy2 .link li:hover .to a {
        color: #0059c0; }
      .page_appealAndex #energy2 .link li .askTopBtn {
        margin-top: 10px; }
    .page_appealAndex #energy2 .link .li1 {
      min-height: 159px;
      height: auto !important;
      height: 159px;
      width: 472px;
      border-top: none;
      border-bottom: none; }
    .page_appealAndex #energy2 .link .li2 {
      min-height: 159px;
      height: auto !important;
      height: 159px;
      width: 475px;
      border-top: none;
      border-bottom: none;
      border-left: none; }
    .page_appealAndex #energy2 .link .li3 {
      min-height: 162px;
      height: auto !important;
      height: 162px;
      width: 472px;
      border-bottom: none; }
    .page_appealAndex #energy2 .link .li4 {
      min-height: 162px;
      height: auto !important;
      height: 162px;
      width: 475px;
      border-bottom: none;
      border-left: none; }
    .page_appealAndex #energy2 .link .icon_box {
      float: left;
      padding: 0 0 0 1px;
      cursor: pointer; }
    .page_appealAndex #energy2 .link .text_box {
      float: right;
      padding: 22px 22px 0 0;
      width: 312px;
      cursor: pointer; }
    .page_appealAndex #energy2 .link .h2 {
      padding: 0;
      margin: 0;
      font-size: 131%;
      font-weight: bold; }
    .page_appealAndex #energy2 .link .p {
      margin: 0.6em 0 0;
      line-height: 1.7; }
    .page_appealAndex #energy2 .link .to {
      position: absolute;
      right: 20px;
      bottom: 18px;
      line-height: 1; }
      .page_appealAndex #energy2 .link .to a {
        display: block;
        padding: 0 0 0 16px;
        background: url(../images/icon_link.gif) no-repeat 0 40%; }
        .page_appealAndex #energy2 .link .to a:hover {
          color: #0059c0; }
  .page_appealAndex #energy2 .bg-bottom {
    height: 12px;
    font-size: 0;
    line-height: 0; }
  .page_appealAndex .tabArea {
    margin: 13px 0 0; }
    .page_appealAndex .tabArea .tabNav {
      zoom: 1; }
      .page_appealAndex .tabArea .tabNav:before, .page_appealAndex .tabArea .tabNav:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      .page_appealAndex .tabArea .tabNav:after {
        clear: both; }
      .page_appealAndex .tabArea .tabNav li {
        float: left; }
        .page_appealAndex .tabArea .tabNav li a {
          display: block;
          height: 54px;
          background-repeat: no-repeat;
          background-position: 0 0;
          text-indent: -9999px;
          text-align: left; }
          .page_appealAndex .tabArea .tabNav li a:hover {
            background-position: 0 100%; }
      .page_appealAndex .tabArea .tabNav .nav_comfort a {
        width: 238px;
        background-image: url(../../appeal/images/index/tab_nav_comfort.png); }
      .page_appealAndex .tabArea .tabNav .nav_relieve a {
        width: 237px;
        background-image: url(../../appeal/images/index/tab_nav_relieve.png); }
      .page_appealAndex .tabArea .tabNav .nav_environment a {
        width: 237px;
        background-image: url(../../appeal/images/index/tab_nav_environment.png); }
      .page_appealAndex .tabArea .tabNav .nav_support a {
        width: 238px;
        background-image: url(../../appeal/images/index/tab_nav_support.png); }
    .page_appealAndex .tabArea .tabBody .ul {
      zoom: 1;
      background: url(../../appeal/images/index/tab_body_bg.png) repeat-y 100% 0; }
      .page_appealAndex .tabArea .tabBody .ul:before, .page_appealAndex .tabArea .tabBody .ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      .page_appealAndex .tabArea .tabBody .ul:after {
        clear: both; }
      .page_appealAndex .tabArea .tabBody .ul li {
        float: left; }
        .page_appealAndex .tabArea .tabBody .ul li a {
          display: block;
          background: #fff; }
          .page_appealAndex .tabArea .tabBody .ul li a:hover img {
            -ms-filter: "alpha( opacity=60 )";
            filter: alpha(opacity=60);
            -moz-opacity: 0.6;
            opacity: 0.6;
            cursor: pointer; }
    .page_appealAndex .tabArea .tabBody .bg-bottom {
      height: 5px;
      line-height: 0;
      font-size: 0; }
  .page_appealAndex .active a {
    background-position: 0 100% !important; }
  .page_appealAndex .movieBnr {
    margin: 20px 0 40px; }
    .page_appealAndex .movieBnr:hover img {
      -ms-filter: "alpha( opacity=60 )";
      filter: alpha(opacity=60);
      -moz-opacity: 0.6;
      opacity: 0.6;
      cursor: pointer; }

.appealAirComfAFP .setR,
.appealClimateAFP .setR {
  margin-left: 40px;
  margin-right: 40px; }
  .appealAirComfAFP .setR p,
  .appealClimateAFP .setR p {
    width: 250px; }
  .appealAirComfAFP .setR .img,
  .appealClimateAFP .setR .img {
    width: 406px; }
.appealAirComfAFP ul.lieImg,
.appealClimateAFP ul.lieImg {
  margin-right: 0; }

/* ---------------------------------------------------------------------

	動画でセキスイハイムの魅力をご紹介

--------------------------------------------------------------------- */
.page_appealAndex #contents .lead {
  margin: 7px 0 10px; }
.page_appealAndex #contents .movieArea .section {
  margin-bottom: 13px;
  padding-bottom: 10px;
  background: url(/appeal/images/movie/bg_movie_section.gif) no-repeat left bottom; }
  .page_appealAndex #contents .movieArea .section h3 {
    height: 34px;
    background: url(/appeal/images/movie/ttl_movie_section.gif) no-repeat;
    margin: 0 0 22px;
    text-indent: -9999px; }
  .page_appealAndex #contents .movieArea .section.movie01 h3 {
    background-position: left 0px; }
  .page_appealAndex #contents .movieArea .section.movie02 h3 {
    background-position: left -34px; }
  .page_appealAndex #contents .movieArea .section.movie03 h3 {
    background-position: left -68px; }
  .page_appealAndex #contents .movieArea .section.movie04 h3 {
    background-position: left -102px; }
  .page_appealAndex #contents .movieArea .section ul {
    zoom: 1;
    padding: 0 0 0 8px; }
    .page_appealAndex #contents .movieArea .section ul:before, .page_appealAndex #contents .movieArea .section ul:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .page_appealAndex #contents .movieArea .section ul:after {
      clear: both; }
    .page_appealAndex #contents .movieArea .section ul li {
      float: left;
      width: 294px;
      margin: 0 0 15px 13px;
      _display: inline; }
      .page_appealAndex #contents .movieArea .section ul li a {
        display: block;
        text-decoration: none;
        font-size: 115%;
        font-weight: bold;
        color: #555; }
        .page_appealAndex #contents .movieArea .section ul li a:hover img.thumb {
          -ms-filter: "alpha( opacity=60 )";
          filter: alpha(opacity=60);
          -moz-opacity: 0.6;
          opacity: 0.6;
          cursor: pointer; }
        .page_appealAndex #contents .movieArea .section ul li a img.thumb {
          margin-bottom: 3px;
          padding: 5px;
          border: 1px solid #eee; }
.page_appealAndex #contents .footerLink {
  zoom: 1;
  margin: 15px 0 50px; }
  .page_appealAndex #contents .footerLink:before, .page_appealAndex #contents .footerLink:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .page_appealAndex #contents .footerLink:after {
    clear: both; }
  .page_appealAndex #contents .footerLink li {
    float: left; }
    .page_appealAndex #contents .footerLink li.r {
      float: right; }
    .page_appealAndex #contents .footerLink li a:hover img {
      -ms-filter: "alpha( opacity=60 )";
      filter: alpha(opacity=60);
      -moz-opacity: 0.6;
      opacity: 0.6;
      cursor: pointer; }

.askBtn {
  margin-top: 30px!important; }

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box; }

#cboxOverlay {
  background: #555; }

#cboxContent {
  margin-top: 20px; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  border: 3px solid #dcdcdc;
  background: #fff;
  padding: 45px; }

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc; }

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc; }

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff; }

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url(/appeal/images/movie/colorbox/controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: bottom left; }

#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(/appeal/images/movie/colorbox/controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: bottom right; }

#cboxLoadingOverlay {
  background: #000; }

#cboxLoadingGraphic {
  background: url(/appeal/images/movie/colorbox/loading.gif) no-repeat center center; }

#cboxClose {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  background: url(/appeal/images/movie/colorbox/controls.png) no-repeat top center;
  width: 46px;
  height: 46px;
  text-indent: -9999px; }

#cboxClose:hover {
  background-position: bottom center; }

/* =====================================================================


	20130315


===================================================================== */
.lead_p {
  margin: 10px 0 0 10px; }

/* セキスイハイムの性能 */
/*@import "_debug.scss";*/
/* デバッグ用 */



/* =====================================================================
	20150420
===================================================================== */
.productDetail #contents .sectionContainer .section .tileWrap h5 ~ h5.noBorder {
	padding-top: 0;
	border-top: none;
}
.productDetail #contents .sectionContainer .section .tileWrap h5 ~ h5.grayBorder {
          padding-top: 15px;
          border-top: 1px solid #333333; }
/* =====================================================================
	20160419
===================================================================== */
          .productDetail #contents .sectionContainer .section .tileWrap02 dl dt img {
            width: 65px!important;
            height: 65px!important;
}
      .productDetail #contents .sectionContainer .section .tileWrap02 dl {
        width: 65px;
				height: 105px;
}
        .productDetail #contents .sectionContainer .section .tileWrap .tileWrap02 h5{
          padding-top: 15px;
          border-top: 1px solid #e8e8e8; }