@charset "UTF-8";

    /**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }

html, body {
	overflow-x:hidden;	
}

body {
	background-color:#000;
	font-family: 'MS PGothic','Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
}

figure {
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

h1,h2,h3 {
	font-weight:normal;
}

h1 {
	font-size:18px;
	line-height:22px;
	color:white;
}

.white-type {
	color:#FFF;	
}

.black-type {
	color:000;	
}

.subtitle-gfx {
    margin-top: 3px;
}

a img {border: none; }

/*Positioning*/

.left {float:left; display:block; position:relative; width:100%;}
.left-block {float:left; display:block; position:relative; width:100%;}
.right {float:right; display:block; position:relative; width:100%;}

.absolute {position:absolute;
}

.top-50 { height:50%;}
.left-100 { width:100%; }
.left-50 { width:50%; }
.left-33 { width:33.33%; }
.left-34 { width:33.33%; }
.left-75 { width:74.22%; }
.right-25 { width:25.77%; }
	
.top-icon-align {
	height: 26px;
    top: -13px;
}

.top-icon-align-2gyou {
    height: 44px;
    top: -22px;
}


p.description {
    color: #FFF;
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
	font-size:25px;
}

/* Centering */

.title-horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

.title-centering {
    left: 0;
    position: absolute;
    right: 0;
    visibility: visible;
}

.horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

.centering {
    left: 0;
    position: absolute;
    right: 0;
    visibility: visible;
}

/* Slide CSS */

.slider-container {
	background-color:#eee;	
}

#text-wrapper {
	position: relative;
    width: 400px; height: 160px;
	
}

#slide-block {
	background: #000;
    filter:alpha(opacity=30); /* IE */
    -moz-opacity:0.6; /* Mozilla */
    opacity: 0.6; /* CSS3 */
    position: absolute;
    bottom: 175px; left: 20px;
    height: 100%; width:100%;	
}

#slide-text {
	padding:10px;
	color:#FFF;
}

/* Module CSS */

.backstretch {
	position:relative;
}

.module-text-area {
	background-color:#000; 
	color:#fff; 
	position:absolute; 
	bottom:0; 
	height:30%;
}

.left-align {
	text-align:left;
}

.padding-top-50 {
	padding-top:50px;	
}


.padding-right-50 {
	padding-right:50px;	
}

.grey-border {
	height:1px;
	width:100%;
	background-color:#999;	
}

.margin {
	padding:20px;	
}


.brand-content {
	padding-top:15px;	

}


/* Content Slider */

#content-slider {
	position:relative;
}

.visibleNearby {
  width: 100%;
  background: #141414;
  color: #FFF;
  padding-top: 25px;
}
.visibleNearby .rsGCaption {
  font-size: 16px;
  line-height: 16px;
  padding: 12px 0 16px;
  background: #141414;
  width: 100%;
  position: static;
  float: left;
  left: auto;
  bottom: auto;
  text-align: center;
}
.visibleNearby .rsGCaption span {
  display: block;
  clear: both;
  color: #bbb;
  font-size: 14px;
  line-height: 24px;
}

#gallery-1 {
	width:100%;	
}

