@charset "shift_jis"



/*



SmileVision CSS 2011.03.07



*/



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



		  common design



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

/* default */

html {overflow-y:scroll;}

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;}

h1,h2,h3,h4,h5,h6,p {margin:0; font-size:100%;}

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;}

/* body */

.common {margin:0; padding:0px; text-align:center; color:#666666; font-size:12px; line-height:1.5; font-family:"�l�r �o�S�V�b�N", "�q���M�m�p�S Pro W3", Osaka;}

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

/* font */

/* 10px */
.j10 {font-size:85%;}
/* 11px */
.j11 {font-size:95%;}
/* 12px */
.j12 {font-size:100.5%;}
/* 14px */
.j14 {font-size:114.5%; line-height:22px; letter-spacing:0.15mm;}
/* 16px */
.j16 {font-size:128.7%; line-height:24px; letter-spacing:0.16mm;}

/* color */

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

/*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;}

/*box*/

.clear {clear:both; }

.center {text-align:center; }

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

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/*\*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/**/


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



			header



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

/* userSite */

#userSite {position: relative; width:100%; min-width:960px; z-index:100;}
* html #userSite {width: expression((document.documentElement.clientWidth < 962)? "960px" : "100%");}
#userSite a {display:block; position:absolute; top:10px; right:0; z-index:100;}

/* HEADER_product */

#HEADER_product {position:relative; width:920px; margin:0 auto; text-align:left; z-index:10;}

#HEADER_product .headerLogo {margin:0 0 13px 7px;}

#HEADER_product h1 {position:relative; width:680px; height:30px; margin:0 0 10px 8px; padding:12px 0 0; color:#eef0fa; font-size:12px; font-weight:normal; line-height:15px; overflow:hidden;}

/*MENU1*/

#MENU1 {position:absolute; top:0; right:4px; width:225px; height:31px; background:url(../img/header_menu_bg01.gif) no-repeat;z-index:6; overflow:visible;}
#MENU1 li {float:left; padding:8px 22px 0 30px;line-height:1px;}
*:first-child+html #MENU1 li {padding:6px 22px 0 30px}
#MENU1 li.global {float:left;padding:0;width:113px;}
*:first-child+html #MENU1 li.global {padding:0;}
#MENU1 li.global img {margin:9px 0 0 14px;}
#MENU1 li.global ul {width:auto;height:auto;background:none;margin:9px 0 0 3px;_margin:6px 0 0 3px;display:none;}
*:first-child+html #MENU1 li.global ul {margin:7px 0 0 3px;}
#MENU1 li.global ul li{float:none; padding:0px;text-indent:0;height:auto;}
#MENU1 li.global ul li img{vertical-align:bottom;margin:0;}

/*MENU2*/

#MENU2 {position:absolute; top:48px; left:322px;}
#MENU2 li {float:left; margin-right:18px;}

/*searchBox*/

#searchBox {position:absolute; top:43px; left:620px; width:300px; background:url(../img/search_bg.gif) no-repeat 86px 0; z-index:5;}
#searchBox p {float:left; padding:5px 7px 2px 11px; background:url(../img/search_line.gif) no-repeat 0 2px;}
#searchBox .searchArea{float:left; width:190px; padding-left:23px;}
#searchBox #searchTex{width:115px; height:17px; margin:1px 10px 0 0; padding:0; border:none; background:#fff; vertical-align:top; line-height:17px;}
* html #searchBox #searchTex{margin:0 10px 0 0;}
*:first-child+html #searchBox #searchTex{margin:0 10px 0 0;}
/*MENU3*/

#MENU3 {position:absolute; top:72px; left:322px; z-index:2;}
#MENU3 li {float:left;}

/*MENU_product*/

#MENU_product {height:52px; overflow:hidden;}
#MENU_product li {float:left; background:url(../img/menu_product.gif) no-repeat;}
#MENU_product li a {display:block; width:153px; height:52px; background:url(../img/menu_product.gif) no-repeat; text-decoration:none;}
#MENU_product li span {position:relative; z-index:-1;}

#MENU_product li.floor {width:154px; background-position:0 -52px;}
#MENU_product li.floor a {width:154px; background-position:0 0;}
#MENU_product li.floor a:hover {background-position:0 -104px;}

#MENU_product li.carpet {background-position:-154px -52px;}
#MENU_product li.carpet a {background-position:-154px 0;}
#MENU_product li.carpet a:hover {background-position:-154px -104px;}

#MENU_product li.wall {background-position:-307px -52px;}
#MENU_product li.wall a {background-position:-307px 0;}
#MENU_product li.wall a:hover {background-position:-307px -104px;}

#MENU_product li.curtain {background-position:-460px -52px;}
#MENU_product li.curtain a {background-position:-460px 0;}
#MENU_product li.curtain a:hover {background-position:-460px -104px;}

#MENU_product li.adhesive {background-position:-613px -52px;}
#MENU_product li.adhesive a {background-position:-613px 0;}
#MENU_product li.adhesive a:hover {background-position:-613px -104px;}

#MENU_product li.character {width:154px; background-position:-766px -52px;}
#MENU_product li.character a {width:154px; background-position:-766px 0;}
#MENU_product li.character a:hover {background-position:-766px -104px;}

#MENU_product li.on a {background:none;}

/*topicPath*/

#HEADER_product .topicPath {height:30px; margin-bottom:1px; padding:0 11px; color:#535454; font-size:10px; line-height:30px; overflow:hidden;}
#HEADER_product .topicPath a:link    {text-decoration:underline; color:#003366;}
#HEADER_product .topicPath a:visited {text-decoration:underline; color:#003366;}
#HEADER_product .topicPath a:hover   {text-decoration:none; color:#003366;}


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



		    pagetitle



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

#pagetitle {width:920px; margin: 0 auto; text-align:left;}
#pagetitle h2 {position:relative; z-index:-1; visibility: visible;}

.titleFloor {height:105px; background:url(../../product_floor/assets/img/pagetitle.jpg) no-repeat;}
.titleCarpet {height:105px; background:url(../../product_carpet/assets/img/pagetitle.jpg) no-repeat;}
.titleWall {height:105px; background:url(../../product_wall/assets/img/pagetitle.jpg) no-repeat;}
.titleCurtain {height:105px; background:url(../../product_curtain/assets/img/pagetitle.jpg) no-repeat;}
.titleAdhesive {height:105px; background:url(../../product_adhesive/assets/img/pagetitle.jpg) no-repeat;}
.titleCharacter {height:105px; background:url(../../product_character/assets/img/pagetitle.jpg) no-repeat;}
.titleDegital {height:92px; background:url(../../digital_catalog/assets/img/pagetitle.gif) no-repeat;}


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



		    footer



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

#FOOTER .footerTop {min-width:920px; margin-top:60px; padding-top:4px; background:#f8f9f9 url(../img/footer_bg.gif) repeat-x;}

#FOOTER a:link    {text-decoration:none; color:#374d5d;}
#FOOTER a:visited {text-decoration:none; color:#374d5d;}
#FOOTER a:hover   {text-decoration:underline; color:#374d5d;}

#FOOTER .pagetop {position:relative; width:920px; height:4px; margin: 0 auto; text-align:left;}
#FOOTER .pagetop a{display:block; position:absolute; top:-39px; right:18px;}

#FOOTER1 {min-width:920px; padding:18px 0; border-top:1px solid #b3d4d8; background:#d0e0e0;}
#FOOTER1 .footerMenu {width:920px; margin: 0 auto; text-align:left;}
#FOOTER1 .block1 { display:inline; float:left; width:516px; margin-left:9px;}
#FOOTER1 .block2 { float:left; width:176px; margin-left:18px;}
#FOOTER1 h2 {margin-bottom:5px; padding-bottom:8px; border-bottom:1px solid #a6b3b3;}
#FOOTER1 li {margin-left:5px; padding-left:8px; background:url(../img/footer_arw.gif) no-repeat 0 .5em; font-size:12px; line-height:1.7;}

#FOOTER1 .block1 ul {float:left; width:172px;}

#FOOTER .bnrArea {min-width:920px; padding:10px 0; background:#78a0a6; color:#ffffff;}
#FOOTER .bnrArea ul {width:920px; margin: 0 auto; text-align:left;}
#FOOTER .bnrArea li {display:inline; float:left; margin-left:3px;}
#FOOTER .bnrArea li img {vertical-align:top;}

#FOOTER2 {position:relative; width:920px; min-height:46px; margin: 11px auto; text-align:left;}
* html #FOOTER2 {height:46px;}
#FOOTER2 p {margin:3px 0 0 187px; color:#100906; font-size:10px;}
#FOOTER2 .logo {position:absolute; top:3px; left:0; margin:0;}


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



		    main



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

#MAIN {width:920px; margin:0 auto; padding-top:12px; text-align:left;}

#LEFT{
width:600px;
float:left;
display:block;
}

