@charset "shift_jis";

/*****************************************************
[CSS Information]
	File Name: door.css
*****************************************************/

/* ===============================================
	イメージカラー設定
=============================================== */
body.giesta2 .bg-color {

}

/* ===============================================
	共通
=============================================== */

/* ヘッダー */
.lxl-header {
	float: left;
	width: 1080px;
	height: 90px;
	position: relative;
}

.lxl-header div {
	float: left;
	width: 100%;
	height: 100%;
}

.lxl-header p {
	font-size: 360%;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	transform: translate(0%,-50%);
	margin-left: 40px;
}

.lxl-header span {
	/*float: right;*/
	width: 400px;
	height: 100%;
	border-left: 5px solid #FFFFFF;
}

.lxl-giesta2-header span p {
	margin: 0;
	right: 40px;
}

.lxl-giesta2-header img {
	float: right;
	background: rgba(255,255,255,0.3);
	/*border-left: 5px solid #FFFFFF;*/
}


/* コンテンツ */
.lxl-contents {
	float: left;
	width: 1080px;
	height: 1740px;
	position: relative;
}

.lxl-contents p.common-title {
	font-size: 360%;
	font-weight: bold;
	margin: 50px 40px;
}

.lxl-contents p.common-title span {
	margin-right: 20px;
}

/* giesta2 */
body.giesta2 .lxl-contents p.common-title {
	margin: 30px 40px;
}

.lxl-contents img.fullsize {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}

/* ページ送り */
.lxl-contents div.btn-arrow-left {
	float: left;
	margin-right: 5px;
	position: absolute;
	top: 15px;
	left: 0;
}

.lxl-contents div.btn-arrow-right {
	float: right;
	margin-left: 5px;
	position: absolute;
	top: 15px;
	left: 1050px;
}

/* フッター */
.lxl-footer {
	float: left;
	width: 1080px;
	height: 88px;
	border-top: 2px solid #bab7b0;
	position: relative;
}

.lxl-footer img.img-lxllogo {
	float: left;
}
/*
.lxl-footer div.btn-backmain,
.lxl-giesta2-footer div.btn-gototop,
.lxl-footer div.btn-navitop {
	float: left;
	width: 198px;
	height: 61px;
	border-radius: 10px;
	background: linear-gradient(#848890, #848890);
	margin-top: 5px;
	margin-left: 17px;
	position: relative;
}
*/

.lxl-footer div.btn-backmain,
.lxl-giesta2-footer div.btn-gototop,
.lxl-footer div.btn-navitop {
	float: left;
	width: 142px;
	height: 54px;
	border-radius: 10px;
	background: linear-gradient(#848890, #848890);
	/*margin-top: 5px;*/
	margin-left: 17px;
	position: relative;
}

.lxl-giesta2-footer p {
	font-size: 150%;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
	line-height: 1.2;
}

.lxl-footer div.btn-navitop p:first-line {
	white-space: nowrap;
	letter-spacing: -0.7px;
}

.lxl-footer div.btn-pageback {
	float: right;
	width: 177px;
	height: 61px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 3px solid #848890;
	background: #FFFFFF;
	margin-top: 5px;
	margin-right: 8px;
	position: relative;
}

.lxl-footer div.btn-pageback img {
	position: absolute;
	top: 50%;
	left: 8px;
	transform: translate(0%, -50%);
}

.lxl-footer div.btn-pageback p {
	color: #4b4949;
	transform: translate(-25%,-50%);
	width: auto;
	text-align: left;
}

/* ===== ボタン関係 ===== */
/* 閉じる */
.btn-close {
	width: 113px;
	height: 61px;
	border-radius: 10px; 
	box-sizing: border-box;
	border: 3px solid #686868;
	background: #7f7f7f;
}

.btn-close p {
	font-size: 200%;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}

/* プラン詳細確認・保存・保存一覧 */
#btn-bottom-menu div,
div#savelistbottom a,
a#plan_close,
a#savelist_close,
a#savelist_alldelete {
	float: left;
	width: 100px;
	height: 56px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 3px solid #848890;
	background: #FFFFFF;
	position: relative;
}
.LANG_THA {

    display: none;

}