/* Scaling transforms */
.visibleNearby .rsSlide img {
  opacity: 0.45;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

  -webkit-transform: scale(0.9);  
  -moz-transform: scale(0.9); 
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.visibleNearby .rsActiveSlide img {
  opacity: 1;
  -webkit-transform: scale(1);  
  -moz-transform: scale(1); 
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.xevo-icon-top {
	background:url(../img/block.png);
	width:110px;
	height:110px;
	position:absolute;
	right:10px;
	bottom:10px;
}

.xevo-icon {
	background:url(/jutaku/img/xevo-box.png) no-repeat;
	width:115px;
	height:115px;
	position:absolute;
	right:10px;
	bottom:10px;
}

.xevo-title {
	background:url(../img/xevoE/xevoE-logo.png) no-repeat;
	width:137px;
	height:41px;
}
	
.center {
	left:0;
	right:0; 
	margin-left:auto; 
	margin-right:auto;
	text-align:center;
}

.mobile {
	display:none;
}

.desktop {
	display:block;
}

.tablet {
	display:none;
}

.mobile-tablet {
	display:none;
}

.tablet-desktop {
	display:block;
}

.desktop-hide {
	display:none;
}

/* xevo Logo */

.logo a {
    left:32px;
	position: absolute;
    top: 25px;
  
}

.logo-icon {
	margin-bottom:15px;	
}

.logo-sticky a {
	width:85px;
	height:31px;
	background:url(../img/xevo-logo.png) no-repeat;
	position:absolute;
	left:0px;
	top:5px;
	margin:5px;
}


/* CTA - Top */

.cta {
    font-size: 12px;
    height: 28px;
	right:0px;
    position: absolute;
    top: 12px;
    width: 155px;
    z-index: 9999;
}

.cta ul { list-style-type: none; margin:0; padding:0; }
.cta ul li {
    float: left;
    line-height: 43px;
    padding: 0;
    width: 75px;
}
.cta ul .cta-1 {
  width: 64px;
}
.cta ul .cta-2 {
  width: 86px;
}

.cta a { width:107px; height:28px; display:block; color:#FFF; text-decoration:none; }
.cta a:hover { color:#FFF; text-decoration: underline; }

.cta-1 { height:51px; }
.cta-2 { height:51px; }

.cta-1 a {
    width: 65px;
	display:block;
}

.cta-2 a {
    width: 90px;
	display:block;
}


/* CTA Button Area for Single Pages */

.bg-cta { /* .kenchiku-cta */
    background-image: url(../img/bg-cta.jpg);
    height: 121px;
    width: 100%;
	position:relative;
	float:left;
}

.cta-btn {	/*kenchiku-cta-btn*/
	width:339px;
	height:55px;
	position:relative;
	margin:0 auto;
	padding-top:32px;
}

.cta-btn a { /*kenchiku-cta-btn*/
	display:block;
	width:100%;
	height:100%;
	background:url(../img/arrow.png) 20px 23px no-repeat;
	background-color:#b60000;
	color:#FFF;
	text-decoration:none;
	line-height:55px;
	text-align:center;
	outline:solid 1px; 
	outline-color:#acacac;
}	

.cta-btn a:hover{ /*kenchiku-cta-btn*/
	background-color:#c60000;	
}


/* CTA - Bottom */

#cta-bottom {
	background-image:url(../img/CTA-bottom.png);
	height:328px;
	width:100%;
	margin-bottom:32px;
	position:relative;
}

.cta-padding {
	padding-top:75px;	
}

.column {
	width:326px;
	float:left;
}

.column-contents {
	margin-left:15px;
	margin-right:15px;
	position:relative;
}


.column-contents h2{
	font-size:20px;
	font-weight:normal;
	line-height:0px;
}

.divider {
	background-color:#d7d7d7;
	height:200px;
	width:1px;
	float:left;	
}

.cta-text {
    left: 80px;
    margin-right: 14px;
    position: absolute;
    top: 0;
}

.column-contents p {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 50px;
}

.cta-text p {
    margin-top: 10px;
}

.desktop {
    display: block;
}

.button {
    height: 40px;
    width: 100%;
}

.button a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/arrow.png) 20px 16px no-repeat;
	background-color:#b60000;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	outline:solid 1px; 
	outline-color:#acacac;
}	

.button a:hover{
	background-color:#c60000;	
}


.button-style {	
	font-size:14px;
	color:#FFF;
	line-height:40px;
	text-align:center;
}


/* Body Content */

#wrapper {
	width:100%;
	height:100%;
}

.content-wrapper {
	margin:0 auto;
	width:980px;
	position:relative;
}	

#subnav-wrapper {
	margin:0 auto;
	width:980px;
	position:relative;
}

#point-wrapper {
	margin:0 auto;
	width:980px;
	position:relative;
	top:0px;
	z-index:100;
}

/* Block Selection Contents */

.selectable a {
	display:block;
	height:100%;
	width:100%;
	z-index:9999;
}

.text-center {
	text-align:center;	
}


/* Main Contents */

