@charset "utf-8";
@import url("common.css");
@import url("column.css");

/* menu_sub
----------------------------------------------------------------------------------------------------*/

div#menu_sub h2{
	background:url(../works/img/title_works.gif) no-repeat left center;
	height:13px;
}

/* pan
----------------------------------------------------------------------------------------------------*/

p.pan_works{
	background:url(../works/img/pan_works.gif) no-repeat right center;
	padding-right:59px;
	margin:0 10px;
}

p.pan_research{
	background:url(../works/img/pan_research.gif) no-repeat right center;
	padding-right:58px;
	margin:0 10px;
}

p.pan_products{
	background:url(../works/img/pan_products.gif) no-repeat right center;
	padding-right:58px;
	margin:0 10px;
}

p.pan_down{
	background:url(../works/img/research/pan_down.gif) no-repeat right center;
	padding-right:105px;
	margin:0 10px;
}

p.pan_eggshell{
	background:url(../works/img/research/pan_eggshell.gif) no-repeat right center;
	padding-right:90px;
	margin:0 10px;
}

p.pan_tea{
	background:url(../works/img/research/pan_tea.gif) no-repeat right center;
	padding-right:43px;
	margin:0 10px;
}

p.pan_goods{
	background:url(../works/img/products/pan_goods.gif) no-repeat right center;
	padding-right:58px;
	margin:0 10px;
}

p.pan_making{
	background:url(../works/img/products/pan_making.gif) no-repeat right center;
	padding-right:103px;
	margin:0 10px;
}

/* page title
----------------------------------------------------------------------------------------------------*/

#title_page-works{
	background:url(../works/img/title_page-works.gif) no-repeat left center;
	height:43px;
	margin-bottom:30px;
	text-align:left;
}

#title_page-research{
	background:url(../works/img/title_page-research.gif) no-repeat left center;
	height:43px;
	margin-bottom:30px;
	text-align:left;
}

#title_page-products{
	background:url(../works/img/title_page-products.gif) no-repeat left center;
	height:43px;
	margin-bottom:30px;
	text-align:left;
}

/* common
----------------------------------------------------------------------------------------------------*/

.title{
	clear:both;
	margin-bottom:20px;
	text-align:left;
}
.pagetop{
	margin-bottom:30px;
}

/* works(index.html)
----------------------------------------------------------------------------------------------------*/

h2#title_products{
	background:url(../works/img/index/title_products.gif) no-repeat left center;
	height:22px;
	margin-bottom:20px;
}

h2#title_research{
	background:url(../works/img/index/title_research.gif) no-repeat left center;
	clear:both;
	height:22px;
	margin-bottom:20px;
}

div.listset{
	margin-bottom:30px;
	text-align:left;
}
div.listset:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div.listset{display:inline-block;}
html[xmlns] div.listset{display:block;}
* html div.listset{height:1%;}

ul.workslist li{
	float:left;
	margin-right:15px;
	text-align:left;
}

ul.workslist li.listend{
	margin-right:0;
}

/* research(down.html)
	1.about_down
	2.about_down
	3.about_pd
	3.item
----------------------------------------------------------------------------------------------------*/

h2#title_down{
	background:url(../works/img/research/title_page-down.gif) no-repeat left center;
	height:22px;
	margin-bottom:30px;
}

.title_point{
	background:url(../works/img/research/title_down_point.gif) no-repeat left center;
	height:16px;
}

.title_pd-test{
	background:url(../works/img/research/title_down_pd-test.gif) no-repeat left center;
	height:16px;
}

.title_applications{
	background:url(../works/img/research/title_down_applications.gif) no-repeat left center;
	height:16px;
}

.title_item{
	background:url(../works/img/research/title_down_item.gif) no-repeat left center;
	height:16px;
}


/* 1.about_down */

div#about_down{
	margin-bottom:40px;
	width:630px;
}
div#about_down p{
	line-height:1.6;
	letter-spacing:0.1em;
	text-align:left;
}

p.photo_down{
	float:right;
	margin-top:0 !important;
	margin-left:20px;
	text-align:right !important;
}
p.photo_down img{
	margin-bottom:10px;
}
p.photo_down img.photo{
	margin-right:20px;
}

/* 2.about_down */

ol.about_down{
	list-style:decimal;
	line-height:1.6;
	letter-spacing:0.1em;
	margin-left:2em;
	margin-bottom:30px;
	text-align:left;
}

/* 3.about_pd */

div#about_pd{
	margin-bottom:30px;
	text-align:left;
	width:630px;
}

div#about_pd img.photo_test{
	margin-bottom:1em;
}

