@charset "utf-8";
/********************************
*                               *  
 *   Recycle_Greene main (@@)  *
*                               * 
********************************/

/*--------------------------------------
            main page
--------------------------------------*/

#top #main #leftContents #mainImage {
	height: 311px;
	width: 645px;
}
#top #main #leftContents #sabNavi {
	height: auto;
	width: 645px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#top #main #leftContents #sabNavi ul {
	list-style-type: none;
}
#top #main #leftContents #sabNavi ul li {
	margin-bottom: 5px;
	margin-right: 5px;
	height: 123px;
	width: 156px;
	float: left;
}
#top #sabNavi #n_kaden a {
	width: 156px;
	background-image: url(../images/top_35.jpg);
	display: block;
	height: 123px;
}
#top #sabNavi #n_kaden a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #sabNavi #n_av a {
	background-image: url(../images/top_37.jpg);
	height: 123px;
	width: 156px;
	display: block;
}
#top #sabNavi #n_av a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #sabNavi #n_audio a {
	background-image: url(../images/top_39.jpg);
	display: block;
	height: 123px;
	width: 156px;
}
#top #sabNavi #n_audio a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #sabNavi #n_interior a {
	display: block;
	height: 123px;
	width: 156px;
	background-image: url(../images/top_41.jpg);
}
#top #sabNavi #n_interior a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #sabNavi #n_brand a {
	display: block;
	height: 123px;
	width: 156px;
	background-image: url(../images/top_57.jpg);
}
#top #sabNavi #n_brand a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #sabNavi #n_secretary a {
	background-image: url(../images/top_59.jpg);
	display: block;
	height: 123px;
	width: 156px;
}
#top #sabNavi #n_secretary a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #sabNavi #n_kitchen a {
	background-image: url(../images/top_61.jpg);
	display: block;
	height: 123px;
	width: 156px;
}
#top #sabNavi #n_kitchen a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #sabNavi #n_other a {
	background-image: url(../images/top_63.jpg);
	display: block;
	height: 123px;
	width: 156px;
}
#top #sabNavi #n_other a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #main #leftContents #purchasingBlock {
	background-image: url(../images/top_16.gif);
	height: 278px;
	width: 645px;
	clear: both;
	position: relative;
}
#top #main #purchasingBlock ul {
	list-style-type: none;
	display: inline;
	position: absolute;
	left: 20px;
	top: 67px;
}
#top #main #purchasingBlock ul li {
	display: inline;
}
#top #main #purchasingBlock #n_mail24 a {
	background-image: url(../images/top2_41.jpg);
	display: block;
	height: 198px;
	width: 191px;
	float: left;
	margin-right: 15px;
}
#top #main #purchasingBlock #n_mail24 a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #main #purchasingBlock #n_quote a {
	background-image: url(../images/top2_43.jpg);
	height: 198px;
	width: 191px;
	float: left;
	margin-right: 15px;
}
#top #main #purchasingBlock #n_quote a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #main #purchasingBlock #n_quick a {
	background-image: url(../images/top2_45.jpg);
	float: left;
	height: 198px;
	width: 191px;
}
#top #main #purchasingBlock #n_quick a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #main #leftContents #map {
	width: 645px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#top #main #leftContents #questionBlock {
	height: 163px;
	width: 645px;
	margin-bottom: 15px;
}
#top #main #questionBlock ul {
	list-style-type: none;
}
#top #main #questionBlock ul li {
	list-style-type: none;
	display: inline;
}
#top #main #questionBlock #n_Squestions a {
	background-image: url(../images/top3_09.gif);
	height: 163px;
	width: 211px;
	display: block;
	float: left;
	margin-right: 5px;
}
#top #main #questionBlock #n_Squestions a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #main #questionBlock #n_SnotSupplies a {
	background-image: url(../images/top3_11.gif);
	height: 163px;
	width: 211px;
	display: block;
	float: left;
	margin-right: 5px;
}
#top #main #questionBlock #n_SnotSupplies a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #main #questionBlock #n_Scontact a {
	background-image: url(../images/top3_13.gif);
	display: block;
	height: 163px;
	width: 211px;
	float: left;
}
#top #main #questionBlock #n_Scontact a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top #main #leftContents #link_B {
}

