@charset "UTF-8";
/* CSS Document */

#contents .imgHd {
	font-size: 0;
	line-height: 100%;
	margin: 0;
}

/* -------------------------- viArea ---------------------------- */
#contents div.viArea {
	padding: 0px 0 0px 0;
	width: 900px;
	height:450px;
}

#contents div.viArea h1,
#contents div.viArea p {
	font-size: 0;
	line-height: 100%;
	margin: 0;
	padding: 0;
}


.area {
	width: 550px;
}



/* -------------------------- about ---------------------------- */
#contents div.aboutLeft {
	float: left;
	padding: 0px 0 0 0;
	width: 560px;
	background-image:url(../img/t_dot.gif);
background-position:left;
background-repeat:repeat-y;
}

#contents div.aboutRight {
	float:right
	width: 340px;
	padding-left:583px;
}

#contents div.aboutLeft p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 0px 0px 0 20px;
}


#contents div.aboutLeft h2,
#contents div.aboutLeft h3,
#contents div.aboutRight h2,
#contents div.aboutRight p {
	font-size: 0;
	line-height: 100%;
	margin: 0;
	padding: 0;
}





/* -------------------------- shop atelier ---------------------------- */
#contents2 div.aboutLeft {
	float: left;
	padding: 0px 0 0 0;
	width: 480px;
}

#contents2 div.aboutRight {
	float:right
	width: 361px;
	padding-left:530px;
}

#contents2 div.aboutLeft p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0;
}



#contents2 div.aboutLeft h2,
#contents2 div.aboutLeft h3,
#contents2 div.aboutRight h2,
#contents2 div.aboutRight p {
	font-size: 0;
	line-height: 100%;
	margin: 0;
	padding: 0;
}

#contents2 div.webOnly {
	background: url(../images/bg_web_only.gif) right bottom no-repeat;
	width: 355px;
}

#contents2 div.aboutRight p{
font-size:12px;
line-height:150%;
font-weight:100;
}



/* -------------------------- shop atelier ---------------------------- */

#contents32 div.aboutLeft {
	float: left;
	padding: 0px 0 0 0;
	width: 420px;
}

#contents32 div.aboutRight {
	float:right
	width: 480px;
	padding-left:420px;
}

#contents32 div.aboutLeft p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0;
	width:370px;
}



#contents32 div.aboutLeft h2,
#contents32 div.aboutLeft h3,
#contents32 div.aboutRight h2,{
	font-size: 0;
	line-height: 100%;
	margin: 0;
	padding: 0;
}



#contents3 div.aboutLeft {
	float: left;
	padding: 0px 0 0 0;
	width: 580px;
}

#contents3 div.aboutRight {
	float:right
	width: 320px;
	padding-left:580px;
}

#contents3 div.aboutLeft p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0;
	width:530px;
}



#contents3 div.aboutLeft h2,
#contents3 div.aboutLeft h3,
#contents3 div.aboutRight h2,{
	font-size: 0;
	line-height: 100%;
	margin: 0;
	padding: 0;
}

#contents3 div.aboutLeft2 {
	float: left;
	padding: 0px 0 0 0;
	width: 440px;
	height:331px;
}

#contents3 div.aboutRight2 {
	float:right
	width: 480px;
	padding-left:470px;
}

#contents3 div.aboutRight2 p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0px;
}

/* ----------- */
#contents31 div.aboutLeft {
	float: left;
	padding: 0px 0 0 0;
	width: 367px;
}

#contents31 div.aboutRight {
	float:right
	width: 524px;
	padding-left:367px;
}

#contents31 div.aboutRight p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0;
}


#contents31 div.aboutLeft h2,
#contents31 div.aboutLeft h3,
#contents31 div.aboutRight h2,{
	font-size: 0;
	line-height: 100%;
	margin: 0;
	padding: 0;
}

#contents31 div.aboutLeft2 {
	float: left;
	padding: 0px 0 0 0;
	width: 557px;
}

#contents31 div.aboutRight2 {
	float:right
	width: 344px;
	padding-left:557px;
	text-align:right;
}

#contents31 div.aboutLeft2 p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	width:527px;
	padding: 10px 10px 0 0px;
}


#contents31 div.aboutLeft3 {
	float: left;
	padding: 0px 0 0 0;
	width: 400px;
}

#contents31 div.aboutRight3 {
	float:right
	width: 500px;
	padding-left:400px;
}

#contents31 div.aboutRight3 p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 0px 0px 40px 0px;
}

#contents31 div.aboutLeft4 {
	float: left;
	padding: 0px 0 0 0;
	width: 450px;
}

#contents31 div.aboutRight4 {
	float:right
	width: 450px;
	padding-left:450px;
}

#contents31 div.aboutRight4 p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0px;
}



/* ----------- */
#contents2 div.aboutLeft2 {
	float: left;
	padding: 0px 0 0 0;
	width: 450px;
}

#contents2 div.aboutRight2 {
	float:right
	width: 450px;
	padding-left:450px;
}

#contents2 div.aboutRight2 p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 0px 0 0;
}



#contents2 div.aboutLeft2 h2,
#contents2 div.aboutLeft2 h3,
#contents2 div.aboutRight2 h2 {
	font-size: 0;
	line-height: 100%;
	margin: 0;
	padding: 0;
}

#contents2 div.webOnly {
	background: url(../images/bg_web_only.gif) right bottom no-repeat;
	width: 355px;
}