.lxl-giesta2-footer #btn-bottom-menu div p,
div#savelistbottom p,
a#plan_close p ,
a#savelist_close p,
a#savelist_alldelete p,
#delall p
{
	font-size: 150%;
	font-weight: bold;
	color: #848890;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
	line-height: 1.2;
}


/* ===============================================
  表示／非表示の切り替え
=============================================== */

/* 非表示 */
.no_display {
  display: none !important;
}


/* ===============================================
	main.htm
=============================================== */
/* ヘッダー */
.lxl-header p#product_name {
	font-size: 500%;
	font-weight: normal;
	margin-left: 20px;
}

.lxl-giesta2-header div#product_name {

    position: absolute;
    left: 300px;
    font-size: 300%;
    color: #FFFFFF;
    background: #000000;
    width: 280px;
    height: 51px;
    text-align: center;

}

.lxl-giesta2-header div#product_header {

    position: absolute;
    left: 574px;
    font-size: 300%;
    background: #000000;
    width: 372px;
    text-align: center;

}



/* フッター */
.lxl-footer div.btn-pageback.main p {
	color: #848890;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}
	
.lxl-footer #btn-bottom-menu div {
	margin-top: 5px;
	margin-left: 10px;
}

.lxl-giesta2-footer div a#btn-print {
	float: left;
	width: 52px;
	height: 57px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 3px solid #848890;
	background: linear-gradient(#848890, #848890);
	position: absolute;
	/*top: 5px;*/
	/*left: 786px;*/
}

.lxl-footer #btn-print img {
	position: absolute;
	top: 50%;	
	left: 50%;
	transform: translate(-50%,-50%);
}

/* 画像 */
.zoom-out div#product_box_main,
.zoom-out div#product_box_bg,
.zoom-out div#product_box_tile {
	transform: scale(0.58037578);
}

.main div#product_img,
.main div#product_box_bg {
	width: 1080px;
	height: 1284px;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
}

.main div#product_box_main,
.main div#product_box_tile,
.main div#product_box_zoom {
	width: 1080px;
	height: 1284px;
	position: absolute;
	top: 0;
	left: 0;
}

.main div#product_box_zoom img {
	position: absolute;
	top: 0;
	left: 0;
}

.main div#product_box_zoom {
	display: none;
}

.main div#zoom_box_wall {
	width: 1080px;
	height: 1284px;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
}

.main div#product_box_tile img {
	position: absolute;
	top: 1123px;
	left: 0;
}

.main div#option_img {
	position: absolute;
	top: 0;
	left: 0;
}

.main div#naikan_img {
	position: relative;
	top: 0;
	left: 0;
}

.main div#naikan_img img {
	position: absolute;
	top: 0;
	left: 0;
}

/* ナビメニュー */
.main div#navi_menu {
	width: 100%; 
	height: 84px;
	background-color: #FFFFFF;
	position: absolute;
	top: 1200px;
	left: 0;
	z-index: 3;
}

/* 内外観切替ボタン */
.main div#naigaikan_buttom, .main div#language_buttom{
	float: left;
	margin: 10px 0 0 5px;
	display: none;
}

/* 価格 */
.main div#product_price {
	font-size: 300%;
	font-weight: bold;
	margin: 30.5px 20px 0;
	text-align: right;
}

.main div#text_price {
	font-size: 200%;
	position: absolute;
	top: 0px;
	right: 0px;
}

.main div#text_price2 {
	font-size: 135%;
	position: absolute;
	top: 8px;
	left: 284px;
	font-weight: normal;
	font-size: 25px;
}

/* セレクトメニュー */
div#select_menu a {
	width: 100%;
	height: 100%;
	display: block;
}

/*div#select_menu div#select_menu_1 p {
	width: 100%;
	height: 100%;
	border-right: 2px solid #333;
}*/

.main ul#select_menu_2,
.main ul#select_menu_3,
.main ul#select_menu_4,
.main ul#select_menu_5 {
	display: none;
}

div#select_menu div#select_menu_1 a{
	float: left;
	background: linear-gradient(#CCC, #FFF);
	border-radius: 0 15px 15px 0;
	border: 1px solid #777;
	border-left: none;
	box-sizing: border-box;
	position: relative;
	width: 70px;
	height: 50px;
}

