* { padding:0; margin:0; border:0; }
body{font-family: "baskerville","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo; }

.redbg-title780{ background:#bf0000; border-bottom:#790303 solid 4px; width:100%; color:#FFF; height:30px; font-size:16px; margin-top:5px; }
.category-table{ width:668px; text-align:center; margin-top:20px; margin-left:2px; }
.level{ width:668px; text-align:center; margin: -8px 1px; }
.level a { text-decoration:none; }
.level2	{ background:#fbfaf8; border:1px dashed #BBB; color:#444; height:47px; text-align: center;margin: 0px 5px 5px 0px;float: left; width: 160px; padding-top:5px; font-size:12px; }
.level2 span{ font-size:12px; }
.level2:hover{background-color: #bf0000; color:#fff; }	
.cat-level{ padding-left:17px; }
.clearcateg { clear:both; }
.categorybrands img{ width:45px; height:45px; }
.categorybrands div{float:left; margin:0 5px 4px 0; border: 1px solid #BBB; }
.categorybrands div:hover {border: 1px solid #666666; }

.categories-title2 {border-bottom:4px solid #bf0000; font-size: 19px; color: #454545; width:668px; }

.level2a	{ background:#fbfaf8; border:1px dashed #BBB; color:#444; height:47px; text-align: center;margin: 0px 5px 5px 0px;float: left; width: 160px; padding-top:14px; font-size:12px; }
.level2a span{ font-size:12px; }
.level2a:hover{background-color: #bf0000; color:#fff; }

.spacer { clear:both; height:20px; }

/**.categttle{ color:#4f5052; font-size:16px; }**/

.level3	{background:#fbfaf8; border:1px dashed #BBB; color:#444; text-align: center;margin: 0px 5px 5px 0px;float: left;  width: 134px; padding:12px; font-size:12px; }
.level3 span{ font-size:12px; }
.level3:hover{background-color: #bf0000; color:#fff; }

/**  STOKKE   **/

.redbg-title780-new{ background:#444; border-bottom:#666 solid 4px; width:100%; color:#FFF; height:30px; font-size:16px; margin-top:5px; }
.category-table-new{ width:100%; text-align:center; margin-top:15px; margin-left:2px; }
.level-new{ width:100%; text-align:center; margin: -8px 1px; }
.level-new a { text-decoration:none; }

#srs{ height:50px !important; clear:both; }



.level2-new	{ background:#fbfaf8; border:thin solid #ccc; color:#444; height:47px; text-align: center;margin: 0px 5px 5px 0px;float: left; width: 19%; padding-top:10px; font-size:12px; }
.level2-new span{ font-size:12px; }
.level2-new:hover{background-color: #666; color:#fff; }	


.level2-new-a { background:#fbfaf8; border:thin solid #ccc; color:#444; height:37px; text-align: center;margin: 0px 5px 5px 0px;float: left; width: 19%; padding-top:20px; font-size:12px; }
.level2-new-a span{ font-size:12px; }
.level2-new-a:hover{background-color: #666; color:#fff; }	


.level2-new-cutipol { background:#fbfaf8; border:thin solid #ccc; color:#444; height:47px; text-align: center;margin: 0px 5px 5px 0px;float: left; width: 24.1%; padding-top:10px; font-size:12px; }
.level2-new-cutipol span{ font-size:12px; }
.level2-new-cutipol:hover{background-color: #666; color:#fff; }	




.bstock-btn	{ background:#fbfaf8; border:thin solid #ccc; color:#444; height:47px; text-align: center;margin: 0px 5px 5px 0px;float: left; width: 24%; padding-top:5px; font-size:12px; }
.bstock-btn{ font-size:12px; }
.bstock-btn:hover{background-color: #666; color:#fff; }	


.cat-level-new{ padding-left:17px; }
.clearcateg-new { clear:both; }
.categorybrands-new img{ width:45px; height:45px; }
.categorybrands-new div{float:left; margin:0 4px 4px 0; border: 1px solid #BBB; }
.categorybrands-new div:hover {border: 1px solid #666; }

.categories-title2-new { font-size: 19px; color: #454545; width:100%; padding-bottom:5px; margin-top:10px; }
.categories-title2a-new { font-size: 19px; color: #454545; width:100%; padding-bottom:5px; }

.level2a-new	{ background:#fbfaf8; border:1px dashed #BBB; color:#444; height:47px; text-align: center;margin: 0px 5px 5px 0px;float: left; width: 160px; padding-top:14px; font-size:12px; }
.level2a-new span{ font-size:12px; }
.level2a-new:hover{ background-color: #666; color:#fff; }

.spacer { clear:both; height:20px; }

/**.categttle{ color:#4f5052; font-size:16px; }**/

.level3-new	{ background:#fbfaf8; border:1px dashed #BBB; color:#444; text-align: center;margin: 0px 5px 5px 0px;float: left;  width: 134px; padding:12px; font-size:12px; }
.level3-new span{ font-size:12px; }
.level3-new:hover{ background-color: #666; color:#fff; }




.level4-new	{ background:#fbfaf8; border:thin solid #ccc; color:#444;  text-align: center;margin: 0px 5px 5px 0px;float: left; width: 20%; padding:14px; font-size:12px;  }
.level4-new span{ font-size:12px; }
.level4-new:hover{ background-color: #666; color:#fff; }


/* REPETTO */

.level2-new_repetto	{ background:#fbfaf8; border:thin solid #ccc; color:#444; height:57px; text-align: center;  float: left; width: 49.2%; padding-top:10px; font-size:18px; }
.level2-new_repetto span{ font-size:14px; }
.level2-new_repetto:hover{background-color: #666; color:#fff; }	

.level-new_repetto{ width:100%; text-align:center; margin: -5px -2px; }
.level-new_repetto a { text-decoration:none; }

.repleft {margin-left:0px; margin-right: 4px;}
.repright {margin-left:4px; margin-right:0px;}



<!-- iittala page -->


.br-sp{ display:none; }
.br-sp2{ display:block; }
.clear{ clear:both; height:20px; }
.clear2{ clear:both; height:40px; }
	
.wrapper{ width:780px; margin:0 auto; font-size:14px; font-family: Helvetica, Meiryo, sans-serif; color:#585858;}
.bnrtop{ text-align:center; font-size:12px; line-height: 25px; }
.bnrtop img{ margin-bottom:20px; }

.iitalanav{ width:100%; margin:0; padding:0; }
.navtitle{ padding:94px 15px; background-color:#A60034; text-align:center; color:white; font-size:18px; width:15%; font-size:16px; float:left; }
.menu{ width:15.3%; color:white; text-align:center; float:left; position: relative; margin-left:10px; margin-top:10px; }
.menu img{ width:100%; }
.menu img:hover { filter: brightness(20%); }
.img-hover{ filter: brightness(100%); width:100%; }
.menu:hover .img-hover{ filter: brightness(20%); }
.menu h2 { position: absolute; top: 20%; left: 0; width: 100%; }

.iittalatitle{ font-size:38px; font-family: 'Lobster', cursive; letter-spacing:2px; color:#363636; }
.iitalacontent{ width:100%; }

.maindiv{ width:100%; color:white; text-align:center; float:left; position: relative; font-size:27px; }
.maindiv:hover .img-hover{ filter: brightness(20%);  -webkit-transition:all .4s ease-in-out; transition:all .3s ease-in-out; }
.maindiv h2 { position: absolute; top: 40%; left: 0; width: 100%; opacity:0; }
.maindiv:hover h2{ opacity:1; }
.lineunder {     display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px; }

@media screen and ( max-width:700px ) and ( min-width:500px ){
	
	.level2-new	{ width: 23%; }
		
}

@media screen and ( max-width:499px ) and ( min-width:350px ){
	
	.level2-new	{ width: 31%; }
		
}

@media screen and ( max-width:349px ){
	
	.level2-new	{ width: 46%; }
		
}


