@charset "utf-8";

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

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通

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


/* ==

　00. file import

=============================================================================== */
@import url("/jutaku/lifestyle/css/style.css"); /* ライフスタイル・テーマから選ぶ（/jutaku/lifestyle/css/） */


/* ==

　01.共通

=============================================================================== */
* html .mainVisual div,
* html .mainVisual dl,
* html .mainVisual ul { zoom: 1; } /* ie6 */
*:first-child+html .mainVisual div,
*:first-child+html .mainVisual dl,
*:first-child+html .mainVisual ul { zoom: 1; } /* ie7 */
.mainVisual div:after,
.mainVisual dl:after,
.mainVisual ul:after { content: ''; display: block; clear: both; height: 0; }

.headerArea { border-bottom: 1px solid #ccc; }
.headerArea .header p{ margin-bottom:10px; }

.container{ width:auto; text-align: center; padding: 10px 0; }

.section .main {
	float: none;
	width: 968px;
	margin: 0 auto;
	text-align: left;
}

.section .main img{ vertical-align: bottom; }

.section .main h1 {
	margin: 0 0 0 7px;
}

.section .main div,
.section .main h3,
.section .main p {
	clear: none;
	margin-bottom: 0;
}

.section .main h3 {
	background: none;
}

.section .main .mainVisual {
	display: none;
	position: relative;
	width: 960px;
	height: 649px;
	margin-bottom: 0;
	padding: 0 0 0 8px;
	background: url(../images/index_bk01.jpg) left top no-repeat;	
}

#main_loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 649px;
	background: url(../images/bg_loading.gif) center center no-repeat;
}

/*--- wrapperTop ---*/
.mainVisual .wrapperTop {
	position: absolute;
	top: 0;
	left: 8px;
	width: 950px;
	height: 585px;
	display: block;
}

.mainVisual .wrapperTop:after {
    display: block;
    content: '';	
}
.mainVisual .wrapperTop li {
	display: none;	
	position: absolute;	
}

.mainVisual .top01Img01 {
	top: 14px;
	left: 25px;
	z-index: 5;
}

.mainVisual .top01Img02 {
	top: 67px;
	left: 330px;
	z-index: 6;
}

.mainVisual .top01Img03 {
	top: 269px;
	left: 107px;
	z-index: 7;
}

.mainVisual .top02Img01 {
	top: 184px;
	left: 26px;
	z-index: 8;
}

.mainVisual .top02Img02 {
	top: 20px;
	left: 29px;
	z-index: 9;
}

.mainVisual .top02Img03 {
	top: 384px;
	left: 624px;
	z-index: 10;
}

.mainVisual .top02Img04 {
	top: 23px;
	left: 437px;
	z-index: 11;
}

.mainVisual .top02Img05 {
	top: 413px;
	left: 56px;
	z-index: 12;
}

.mainVisual .top02Img06 {
	top: 266px;
	left: 63px;
	z-index: 13;
}

.mainVisual .top03Img01 {
	top: 20px;
	left: 29px;
	z-index: 14;
}

.mainVisual .top03Img02 {
	top: 24px;
	left: 634px;
	z-index: 15;
}

.mainVisual .top03Img03 {
	top: 356px;
	left: 658px;
	z-index: 16;
}

.mainVisual .top03Img04 {
	top: 68px;
	left: 412px;
	z-index: 17;
}

.mainVisual .top03Img05 {
	top: 229px;
	left: 29px;
	z-index: 18;
}

.mainVisual .top03Img06 {
	top: 71px;
	left: 59px;
	z-index: 19;
}

.mainVisual .top04Img01 {
	top: 11px;
	left: 16px;
	z-index: 20;
}

.mainVisual .top04Img02 {
	top: 10px;
	left: 482px;
	z-index: 21;
}

.mainVisual .top04Img03 {
	top: 231px;
	left: 43px;
	z-index: 22;
}