.top {
	
}

.float a {
	display:block;
	height:100%;
	width:100%;
}

.module-text {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 24px;
    margin: 70px auto;
    width: 512px;
}

.module-text-headline {
	color: #000;
    font-size: 14px;
	line-height:24px;
	width: 512px;
}

.module-text h2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
}

.absolute-center {
	position:absolute;
	left:0;
	right:0; 
	margin-left:auto; 
	margin-right:auto;
	text-align:center;
}

.product-icon {
	position:absolute;
	bottom:20px;
	right:20px;
}

.float {
	display: block;
	float:left;
	position:relative;
}

.clearfix{zoom:1;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.grey {
	background-color:#747474;	
}

.black {
	background-color:#000;
}


.white {
	background-color:#FFF;
	height:250px;
}

.text-white {
	color:#FFF;	
}

/* Icons */

.icon-soudan {
	position:absolute; 
	top:16px;
}

.icon-seikyuu {
	position:absolute; 
	top:15px;
	left:85px;
}

/* Grand Navigation */

.links {
    color: #FFFFFF;
    font-size: 14px;
    left: 165px;
    position: absolute;
    top: 39px;
}

.links ul {
	padding:0;
	margin:0;	
}

.links li {
	list-style:none;
	float:left;
	padding-right:10px;
}

.links a {
    background: url("../img/nav-arrow.png") no-repeat scroll 0 2px transparent;
    color: #FFFFFF;
    padding-left: 9px;
    text-decoration: none;
}

.links a:hover {
	color:#FFF;
	text-decoration: underline; 
}

.nav-selector {
	   position:absolute;
	   top:84px;
	   left:320px;
	   z-index:9999;
}


/* Model Home Tab */

.model-tab {
	position:fixed;
	right:-63px;
	top:30%;
	z-index:9999;
}


.model-tab a {
	display:block;
	height:100%;
}


/* Sub Navigation */
.sublinks {
    font-size: 14px;
    padding-top: 15px;
}

.sublinks ul {
	margin:0; 
	padding:0;
}

.sublinks li {
    background: url("../img/subnav-arrow.png") no-repeat scroll 0 2px transparent;
    list-style: none outside none;
    padding-left: 10px;
    padding-right: 10px;
	display:inline;
}

.sublinks a {
	color:#333;
	text-decoration: none; 
}

.sublinks a:hover {
	color:#333;
	text-decoration: underline; 
}

/* Sticky Links */

.stickylinks {
    font-size: 14px;
    padding-top: 20px;
}

.stickylinks ul {
	margin:0; 
	padding:0;
}

.stickylinks li {
    background: url("../img/arrow.png") no-repeat scroll 0 2px transparent;
    list-style: none outside none;
    padding-left: 10px;
    padding-right: 10px;
	display:inline;
}

.stickylinks a {
	color:#333;
	text-decoration: none; 
}

.stickylinks a:hover {
	color:#333;
	text-decoration: underline; 
}

.section {
    color: #FFFFFF;
    padding-top: 12px;
	text-align:center;
}

.search {
	position:absolute;
	right:0px;	
	top:52px;
}

.search form {
	border:0;
	padding:0;
	margin:0;
}

.search fieldset {
	border:0;
	margin: 0;
    padding: 0;
}

.magnify {
    left: 7px;
    position: absolute;
    top: 7px;
}

.clear {
	clear:both;
}

.desktop-clear {
	clear:both;	
}

.input {
    background-color: #DDDDDD;
    background-position: center top;
    background-repeat: repeat-x;
    border: 1px solid #999999;
    float: left;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    height: 24px;
    padding-left: 25px;
    padding-right: 1px;
    width: 95px;
}

.submit {
	background:url(../img/kensaku.png) no-repeat;
	height:28px;
	width:32px;
	border: none;
	margin: 0;
	padding: 0;
	float:left;
}

.back {
    background: none repeat scroll 0 0 #4D4D4F;
    height: 43px;
    width: 150px;
	float:left;
	margin-right:18px;
}

.back2 {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 43px;
    margin-right: 18px;
    padding-top: 20px;
    text-align: center;
    width: 150px;
}

.grey-left {
	background: none repeat scroll 0 0 #4D4D4F;
 	width:50%;
	margin-left:-490px;
	height:43px;
	position:absolute;		
}


/* Header */


#header {
	background-color:#000;
	background-position:center;
	position:relative;
	height:96px;
	z-index:9991;
	width:100%;
}

