@charset "shift_jis";
/*==========================================

reset

==========================================*/
ul,li,dl,dt,dd,ol{
margin:0;
padding:0;
}

li{
list-style-type:none;
}

img{
border:0;
}

p{
margin:0;
padding:0;
}

h1,h2,h3,h4,h5{
margin:0;
padding:0;
font-size:100%;
line-height:100%;
font-weight:normal;
}

th{
font-weight:normal;
text-align:left;
}

td{
text-align:left;
}

form{
margin-top:0;
margin-bottom:0;
}

/*==========================================

common

==========================================*/
body{
height:100%;
min-width:958px;
margin:0;
padding:0;
font-size:80%;
color:#333;
font-family:"ＭＳ Ｐゴシック", "MS PGothic","メイリオ", Meiryo, Osaka, sans-serif;
}

body {
font-family:arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}

/* Link
------------------------------------------*/
a:link 		{color:#003399; text-decoration:none;}
a:visited {color:#655B99; text-decoration:none;}
a:hover 	{color:#003399; text-decoration:underline;}
a:active 	{color:#003399; text-decoration:underline;}

/* For Safari */
body:not(:only-child:only-child) {
font-family:arial, helvetica, clean, sans-serif;
}

label {
cursor:pointer;
}

/*************************************************************/
#header ul:after,
#sMenu:after,
.clearfix:after,
#footer:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	line-height:0;
}
#header ul,#sMenu,.clearfix,#footer{
	display:inline-table;
	min-height:1%;
}
/* for macIE \*/
* html #header ul,
* html #sMenu,
* html .clearfix,
* html #footer{height:1%;}
#header ul,#sMenu,.clearfix,#footer{display:block;}
/* end of for macIE */

/*************************************************************/

html,body{background-color:#cfdb00;}
body{text-align:center;}
#wrapper{
	width:916px;
	margin:0 auto;
	position:relative;
}

/*rollOver*/
#header ul li a,
#sMenu li a,
a.cRoll{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
}
#header ul li a:hover,
#header li a.active,
#sMenu li a:hover,
#sMenu li a.active,
a.cRoll:hover{
	background-position:left bottom;
}

/*header*/
#header{
	width:916px;
	height:67px;
	position:relative;
}
#header h1{
	width:138px;
	height:49px;
	left:16px;
	top:22px;
	position:absolute;
}
#header h1 a{
	width:138px;
	height:49px;
}
#header ul{
	position:absolute;
	width:706px;
	height:22px;
	top:29px;
	right:14px;
	zoom:1;
	background:url(../image/common/bg_header.gif) no-repeat left top;
}
#header ul li{
	float:left;
	width:78px;
	height:22px;
	display:block;
}
#header ul li.active{
	width:78px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}
#header ul li.active,
#header ul li a{
	background-image:url(../image/common/btn_header.gif);
	width:78px;
	height:22px;
}

#header ul li#hTop.active,
#header ul li#hTop a:hover{background-position:0 -22px;}
#header ul li#hPack.active,
#header ul li#hPack a:hover{background-position:-78px -22px;}
#header ul li#hCarry.active,
#header ul li#hCarry a:hover{background-position:-156px -22px;}
#header ul li#hSend.active,
#header ul li#hSend a:hover{background-position:-234px -22px;}
#header ul li#hReduce.active,
#header ul li#hReduce a:hover{background-position:-312px -22px;}
#header ul li#hRecycle.active,
#header ul li#hRecycle a:hover{background-position:-390px -22px;}
#header ul li#hConvery.active,
#header ul li#hConvery a:hover{background-position:-468px -22px;}
#header ul li#hMake.active,
#header ul li#hMake a:hover{background-position:-546px -22px;}
#header ul li#hFeeling.active,
#header ul li#hFeeling a:hover{background-position:-624px -22px;}

#header ul li#hTop a{background-position:0 0;}
#header ul li#hPack a{background-position:-78px 0;}
#header ul li#hCarry a{background-position:-156px 0;}
#header ul li#hSend a{background-position:-234px 0;}
#header ul li#hReduce a{background-position:-312px 0;}
#header ul li#hRecycle a{background-position:-390px 0;}
#header ul li#hConvery a{background-position:-468px 0;}
#header ul li#hMake a{background-position:-546px 0;}
#header ul li#hFeeling a{background-position:-624px 0;}

/*sMenu*/
#sMenu{
	width:440px;
	height:30px;
	z-index:10000;
	position:absolute;
	right:18px;
	top:86px;
}
#sMenu li{
	float:left;
	width:106px;
	height:30px;
}
#sMenu li#li01{width:104px;}
#sMenu li#li04{width:124px;}
#sMenu li#li01 a{background-position:0 -30px;}
#sMenu li#li02 a{background-position:-104px -30px;}
#sMenu li#li03 a{background-position:-210px -30px;}
#sMenu li#li04 a{background-position:-316px -30px;}
#sMenu li#li01 a:hover,
#sMenu li#li01.active a{background-position:0 0;}
#sMenu li#li02 a:hover,
#sMenu li#li02.active a{background-position:-104px 0;}
#sMenu li#li03 a:hover,
#sMenu li#li03.active a{background-position:-210px 0;}
#sMenu li#li04 a:hover,
#sMenu li#li04.active a{background-position:-316px 0;}

/*contents*/
#contents,
#contents .chArea{width:916px;}
#contents.tabMenu{
	z-index:1;
	width:916px;
	padding-top:45px;
}

#contents .chArea{display:none;}
#contents .catchBlock,
#contents .explainBlock{
	background:url(../image/common/bg_contents.gif) no-repeat left top;
	width:916px;
	height:598px;
	text-align:left;
}
#contents .catchBlock{margin-bottom:33px;}
#contents .trim{
	margin:0 434px 26px;
	width:48px;
	height:31px;
}
#contents .explainBlock{margin-bottom:26px;}
#contents .pdfDl{
	width:164px;
	height:36px;
	margin:0 376px 27px;
}
#contents .pdfDl a{background-image:url(../image/common/btn_download.gif);}


/*footer*/
#footer{width:916px;}
#footer #copyright{
	width:312px;
	height:9px;
	float:left;
	padding:16px 0 0 6px;
}
#footer #logoRight{
	float:right;
	padding:12px 7px;
	widows:182px;
	height:18px;
}


/*notice*/
ul.notice{
	padding:10px 0 0 65px;
}
ul.notice li{
	font-size:0.7em;
	padding-bottom:2px;
}
ul.notice li span{
	padding-left:15px;
	background:url(../image/common/arrow_link.gif) 7px 0.2em no-repeat;
}
ul.notice li a{
	text-decoration:underline;
	
}
ul.notice li a:hover{
	text-decoration:none;
}