.mainVisual .top04Img04 {
	top: 356px;
	left: 53px;
	z-index: 23;
}

.mainVisual .top04Img05 {
	top: 10px;
	left: 48px;
	z-index: 24;
}

.mainVisual .top04Img06 {
	top: 26px;
	left: 586px;
	z-index: 25;
}

/*--- wrapper ---*/
.section .main .mainVisual .mask {
	position: relative;
	overflow: hidden;
	width: 950px;
	height: 575px;	
}

.mainVisual .wrapper,
.mainVisual .wrapper2,
.mainVisual .wrapper3 {
	position: absolute;
	top: 0;
	left: 950px;
	width: 2730px;
	height: 575px;
	z-index: 50;
}

.mainVisual .wrapper {
	width: 4750px;	
}

.mainVisual .mask .box {
	position: absolute;
	top: 0;
	width: 950px;
	height: 575px;
}

.mainVisual .mask .wrapper2 .box,
.mainVisual .mask .wrapper3 .box {
	position: absolute;
	top: 20px;
	width: 910px;
	height: 555px;
	margin: 0 20px;
	background-color: #fcfbf8;	
}

.mainVisual .mask .wrapper .box {
	background: none;	
}

.mainVisual .mask #section01 { left: 0; }
.mainVisual .mask #section02 { left: 950px; }
.mainVisual .mask #section03 { left: 1900px; }
.mainVisual .mask #section04 { left: 0; }
.mainVisual .mask #section05 { left: 950px; }
.mainVisual .mask #section06 { left: 0; }
.mainVisual .mask #section07 { left: 950px; }
.mainVisual .mask #section08 { left: 2850px; }
.mainVisual .mask #section09 { left: 3800px; }
.mainVisual .mask #section10 { left: 4750px; }


.section .main .mainVisual .wrapper h2 {
	background: none;
}

.mainVisual .wrapper #section01 .lead,
.mainVisual .wrapper #section02 .lead,
.mainVisual .wrapper #section03 .lead,
.mainVisual .wrapper #section08 .lead,
.mainVisual .wrapper #section09 .lead,
.mainVisual .wrapper #section10 .lead {
	position: absolute;
	top: 0;
	left: 0;
}

.mainVisual .wrapper #section01 .lead {
	top: 10px;
	left: 9px;
}
.mainVisual .wrapper #section02 .lead {
	top: 6px;
	left: 15px;
}
.mainVisual .wrapper #section03 .lead {
	top: 3px;
	left: 29px;
}
.mainVisual .wrapper #section08 .lead {
	top: 6px;
	left: 21px;
}
.mainVisual .wrapper #section09 .lead {
	top: 4px;
	left: 32px;
}
.mainVisual .wrapper #section10 .lead {
  top: 4px;
  left: 25px;
}

.mainVisual .wrapper dl {
	position: absolute;
	bottom: 3px;
	left: 38px;	
	width: 874px;
	height: 41px;
	background: #fcfbf8 url(../images/wrap_bk04.gif) left top no-repeat;
	z-index: 20;	
}

.mainVisual .wrapper .box dt {
	display: block;
	float: left;
	width: 350px;
	padding-top: 10px;
	text-align: right;
}

.mainVisual .wrapper .box dd {
	float: right;
	width: 498px;
	padding-top: 7px;
}

.mainVisual .wrapper .box li {
	float: left;
	margin-right: 9px;
}

/*--- section04、05 ---*/
.mainVisual .wrapper2 h2 {
	margin: 0 0 12px 19px;
	padding: 19px 0 0;
	background-color: #fcfbf8;
}

.mainVisual .wrapper2 .lead {
	margin: 0 0 2px 128px;
}

.mainVisual .wrapper2 .img01 {
	position: absolute;
	top: 10px;
	right: 25px;
}

.mainVisual .wrapper2 .btn_xevo {
	position: absolute;
	top: 22px;
	left: 420px;
}