#subheader {	
	background-color:#FFF;
	position:relative;
	height:43px;
	z-index:9990;
	width:100%;
}

#border {
	background-color:#666;
	width:100%;
	z-index:9990;
	position:relative;
	height:1px;
}

.container {
	width:100%;	
}


/* Fix Header */

#fix-header {
	position:fixed;
	z-index:9999;
	width:100%;
	top:-65px;
}


.fix-head {
	background-image:url(../img/fix-head.png);
	height:65px;
	width:100%;
}


/* Point Footer */

.dropdown {
    height: 22px;
    position: absolute;
    width: 100%;
	top:90px;
}

.point-title {
	position:absolute;
	top:26px;
	left:0px;	
}

.model-button {
	height: 26px;
	position: absolute;
	left: 112px;
	top: 0;
	padding-top: 26px;
	width: 133px;
}

.top-button {
    height: 40px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 138px;
}

.top-button a {
	display:block;
	width:100%;
	height:100%;
	background-image:url(../img/top-button.png);
}


.top-button a:hover {
	background-image:url(../img/top-button-on.png);
}

/* Royal Slider */

.coloredBlock {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.6);
    color: #FFFFFF;
    left: 20%;
    padding: 12px;
    bottom: 5%;
    width: 200px;
}

.ctaBlock {
    position: absolute;
    font-size: 14px;
    height: auto;
    right: 56px;	
    max-height: 100%;
    max-width: 20%;
    left: auto;
    top:0%;
	margin-top:116px;
	z-index:9990;
}

.paddingBlock {	
	padding:5px;
	margin:5px;
}

.infoBlockSlide {
    margin-left:30px;
	padding:0 20px 0 20px;
    position: absolute;
    font-size: 14px;
    height: auto;
    left: auto;	
    min-width: 40%;
    right: 30px;
    bottom: 5%;
}


.infoBlock {
    position: absolute;
    font-size: 14px;
    height: auto;
    left: 30px;
    max-height: 100%;
    min-width: 40%;
    padding: 20px;
    right: auto;
    top: 5%;
}

.infoBlockBottom {
	margin-left:30px;
    position: absolute;
    font-size: 14px;
    height: auto;
    left: auto;	
    min-width: 40%;
    padding: 20px;
    right: 30px;
    bottom: 5%;
}

.infoBlockBottom p {
	position:relative;	
}

.infoBlockLeftBlack {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
}

.infoBlock h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 3px;
}
.infoBlock p {
    font-size: 14px;
    margin: 4px 0 0;
}
.infoBlock a {
    color: #FFFFFF;
    text-decoration: underline;
}

.infoBlock h3 {
    font-size: 14px;
    line-height: 17px;
}

.rsDefault .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;
	font-size:14px;

	background-color: #FFF;
	
	*display:inline; 
	*zoom:1;
}

.contentSlider, .contentSlider .rsOverflow, .contentSlider .rsSlide, .contentSlider .rsVideoFrameHolder, .contentSlider .rsThumbs {
    background: none repeat scroll 0 0 #000000;
    color: #EEEEEE;
}

.arrow {
    background: url("../img/subnav-arrow.png") no-repeat scroll 0 4px transparent;
    display: block;
    padding-left: 9px;
}

/* Footer */

#footer {
    background-color: #FFFFFF;
    bottom: 0;
    height: 96px;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 9999;
}

#footer a {
	color:#000;
	text-decoration:none;
}


#footer a:hover {
	text-decoration:underline;
}

.footer-top {
	font-size:12px;
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	color:#4D4D4F;
	position:absolute;
	top:21px;
	left:102px;
}

.footer-bottom {
	font-size:11px;
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	color:#4D4D4F;
	position:absolute;
	top:48px;
	left:102px;
}