#rightContents #rCUpper {
	height: 115px;
	width: 265px;
}
#rightContents #rClower {
	background-image: url(../images/top_08.gif);
	width: 265px;
	height: 1307px;
	background-position: center;
}
#top #main #rightContents #rClower .rankingBox1 {
	width: 240px;
	margin-left: 12px;
	height: 110px;
	padding-top: 16px;
	padding-bottom: 2px;
}
#top #main #rightContents #rClower .rankingBox2 {
	width: 240px;
	margin-left: 12px;
	height: 110px;
	padding-top: 17px;
	padding-bottom: 2px;
}
#top #main #rightContents #rClower .rankingBox3 {
	width: 240px;
	margin-left: 12px;
	height: 110px;
	padding-top: 17px;
	padding-bottom: 2px;
}
#top #main #rightContents #rClower .rankingBox4 {
	width: 240px;
	margin-left: 12px;
	height: 110px;
	padding-top: 19px;
	padding-bottom: 2px;
}
#top #main #rightContents #rClower .rankingBox5 {
	width: 240px;
	margin-left: 12px;
	height: 110px;
	padding-top: 16px;
	padding-bottom: 2px;
}
#top #main #rightContents #rClower .rankingBox6 {
	width: 240px;
	margin-left: 12px;
	height: 110px;
	padding-top: 19px;
	padding-bottom: 2px;
}
#top #main #rightContents #rClower .rankingBox7 {
	width: 240px;
	margin-left: 12px;
	height: 110px;
	padding-top: 11px;
	padding-bottom: 2px;
}
#top #main #rightContents #rClower .rankingBox8 {
	width: 240px;
	margin-left: 12px;
	height: 110px;
	padding-top: 16px;
	padding-bottom: 2px;
}
#top #main #rightContents #rClower .rankingBox9 {
	width: 240px;
	margin-left: 12px;
	height: 110px;
	padding-top: 19px;
	padding-bottom: 2px;
}
#top #main #rightContents #rClower .rankingBox10 {
	width: 240px;
	margin-left: 12px;
	height: 110px;
	padding-top: 16px;
	padding-bottom: 2px;
}
#top #main #rClower h2 {
	text-align: left;
	padding-left: 60px;
}
#top #main #rClower .rankingImg {
	float: left;
	height: 84px;
	width: 87px;
	margin-top: 5px;
}
#top #main .rankingP {
	float: right;
	width: 150px;
	height: 85px;
	margin-top: 5px;
}
#top #main .rankingP p {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: left;
	padding-left: 10px;
}
#top #main #leftContents #link_B a{
	float: left;
	background-image: url(../images/top_105.jpg);
	height: 121px;
	width: 211px;
}
#top #main #leftContents #link_B a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
/*--------------------------------------
            common
--------------------------------------*/

#base1 #main h2 {
	margin-bottom: 20px;
}
#base1 #main p {
	text-align: left;
	padding-top: 10px;
	font-size: 12px;
	line-height: 2;
}
/*--------------------------------------
            sarvis page
--------------------------------------*/

#base1 #main .comments {
	width: 900px;
	margin-top: 20px;
	margin-left: 35px;
	text-align: left;
	margin-bottom: 20px;
}
#base1 #main .comments2 {
	width: 900px;
	margin-top: 20px;
	margin-left: 35px;
	text-align: left;
	margin-bottom: 20px;
	background-image: url(../images/servis_54.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#base1 #main .comments3 {
	width: 900px;
	margin-top: 20px;
	margin-left: 35px;
	text-align: left;
	margin-bottom: 20px;
	background-image: url(../images/servis_64.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height: 150px;
}
/*--------------------------------------
            area page
--------------------------------------*/

#base1 #main #area {
	background-image: url(../images/area_11.gif);
	height: 900px;
	width: 920px;
	margin-bottom: 25px;
	position: relative;
}
#base1 #main #area #area1 {
	position: absolute;
	left: 50px;
	top: 95px;
	font-size: 12px;
}
#base1 #main #area #area2 {
	position: absolute;
	left: 50px;
	top: 510px;
	width: 319px;
	height: 117px;
}
#base1 #main #area #red {
	font-size: 10px;
	color: #FF0000;
	position: absolute;
	left: 49px;
	top: 837px;
	width: 321px;
}