.mainVisual .wrapper2 .notes {
	position: absolute;
	right: 12px;
	bottom: 8px;	
}

.mainVisual .wrapper2 #section04 .columnBlock {
	margin: 0 12px 0 10px;
}
.mainVisual .wrapper2 #section04 .column01 {
	float: left;
	width: 492px;
}
.mainVisual .wrapper2 #section04 .column02 {
	float: right;
	width: 379px;
	padding-top: 32px;
}
.mainVisual .wrapper2 #section04 .btn {
	margin-top: 14px;
}

.mainVisual .wrapper2 #section05 .lead {
	margin: 0 0 44px 128px;
}

.mainVisual .wrapper2 #section05 .columnBlock {
	margin: 0 18px 0 10px;
}
.mainVisual .wrapper2 #section05 .column01 {
	float: left;
	width: 427px;
}
.mainVisual .wrapper2 #section05 .column02 {
	float: right;
	width: 451px;
	padding-top: 13px;
}
.mainVisual .wrapper2 #section05 .btn {
	margin-top: 31px;
}

/*--- section06、07 ---*/
.mainVisual .wrapper3 h2 {
	margin: 0 0 10px 19px;
	padding: 19px 0 0;
	background-color: #fcfbf8;
}

.mainVisual .wrapper3 .lead {
	margin: 0 0 18px 20px;
}

.mainVisual .wrapper3 .img01 {
	position: absolute;
	top: 8px;
	right: 34px;
}

.mainVisual .wrapper3 .btn_xevo {
	position: absolute;
	top: 13px;
	left: 456px;
}

.mainVisual .wrapper3 .notes {
	position: absolute;
	right: 12px;
	bottom: 8px;	
}

.mainVisual .wrapper3 #section06 .columnBlock {
	margin: 0 12px 0 22px;
}
.mainVisual .wrapper3 #section06 .column01 {
	float: left;
	width: 345px;
}
.mainVisual .wrapper3 #section06 .column02 {
	float: right;
	width: 526px;
	padding-top: 38px;
}
.mainVisual .wrapper3 #section06 .btn {
	margin-top: 11px;
	text-align: right;
}

.mainVisual .wrapper3 #section07 .lead {
	margin: 0 0 11px 20px;
}

.mainVisual .wrapper3 #section07 .columnBlock {
	margin: 0 17px 0 17px;
}
.mainVisual .wrapper3 #section07 .column01 {
	float: left;
	width: 544px;
}

.mainVisual .wrapper3 #section07 .column02 {
	float: right;
	width: 320px;
	padding-top: 7px;
}
.mainVisual .wrapper3 #section07 .btn {
	position: absolute;
	bottom: 26px;
	left: 20px;
}

/*--- navList、bnrList ---*/

.section .main p.bnrPresent {
	width: 946px;
	height: 140px;
	margin-bottom: 25px;
	padding-left: 22px;
	background: url(../images/index_bk02.jpg) left top no-repeat;		
}

ul.navList {
	position: absolute;
	top: 590px;
	left: 1px;
	width: 964px;
}

ul.navList li {
	float: left;
}

ul.bnrList {
	margin: 0 0 0 7px;
}

ul.bnrList {
	width: 950px;
	margin: 0 0 15px 8px;
}

ul.bnrList li {
	float: left;
	margin-right: 10px;
}

ul.bnrList .lastChild {
	margin-right: 0;	
}

.copy{
	padding-bottom:30px;
}

.copy p {
	font-size: 10px;
	text-align: center;
}


/* ==

　99. SNSボタン

=============================================================================== */
.main #sns{ width:950px; margin:0 0 5px; padding:0; /padding:0 0 5px; text-align:right; clear:both; }
.main #sns:after{ content:''; display:block; clear:both; }
.main #sns p{ margin:0; padding:0; display:inline; float: none; }
.main #sns p{ /padding:0 0 0 5px; }
.main #sns iframe { float:none; padding: 0; vertical-align: bottom; }