div#about_pd img.photo_graph{
	float:right;
}

div#about_pd table{
	background:#FFFFFF;
	border-top:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
	font-size:100%;
	letter-spacing:0.1em;
	width:320px;
}
div#about_pd table caption{
	padding-bottom:0.3em;
}
div#about_pd table th,
div#about_pd table td{
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}
div#about_pd table th{
	text-align:center;
	padding:0.3em;
}
div#about_pd table td{
	text-align:center;
	padding:0.3em;
}

/* 4.item */

div#about_item{
	margin-bottom:30px;
	line-height:1.4;
	letter-spacing:0.1em;
	text-align:left;
	width:630px;
}

/* research(eggshell.html)
	1.eggshell
----------------------------------------------------------------------------------------------------*/

h2#title_page-eggshell{
	background:url(../works/img/research/title_page-eggshell.gif) no-repeat left center;
	height:22px;
	margin-bottom:30px;
}

.title_about-eggshell{
	background:url(../works/img/research/title_eggshell-about.gif) no-repeat left center;
	height:16px;
	margin-top:30px;
}

.title_point-eggshell{
	background:url(../works/img/research/title_eggshell-point.gif) no-repeat left center;
	height:16px;
	margin-top:30px;
}

.title_oil-test{
	background:url(../works/img/research/title_oil-test.gif) no-repeat left center;
	height:16px;
}


/* 1.eggshell */

div#eggshell{
	margin-bottom:30px;
	width:630px;
}

div#eggshell p{
	margin-top:1em;
	line-height:1.6;
	letter-spacing:0.1em;
	text-align:left;
}

div#eggshell ol{
	list-style:decimal;
	line-height:1.6;
	letter-spacing:0.1em;
	margin-left:2em;
	margin-bottom:30px;
	text-align:left;
}

p.graph{
	margin-bottom:30px;
}

/* research(tea.html)
	1.cardboard
	2.tissuepaper
----------------------------------------------------------------------------------------------------*/

h2#title_page-tea{
	background:url(../works/img/research/title_page-tea.gif) no-repeat left center;
	height:22px;
	margin-bottom:30px;
}

div#tea{
	width:630px;
}

div#tea p{
	margin-bottom:1em;
	line-height:1.6;
	letter-spacing:0.1em;
	text-align:left;
}

div#tea p#photo{
	float:right;
	font-size:80%;
	margin-left:1em;
	margin-bottom:1em;
	text-align:center;
	width:200px;
}

div#tea p#photo img{

	margin-bottom:10px;
}

/* products(goods.html)
	1.cardboard
	2.goods_info
	3.tissuepaper
----------------------------------------------------------------------------------------------------*/

h2#title_page-goods{
	background:url(../works/img/products/title_page-goods.gif) no-repeat left center;
	height:22px;
	margin-bottom:30px;
}


/* 1.cardboard */

div#cardboard{
	background:url(../works/img/products/img_cardboard.jpg) no-repeat left 36px;
	margin-bottom:30px;
	min-height:336px;
	width:630px;
}

div#cardboard h3{
	background:url(../works/img/products/title_cardboard.gif) no-repeat left center;
	height:16px;
	margin-bottom:20px;
}

div#cardboard p{
	margin-bottom:1em;
	line-height:1.6;
	letter-spacing:0.1em;
	padding-left:320px;
	text-align:left;
}
div#cardboard p#text_top{
	margin-top:215px;
}
/* 2.goods_info */
div#goods_info{
	width:620px;
	border:5px solid #DFEDF8;
	background-color:#FFFFFF;
	margin-bottom:30px;
}
div#goods_info_in{
	background:url(../works/img/products/img_liner.jpg) no-repeat left top;
	min-height:270px;
	padding:10px 10px 10px 240px;
}
div#goods_info #text_box{
	border-left:3px solid #DFEDF8;
	padding-left:10px;
	text-align:left;
	min-height:270px;
}
div#goods_info #text_box h4#sub_title01{
	background:url(../works/img/products/title_goods_info01.gif) no-repeat left top;
	height:17px;
	margin-bottom:5px;
}
div#goods_info #text_box h4#sub_title02{
	background:url(../works/img/products/title_goods_info02.gif) no-repeat left top;
	height:17px;
	margin-bottom:5px;
}
div#goods_info #text_box p#info{
	margin-bottom:1em;
}
div#goods_info #text_box p#main{
	border:1px solid #858585;
	padding:5px;
}

/* 3.tissuepaper */

div#tissuepaper{
	background:url(../works/img/products/img_tissuepaper.jpg) no-repeat 0 36px;
	min-height:336px;
	width:630px;
}

