@charset "UTF-8";


/* /////////////////////////////////////////////////////////////////////////// common */

div.howtoBox .txtArea{
	margin-top:30px;
	width:300px;
}
div.howtoBox .imgArea{
text-align:right;
}

div#chooseCurtainTtl h1,
div#chooseFloorTtl h1,
div#chooseWallTtl h1,
div#mtnCurtainTtl h1,
div#mtnFloorTtl h1,
div#mtnWallTtl h1,
div#orderTtl h1,
div#checkFloorTtl h1,
div#checkWallTtl h1 {
	padding-top:30px;
	margin-top:0px !important;
}


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

 index style

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

h1#ttl.index{
	margin-bottom:17px;
}

div#ttlArea{
	margin-bottom:50px;
	width:960px;
	height:367px;
	background:url(img/index_main.jpg) no-repeat left top;
	position:relative;
}

div#contents div#ttlArea h2{
	margin-left:570px;
	padding-top:183px;
}



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

 curtain style

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

div#curtainTtlArea{
	width:675px;
	background:url(img/curtain_main.jpg) no-repeat left top;
}

div#contents div#curtainTtlArea h2{
	margin-left:453px;
	padding-top:155px;
}

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

 floor style

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


div#floorTtlArea{
	margin-bottom:70px;
	width:675px;
	height:417px;
	background:url(img/floor_main.jpg) no-repeat left top;
	position:relative;
}

div#contents div#floorTtlArea h2{
	margin-left:512px;
	padding-top:155px;
}

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

 wallpaper style

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


div#wallpaperTtlArea{	
	width:675px;
	background:url(img/wallpaper_main.jpg) no-repeat left top;
}

div#contents div#wallpaperTtlArea h2{
	margin-left:498px;
	padding-top:155px;
}


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

 choose style

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

div#chooseCurtainTtl{
	background:url(img/choose_curtain.png) no-repeat right 22px;
	padding-top:22px;
}



div#chooseCurtainTtl h2{
	margin-top:50px;
	margin-left:35px;
}

div#chooseFloorTtl{
	background:url(img/choose_floor.png) no-repeat right 22px;
	padding-top:22px;
}

div#chooseFloorTtl h2{
	margin-top:50px;
	margin-left:35px;
}

div#chooseWallTtl{
	background:url(img/choose_wall.png) no-repeat right 22px;
	padding-top:22px;
}

div#chooseWallTtl h2{
	margin-top:50px;
	margin-left:35px;
}



div#tabBody{
	margin-top:50px;
	background:url(img/choose_bg_mdl.jpg) repeat-y left top;
}

div#tabBodyIn{
	padding:40px 35px 80px;
	background:url(img/choose_bg_btm.jpg) no-repeat left bottom;
}

/* tab*/

ul#tabMenu{
	padding-bottom:30px;
	background-position:left bottom;
	background-repeat:no-repeat;
	width:675px;
}

ul#tabMenu li a{
	display:block;
}

ul.tab01{ background-image:url(img/choose_bg_nav01.jpg); }
ul.tab02{ background-image:url(img/choose_bg_nav02.jpg); }
ul.tab03{ background-image:url(img/choose_bg_nav03.jpg); }

/* curtain */

ul.curtain li a,
ul.curtain span.current{
	display:block;
	width:227px;
	height:45px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-999em;
}

* html ul.curtain li a,
* html ul.curtain span.current{
	width:225px;
}

ul.curtain li a:hover{
	background:none !important;
}


ul.curtain li#color{
	background-image:url(img/choose_cnav01_on.jpg);
}

	ul.curtain li#color a{
		background-image:url(img/choose_cnav01.jpg);
	}

	ul.curtain li#color span.current{
		background-image:url(img/choose_cnav01_in.jpg);
	}

ul.curtain li#spec{
	width:221px;
	background-image:url(img/choose_cnav02_on.jpg);
}

	ul.curtain li#spec a{
		background-image:url(img/choose_cnav02.jpg);
	}

	ul.curtain li#spec span.current{
		background-image:url(img/choose_cnav02_in.jpg);
	}


