/* ************************************************** */
/* ****************  CSS Document */
/* ************************************************** */

body {	
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: small;
	background-color: #999;
	margin: 0px;
	}
h1,h2,h3,h4,h5,h6 { margin: 0px }
p { margin: 10px 0px }
img { border: 0px }


/* -------------------------------------------------------- All エリア  */
#AllArea {
	}
.NoSp {
	display: none;
	}
.FClear {
	clear: both;
	}
.W800 {
	width: 800px;
	}
.Center {
	text-align: center;
	}
.TxtRed { color: #ff0000; }
.TxtWhite { color: #fff; }
/*  文字装飾 -------------------------------- */
p.b-font {
	color: #006699;
	line-height: 130%;
	}
p.k-14 {
	color: #000;
	font-size: 14px;
	line-height: 150%;
	}
/* -------------------------------------------------------- Hedar　エリア  */
#HeadArea {
	width: 100%;
	background-color: #ccc;
	}
.subtitle #HeadArea {
	background-color: #CCCC99;
	}

#HeadArea h1, #HeadArea p {
	background-color: #fff;
	}
#TitleArea h1 {
	font-size: 18px;
	font-family: "ＭＳ Ｐゴシック", Osaka, serif;
	background-color: transparent;
	padding-top: 18px;
	}
#HeadArea p {
	margin: 0px;
	}
#HeadArea .Right {
	float: right;
	}
#HeadArea .Left {
	float: left;
	}
.border-5 {
	border-bottom: solid 5px #669933;
	margin: 0px;
	}

/*  グローバルナビゲーション　エリア ---------------------------- */
#HeadArea td #navi {
	height: 20px;
	background-color: #669933;
	}
#HeadArea #navi span span {
	display: none;
	}

.h_bt_home a, .h_bt_login a, .h_bt_recyc a, .h_bt_car a, .h_bt_elv a, .h_bt_recycleweb a, .h_bt_company a, .h_bt_info a, .h_bt_sitemap a {
	display: block;
	float: left;
	height: 20px;
	background-repeat: no-repeat;
	border-right: solid 1px #fff;
	}
.h_bt_home a {	width: 82px;	background-image: url(../img/head_bt_home.gif);	}
.h_bt_home a:hover {	background-image: url(../img/on_bt/head_bt_home.gif);	}

.h_bt_login a {	width: 46px;	background-image: url(../img/head_bt_login.gif);	}
.h_bt_login a:hover {	background-image: url(../img/on_bt/head_bt_login.gif);	}

.h_bt_recyc a {	width: 77px;	background-image: url(../img/head_bt_recyc.gif);	}
.h_bt_recyc a:hover {	background-image: url(../img/on_bt/head_bt_recyc.gif);	}

.h_bt_car a {	width: 111px;	background-image: url(../img/head_bt_car.gif);	}
.h_bt_car a:hover {	background-image: url(../img/on_bt/head_bt_car.gif);	}

.h_bt_elv a {	width: 125px;	background-image: url(../img/head_bt_elv.gif);	}
.h_bt_elv a:hover {	background-image: url(../img/on_bt/head_bt_elv.gif);	}

.h_bt_recycleweb a {	width: 125px;	background-image: url(../img/head_bt_recycleweb.gif);	}
.h_bt_recycleweb a:hover {	background-image: url(../img/on_bt/head_bt_recycleweb.gif);	}

.h_bt_company a {	width: 53px;	background-image: url(../img/head_bt_company.gif);	}
.h_bt_company a:hover {	background-image: url(../img/on_bt/head_bt_company.gif);	}

.h_bt_info a {	width: 56px;	background-image: url(../img/head_bt_info.gif);	}
.h_bt_info a:hover {	background-image: url(../img/on_bt/head_bt_info.gif);	}

.h_bt_sitemap a {
	float: right;
	width: 83px;
	background-image: url(../img/head_bt_sitemap.gif);
	border-right: 0px;
	border-left: solid 1px #fff;
	}
.h_bt_sitemap a:hover {	background-image: url(../img/on_bt/head_bt_sitemap.gif);	}


/*  イメージと会員ログインボタン　エリア ---------------------------- */
.h_bt_member a {
	display: block; 
	float: left;
	width: 170px; 
	height: 95px; 
	background-image:url(../img/head_member_bt.gif);
	background-repeat: no-repeat;
	}