div#select_menu div#select_menu_1 p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 130%;
	font-weight: bold;
	color: #777;
	/*text-shadow: 1px 1px 2px #FFF;*/
	line-height: 1.1;
	text-align: center;
	white-space: nowrap;
	letter-spacing: 1px;
}

div#select_menu div#select_menu_1 div.img-selected a {
	background: linear-gradient(#b3b3b3, #333);
	border: 1px solid #333;
	border-left: none;
}


div#select_menu div#select_menu_1 div.img-selected p {
    color: #FFF;
    font-weight: bold;
    text-decoration: underline;
}

.main div#select_menu ul li.btn_menu_back {
	float: right;
}


a#plan_close {

    margin-top: 300px;
    margin-left: 150px;

}
/*a#plan_close {

    float: left;
    width: 113px;
    height: 61px;
    border-radius: 10px;
    box-sizing: border-box;
    border: 3px solid #848890;
    background: #FFFFFF;
    position: relative;

}*/
img.fullsize {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}



.main ul#select_menu_2 div#tile_price {
	font-size: 225%;
	position: absolute;
	top: 1320px;
	right: 180px;
}

.main ul#select_menu_2 div#text_tile_price {
	font-size: 150%;
	position: absolute;
	top: 1330px;
	right: 350px;
}

/* メインメニュー */
.main #main_menu {
	float: left;
	position: relative;
	top: 0;
	left: 0;
}

#select_menu_color, #select_menu_swing, #select_menu_oyako, #select_menu_handle,
#select_menu_accessorie, #select_menu_wall, #select_tile_menu  {
	float: left;
	width: 296px;
	height: 552px;
	margin: 0 auto;
	padding: 0;
	display: none;
}

#select_menu_color {
	display: block;
}

/* カラー */
.main div#select_menu_color_color {
	width: 750px;
	float: left;
}

.main div#select_menu_color_color div {
	float: left;
	display: inline;
	margin: 4.5px 0 0 4.5px;
	position: relative;
}

.main div#select_menu_color_color div a span {
	position: absolute;
	top: 2px;
	right: 5px;
	font-size: 100%;
	font-weight: normal;
}

.main div#select_menu_color_color div a p {
	position: absolute;
	bottom: 2px;
	left: 5px;
	font-size: 100%;
	font-weight: bold;
}

/* オーナメント */
.main div#select_menu_color_ornament {
	width: 320px;
	float: right;
	margin-right: 5px;
}

.main div#select_menu_color_ornament span.text_bar {
	float: left;
	width: 98%;
	height: 32px;
	background: #aaa;
	position: relative;
	top: 8px;
	left: 50%;
	transform: translate(-50%,0%);
	margin-bottom: 10px;
}

.main div#select_menu_color_ornament span.text_bar p {
	font-size: 150%;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translate(0%,-50%);
}

.main div#select_menu_color_ornament div {
	float: left;
	margin: 5px;
}

.main div#select_menu_color_ornament div span {
	float: left;
	width: 140px;
	height: 38px;
	border-radius: 10px;
	background: linear-gradient(#d0d0d0, #bbbbbb);
	border: 1px solid #aaaaaa;
	box-sizing: border-box;
	top: 10px;
	left: 50%;
	transform: translate(-50%,0%);
	position: relative;
}

.main div#select_menu_color_ornament div.btn_select_none {
	float: left;
	width: auto;
	height: auto;
	margin: 26px 19.5px;
	border: none;
}

.main div#select_menu_color_ornament div.btn_select_none a span {
	width: 121px;
	height: 40px;
	top: 0;
	border: 3px solid #aaaaaa;
}

.main div#select_menu_color_ornament div.img-selected a span {
	background: linear-gradient(#f59e2d, #f08302);
	border-color: #ef7a00;
}

.main div#select_menu_color_ornament div p {
	font-size: 170%;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}

/* ドアサイズ */
.mein div.oyako_waku {
	float: left;
	display: inline;
	margin-top: 2px;
	padding: 2px;
	border-right: 2px solid #cfcfce;
}

.main div.oyako_waku div {
	float: left;
}


/* ハンドル */
.main div#select_menu_handle div {
	float: left;
	display: inline;
	margin: 0;
}

.main div#select_menu_handle div div {
	float: left;
}

/* lijeroa */
.main div#select_menu_handle div.handle_waku {
	float: left;
	display: inline;
	margin: 2px 1px 0px 0px;
	padding: 2px 2px 2px 2px;
	border-right: 2px solid #D7D3D2;
}