div#tissuepaper h3{
	background:url(../works/img/products/title_tissuepaper.gif) no-repeat left center;
	height:16px;
	margin-bottom:20px;
}

div#tissuepaper p{
	margin-bottom:1em;
	line-height:1.6;
	letter-spacing:0.1em;
	padding-left:320px;
	text-align:left;
}
div#tissuepaper p#text_top{
	margin-top:215px;
}


/* products(making.html)
	1.cardboard
	2.tissuepaper
----------------------------------------------------------------------------------------------------*/

/* 1.cardboard
	1-1.making-cardboard-1
	1-2.making-cardboard-2
	1-3.making-cardboard-3
 */

h2#title_making-cardboard{
	background:url(../works/img/products/title_making-cardboard.gif) no-repeat left center;
	height:23px;
	margin-bottom:20px;
}

/* 1-1.making-cardboard-1 */

div#making-cardboard-1{
	background:url(../works/img/products/img_c-01.gif) no-repeat left bottom;
	height:281px;
	margin-bottom:30px;
	position:relative;
	text-align:left;
	width:630px;
}
div#making-cardboard-1 h3{
	background:url(../works/img/products/title_making-c-01.gif) no-repeat left center;
	height:16px;
	margin-bottom:20px;
}

div#making-cardboard-1 ul li#c-01-A{
	position:absolute;
	left:10px;
	top:46px;
}
div#making-cardboard-1 ul li#c-01-A a{
	display:inline-block;
	height:73px;
	width:66px;
}
div#making-cardboard-1 ul li#c-01-A a:visited{
	background:url(../works/img/products/btn_c_01-1.gif) no-repeat top left;
}
div#making-cardboard-1 ul li#c-01-A a:hover{
	background:url(../works/img/products/btn_c_01-1.gif) no-repeat top left;
}


/* 1-2.making-cardboard-2 */

div#making-cardboard-2{
	margin-bottom:30px;
	width:630px;
}

div#making-cardboard-2 p{
	margin-bottom:1em;
	text-align:left;
}

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

div#making-cardboard-2 h3{
	background:url(../works/img/products/title_making-c-02.gif) no-repeat left center;
	height:16px;
	margin-bottom:10px;
}

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

div#making-cardboard-2 ul#making-part1{
	background:url(../works/img/products/img_c-02.gif) no-repeat left top;
	display:block;
	height:261px;
	position:relative;
	width:630px;
}

	/* c-02-A */
	
	div#making-cardboard-2 li#c-02-A{
		height:81px;
		position:absolute;
		bottom:0;
		left:125px;
		width:75px;
	}
	div#making-cardboard-2 li#c-02-A a{
		background:none;
		display:inline-block;
		height:81px;
		width:75px;
	}
	div#making-cardboard-2 li#c-02-A a:visited{
		background:url(../works/img/products/btn_c_02-1.gif) no-repeat top left;
	}
	div#making-cardboard-2 li#c-02-A a:hover{
		background:url(../works/img/products/btn_c_02-1.gif) no-repeat top left;
	}
	
	/* c-02-B */
	
	div#making-cardboard-2 li#c-02-B{
		height:81px;
		position:absolute;
		bottom:0;
		left:310px;
		width:70px;
	}
	div#making-cardboard-2 li#c-02-B a{
		background:none;
		display:inline-block;
		height:81px;
		width:70px;
	}
	div#making-cardboard-2 li#c-02-B a:visited{
		background:url(../works/img/products/btn_c_02-2.gif) no-repeat top left;
	}
	div#making-cardboard-2 li#c-02-B a:hover{
		background:url(../works/img/products/btn_c_02-2.gif) no-repeat top left;
	}
	
	/* c-02-C */
	
	div#making-cardboard-2 li#c-02-C{
		height:81px;
		position:absolute;
		bottom:0;
		left:425px;
		width:75px;
	}
	div#making-cardboard-2 li#c-02-C a{
		background:none;
		display:inline-block;
		height:81px;
		width:75px;
	}
	div#making-cardboard-2 li#c-02-C a:visited{
		background:url(../works/img/products/btn_c_02-3.gif) no-repeat top left;
	}
	div#making-cardboard-2 li#c-02-C a:hover{
		background:url(../works/img/products/btn_c_02-3.gif) no-repeat top left;
	}
	
	/* c-02-D */
	
	div#making-cardboard-2 li#c-02-D{
		height:81px;
		position:absolute;
		bottom:0;
		left:525px;
		width:75px;
	}
	div#making-cardboard-2 li#c-02-D a{
		background:none;
		display:inline-block;
		height:81px;
		width:75px;
	}
	div#making-cardboard-2 li#c-02-D a:visited{
		background:url(../works/img/products/btn_c_02-4.gif) no-repeat top left;
	}
	div#making-cardboard-2 li#c-02-D a:hover{
		background:url(../works/img/products/btn_c_02-4.gif) no-repeat top left;
	}

