@charset "shift_jis";
/* CSS Document */


/*------------------------------------------
ラティスページ共通
------------------------------------------*/
div#lattice{ width:750px; padding-bottom:20px; margin:0 auto; text-align:center; background:#EEE4D0; line-height:110%; overflow:hidden;}
div#lattice *{ margin:0; padding:0}
div#lattice a{text-decoration:underline;}
div#lattice a:hover{ color:#FF3300;}
div#lattice img{ vertical-align:bottom; border:none}
div#lattice ul{ list-style:none}
div#lattice ul li{ float:left}
div#lattice div.box {width:730px; margin: 30px 10px 0; padding:0; background:#F7F2E8;}
div#lattice .top{margin:20px 0 0; padding:0; background:url(../IMAGE/lattice/bottom_bg.gif) repeat-x; text-align:right; clear:both;}
div#lattice .bn {margin:40px auto 0;}
div#lattice .back {margin:0; padding:0; clear:both;}
div#lattice table {width:700px; margin:0 15px; }
div#lattice table td { text-align:center; vertical-align:top; background:#FFFFFF; font-size:12px; border:1px solid #666666;}
div#lattice table td div {margin:5px 5px 2px; padding:0;}
div#lattice table td div img {margin-bottom:5px; padding:0;}
div#lattice h1 {margin:0; padding:0;}
div#lattice h2 {margin-bottom:15px; clear:both;}
div#lattice h3 {margin:20px auto 5px; clear:both;}
div#lattice h4 {margin:0 15px 5px; clear:both;}


/*------------------------------------------
■一覧ページ用
------------------------------------------*/
div#lattice .ti {overflow:hidden;}
div#lattice .ti h1 {float:left; margin:0; padding:0; overflow:hidden;}
div#lattice .ti .tokucho {float:right; width:316px; margin:0; padding:0; overflow:hidden;}
div#lattice .ti .menu {float:left; width:434px; margin:0; padding:0 0 10px; overflow:hidden;}
div#lattice table td.matrix { background:#DEFFDD;}
div#lattice table td div p{font-weight:bold; font-size:12px;}
div#lattice p.combi {margin:0 25px 10px; text-align:left; font-size:13px; letter-spacing:1px;}
div#lattice table.leg {width:450px; float:left; overflow:hidden;}
div#lattice .img-left {float:left;}
div#lattice .img-right {margin-right:15px; background:url(../IMAGE/lattice/co_leg_img2.jpg) right no-repeat; height:210px;}
div#lattice .last {margin:50px 75px 0; padding:0; overflow:hidden;}
div#lattice .last ul li {float:left; margin-bottom:25px;}
div#lattice .last ul li.center{margin:0 6px;}

/*------------------------------------------
■専用金具ページ用
------------------------------------------*/
div#lattice .ti-kanagu { background:url(../IMAGE/lattice/kanagu/ti_bg.jpg) no-repeat top; letter-spacing:1px; overflow:hidden;}
div#lattice .ti-kanagu p {padding:15px 350px 15px 10px; text-align:left; overflow:hidden;}
div#lattice .ti-kanagu ul {overflow:hidden; margin:5px; overflow:hidden;}
div#lattice .ti-kanagu ul li {float:left; margin:0 5px; overflow:hidden;}
div#lattice ul.step {margin:10px 5px 5px; padding:0; overflow:hidden; font-size:13px; letter-spacing:1px; line-height:130%;}
div#lattice ul.step li{float:left; padding:0 10px; width:340px;}
div#lattice ul.step li p {line-height:150%; text-align:left;}
div#lattice ul.step li p.small { margin-top:20px; font-size:10px; line-height:120%;}
div#lattice ul.step li img {margin-right:10px;}
div#lattice table td div p.post{font-size:12px; margin-bottom:5px; font-weight:normal;}
div#lattice table td.kanagu { background:#EEE4D0;}
div#lattice table td.post-img { vertical-align:middle;}
div#lattice table td .hokyo {padding-top:5px; margin:5px 3px 0; border-top:1px dotted #666666;}
div#lattice .box-hw {margin:30px 10px; padding:0; overflow:hidden;}
div#lattice .box-hw .hand {width:360px; margin:0; padding:0; background:#F7F2E8; float:left; overflow:hidden;}
div#lattice .box-hw .wall {width:360px; margin:0; padding:0; background:#F7F2E8; float:right; overflow:hidden;}
div#lattice .box-hw .hand table,div#lattice .box-hw .wall table {width:auto;}
div#lattice table td div dl{overflow:hidden;}
div#lattice table td div dl dt {float:left; overflow:hidden; text-align:center; width:165px;}
div#lattice table td div dl dd {float:right; overflow:hidden; text-align:left; width:130px;}
div#lattice table td div dl dt .spesicalprice {display:inline;}

/*------------------------------------------
■組み立ててみようページ用
------------------------------------------*/
div#lattice .ti-try { background:no-repeat top; letter-spacing:1px; overflow:hidden;}
div#lattice .ti-try ul {overflow:hidden; margin:5px 10px; overflow:hidden;}
div#lattice .ti-try ul li {float:left; margin:0 7px 0 0; overflow:hidden;}
div#lattice .ti-try ul li.none {margin:0;}
div#lattice dl.try {margin:0 15px; overflow:hidden;}
div#lattice dl.try dt {float:left; overflow:hidden; width:345px;}
div#lattice dl.try dt p { margin:0 10px 10px 0; padding:0; text-align:left; font-size:12px; letter-spacing:1px; line-height:120%;}
div#lattice dl.try dd {float:right; overflow:hidden;}
div#lattice ul.item-b {margin:0 5px; overflow:hidden;}
div#lattice ul.item-b li {padding:5px 10px 0 ; float:left; overflow:hidden;}
div#lattice ul.item-s {margin:0 7px 15px; overflow:hidden;}
div#lattice ul.item-s li {padding:0 6px; float:left; overflow:hidden;}
div#lattice ul.kumi {margin:0 15px 5px; overflow:hidden;}
div#lattice ul.kumi li {padding:0 8px 0 0; float:left; overflow:hidden;}
div#lattice ul.kumi li.none {padding:0; margin:0;}

div#lattice ul.kumi3 {margin:0 15px 5px; overflow:hidden;}
div#lattice ul.kumi3 li {padding:0 5px 0 0; float:left; overflow:hidden;}
div#lattice ul.kumi3 li.none {padding:0; margin:0;}



/*------------------------------------------
価格プロ対応
------------------------------------------*/
div#lattice .motoprice{display:none;}
div#lattice div.buy_price {padding:0;}
div#lattice div.buy_price ul li{ float:none;}
div#lattice .spesicalprice{font-size:11px; color:#0000FF; display:block;}
div#lattice .price{font-size:17px; color:#FF3300; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-weight:bold;display:inline; width:auto}
div#lattice div.buy_price ul li.intax{ padding-top:9px; font-weight:nomal; color:#FF3300; font-size:9px; display:inline; width:auto}


/*floatによる親要素の背景が消えることを回避*/	
div#lattice div.box:after,div#lattice div.box dl.w365 dd:after
{
	content: ".";
	display: block;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/*floatによる親要素の背景が消えることを回避・IE用*/
div#lattice div.box,div#lattice div.box dl.w365 dd{	zoom: 100%;}


/*------------------------------------------
ラティス看板
------------------------------------------*/
div#lattice .ti table td { text-align:center; vertical-align:top; background:#FFFFFF; font-size:12px; border:none;}