.main div#select_menu_handle div.handle_waku div {
	border: 3px solid #FFFFFF;
}

.main div#select_menu_handle div.handle_waku div.img-selected {
	border-color: #ef7a00;
}

/* ハンドルタイプ */
.main span#select_menu_handletype {
	float: right;
	width: 360px;
	height: auto;
	position: relative;
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
}

.main span#select_menu_handletype div {
	float: left;
	width: 300px;
	height: 50px;
	border-radius: 10px;
	background: linear-gradient(#d0d0d0, #bbbbbb);
	border: 1px solid #aaaaaa;
	box-sizing: border-box;
	margin: 15px 30px;
	position: relative;
}

.main span#select_menu_handletype div.img-selected {
	background: linear-gradient(#f59e2d, #f08302);
	border-color: #ef7a00;
}

.main span#select_menu_handletype p {
	font-size: 170%;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
	line-height: 1.3;
}

.main span#select_menu_handletype div#text_handletype {
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	margin: 0;
	padding-left: 30px;
	font-size: 120%;
	font-weight: bold;
}


/* エントリー */
.main div#select_menu_entry div {
	float: left;
	width: 300px;
	margin-top: 10px;
}

.main div#select_menu_entry div.btn_other {
	width: 121px;
	margin-left: 20px;
}

.main div#select_menu_entry div.btn_cazas a {
	width: 100%;
	height: auto;
}

.main div#select_menu_entry div.btn_touch_key a,
.main div#select_menu_entry div.btn_system_key a {
	width: 50%;
	height: auto;
}

.main div#select_menu_entry a span {
	float: left;
	width: 140px;
	height: 38px;
	border-radius: 10px;
	background: linear-gradient(#d0d0d0, #bbbbbb);
	border: 1px solid #aaaaaa;
	box-sizing: border-box;
	top: 10px;
	left: 50%;
	transform: translate(-50%,0%);
	position: relative;
}

.main div#select_menu_entry a p {
	font-size: 170%;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}

.main div#select_menu_entry div.btn_detail_entry,
.main div#select_menu_entry div.btn_select_none {
	float: left;
	width: auto;
	height: auto;
}

.main div#select_menu_entry div.btn_detail_entry span,
.main div#select_menu_entry div.btn_select_none span {
	width: 121px;
	height: 78px;
	top: 0;
	border: 3px solid #aaaaaa;
}

.main div#select_menu_entry div.btn_detail_entry span {
	background: #FFF;
	border: 3px solid #d0d0d0;
}

.main div#select_menu_entry div.btn_detail_entry p {
	color: #000;
}

.main div#select_menu_entry div span.img-selected {
	background: linear-gradient(#f59e2d, #f08302);
	border-color: #ef7a00;
}


/* 外壁 */
.main div.select_menu_wall_class {
	float: left;
	width: 1080px;
	height: 360px;
	margin: 0 auto;
	padding: 0;
	display: none;
}

.main div#select_menu_wall_top {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 1;
}

.main #start_wall {
	float: left;
	width: 344px;
	height: 235px;
	border-radius: 2px;
	box-sizing: border-box;
	border: 3px solid #777777;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
	margin-top: 64.5px;
	margin-left: 172px;
	position: relative;
}

.main #start_wall p {
	font-size: 310%;
	font-weight: bold;
	color: #000000;
	position: absolute;
	top: 50%;
	left: 46%;
	transform: translate(-50%,-50%);
	width: 86%;
}

.main #start_wall span {
	float: right;
	width: 35px;
	height: 100%;
	background: #4c4c4c;
	position: relative;
}

.main #start_wall span p {
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
}

.main #detail_wall {
	float: left;
	margin-top: 151.5px;
	margin-left: 172px;
}

.main div.panel_wall {
	float: left;
	height: 100%;
	margin-top: 3px;
    margin-left: 40px;
}

.main div.panel_wall div img {
	width: 184px;
}

.main .select_menu_wall_class div.w204 {
	/*width: 202px;*/
}

.main .select_menu_wall_class div.w408 {
	width: 406px;
}

.main .select_menu_wall_class div.w612 {
	width: 610px;
}

.main .select_menu_wall_class div.w1020 {
	width: 1020px;
}