ul.curtain li#size{
	background-image:url(img/choose_cnav03_on.jpg);
}
	
	ul.curtain li#size a{
		background-image:url(img/choose_cnav03.jpg);
	}

	ul.curtain li#size span.current{
		background-image:url(img/choose_cnav03_in.jpg);
	}
	
#open {
position:relative;
}

#open p {
position:absolute;
top:-10px;
left:420px;
}


/* floor */

ul.floor li a,
ul.floor span.current{
	display:block;
	width:227px;
	height:45px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-999em;
}

* html ul.floor li a,
* html ul.floor span.current{
	width:225px;
}

ul.floor li a:hover{
	background:none !important;
}


ul.floor li#color{
	background-image:url(img/choose_fnav01_on.jpg);
}

	ul.floor li#color a{
		background-image:url(img/choose_fnav01.jpg);
	}

	ul.floor li#color span.current{
		background-image:url(img/choose_fnav01_in.jpg);
	}

ul.floor li#spec{
	width:221px;
	background-image:url(img/choose_fnav02_on.jpg);
}

	ul.floor li#spec a{
		background-image:url(img/choose_fnav02.jpg);
	}

	ul.floor li#spec span.current{
		background-image:url(img/choose_fnav02_in.jpg);
	}


ul.floor li#size{
	background-image:url(img/choose_fnav03_on.jpg);
}
	
	ul.floor li#size a{
		background-image:url(img/choose_fnav03.jpg);
	}

	ul.floor li#size span.current{
		background-image:url(img/choose_fnav03_in.jpg);
	}


/* wall */

ul.wall li a,
ul.wall span.current{
	display:block;
	width:227px;
	height:45px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-999em;
}

* html ul.wall li a,
* html ul.wall span.current{
	width:225px;
}

ul.wall li a:hover{
	background:none !important;
}


ul.wall li#color{
	background-image:url(img/choose_wnav01_on.jpg);
}

	ul.wall li#color a{
		background-image:url(img/choose_wnav01.jpg);
	}

	ul.wall li#color span.current{
		background-image:url(img/choose_wnav01_in.jpg);
	}

ul.wall li#spec{
	width:221px;
	background-image:url(img/choose_wnav02_on.jpg);
}

	ul.wall li#spec a{
		background-image:url(img/choose_wnav02.jpg);
	}

	ul.wall li#spec span.current{
		background-image:url(img/choose_wnav02_in.jpg);
	}


ul.wall li#size{
	background-image:url(img/choose_wnav03_on.jpg);
}
	
	ul.wall li#size a{
		background-image:url(img/choose_wnav03.jpg);
	}

	ul.wall li#size span.current{
		background-image:url(img/choose_wnav03_in.jpg);
	}


ul.typeList{
	width:639px;
	margin-right:-34px;
}

	ul.typeList li{
		margin-top:20px;
		margin-right:34px;
		width:179px;
		text-align:center;
	}
	
	ul.typeList li.all{
		width:179px;
		margin-left:213px;
	}
	
	ul.typeList li img{ margin-bottom:10px;}

/* Onepoint Advice */

p#onepoint{
	margin-top:-227px;
	position:relative;
	text-align:right;
	height:238px;
}

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

 maintenance style  

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


div#mtnCurtainTtl{
	background:url(img/maintenance_curtain.png) no-repeat right 22px;
	padding-top:22px;
}

div#mtnFloorTtl{
	background:url(img/maintenance_floor.png) no-repeat right 22px;
	padding-top:22px;
}

div#mtnWallTtl{
	background:url(img/maintenance_wall.png) no-repeat right 22px;
	padding-top:22px;
}

div#mtnCurtainTtl h2,
div#mtnFloorTtl h2,
div#mtnWallTtl h2{
	margin-top:50px;
	margin-left:35px;
}



div#mtnNavi {
position:relative;
height:339px;
}

div#mtnNavi #navi01,
div#mtnNavi #navi02,
div#mtnNavi #navi03 {
position:absolute;
}