.h_bt_member a:hover {	background-image: url(../img/on_bt/head_member_bt.gif)	}
.h_bt_member a span { display: none	}

/* -------------------------------------------------------- Left　エリア  */
#LeftArea {
	width: 38px
	}

/* -------------------------------------------------------- Main　エリア  */
#MainArea {
	width: 710px;
	padding: 5px 18px 5px 34px;
	}
#MainArea dt {	
	}
#MainArea a {
	text-decoration: none;
	}
#MainArea a:hover {
	text-decoration: underline;
	}
	
/*  メイン右下画像 -------------------------------- */
td.img-Plant {
	background-color: #FFFFFF;
	background-image: url(../img/main_back_img/img-ph.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
td.img-Sky {
	background-color: #FFFFFF;
	background-image: url(../img/main_back_img/img-ph_f2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
td.img-Scenery {
	background-color: #FFFFFF;
	background-image: url(../img/main_back_img/img-ph_f3.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
td.img-Flower {
	background-color: #FFFFFF;
	background-image: url(../img/main_back_img/img-ph_f4.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
td.img-Com {
	background-color: #FFFFFF;
	background-image: url(../img/main_back_img/img-ph_f5.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
/*  メイン右上画像 -------------------------------- */
td.img-Recyc {
	background-color: #FFFFFF;
	background-image: url(../recyc/img/r_main_back_img.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
td.img-Recyc-sub {
	background-color: #FFFFFF;
	background-image: url(../recyc/img/r_main_back_img_f2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
.img-01 {
	background-image: url(../img/main_backimg_01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

/*  最新情報 -------------------------------- */
.new h2 {
	display: none;
	}
.new img.pr {
	border: solid 1px #000;
	}
.new caption {
	display: none;
	}
.new table {
	width: 465px;
	border-top: solid 2px #669933;
	}
.new td {
	width: auto;
	vertical-align: top;
	border-bottom: solid 2px #669933;
	padding: 2px 5px;
	margin:2px 0px;
	}
.new td.day {
	width: 90px;
	color: #669933;
	padding: 2px 2em 2px 5px;
	background-image: url(../img/main_info_to.gif);
	background-position: 100% 4px;
	background-repeat: no-repeat;
	}
		
.new dl {
	width: 465px;
	border-top: solid 2px #669933;
	}
.new dt {
	display: block;
	float: left;
	width: 90px;
	color: #669933;
	padding: 2px 5px;
	margin: 2px 0px;
	border-bottom: solid 2px #669933;
	}
.new dd {
	display: block;
	float: left;
	width: 325px;
	background-repeat: no-repeat;
	background-position: 2px;
	padding: 2px 10px;
	margin: 2px 0px;
	border-bottom: solid 2px #669933;
	}
/*  はじめに -------------------------------- */
.hazimeni {
	float: left;
	width: 465px;
	}
.hazimeni h2 {	
	}
.hazimeni p {
	font-size: small;
	}
/*  枠２-------------------------------- */
#MainArea .Waku2 {
	width: 465px;
	}
h2.WakuTitle {
	width: 400px;
	font-size: medium;
	font-weight: normal;
	letter-spacing: 1em;
	background-color: #fff;
	background-image: url(../img/point_red.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 15px 0px 5px 10px;
	}
#MainArea .Waku2 p {
	line-height: 140%;
	}
#MainArea .Waku2 .waku-head {
	height: 26px;
	background-image: url(../img/waku2/waku2_top.gif);
	background-repeat: no-repeat;
	}
#MainArea .Waku2 .waku-center {
	padding: 0px 20px;
	}
#MainArea .Waku2 .waku-bottom {
	height: 26px;
	background-image: url(../img/waku2/waku2_bottom.gif);
	background-repeat: no-repeat;
	}
/*  枠２（グレー)  */
#MainArea .Waku2 {
	background-color: #ccc;
	}
/*  枠２（グリーン)  */
#MainArea .Waku2 .green {
	background-color: #99cc00;
	}

/*  リスト（番号リスト） -------------------------------- */
#MainArea .Waku2 ol, #MainArea .Waku2 ul {
	margin: 0px 20px;
	}
#MainArea .Waku2 li {
	line-height: 140%;
	}

/*  会社概要テーブル -------------------------------- */
.gaiyou table {
	
	}
.gaiyou th {
	font-size: small;
	font-weight: normal;
	line-height: 140%;
	vertical-align: top;
	padding: 5px 10px;
	border-right: solid 3px #fff;
	}
.gaiyou td {
	line-height: 140%;
	vertical-align: top;
	padding: 5px 10px;
	}
/*  部品用語テーブル -------------------------------- */
.buhin table {
	table-layout: fixed;
	border-collapse: collapse;
	border: solid 2px #000;
	}
.buhin caption {
	}
.buhin th {
	font-size: small;
	font-weight: normal;
	line-height: 140%;
	vertical-align: top;
	border: solid #000;
	border-width: 0px 0px 1px 0px;
	padding: 5px 10px;
	background-color: #99CCCC;
	}
.buhin td {
	line-height: 140%;
	vertical-align: top;
	border: solid #000;
	border-width: 1px 0px 0px 0px;
	padding: 5px 10px;
	}
.buhin td.noline {
	border-width: 0px 1px 0px 0px;
	}
.buhin tfoot td {
	font-size: x-small;
	background-color: #ccc;
	}

/*  リサイクル　 -------------------------------- */
.ricycl h2 {
	color: #fff;
	font-size: 12px;
	background-color: #006666;
	padding: 2px 10px;
	margin: 0px;
	}
.ricycl h3 {
	font-size: medium;
	padding-bottom: 5px;
	}
.ricycl h4 {
	font-weight: normal;
	background-color: #CCCC66;
	padding-left: 20px;
	}
.ricycl p.back-g {
	background-color: #cccccc;
	margin: 0px;
	}
p.setumei {
	width: 392px;
	padding-left: 66px;
	}
.ricycl a {
	color: #FF9900;
	}
.ricycl ul {
	list-style-type: disc;
	list-style-position: outside;
	}
.ricycl li {
	margin: 0px 0px 10px 0px;
	}
		
/*  リサイクル　サービス　１・２・３ポイント  */
.PointArea {
	clear: both;
	width: 100%;
	}
/*  リサイクル　サービス　FLOWテーブル  */
.flow table {
	}
.flow th h4 {
	width: 170px;
	display: none;
	}
.flow td {
	color: #fff;
	font-size: small;
	background-color: #006666;
	background-image: url(../recyc/img/se_flow_back.gif);
	padding: 5px 30px;
	}
/*  リサイクル　オーダー　注文種類テーブル  */
.order table {
	}
.order th {
	}
.order td.honbun {
	widht: 212px;
	background-color: #ccc;
	padding: 0px 10px;
	}
/*  リサイクル　オーダー　フォームテーブル  */
.form table {
	table-layout: fixed;
	border-collapse: collapse;
	border: solid 2px #000;
	}
.form caption {
	}
.form th {
	font-size: medium;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	border: solid #000;
	border-width: 0px 0px 1px 0px;
	padding: 5px 10px;
	background-color: #99CCCC;
	}
.form th.yellow {
	background-color: #FFFF66;
	}
.form td {
	line-height: 140%;
	vertical-align: top;
	border: solid #000;
	border-width: 1px 0px 0px 0px;
	padding: 5px 10px;
	}
.form td.noline {
	border-width: 0px 1px 0px 0px;
	}
.form tfoot td {
	font-size: x-small;
	background-color: #ccc;
	}
	
/*  注釈　 -------------------------------- */
.cyuusyaku, .cyuusyaku a {
	color: #FF0000;
	font-size: x-small;
	}


/* -------------------------------------------------------- Right　エリア  */
#RightArea {
	float: right;
	width: 217px;
	margin: 5px 0px;
	}
#RightArea p {
	padding: 2px 10px;
	margin: 0px;
	}
#RightArea p.cach {
	text-align: center;
	font-size: medium;
	line-height: 140%;
	}

/*  枠　トピックス -------------------------------- */
.topics {
	}
.topics .waku-head {
	height: 48px;
	background-image: url(../img/right_topics_head.gif);
	background-repeat: no-repeat;
	}
.topics .waku-center {
	background-image: url(../img/right_topics_center.gif);
	padding-bottom: 5px;
	}
.topics ul {
	padding-left: 10px;
	margin: 0px 10px 0px 20px;
	}
.topics li {
	color: #fff;
	list-style-image: url(../img/right_bt_blue.gif);
	list-style-position: outside;
	padding-left: 10px;
	margin-bottom: 5px;
	}
.topics .waku-bottom {
	height: 21px;
	background-image: url(../img/right_topics_bottom.gif);
	background-repeat: no-repeat;
	}

/*  枠　色#cccc99 -------------------------------- */
#RightArea .Waku1 {
	}
#RightArea .Waku1 .waku-head {
	height: 20px;
	background-color: #cccc99;
	background-image: url(../img/waku1/right_topics_head.gif);
	background-repeat: no-repeat;
	}
#RightArea .Waku1 .waku-center {
	background-image: url(../img/waku1/right_topics_center.gif);
	padding-bottom: 5px;
	}
#RightArea .Waku1 ul {
	padding-left: 10px;
	margin: 0px 10px 0px 20px;
	}
#RightArea .Waku1 li {
	color: #000;
	list-style-image: url(../img/waku1/right_bt_blue.gif);
	list-style-position: outside;
	padding-left: 10px;
	margin-bottom: 5px;
	}