.main div.panel_wall div {
	float: left;
	display: inline;
	margin: 2px 7px;
	position: relative;
}

.main div.panel_wall div a p {
	position: absolute;
	bottom: 2px;
	left: 5px;
	font-size: 100%;
	font-weight: bold;
}

.main div.panel_wall div a span {
	position: absolute;
	bottom: 15px;
	left: 5px;
	font-size: 100%;
	font-weight: bold;
}

/* 床タイル */
#select_tile_menu_wa_1, #select_tile_menu_wa_2,
#select_tile_menu_gendai_1, #select_tile_menu_gendai_2,
#select_tile_menu_you,
#select_tile_menu_other_1, #select_tile_menu_other_2 {
	clear: both;
	height: 360px;
	display: none;
	margin-top: 3px;
}

.main div.panel_tile {
	float: left;
	height: 100%;
	border-left: 1px solid #cfcfce;
	border-right: 1px solid #cfcfce;
}

.main div.w226 {
	width: 226px;
}

.main div.w335 {
	width: 335px;
}

.main div.panel_tile div {
	float: left;
	display: inline;
	margin: 2px 0 0 8px;
	position: relative;
}

.main div.panel_tile div a p {
	position: absolute;
	bottom: 1px;
	left: 3px;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: -0.7px;
}

/* 外壁・床タイル共通 */
.main div.m-l30 {
	margin-left: 30px;
	border-left: 1px solid #FFFFFF;
}

.main div.b-r0 {
	border-right: 1px solid #FFFFFF;
}

.main .panel_wall div.wall_name,
.main .panel_tile div.tile_name {
	float: left;
	width: 100%;
	height: 40px;
	margin: 0;
	border: none;
	position: relative;
}

.main .panel_wall div.wall_name p,
.main .panel_tile div.tile_name p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 170%;
	font-weight: bold;
	line-height: 1.1;
	border-bottom: 2px solid #AAA;
	display: inline;
	white-space: nowrap;
}

.main .panel_wall div.wall_name p span,
.main .panel_tile div.tile_name p span {
	font-size: 80%;
	margin-left: 3px;
}

.main .panel_wall div.wall_name p.text-narrow-90 {
	transform: scale(0.9,1) translate(-50%,-50%);
	transform-origin: left;
}

.main .panel_wall div.wall_name p.text-narrow-80 {
	transform: scale(0.8,1) translate(-50%,-50%);
	transform-origin: left;
}

/* サッシ */
.main div#select_sash_menu_color,
.main div#select_sash_menu_wall {
	float: left;
	width: 1080px;
	height: 360px;
	margin: 0 auto;
	padding: 0;
	display: none;
}

.main div#select_sash_menu_color div {
	float: left;
	display: inline;
	margin: 4.5px 0 0 4.5px;
	position: relative;
}

.main div#select_sash_menu_color div a p {
	position: absolute;
	bottom: 2px;
	left: 5px;
	font-size: 100%;
	font-weight: bold;
}

.main div#select_sash_menu_wall div {
	float: left;
	display: inline;
	margin: 0;
}

/* 選択枠 */
.main div#select_menu_color_color div,
.main div#select_menu_color_ornament div,
div#select_menu_swing div.img-selected,
div.oyako_waku div,
.main div#oyako_size div,
.main div#select_menu_handle div div,
.main div#select_menu_accessorie div div,
.main div#select_sash_menu_color div,
.main div#select_wakucolor div,
.main div#select_menu_oyako div#select_post div div {
	border: 3px solid #FFFFFF;
}

.main div.panel_wall div,
.main div.panel_tile div {
	border: 2px solid #FFFFFF;
}

.main div#select_menu_color_color div.img-selected,
.main div#select_menu_color_ornament div.img-selected,
div#select_menu_swing div.img-selected,
div.oyako_waku div.img-selected,
.mein div#oyako_size div.img-selected,
.main div#select_menu_handle div div.img-selected,
.main div#select_menu_accessorie div div.img-selected,
.main div#select_sash_menu_color div.img-selected,
.main div#select_wakucolor div.img-selected,
.main div#select_menu_oyako div#select_post div div.img-selected,
.main div.panel_wall div.img-selected,
.main div.panel_tile div.img-selected,
.main div.panel_wall div.z-img-selected {
	border-color: #ef7a00;
}

