@charset "utf-8";
@import "base.css";

/*		MainArea
----------------------------------------------------*/


/*------  MainArea h2  ------*/
h2#h2-making {
	background-image: url(../images/toyoboshi/h2_making.gif);
}
h2#h2-topics {
	background-image: url(../images/toyoboshi/h2_topics.gif);
}
h2#h2-products {
	background-image: url(../images/toyoboshi/h2_products.gif);
}
h2#h2-and {
	background-image: url(../images/toyoboshi/h2_and.gif);
}
h2#h2-procurement {
	background-image: url(../images/toyoboshi/h2_procurement.gif);
}


/*------  Topic  ------*/
div#container-block div.topic-block {
	padding: 25px 15px 0 0;
	width: 625px;
}
	div.topic-block ul {
		width: 555px;
	}
		div.topic-block ul li {
			padding-bottom: 27px;
			margin-bottom: 26px;
			background: url(../images/common/line_dot.gif) bottom left no-repeat;
		}
		div.topic-block ul li.line-none {
			background: none;
			margin-bottom: 0;
		}
			div.topic-block ul li dl {
				width: 555px;
				overflow: hidden;
			}
				div.topic-block ul li dl dt {
					padding: 0 5px;
					width: 160px;
					float: left;
				}
				div.topic-block ul li dl dd {
					width: 385px;
					float: left;
				}
					div.topic-block ul li dl dd ul {
						padding: 0 0 0 30px;
						width: 355px;
					}
					div.topic-block ul li dl dd ul li {
						padding-bottom: 0;
						margin: 0;
						background: none;
					}
div#container-block div.topicdetail-block {
	padding: 25px 15px 0 0;
	width: 625px;
}
	div.topicdetail-block p {
		width: 555px;
	}
h3#h3-topicsdetail {
	background: url(../images/toyoboshi/h2_topicsdetail.gif) left bottom no-repeat;
	margin-bottom:30px;
	padding:7px 0;
	font-weight: normal;
	font-size: 130%;

}

/*------  Products  ------*/
div#container-block div.products-block {
	padding: 60px 40px 30px 0;
	width: 600px;
}
	div#p-casimico {
		padding-top: 30px;
		width: 547px;
		overflow: hidden;
	}
		div#p-casimico p.fl-l {
			width: 317px;
		}
		div#p-casimico div.fl-r {
			width: 230px;
		}
			div#p-casimico h3 {
				font-size: 100%;
			}
	ul.p-more li {
		margin-right: 80px;
		margin-left: auto;
		width: 80px;
	}
	dl#p-yuri {
		padding: 20px 0 5px;
		width: 600px;
		overflow: hidden;
	}
		dl#p-yuri dt,
		dl#p-yuri dd {
			margin-bottom: 15px;
			float: left;
		}
		dl#p-yuri dt {
			width: 120px;
		}
		dl#p-yuri dd {
			width: 180px;
		}

/*------  And  ------*/
h3#h3-and01,
h3#h3-and02 {
	text-indent: -9999px;
	height: 60px;
	background-position: top left;
	background-repeat: no-repeat;
}
h3#h3-and01 { background-image: url(../images/toyoboshi/h3_and01.gif); }
h3#h3-and02 { background-image: url(../images/toyoboshi/h3_and02.gif); }

div.and-block {
	padding: 5px 0 20px 12px;
	background: url(../images/common/line_dot.gif) bottom left no-repeat;
	width: 535px;
	overflow: hidden;
}
	div.and-block p.fl-l {
		width: 130px;
	}
	div.and-block div.fl-r {
		width: 405px;
		position: relative;
	}
		div.and-block div.fl-r p {
			padding: 10px 0;
		}
		div.and-block div.fl-r p.a-img {
			padding: 0;
			width: 150px;
		}
		div.and-block div.fl-r p.a-ex {
			padding: 0;
			width: 255px;
			font-size: 90%;
			position: absolute;
			bottom: 0;
			left: 150px;
		}