#RightArea .Waku1 .waku-bottom {
	height: 21px;
	background-color: #cccc99;
	background-image: url(../img/waku1/right_topics_bottom.gif);
	background-repeat: no-repeat;
	}
/*  枠　矢印 -------------------------------- */
#RightArea .yazirusi {
	}
#RightArea .yazirusi .waku-head {
	height: 20px;
	background-color: #cccc99;
	background-image: url(../img/waku1/right_topics_head.gif);
	background-repeat: no-repeat;
	}
#RightArea .yazirusi .waku-center {
	background-image: url(../img/waku1/right_topics_center.gif);
	padding-bottom: 5px;
	}
#RightArea .yazirusi ul {
	padding-left: 10px;
	margin: 0px 10px 0px 20px;
	}
#RightArea .yazirusi li {
	color: #000;
	list-style-image: url(../img/point_yazirusi.gif);
	list-style-position: outside;
	padding-left: 10px;
	margin-bottom: 5px;
	}
#RightArea .yazirusi li span {
	font-size: x-small;
	color: #996600;
	}
#RightArea .yazirusi .waku-bottom {
	height: 21px;
	background-color: #cccc99;
	background-image: url(../img/waku1/right_topics_bottom.gif);
	background-repeat: no-repeat;
	}
/*  枠　point -------------------------------- */
.point {
	float: right;
	width: 217px;
	margin: 20px 0px;
	color: #fff;
	}