/* 内観ハンドル */
.main div#select_menu_n_handletype {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	display: none;
}

.main div#select_menu_n_handletype div {
	float: left;
	width: 300px;
	height: 50px;
	border-radius: 10px;
	background: linear-gradient(#d0d0d0, #bbbbbb);
	border: 1px solid #aaaaaa;
	box-sizing: border-box;
	margin-left: 80px;
	position: relative;
	top: 50%;
	left: 25%;
	transform: translate(-50%, -50%);
}

.main div#select_menu_n_handletype div.img-selected {
	background: linear-gradient(#f59e2d, #f08302);
	border-color: #ef7a00;
}

.main div#select_menu_n_handletype p {
	font-size: 170%;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
	line-height: 1.3;
}

/* プラン */
.main div#plan_window {
	background-color: #FFFFFF;
	position: absolute;
	top: 1290px;
	left: 0;
	width: 1080px;
	height: 450px;
	display: none;
}

.main div#plan_window div {
	margin: 3.5px;
	font-size: 150%;
}

.main div#plan_list {
	position: absolute;
	top: 0;
	left: 150px;
}

.main a#plan_close {
	float: right;
	margin-top: 50px;
	margin-right: 50px;
}

/* 保存 */
.main div#savelist_window {
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	width: 1080px;
	height: 1740px;
	display: none;
	z-index: 10;
}

.main div#savelist {
	float: left;
	width: 1080px;
	height: 1650px;
}

.main div#savelistbottom {
	float: left;
	margin-left: 407px;
}

.main div#savelistbottom a {
	margin: 0 10px;
}

.main div#savelist div.cookie_box {
	float: left;
	width: 1070px;
	height: 540px;
	margin: 5px;
	font-size: 200%;
	position: relative;
}

.main div#savelist div.img_area {
	float: left;
	width: 486px;
	height: 540px;
	position: absolute;
}

.main div#savelist div.price_area {
	float: left;
	width: 584px;
	height: 130px;
	position: absolute;
	top: 0;
	left: 486px;
}

.main div#savelist div.plan_area {
	float: left;
	width: 584px;
	height: 300px;
	position: absolute;
	top: 200px;
	left: 486px;
	vertical-align: top;
	font-size: 75%;
}

.main .cookie_img {
	position: relative;
	top: 0;
	left: 0;
	width: 486px;
	height: 540px;
	overflow: hidden;
}

.main .img_zoom,
.main .cookie_img_zoom {
	width: 486px;
	height: 540px;
	position: absolute;
	top: 0;
	left: 0;
}

.main .cookie_img_zoom img {
	position: absolute;
	top: 0;
	left: 0;
}

.main .cookie_text {
	margin-top: 5px;
}

.main .cookie_text div.list {
	width: 584px;
	float: left;
}

.main .cookie_text div.item {
	width: 80px;
	float: left;
	margin-left: 20px;
}

.main .cookie_text div.item span {
	white-space: nowrap;
	display: inline-block;	/* 変形するためのブロック化 */
	transform: scale(0.8, 1);	/* 変形 横,縦 */
	transform-origin: left;
}

.main .cookie_text div.colon {
	width: 10px;
	float: left;
}

.main .cookie_text div.name {
	width: 474px;
	float: left;
}

.main .cookie_text div#savelist_btns {
	float: left;
	margin: 20px 0 0 169px;
}

.main .cookie_text div#savelist_btns a {
	float: left;
	width: 113px;
	height: 30px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 2px solid #bab7b0;
	background: #FFFFFF;
	margin: 0 10px;
	position: relative;
}
.main .cookie_text div#savelist_btns p {
	font-weight: bold;
	color: #848890;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
	line-height: 1.3;
}

/* 機能詳細 */
.main div.detail_waku {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 10;
}

.main div.btn-close {
	position: absolute;
	top: 1600px;
	left: 50%;
	transform: translate(-50%,0%);
}

.main a#detail_entry_movie_cazas,
.main a#detail_entry_movie_touch {
	float: left;
	width: 315px;
	height: 80px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 4px solid #bab7b0;
	background: #FFFFFF;
	position: relative;
}