/*--------------------------------------
         not_supplies page
--------------------------------------*/

#base1 #main .comments4 {
	width: 865px;
	margin-top: 20px;
	margin-left: 35px;
	text-align: left;
	margin-bottom: 20px;
	background-image: url(../images/fuyouhin_28.gif);
	height: 320px;
	background-position: bottom;
	background-repeat: no-repeat;
}
#base1 #main .comments5 {
	width: 865px;
	margin-top: 20px;
	margin-left: 35px;
	text-align: left;
	margin-bottom: 20px;
	background-image: url(../images/fuyouhin_48.gif);
	height: 500px;
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
}
#base1 #main .comments5 p {
	position: absolute;
	left: 562px;
	top: 189px;
}
#base1 #main .comments6 {
	width: 865px;
	margin-top: 20px;
	margin-left: 35px;
	text-align: left;
	margin-bottom: 20px;
	height: auto;
	position: relative;
}
#base1 #main #recommended {
	width: 865px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/pc_38.jpg);
	height: 152px;
	position: relative;
	text-align: center;
}
#base1 #main #recommended ul {
	position: absolute;
	top: 30px;
	left: 330px;
	text-align: left;
	list-style-type: square;
}
#base1 #main .comments6 #photo {
	height: 150px;
	width: 200px;
	position: absolute;
	background-color: #99FFFF;
	left: 627px;
	top: 2px;
}
#base1 #main .comments6 table {
	width: 600px;
	height: 450px;
}
#base1 #main .comments6 table th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
#base1 #main .comments6 table td {
	text-align: left;
	vertical-align: top;
}
/*--------------------------------------
        categories page
--------------------------------------*/
#base1 #main .comments7 {
	width: 920px;
	margin-top: 20px;
	margin-left: auto;
	text-align: left;
	margin-bottom: 20px;
	height: auto;
	position: relative;
	margin-right: auto;
}
#base1 #main .comments7 ul {
	list-style-type: none;
}
#base1 #main .comments7 ul li {
	list-style-type: none;
	display: inline;
}
#base1  .comments7  #electrification a {
	background-image: url(../images/hinmoku_23.jpg);
	height: 273px;
	width: 299px;
	float: left;
}
#base1  .comments7  #av a {
	background-image: url(../images/hinmoku_25.jpg);
	height: 273px;
	width: 299px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
#base1  .comments7  #audio a {
	background-image: url(../images/hinmoku_27.jpg);
	float: left;
	height: 273px;
	width: 299px;
}
#base1  .comments7  #furniture a {
	background-image: url(../images/hinmoku_37.jpg);
	height: 273px;
	width: 299px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}
#base1  .comments7  #brand a {
	background-image: url(../images/hinmoku_39.jpg);
	height: 273px;
	width: 299px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#base1  .comments7  #secretary a {
	background-image: url(../images/hinmoku_41.jpg);
	float: left;
	height: 273px;
	width: 299px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#base1  .comments7  #kitchen a {
	background-image: url(../images/hinmoku_51.jpg);
	float: left;
	height: 273px;
	width: 299px;
	margin-bottom: 20px;
}
#base1  .comments7  #others a {
	background-image: url(../images/hinmoku_53.jpg);
	float: left;
	height: 273px;
	width: 299px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}
#base1 #main .comments8 {
	width: 865px;
	margin-top: 20px;
	margin-left: auto;
	text-align: left;
	margin-bottom: 20px;
	height: auto;
	position: relative;
	margin-right: auto;
}
/*--------------------------------------
         page
--------------------------------------*/