#contents2 div.aboutRight p{
font-size:12px;
line-height:150%;
font-weight:100;
}



.red{
color:#660033;
font-weight:bold;
font-size:12px;
line-height:160%;
}


.prof{
width:160px;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
font-size:10px;
line-height:160%;
color:#FFFFFF;
font-weight:100;

}

.prof2{
width:255px;
margin-left:15px;
margin-top:10px;
margin-bottom:10px;
font-size:10px;
line-height:160%;
color:#000000;
font-weight:100;
text-align:left;

}




/* -------------------------- works ---------------------------- */
#contents4 div.aboutLeft {
	float: left;
	padding: 0px 0 40px 0;
	width: 900px;
}

.Rm{
margin-right:30px;
}


#contents5{
	float: left;
	width: 900px;
	background-image:url(../works/img/tl_liv.gif);
	background-repeat:no-repeat;
}


#contents5 div.aboutLeft2 {
	float: left;
	padding: 0px 0 0 0;
	width: 500px;
}

#contents5 div.aboutRight2 {
	float:right
	width: 480px;
	padding-left:420px;
	text-align: right;  	
}

#contents5 div.aboutLeft2 p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0px;
}


#contents6{
	float: left;
	width: 900px;
	background-image:url(../works/img/tl_chair.gif);
	background-repeat:no-repeat;
}

#contents6 div.aboutLeft2 {
	float: left;
	padding: 0px 0 0 0;
	width: 500px;
}

#contents6 div.aboutRight2 {
	float:right
	width: 480px;
	padding-left:420px;
	text-align: right;  	
}

#contents6 div.aboutLeft2 p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0px;
}


#contents7{
	float: left;
	width: 900px;
	background-image:url(../works/img/tl_bedroom.gif);
	background-repeat:no-repeat;
}

#contents7 div.aboutLeft2 {
	float: left;
	padding: 0px 0 0 0;
	width: 500px;
}

#contents7 div.aboutRight2 {
	float:right
	width: 480px;
	padding-left:420px;
	text-align: right;  	
}

#contents7 div.aboutLeft2 p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0px;
}


#contents8{
	float: left;
	width: 900px;
	background-image:url(../works/img/tl_room.gif);
	background-repeat:no-repeat;
}

#contents8 div.aboutLeft2 {
	float: left;
	padding: 0px 0 0 0;
	width: 500px;
}

#contents8 div.aboutRight2 {
	float:right
	width: 480px;
	padding-left:420px;
	text-align: right;  	
}

#contents8 div.aboutLeft2 p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0px;
}


#contents8b{
	float: left;
	width: 900px;
	background-image:url(../works/img/tl_room2.gif);
	background-repeat:no-repeat;
}

#contents8b div.aboutLeft2 {
	float: left;
	padding: 0px 0 0 0;
	width: 500px;
}

#contents8b div.aboutRight2 {
	float:right
	width: 480px;
	padding-left:420px;
	text-align: right;  	
}

#contents8b div.aboutLeft2 p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0px;
}


#contents9{
	float: left;
	width: 900px;
	background-image:url(../works/img/tl_restroom.gif);
	background-repeat:no-repeat;
}

#contents9 div.aboutLeft2 {
	float: left;
	padding: 0px 0 0 0;
	width: 500px;
}

#contents9 div.aboutRight2 {
	float:right
	width: 480px;
	padding-left:420px;
	text-align: right;  	
}

#contents9 div.aboutLeft2 p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0px;
}



#contentsnext{
	float: left;
	width: 900px;
}

#contentsnext div.aboutLeft2 {
	float: left;
	padding: 0px 0 0 0;
	width: 500px;
}

#contentsnext div.aboutRight2 {
	float:right
	width: 480px;
	padding-left:420px;
	text-align: right;  	
}

#contentsnext div.aboutLeft2 p{
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	padding: 10px 10px 0 0px;
}

.pback{
font-size:10px;
}

.tbk{
	width: 900px;
}

/* -------------------------- GoalBox ---------------------------- */
#contents div.glBoxL {
	display: inline;
	float: left;
	margin: 0 21px 0 42px;
	padding-bottom: 14px;
	width: 250px;
}

#contents div.glBoxR {
	float: left;
	padding-bottom: 14px;
	width: 375px;
}

#contents div.glBoxR p {
	font-size: 0;
	line-height: 100%;
	padding: 0;
}

#contents div.gryLine {
	background: url(../images/bg_border_box.gif) left top repeat-y;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin: 0 0 20px 21px;
	padding: 20px 0;
	width: 760px;
}

#contents div.gryLine ul {
	margin: 0 20px;
}

#contents div.gryLine ul li {
	background: url(../images/icon_unordered01.gif) 2px 0em no-repeat;
	display: block;
	line-height: 150%;
	padding: 0 0 5px 15px;
}



/* -------------------------- Font ---------------------------- */
#contents p {	font-size: small;}
#contents ul li {	font-size: small;}
#contents ol li {	font-size: small;}
#contents dl dt, #contents dl dd { font-size: small;}
#contents ul.newsLk li { font-size: x-small;}
#contents th {	font-size: small;}
#contents td {	font-size: small;}
#contents caption {	font-size: small;}
#footer ul li {	font-size: small;}

.sizeS {font-size: x-small !important;}
.sizeM {font-size: small !important;}
.sizeL {font-size: medium !important;}
.sizeLL {font-size: large !important;}
.sizeXL {font-size: x-large !important;}
.sizeXXL {font-size: xx-large !important;}