.main a#detail_entry_movie_cazas p,
.main a#detail_entry_movie_touch p {
	font-size: 300%;
	font-weight: bold;
	color: #000000;
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translate(0%,-50%);
}

.main a#detail_entry_movie_cazas img,
.main a#detail_entry_movie_touch img {
	position: absolute;
	top: 50%;
	left: 210px;
	transform: translate(0%,-50%);
}

/* 内観画像変更用 */
.flip-container, .product_img_gaikan, .product_img_naikan {
	width: 1080px;
}

.product_img_gaikan, .product_img_naikan {
	position: absolute;
	display: block;
}

.flip-container .product_img_gaikan,
.flip-container .product_img_naikan {
	transition: all 2s;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.flip-container .product_img_gaikan {
	z-index: 2;
}

.flip-container .product_img_naikan {
	z-index: 1;
	transform: rotateY(-180deg);
}

.flip-container.on .product_img_gaikan {
	z-index: 1;
	transform: rotateY(180deg);
}

.flip-container.on .product_img_naikan {
	z-index: 2;
	transform: rotateY(0deg);
}

/* 印刷用 */
.print {
	display: none;
}

/* 印刷用_ヘッダー */
.lxl-header-print {
	width: 1080px;
	height: 90px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
}

.lxl-header-print img#product_header {
	position: absolute;
	top: 0;
	left: 0;
}

/* 印刷用_コンテンツ */
.main div#print_menu {
	width: 100%;
	height: 540px;
	background-color: #FFFFFF;
	position: absolute;
	top: 1200px;
	left: 0;
	z-index: 4;
}

.main div#product_print_naikan {
	position: relative;
	top: 0;
	left: 30px;
}

.main div#product_print_naikan img {
	position: absolute;
	top: 0;
	left: 0;
}

.door_title {
    font-size: 60px;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 5px;
}

/* 印刷用フッター */
.lxl-footer a#btn-print-close {
	border: 3px solid #848890;
	background: #FFFFFF;
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translate(-50%,0%);
}

.lxl-footer a#btn-print-close p {
	font-size: 170%;
	color: #848890;
}



/* ===============================================
	default.htm
=============================================== */
.default ul {
	float: left;
	width: 1000px;
	height: auto;
	margin: 0 40px;
}

.default li {
	float: left;
	width: 324px;
	height: 790px;
	border-radius: 10px;
	margin-right: 14px;
	position: relative;
}

.default li.last-col {
	margin-right: 0;
}

.default li p {
	font-size: 360%;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	width: 324px;
	height: 328px;
	display: table-cell;
	vertical-align: middle;
}

.default li img {
	position: absolute;
	left: 50%;
	bottom: 4px;
	transform: translate(-50%,0%);
	border-radius: 0 0 7px 7px;
}

/* giesta2 */
body.giesta2 .default .img-bg {
	position: absolute;
	top: 0; 
	left: 0;
}

body.giesta2 .default .btn-design,
body.giesta2 .default .btn-kinou,
body.giesta2 .default .btn-price,
body.giesta2 .default .btn-wall {
	position: absolute;
	left: 263px;
}

body.giesta2 .default .btn-design {
	top: 310px;
}

body.giesta2 .default .btn-kinou {
	top: 750px;
}

body.giesta2 .default .btn-price {
	top: 1180px;
}

body.giesta2 .default .btn-wall {
	top: 1620px;
}


/*選択画面のリンクエリア*/
.frame_design_selection_a {
	width: 160px;
}

/*選択画面の画像サイズ*/
.frame_design_selection_a img {
	width: 150px;
}


div#text_price2 p {
font-size: 140%;
line-height: 95%;
}


div#select_menu_color_color div a p {
    position: absolute;
    font-size: 140%;
    font-weight: bold;
    padding-left: 5px;
    padding-bottom: 2px;
}


div#naikan_img img {
    position: absolute;
    top: 0;
    left: 0;
}



/* ===============================================
	プリント
=============================================== */
@page {
	size: A4;
	margin: 5.08mm 19.05mm;
}

@media print {
	body {
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.main {
		height: 1710px;
		position: relative;
		top: 0;
		left: 0;
		overflow: hidden;
	}

	.main div#select_menu {
		display: none;
	}

	.main div#savelistbottom,
	.main div#savelist_btns {
		display: none;
	}

	.lxl-footer {
		display: none;
	}
}