/*------  Making  ------*/
div.making-box {
	padding-bottom: 30px;
	margin-bottom: 30px;
	width: 547px;
	overflow: hidden;
	background: url(../images/common/line_dot.gif) bottom left no-repeat;
}
div#main div.no-bg {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
	div.making-box h3 {
		text-indent: -9999px;
		background-position: top left;
		background-repeat: no-repeat;
		height: 22px;
		display: block;
	}
	h3#h3-spinning { background-image: url(../images/toyoboshi/h3_spinning.gif); }
	h3#h3-wool01 { background-image: url(../images/toyoboshi/h3_wool01.gif); }
	h3#h3-wool02 { background-image: url(../images/toyoboshi/h3_wool02.gif); }
	h3#h3-stain { background-image: url(../images/toyoboshi/h3_stain.gif); }
	
	div.making-box h4 {
		margin-bottom: 5px;
		font-size: 100%;
	}
	
	.making-l {
		float: left;
		width: 172px;
	}
	.making-r {
		float: left;
		width: 375px;
	}
	div.making-box p.pl10 {
		padding-left: 10px;
		width: 365px;
	}
	div.making-box ul {
		padding: 50px 0 20px;
		width: 375px;
		overflow: hidden;
	}
	div#main div.no-bg ul {
		padding-bottom: 0;
	}
		div.making-box li {
			text-indent: -9999px;
			float: left;
			display: block;
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		/*------  wool01 list  ------*/
		li#wool01-01,
		li#wool01-02,
		li#wool01-03 {
			width: 125px;
			height: 73px;
		}
		li#wool01-01 { background-image: url(../images/toyoboshi/li_wool01.jpg); }
		li#wool01-02 { background-image: url(../images/toyoboshi/li_wool02.jpg); }
		li#wool01-03 { background-image: url(../images/toyoboshi/li_wool03.jpg); }
		
		/*------  wool02 list  ------*/
		li#wool02-01,
		li#wool02-02 {
			width: 375px;
			height: 105px;
		}
		li#wool02-01 { background-image: url(../images/toyoboshi/li_wool04.jpg); }
		li#wool02-02 { background-image: url(../images/toyoboshi/li_wool05.jpg); }
		li#wool02-03 {
			width: 255px;
			height: 130px;
			background-image: url(../images/toyoboshi/li_wool06.jpg)
		}
		li#wool02-04 {
			width: 120px;
			height: 130px;
			background-image: url(../images/toyoboshi/li_wool07.jpg)
		}
		li#wool02-05 {
			width: 375px;
			height: 85px;
			background-image: url(../images/toyoboshi/li_wool08.jpg)
		}
		
		/*------  stain list  ------*/
		li#stain-01,
		li#stain-02,
		li#stain-03 {
			width: 125px;
			height: 132px;
		}
		li#stain-04,
		li#stain-05,
		li#stain-06,
		li#stain-07 {
			width: 187px;
			height: 120px;
		}
		li#stain-01 { background-image: url(../images/toyoboshi/li_stain01.jpg); }
		li#stain-02 { background-image: url(../images/toyoboshi/li_stain02.jpg); }
		li#stain-03 { background-image: url(../images/toyoboshi/li_stain03.jpg); }
		li#stain-04 { background-image: url(../images/toyoboshi/li_stain04.jpg); }
		li#stain-05 { background-image: url(../images/toyoboshi/li_stain05.jpg); }
		li#stain-06 { background-image: url(../images/toyoboshi/li_stain06.jpg); }
		li#stain-07 { background-image: url(../images/toyoboshi/li_stain07.jpg); }
		
/*------  Procurement  ------*/
h3#h3-procurement01,
h3#h3-procurement02,
h3#h3-procurement03,
h3#h3-procurement04 {
	text-indent: -9999px;
	height: 60px;
	background-position: top left;
	background-repeat: no-repeat;
}
h3#h3-procurement01 { background-image: url(../images/toyoboshi/h3_procurement01.gif); }
h3#h3-procurement02 { background-image: url(../images/toyoboshi/h3_procurement02.gif); }
h3#h3-procurement03 { background-image: url(../images/toyoboshi/h3_procurement03.gif); }
h3#h3-procurement04 { background-image: url(../images/toyoboshi/h3_procurement04.gif); }
		
/*		SideArea
----------------------------------------------------*/
div#side-navi ul {
	padding-bottom: 60px;
}
div#side-top h2 {
	background-image: url(../images/toyoboshi/h2_toyoboshi.gif);
}
div#side-navi h3 {
	background-image: url(../images/toyoboshi/h3_toyoboshi.gif);
}
li#li-topics a { background-image: url(../images/toyoboshi/li_topics.gif); }
li#li-products a { background-image: url(../images/toyoboshi/li_products.gif); }
li#li-and a { background-image: url(../images/toyoboshi/li_and.gif); }
li#li-procurement a { background-image: url(../images/toyoboshi/li_procurement.gif); }
li#li-making a { background-image: url(../images/toyoboshi/li_making.gif); }