/* 1-3.making-cardboard-3 */

div#making-cardboard-3{
	margin-bottom:30px;
	widows:630px;
}

div#making-cardboard-3 h3{
	background:url(../works/img/products/title_making-c-03.gif) no-repeat left center;
	height:16px;
	margin-bottom:10px;
}

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

div#making-cardboard-3 ul#making-part2{
	background:url(../works/img/products/img_c-03.gif) no-repeat left top;
	display:block;
	height:155px;
	position:relative;
	width:630px;
}

	/* c-02-E */
	
	div#making-cardboard-3 li#c-02-E{
		height:95px;
		position:absolute;
		bottom:0;
		left:320px;
		width:90px;
	}
	div#making-cardboard-3 li#c-02-E a{
		background:none;
		display:inline-block;
		height:95px;
		width:90px;
	}
	div#making-cardboard-3 li#c-02-E a:visited{
		background:url(../works/img/products/btn_c_03-1.gif) no-repeat top left;
	}
	div#making-cardboard-3 li#c-02-E a:hover{
		background:url(../works/img/products/btn_c_03-1.gif) no-repeat top left;
	}

/* 2.tissuepaper
	2-1.making-tissuepaper-1
	2-2.making-tissuepaper-2
	2-3.making-tissuepaper-3
*/


h2#title_making-tissuepaper{
	background:url(../works/img/products/title_making-tissuepaper.gif) no-repeat left center;
	height:23px;
	margin-bottom:20px;
}

/* 2-1.making-tissuepaper-1 */

div#making-tissuepaper-1{
	text-align:left;
	margin-bottom:30px;
	width:630px;
}
div#making-tissuepaper-1 h3{
	background:url(../works/img/products/title_making-t-01.gif) no-repeat left center;
	height:16px;
	margin-bottom:20px;
}

div#making-tissuepaper-1 p{
	text-align:left;
}

/* 2-2.making-tissuepaper-2 */

div#making-tissuepaper-2{
	margin-bottom:30px;
	width:630px;
}

div#making-tissuepaper-2 h3{
	background:url(../works/img/products/title_making-t-02.gif) no-repeat left center;
	height:16px;
	margin-bottom:20px;
}

div#making-tissuepaper-2 p{
	text-align:left;
}

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

div#making-tissuepaper-2 ul{
	background:url(../works/img/products/img_making-t-02.gif) no-repeat;
	height:265px;
	position:relative;
	width:630px;
}

	/* t-02-A */
	
	div#making-tissuepaper-2 li#t-02-A{
		height:91px;
		position:absolute;
		top:30px;
		right:60px;
		width:100px;
	}
	div#making-tissuepaper-2 li#t-02-A a{
		background:none;
		display:inline-block;
		height:90px;
		width:100px;
	}
	div#making-tissuepaper-2 li#t-02-A a:visited{
		background:url(../works/img/products/btn_t_02-1.gif) no-repeat top left;
	}
	div#making-tissuepaper-2 li#t-02-A a:hover{
		background:url(../works/img/products/btn_t_02-1.gif) no-repeat top left;
	}
	
/* 2-3.making-tissuepaper-3 */

div#making-tissuepaper-3{
	margin-bottom:30px;
	width:630px;
}

div#making-tissuepaper-3 h3{
	background:url(../works/img/products/title_making-t-03.gif) no-repeat left center;
	height:16px;
	margin-bottom:20px;
}

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

div#making-tissuepaper-3 ul{
	background:url(../works/img/products/img_making-t-03.gif) no-repeat;
	height:145px;
	position:relative;
	width:630px;
}

	/* t-03-A */
	
	div#making-tissuepaper-3 li#t-03-A{
		height:80px;
		position:absolute;
		bottom:0;
		left:410px;
		width:90px;
	}
	div#making-tissuepaper-3 li#t-03-A a{
		background:none;
		display:inline-block;
		height:80px;
		width:90px;
	}
	div#making-tissuepaper-3 li#t-03-A a:visited{
		background:url(../works/img/products/btn_t_03-1.gif) no-repeat top left;
	}
	div#making-tissuepaper-3 li#t-03-A a:hover{
		background:url(../works/img/products/btn_t_03-1.gif) no-repeat top left;
	}