#base1 #main .comments8 ul {
	list-style-type: none;
}
#base1 #main .comments8 ul li {
	float: left;
	margin-right: 30px;
	line-height: 2;
}
#base1 #main #footerNavi ul {
	list-style-type: none;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 870px;
	margin-bottom: 20px;
}
#base1 #main #footerNavi ul li {
	list-style-type: none;
	display: inline;
}
#base1 #main #footerNavi #n_Electronics a {
	background-image: url(../images/pc_325.jpg);
	height: 82px;
	width: 103px;
	display: block;
	float: left;
	margin-right: 5px;
}
#base1 #main #footerNavi #n_Electronics a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#base1 #main #footerNavi #n_Pc a {
	background-image: url(../images/pc_327.jpg);
	display: block;
	height: 82px;
	width: 104px;
	float: left;
	margin-right: 5px;
}
#base1 #main #footerNavi #n_Pc a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#base1 #main #footerNavi #n_Audio a {
	background-image: url(../images/pc_329.jpg);
	height: 82px;
	width: 104px;
	display: block;
	float: left;
	margin-right: 5px;
}
#base1 #main #footerNavi #n_Audio a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#base1 #main #footerNavi #n_Interior a {
	background-image: url(../images/pc_331.jpg);
	height: 82px;
	width: 104px;
	margin-right: 5px;
	display: block;
	float: left;
}
#base1 #main #footerNavi #n_Interior a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#base1 #main #footerNavi #n_Brand a {
	background-image: url(../images/pc_333.jpg);
	display: block;
	height: 80px;
	width: 104px;
	float: left;
	margin-right: 5px;
}
#base1 #main #footerNavi #n_Brand a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#base1 #main #footerNavi #n_Secretary a {
	background-image: url(../images/pc_335.jpg);
	display: block;
	float: left;
	height: 82px;
	width: 103px;
	margin-right: 5px;
}
#base1 #main #footerNavi #n_Secretary a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#base1 #main #footerNavi #n_Kitchen a {
	background-image: url(../images/pc_337.jpg);
	display: block;
	height: 82px;
	width: 104px;
	margin-right: 5px;
	float: left;
}
#base1 #main #footerNavi #n_Kitchen a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#base1 #main #footerNavi #n_Other a {
	background-image: url(../images/pc_339.jpg);
	display: block;
	float: left;
	height: 82px;
	width: 104px;
}
#base1 #main #footerNavi #n_Other a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#base1 #main .comments9 {
	width: 840px;
	margin-top: 20px;
	margin-left: auto;
	text-align: left;
	margin-bottom: 20px;
	height: auto;
	position: relative;
	margin-right: auto;
}
#base1 #main .comments9 dd {
	background-image: url(../images/qa_54.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 40px;
	padding-left: 40px;
	vertical-align: middle;
	text-align: left;
	padding-top: 20px;
}
#base1 #main .comments9 dt {
	background-image: url(../images/qa_62.gif);
	height: 50px;
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 5px;
}
/*--------------------------------------
            contacts page
--------------------------------------*/

#base1 #main  #form1  #baseTable {
	width: 860px;
	height: 450px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#base1  #main  #form1  #baseTable  th {
	background-color: #D2D2D2;
	font-weight: normal;
	text-align: right;
	width: 150px;
	padding-right: 10px;
}
#base1  #main  #form1  #baseTable  td {
	padding-left: 10px;
	text-align: left;
}
#base1  #main  #form1  #baseTable  #buttonTd {
	padding-left: 50px;
}
#base1 #main #form1 #baseTable #sab {
	width: 500px;
	margin-left: -10px;
	height: 400px;
}
#base1 #main #form1 #baseTable #sab th {
	text-align: center;
}
#base1 #main #form1 #baseTable #sab td {
	text-align: center;
}

#base1 #main #form1 table {
	margin-right: auto;
	margin-left: auto;
	height: 900px;
}
#base1 #main #form1 table td {
	text-align: left;
	padding-left: 10px;
}
#base1 #main #form1 th {
	background-color: #D2D2D2;
	text-align: right;
	padding-right: 10px;
	font-weight: normal;
}