@charset "shift_jis"



/*



SmileVision CSS 2008.07.23



*/



/*----------------------------------



		  common design



----------------------------------*/











/* default */



html {

overflow-y: scroll;}



.common {/* body */

margin:5px 10px 0;

padding:0px;

text-align: left; 

background-color:#FFFFFF;

color: #666666;

font-size:13px;

line-height:1.3;

font-family:"‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;

*font-size:small;

*font:x-small;}





.commonlink a:link   {text-decoration: none;color:#666666}

.commonlink a:visited{text-decoration: none;color:#666666}

.commonlink a:hover  {text-decoration: underline;color:#666666}







#CONTAINER {

text-align: left;

margin: 0 10px 0; /* center on everything else */

width: 800px;}





object,embed {vertical-align: top; }

img,a img { border:none}



li {margin: 0;list-style-type: none;}

ol, ul {margin: 0;

		padding:0;

		list-style:none;}



p {margin:0; }



form {margin:0; padding:0; display:inline; vertical-align: text-top;}



fieldset {border: 0; }



input,textarea{font-size:1em;} 



dl,dt,dd{padding:0;margin:0;}







h1 {color:#999999;

	font-size:10px;

	font-weight:normal;

	line-height:15px;

	position:relative;

	margin:0px;

	padding:0px;

	float:left;}







/* font */



.j10{

	/* 10px */

	font-size:85%;}



.j11{

	/* 12px */

	font-size:95%;}



.j12{

	/* 12px */

	font-size:100.5%;}



.j14{

	/* 14px */

	font-size:114.5%;

	line-height: 22px;

	letter-spacing: 0.15mm;}



.j16{

	/* 16px */

	font-size:128.7%;

	line-height: 24px;

	letter-spacing: 0.16mm;}





/* color */



.body,td,th { color:#333333;}

.blue       { color:#0066FF;}







/* link color */







/*black*/



.blk a:link   {text-decoration: underline;color:#666666}

.blk a:visited{text-decoration: underline;color:#666666}

.blk a:hover  {text-decoration: none;color:#666666}







/*blue*/



.blu a:link   {text-decoration: none;color:#006699;}

.blu a:visited{text-decoration: none;color:#006699;}

.blu a:hover  {text-decoration: underline;color:#006699;}







/* margin */



.left30{margin-left:30px} 

.left25{margin-left:25px} 

.left20{margin-left:20px} 

.left15{margin-left:15px} 

.left10{margin-left:10px} 

.left5{margin-left:5px} 

.left3{margin-left:3px} 

.left1{margin-left:1px} 

.right30 { margin-right: 30px}

.right25 { margin-right: 25px}

.right20 { margin-right: 20px}

.right15 { margin-right: 15px}

.right10 { margin-right: 10px}

.right5	{ margin-right: 5px}

.right3	{ margin-right: 3px}

.right1	{ margin-right: 1px}

.top70{margin-top:70px} 

.top50{margin-top:50px} 

.top30{margin-top:30px}

.top20{margin-top:20px} 

.top15{margin-top:15px} 

.top10{margin-top:10px} 

.top5{margin-top:5px} 

.top3{margin-top:3px} 

.top1{margin-top:1px} 

.bottom50	{ margin-bottom: 50px; }

.bottom30	{ margin-bottom: 30px; }

.bottom20   { margin-bottom: 20px; }

.bottom15	{ margin-bottom: 15px; }

.bottom10	{ margin-bottom: 10px; }

.bottom5	{ margin-bottom: 5px; }







/* padding */



.pleft30{margin-left:30px} 

.pleft25{margin-left:25px} 

.pleft20{margin-left:20px} 

.pleft15{margin-left:15px} 

.pleft10{margin-left:10px} 

.pleft5{margin-left:5px} 

.pright30 { margin-right: 30px}

.pright25 { margin-right: 25px}

.pright20 { margin-right: 20px}

.pright15 { margin-right: 15px}

.pright10 { margin-right: 10px}

.pright5	{ margin-right: 5px}

.ptop30{margin-top:30px} 

.ptop20{margin-top:20px} 

.ptop15{margin-top:15px} 

.ptop10{margin-top:10px} 

.ptop5{margin-top:5px} 

.ptop3{margin-top:3px} 

.ptop1{margin-top:1px} 

.p10{margin:10px} 

.p5{margin:5px} 





/*width*/



.100{width:100px;}

.120{width:120px;}





.clear {clear:both; }

.center {text-align:center; }

.floatl{ margin-top:10px; float:left;}

.floatr{float:right;}





/*----------------------------------



			header



----------------------------------*/



#HEADER {margin-bottom:1em; }







#MENU1 {margin-top:0px; padding:0; float:right;line-height:15px;}

#MENU1 a{background:url(../../common/image/arrow1.gif) left no-repeat; margin-left:20px; display:block; float:left;}



#c1 ul {

padding-left:0;

list-style:none}



#c1 li {

margin:10px;

background:url(../../common/image/arrow1.gif) no-repeat 0px 50%;;

font-size:96%; }





#MENU2{

width:800px;

margin:10px 0 1px;

clear:both;}







#MENU3{

width:800px;

text-align:right;

clear:both;}











/*----------------------------------



		    footer



----------------------------------*/







#FOOTER{width:800px;

margin-top:30px;

clear:both;

bottom:0;

font-size:10px;}







#FOOTERBG{background-color:#E3E2DE;

height:135px;}







#TO-TOP{ width:800px;

background-color:#FFFFFF;

text-align:right;}







#FOOTER1{background:url(../../common/image/ft-bg.gif) repeat-x top; margin:10px;}

#FOOTER1 li{ float:left; padding:0 10px 0 10px;}

#FOOTER2{margin:10px 20px; clear:both;}

#SSL{float:right; border:1px solid #666666; width:300px;background-color:#FFFFFF; margin-top:10px;}

.ssll{width:180px; height:48px; margin:10px;float:left}

.sslr{width:100px; height:58px;float:right;}





.bd-l{border-left:1px solid #666666}







/*----------------------------------



		    main



----------------------------------*/







#MAIN{

width:800px;

margin-top:15px;

float:left;

clear:both;}







#LEFT{

width:600px;

float:left;

display:block;

}







#RIGHT{

position:relative;

width:190px;

float:left;

display:block;

margin-left:9px;}











.il-tbl{with:600px; clear:both;}



.il-tbl dt{margin-top:5px;width: 78px; float:left; display:block; text-align:right;}



.il-tbl dd{margin-top:5px;width:430px; float:left; display:block;}







.titleline{background:url(/image/titleline.gif) repeat-x; height:5px; clear:both}

.titlebg{background:url(/image/titlebg.jpg) repeat-x top;}

/*--.titlebg{background:url(/image/titlebg.jpg) repeat-x top; margin:10px 6px 7px 15px; margin-top:1px;}--*/

.title1{background:url(/image/title1.jpg) repeat-x top; }



.il-tbl ul{ clear:both; width:545px;}



.il-tbl li{float:left; display:block; margin-top:5px; font-size:12px;}



.news-products {padding-left:85px;margin-left:5px;line-height:19px;background:url(/image/news-products.gif) no-repeat left top;}



.news-carpet{padding-left:85px;margin-left:5px;line-height:19px;background:url(/image/news-carpet.gif) no-repeat left top;}



.news-curtain{padding-left:85px;margin-left:5px;line-height:19px;background:url(/image/news-curtain.gif) no-repeat left top;}



.news-ir     {padding-left:85px;margin-left:5px;line-height:19px;background:url(/image/news-ir.gif) no-repeat left top;}



.news-info   {padding-left:85px;margin-left:5px;line-height:19px;background:url(/image/news-info.gif) no-repeat left top;}



.news-event  {padding-left:85px;margin-left:5px;line-height:19px;background:url(/image/news-event.gif) no-repeat left top;}



.news-rag    {padding-left:85px;margin-left:5px;line-height:19px;background:url(/image/news-rag.gif) no-repeat left top;}



.news-wallpaper   {padding-left:85px;margin-left:5px;line-height:19px;background:url(/image/news-wallpaper.gif) no-repeat left top;}



.news-floor   {padding-left:85px;margin-left:5px;line-height:19px;background:url(/image/news-floor.gif) no-repeat left top;}



.news-greeting   {padding-left:85px;margin-left:5px;line-height:19px;background:url(/image/news-greetings.gif) no-repeat left top;}



.news-showroom   {padding-left:85px;margin-left:5px;line-height:19px;background:url(/image/news-showroom.gif) no-repeat left top;}



.il-tbl2{margin:10px 0px 0px; clear:both}



.il-tbl2-l{margin:0px 0px 0px 0px; border:1px solid #EBEAE7;width:292px;float:left; height:135px;}



.il-tbl2-ll{width:80px; float:left; font-size:10px; margin:5px;}



.il-tbl2-lr{

	float:left;

	width:185px;

	margin-top:-21px;

}



.il-tbl2-r{margin:0px 0px 0px 0px; border:1px solid #EBEAE7; width:292px; float:left; height:135px; margin-left:10px}



.bddot{background:url(/image/bddot.gif) repeat-x; margin:5px 0; clear:both;}



.btn-more{position:relative;top:75px; right:5px; z-index:1; float:right;}







.il-tbl3{margin:0 10px; clear:both}



.il-tbl3-l{background:url(/image/arrow.jpg) no-repeat; width:280px;float:left;}



.il-tbl3-2{width:280px;float:left;}



.il-tbl3-l a{display:block;margin-left:25px;float:left;font-weight:bold; line-height:20px;}















.ir-tbl{margin:0px 0; border:5px solid #E3E2DE; width:180px; text-align:center; background:url(/image/r-bg.jpg) repeat-x;}



.ir-tbl2{ margin-top:5px; border:1px solid #E3E2DE; width:188px; clear:both;}



.ir-tbl3{ margin-top:5px; width:190px; clear:both;}



.ir-tbl2c{margin:0 3px; width:182px;}



.ir-tbl2cl{margin:2px; border:1px solid #E3E2DE;width:54px;float:left;}



.ir-tbl2cr{margin-left:5px;width:110px;float:left;}



.irlink a{background:url(../../common/image/arrow1.gif) left no-repeat;margin-left:10px;display:block; text-align:left;}





/*----------------------------------



			ecospirit



----------------------------------*/

/* link color */



.org a:link   {text-decoration: underline;color:#CC6600}

.org a:visited{text-decoration: underline;color:#CC6600}

.org a:hover  {text-decoration: none;color:#CC6600}



.gre a:link   {text-decoration: underline;color:#2D8F59}

.gre a:visited{text-decoration: underline;color:#2D8F59}

.gre a:hover  {text-decoration: none;color:#2D8F59}



.gray       { color:#666666;}

.gray2      { color:#333333;}

.green      { color:#479D6E;}

.green2     { color:#006600;}

.orange     { color:#FF9933;}

.blue       { color:#6699CC;}



.blk2 a:link   {text-decoration: none;color:#666666}

.blk2 a:visited{text-decoration: none;color:#666666}

.blk2 a:hover  {text-decoration: underline;color:#666666}



.blu2 a:link   {text-decoration: none;color:#546282}

.blu2 a:visited{text-decoration: none;color:#546282}

.blu2 a:hover  {text-decoration: underline;color:#546282}







/*----------------------------------



		  2 add090305



----------------------------------*/

#CONTAINER_product {

text-align: left;

margin: 0 10px 0; /* center on everything else */

width: 801px;}



#HEADER_product {margin:0px; }



#MENU_product {float:left;}

#MENU_product img{float:left;}

#MENU_product a:link   {background:url(../../common/image/2menu_link.jpg) right no-repeat; line-height:30px; color:#FFFFFF; text-decoration:none; font-weight:bold; text-indent:26px; display:block; float:left;}

#MENU_product a:visited{background:url(../../common/image/2menu_link.jpg) right no-repeat; line-height:30px; color:#FFFFFF; text-decoration:none; font-weight:bold; text-indent:26px; display:block; float:left;}

#MENU_product a:hover  {background:url(../../common/image/2menu_hover.jpg) right no-repeat; line-height:30px; color:#FFFFFF; text-decoration:none; font-weight:bold; text-indent:26px; display:block; float:left;}

#MENU_product span    {background:url(../../common/image/2menu_hover.jpg) right no-repeat; line-height:30px; color:#FFFFFF; text-decoration:none; font-weight:bold; text-indent:26px; display:block; float:left;}



.w132{width:132px;}

.w133{width:133px;}





.top25{ margin-top:25px;}



/*----------------------------------



		  2 add090306



----------------------------------*/

.bddot2{background:url(/image/bddot.gif)}

.margin3{margin:3px;}

.bgccc{background:#CCCCCC;}



.j9{

	/* 10px */

	font-size:78%;}

.j10s{

	/* 10px */

	font-size:80%;}

.db{display:block;}

.tar{text-align:right;}

.floatl2{float:left;}

.left80{margin-left:80px;}



/*---2 news&right---*/



.pl-tbl{with:600px; clear:both;}

.pl-tbl dt{margin-top:5px;width: 78px; float:left; display:block; text-align:right;}

.pl-tbl dd{margin-top:5px; margin-left:10px;width:510px; float:left; display:block;}

.pr-tbl3{margin-top:0px; border:1px solid #E3E2DE; width:188px; clear:both;}



/*---showroom---*/

.shopinfo{with:520px; clear:both; margin:15px 0 0 40px;}

.shopinfo dl{margin-top:10px; float:left; display:block;}

.shopinfo dt{width: 75px; float:left; display:block;}

.shopinfo dd{width:445px; float:left; display:block;}



.event_tokyo{margin-top:20px; background:url(/showroom/images/tokyo/event_tokyo.jpg) no-repeat; line-height:30px; text-indent:15px; font-weight:bold; font-size:16px; color:#669900;}



.event_sapporo{margin-top:20px; background:url(/showroom/images/sapporo/event_sapporo.jpg) no-repeat; line-height:30px; text-indent:15px; font-weight:bold; font-size:16px; color:#CE837D;}



.event_nagoya{margin-top:20px; background:url(/showroom/images/nagoya/event_nagoya.jpg) no-repeat; line-height:30px; text-indent:15px; font-weight:bold; font-size:16px; color:#339999;}



.event_osaka{margin-top:20px; background:url(/showroom/images/osaka/event_osaka.jpg) no-repeat; line-height:30px; text-indent:15px; font-weight:bold; font-size:16px; color:#CC9900;}



.event_okayama{margin-top:20px; background:url(/showroom/images/okayama/event_okayama.jpg) no-repeat; line-height:30px; text-indent:15px; font-weight:bold; font-size:16px; color:#996699;}



.red{color:#CC0000;}





/*----------------------------------



		  2 add091001



----------------------------------*/



#LEFT h2{margin:0; padding:0}



.r_nav{border:1px solid #E3E3E3;}



#RIGHT .r_nav h3{margin:0; padding:1px; border-bottom:1px solid #E3E3E3;}



.r_nav li{width:188px; margin:0; padding:1px 0 0; background:url(../../common/image/r-bg.gif) repeat-x;}



.r_nav li.first{margin:0; padding:0; background:none;}



.r_nav li a{display:block; width:158px; margin:0 5px; padding:7px 13px 7px 7px; background:url(../../common/image/arrow2.gif) no-repeat right center;}



.r_nav li a:link   {text-decoration: none;color:#333333;}

.r_nav li a:visited{text-decoration: none;color:#333333;}

.r_nav li a:hover  {text-decoration: underline;color:#333333;}



.r_bnr{margin-bottom:35px;}



.r_bnr li{margin:6px 0 0; padding:0;}