div#mtnNavi #navi01 {
left:17px;
top:101px;
}

div#mtnNavi #navi02 {
left:252px;
top:140px;
}

div#mtnNavi #navi03 {
left:487px;
top:122px;
}

p#mtnCurtainAdvice {
margin-top:-30px !important;
}

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

 order style  

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

div#orderTtl{
	background:url(img/order_main.png) no-repeat right 22px;
	padding-top:22px;
}

div#orderTtl h2{
	margin-top:50px;
	margin-left:35px;
}

div#orderCurtain {
width:535px;
height:626px;
margin-top:50px;
background:url(img/order_fit.png) no-repeat;
padding:50px 35px 0 35px;
}

div#useShowroom {
margin-top:-30px;
}

div#goShowroom {
background:url(img/order_goshowroom.gif) no-repeat 420px bottom;
}


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

checkpoint style  

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

div#checkFloorTtl{
	background:url(img/checkpoint_floor.png) no-repeat right 22px;
	padding-top:22px;
}

div#checkFloorTtl h2{
	margin-top:50px;
	margin-left:35px;
}

div#checkWallTtl{
	background:url(img/checkpoint_wall.png) no-repeat right 22px;
	padding-top:22px;
}

div#checkWallTtl h2{
	margin-top:50px;
	margin-left:35px;
}

div#check01 {
width:640px;
background:url(img/check_bg01.png) bottom no-repeat;
margin-top:64px;
position:relative;
min-height:466px;
}

*html div#check01 {
	min-height:580px;
	height:auto !important;
	height:580px;
}


div#check01 .fbox {
	width:300px;
	margin-bottom:56px;
	}

div#check01 .ph01 {
	position:absolute;
	top:0px;
	left:337px;
}

div#check01 .ph02 {
	position:absolute;
	top:182px;
	left:422px;
}

div#check02 .ph03 {
	position:absolute;
	top:35px;
}

div#check03 .ph04 {
	position:absolute;
	top:85px;
	left:367px;
}

div#check03 .ph05 {
	position:absolute;
	top:262px;
	left:431px;
}

div#check02 {
width:640px;
background:url(img/check_bg02.png) bottom no-repeat;
position:relative;
min-height:413px;
margin-top:64px;
}

*html div#check02 {
	min-height:403px;
	height:auto !important;
	height:403px;
}


div#check02 .fbox {
	width:300px;
	margin-bottom:46px;
	left:0;
	}

div#check03 {
width:640px;
background:url(img/check_bg03.png) bottom no-repeat;
position:relative;
min-height:410px;
margin-top:10px;
}

*html div#check03 {
	min-height:410px;
	height:auto !important;
	height:410px;
}


div#check03 .fbox {
	width:300px;
	margin-bottom:90px;
	}


.pt50 {
	padding-top:50px;
	}


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

 method style  

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

div#methodTtlArea{
	margin-bottom:90px;
	width:675px;
	height:417px;
	background:url(img/method_main.jpg) no-repeat left top;
	position:relative;
}

div#contents div#methodTtlArea h2{
	padding-top:387px;
}

div#methodBox {
position:relative;
height:1250px;
background:url(img/method_bg.png) no-repeat 0 74px;
}

div.methodBox01,
div.methodBox02,
div.methodBox03 {
position:absolute;
}

div.methodBox01 {
top:0;
width:605px;
}

div.methodBox02 {
top:410px;
width:605px;
}

div.methodBox03 {
top:856px;
width:605px;
}

div#img01 {
float:left;
margin:107px 0 0 30px;
width:237px;
text-align:left;
}

div#img02 {
float:left;
margin:82px 0 0 30px;
width:205px;
text-align:left;
}

div#img03 {
float:left;
margin:88px 0 0 86px;
width:169px;
text-align:left;
}

div#img01 p,
div#img02 p,
div#img03 p{
text-align:center;
}

div.w350 {
width:338px;
}

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

 digitalbook style  

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

.mWall{ margin-right:38px !important; }