.point h4 {
	display: none;
	}
.point .waku-head {
	height: 40px;
	background-color: #006666;
	background-image: url(../recyc/img/right_point_head.gif);
	background-repeat: no-repeat;
	}
.point .waku-center {
	background-image: url(../recyc/img/right_point_center.gif);
	padding-bottom: 5px;
	}
.point ul {
	list-style-type: disc;
	padding-left: 10px;
	margin: 0px 10px 0px 20px;
	}
.point li {
	list-style-position: outside;
	padding-left: 10px;
	margin-bottom: 5px;
	}
.point li span {
	font-size: x-small;
	}
.point .waku-bottom {
	height: 21px;
	background-color: #cccc99;
	background-image: url(../recyc/img/right_point_bottom.gif);
	background-repeat: no-repeat;
	}
/* -------------------------------------------------------- Foot　エリア  */
#FootArea {
	width:  762px;
	color: #fff;
	font-size: small;
	background-color: #669933;
	text-align: center;
	padding: 1px 0px;
	}
#FootArea-recycli {
	width:  762px;
	color: #fff;
	font-size: small;
	background-color: #006666;
	text-align: center;
	padding: 1px 0px;
	}

/* -------------------------------------------------------- Title　エリア  */
#TitleArea {
	width: 800px;
	height: 55px;
	background-color: #CCCC99;
	background-image: url(../img/title_back.jpg);
	background-repeat: repeat-y;
	padding-left: 60px;
	vertical-align: middle;
	}
#TitleArea p {
	margin: 0px;
	}