.footer-bottomright {
	font-size:11px;
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	color:#4D4D4F;
	position:absolute;
	right:0;
	top:48px;
	right:32px;
}

.footer-topright {
	position:absolute;
	top:26px;
	right:32px;	
}

.logo-float {
	padding-top:10px;
}

/* New Added 3-20-2013 */

.box-type {
    color: #000;
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
	font-size:18px;
}

.icon-type {
    color: #FFFFFF;
    font-size: 15px;
    left: 0;
    line-height: 17px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.gyou-1 {
	top:50px;	
}

.gyou-2 {
	top:40px;
}

.gyou-3 {
	top:30px;
}

.box-gyou1 {
    height: 18px;
    top: -9px;
}

.font-module {
    font-size: 18px;
    line-height: 24px;
}

.block {
	width:100%;
	height:100%;
	position:absolute;
	z-index:9990;
	background-image:url(../img/block.png);
	filter:alpha(opacity=0); /* IE */
    -moz-opacity:0; /* Mozilla */
    opacity: 0; /* CSS3 */
	line-height:20px;
}

.block h2 {
    font-size: 22px;
    line-height: 26px;
    margin: 10px 0;
}

.block p {
	margin-bottom:10px;	
}

#footer p {
    line-height: 0;
    margin: 1em 0;
}

p {
    font-size: 14px;
    line-height: 24px;
}

.personal {
	line-height:20px;	
}


/* END - New Added 3-20-2013 */


/* Conversion Block */

.cvSeparate {
    border-top: 1px solid #ccc;
    padding: 60px 0 30px;
}
.cvSeparate.typeBlk {
	border-top: none;
	background-color: #000;
}
.cvSeparate.typeWht {
	background-color: #fff;
}
.cvBlock {
    margin: 60px 0 30px;
    padding: 20px 10px 20px;
    background-color: #3d3d3d;
    color: #b7b7b7;
    clear: both;
}
.cvSeparate .cvBlock {
    margin-top: 0;
    margin-bottom: 0;
}
.cvBlock p {
    margin: 0;
    line-height: 1.6;
}
.cvBlock .cvInnerTxt p {
    font-size: 14px;
}
.cvBlock .cvInnerTxt,
.cvBlock .cvInnerBtn {
    width: 760px;
    margin: 0 auto;
}
.cvBlock .cvInnerTxt {
    margin-bottom: 20px;
}
.cvBlock .cvInnerTxt h2,
.cvBlock .cvInnerTxt p {
    float: left;
    width: 380px;
}
.cvBlock .cvInnerTxt h2 {
    padding-top: 15px;
}
.cvBlock .cvInnerTxt h2.pt00 {
    padding-top: 0;
}
.cvBlock .cvInnerTxt h2.pt10 {
    padding-top: 10px;
}
.cvBlock .cvInnerTxt p {
    float: right;
}
.cvBlock .cvInnerBtn div {
    float: left;
    width: 380px;
}

/* Relation Block */
.relationBlock {
  margin: 30px 0;
}
.relationBlock.mtSpace {
	margin-top: 50px;
}
.cvSeparate .relationBlock {
  margin-bottom: 0;
}
.relationBlock ul {
	width: 630px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.relationBlock .type3col {
	width: 950px;
}
.relationBlock li {
  float: left;
	margin-right: 10px;
	text-align: center;
}
.relationBlock .type1col li {
	float: none;
}
.relationBlock .lastChild {
	margin-right: 0;
}
.relationBlock li img {
  border: 1px solid #ccc;
  vertical-align: top;
}

/* ==

　GranWoodキャンペーンモジュール 14.08

=============================================================================== */
#mainContents .cvGWBlock {
    margin: 60px -20px 0;
    padding: 20px 10px 20px;
    background-color: #fff;
    color: #333;
    clear: both;
}
#mainContents .cvGWBlock .cvInnerBtn {
    width: 760px;
    margin: 0 auto;
}
#mainContents .cvGWBlock .cvInnerBtn div {
    float: left;
    width: 380px;
}
.mt00 { margin-top: 0 !important; }