#RIGHT{
position:relative;
width:190px;
float:left;
display:block;
margin-left:9px;
}

/* linkList */

#RIGHT .linkList {
	width: 100%;
	margin: 10px 0 20px;
}

#RIGHT .linkList li {
	margin: 5px 2px 0;
	padding-left: 16px;
	background: url(../img/ico_arw02.gif) no-repeat 0 .4em;
}

#RIGHT .linkList a:link,
#RIGHT .linkList a:visited {
	color: #003366;
	text-decoration: underline;
}
#RIGHT .linkList a:hover,
#RIGHT .linkList a:active {
	color: #003366;
	text-decoration: none;
}


/* --�����C�A�E�g��� --*/
#RIGHT .ir-tbl{margin:0px 0; border:5px solid #E3E2DE; width:180px; text-align:center; background:url(/image/r-bg.jpg) repeat-x;}
#RIGHT .ir-tbl2{ margin-top:5px; border:1px solid #E3E2DE; width:188px; clear:both;}
#RIGHT .ir-tbl3{ margin-top:5px; width:190px; clear:both;}
#RIGHT .ir-tbl2c{margin:0 3px; width:182px;}
#RIGHT .ir-tbl2cl{margin:2px; border:1px solid #E3E2DE;width:54px;float:left;}
#RIGHT .ir-tbl2cr{margin-left:5px;width:110px;float:left;}
#RIGHT .irlink a{background:url(../../common/image/arrow1.gif) left no-repeat;margin-left:10px;display:block; text-align:left;}




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



			search



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

#cse-search-results{
	margin: 0 15px;
}


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



			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



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




.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;}