/* 全体的な設定 ---------------------------------------------------------------- */
*{ 
    margin:0;
	padding:0; 
} 

body {
	font-size: 0.8em;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #111111;
	background-image: url(../images/bg_top.jpg);
	background-repeat: repeat-x;
	color: #333333;
	/*font: 11px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	*font-size: small;
	*font: x-small;
}
p, ul, ol, dl, address, blockquote, table, div, input, select {
    margin:0;
	padding:0; 
}
table {
	font: 100%;
	border-collapse: collapse;
}
td {
	line-height: 1.5;
}

/***  リンク  ***/
a, a:link, a:visited, a:active {
	color: #504D34;
}
a:hover {
	color: #650D34;
	position: relative;
	left: 1px;
	top: 1px;
}
/*** 半透明ボタン ***/
a:hover img {
	border: 0px;
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

/* レイアウト ---------------------------------------------------------------- */

#container {
	width: 900px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content {
	line-height: 1.5;
	width: 900px;
	overflow: hidden;
	background-color: #C2BE9A;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-y;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
}
#content .in {
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
}
/*\*/
* html #content {
    height: 1em;
    overflow: visible;
}
#pan-list {
	font-size: 11px;
	height: 20px;
}

/*** パンくずリスト ***/
#pan-list a {
	text-decoration: none;
	background-image: url(../images/linkarrow2.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 13px;
	display: block;
	float: left;
	margin-right: 5px;
}
#pan-list　span {
	display: block;
	float: left;
}


/*** 本文 ***/
#alpha {
	width: 606px;
	float: right;
	margin-left: 20px;
}

/*** サイドバー ***/
#beta {
	display: inline; /* ie win bugfix */
	width:242px;
	float: right;
}

/*** トップメイン部分 ***/
#top-main {
	width: 900px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
#top-main .border1 {
	border: 1px solid #64633A;
	height: 350px;
}
#top-main1 {
	float: left;
	width: 660px;
	height: 350px;
	overflow: hidden;
}
#top-main2 {
	float: left;
	width: 238px;
	background-image: url(../images/bg_topnavi.jpg);
	background-repeat: no-repeat;
	height: 350px;
	overflow: auto;
}
#top-main2 .in {
	margin-right: 9px;
	margin-left: 9px;
	padding-top: 9px;
}

#top-main2 li {
	list-style-type: none;
	padding: 0px;
	display: inline;
	margin: 0px;
}
#top-main2 li a {
	display: block;
	margin-top: 3px;
}

/***  ヘッダー  ***/

#header {
	background-image: url(../images/top_logotel.jpg);
	background-repeat: no-repeat;
	height: 90px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#summary-box {
	height: 13px;
	font-size: 12px;
	font-weight: normal;
	color: #999966;
	text-align: right;
	line-height: 12px;
	padding-top: 8px;
}
#summary-box .in {
	margin-right: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
}

/***  ロゴ  ***/
#header #logo a {
	display:block;
	margin:0px;
	padding:0px;
	text-decoration:none;
	overflow: hidden;
}
#header #logo a:hover {
	position: relative;
	left: 0px;
	top: 0px;
}
#header #logo a:hover img {
  position: relative;
  top: -200px;
  left: 0px;
}

/***  ナビ  ***/
#navi {
	width: 100%;
	background-image: url(../images/bg_navi.jpg);
	background-repeat: repeat-x;
	height: 69px;
	text-align: left;
	margin-bottom: 10px;
}
#navi-box {
	width: 904px;
	background-image: url(../images/navi.gif);
	background-repeat: no-repeat;
	height: 53px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
}
#navi-box li {
	list-style-type: none;
	float: left;
}
/*
#navi-box li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	height: 47px;
	width: 150px;
}

#navi-box li a:hover {
	position: relative;
	left: 0px;
	top: 0px;
}

#navi-box li a:hover img {
  position: relative;
  top: -100px;
}

*/

/***  フッター  ***/
#footer {
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	width: 100%;
	margin-top: 10px;
}
#footer-navi {
	text-align: center;
	background-image: url(../images/bg_footermenu.jpg);
	background-repeat: repeat-x;
	height: 32px;
	color: #484848;
	overflow: hidden;
}
#footer-navi a,
#footer-navi a:link,
#footer-navi a:visited,
#footer-navi a:active {
	text-decoration: none;
	color: #484848;
}
#footer-navi a:hover {
	text-decoration: none;
	color: #C2BE9A;
}

#footer-info {
	color: #999966;
	background-image: url(../images/bg_footerinfo.jpg);
	background-repeat: repeat-x;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	line-height: 1.2;
	height: 120px;
}
#produced-by {
	font-size: 10px;
	line-height: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}
#footer-copyright {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#produced-by a {
	display: block;
	float: left;
	padding: 1px;
	text-decoration: none;
}
#produced-by a:link,
#produced-by a:visited {
	color: #484848;
	border: 1px solid #484848;
}
#produced-by a:active,
#produced-by a:hover {
	color: #C2BE9A;
	border: 1px solid #C2BE9A;
}

/* 事例サイドメニュー  ---------------------------------------------------------------- */
a.sidetitle1 {
	background-image: url(../images/case/sidemenu.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	height: 20px;
	font-size: 12px;
	line-height: normal;
	display: block;
	text-decoration: none;
	padding-top: 7px;
	margin-top: 1px;
}
a.sidetitle1:hover {
	background-color: #A8A06F;
	color: #FFFFFF;
}
.sidetitle2 {
	background-image: url(../images/case/sidemenu.gif);
	background-repeat: no-repeat;
	background-color: #9A915C;
	color: #FFFFFF;
	padding-left: 15px;
	height: 20px;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
	padding-top: 7px;
	margin-top: 1px;
}


/* リンクメニュー  ---------------------------------------------------------------- */
a.linktitle1 {
	border: 1px solid #64633A;
	background-color: #DFDEB9;
	font-size: 12px;
	line-height: normal;
	display: block;
	text-decoration: none;
	padding: 5px;
}
a.linktitle1:hover {
	background-color: #A8A06F;
	color: #FFFFFF;
}

/* 枠  ---------------------------------------------------------------- */
.box1-1 {
	border: 1px solid #64633A;
}
.box1-2 {
	border: 1px solid #64633A;
	background-color: #DFDEB9;
	margin: 0px;
	padding: 1px;
	line-height: 1.2;
}

.box1-2 a {
	text-decoration: none;
}

.box1-3 {
	border: 1px solid #64633A;
	background-color: #DFDEB9;
	margin: 0px;
	padding: 1px;
}
.box1-3 table {
	visibility: inherit;
}
a:hover img.box1-2 {
	border: 1px solid #64633A;
	background-color: #DFDEB9;
	margin: 0px;
	padding: 1px;
}
.box2 {
	background-color: #A8A06F;
}

.size-box1 {
	height: 160px;
	overflow: auto;
	width: 336px;
}
.size-box2 {
	width: 533px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	clear: both;
}
.size-box3 {
	width: 606px;
	margin-right: auto;
	margin-left: auto;
	height: 730px;
}
.size-box4 {
	float: left;
	width: 346px;
	margin-left: 1px;
}




/* 余白  ---------------------------------------------------------------- */
.in-t8 {
	padding-top: 8px;
}
.in-t10 {
	padding-top: 10px;
}
.in-t20 {
	margin-top: 20px;
}

.in5 {
	margin: 5px;
}
.in8 {
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	padding-top: 8px;
}
.in-tr3 {
	margin-top: 3px;
	margin-right: 3px;
}
.in-b2 {
	margin-bottom: 2px;
	clear: both;
}

.in10 {
	margin: 10px;
}
.in12 {
	margin: 12px;
}

.in-t3 {
	margin-top: 3px;
}

.in-l10 {
	margin-left: 10px;
}
.in-l15 {
	margin-left: 15px;
}

.in-l5 {
	margin-left: 5px;
}
.in-rl2 {
	margin-right: 2px;
	margin-left: 2px;
}

.in-pr5 {
	padding-right: 5px;
}
.in-ptr5 {
	padding-right: 5px;
	padding-top: 5px;
}


/* フォント  ---------------------------------------------------------------- */
.font_r {
	color: #650D34;
}
.font_rb {
	color: #650D34;
	font-weight: bold;
}
.font_rbb {
	color: #650D34;
	font-weight: bold;
	font-size: 1.1em;
}
.font_b {
	font-size: 1.1em;
}
.font_bb {
	font-weight: bold;
	font-size: 1.1em;
}

.font_g {
	color: #626053;
}
.font_s {
	font-size: 0.8em;
}
.font_w {
	color: #FFFFFF;
}
.font_gbb {
	font-size: 1.1em;
	font-weight: bold;
	color: #626053;
}


.font6 {
	font-size: 8px;
}



/* float  ---------------------------------------------------------------- */
.float-l {
	float: left;
}
.float-l8 {
	float: left;
	margin-left: 8px;
}
.float-l20 {
	float: left;
	margin-left: 20px;
}
.float-l10r {
	float: left;
	margin-right: 10px;
}
.float-lt10 {
	float: left;
	margin-top: 10px;
}
.float-ltl10 {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

.float-r {
	float: right;
}

/* clear  ---------------------------------------------------------------- */
#beta:after,
#content:after,
#navi:after,
#footer-info:after,
#produced-by:after,
.size-box2:after,
.box1-2:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	overflow: hidden;
}

.clear {
	clear: both;
}
.clear2 {
   content : "";  
   display : none;  
   visibility: hidden;  
   height : 0px;  
   clear : both;  
	font-size: 0.1em;
	line-height: 0;
}

/* 線  ---------------------------------------------------------------- */
.uline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #34251D;
	padding-bottom: 5px;
}

/* 見出し  ---------------------------------------------------------------- */
.title1 {
	font-weight: bold;
	background-image: url(../images/bg_title1.jpg);
	background-repeat: repeat-x;
	height: 18px;
	color: #FFFFFF;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.title2 {
	font-weight: bold;
	border: 1px solid #64633A;
	background-color: #DFDEB9;
	margin: 0px;
	height: 18px;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}

/***  テーブル  ***/
table.ta1 {
	border-collapse: collapse;
	width: 95%;
	line-height: normal;
	margin-right: auto;
	margin-left: auto;
}
table.ta2 {
	border-collapse: collapse;
	width: 95%;
	line-height: normal;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
}
th.t1,td.t1 {
	padding: 5px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #111111;
}
th.t2,td.t2 {
	padding: 5px;
	background-color: #A8A06F;
	vertical-align: top;
	border: 1px solid #64633A;
}
th.borles,td.borles {
	padding: 3px;
	vertical-align: top;
}
td.t3 {
	padding: 5px;
	background-color: #DFDEB9;
	border: 1px solid #64633A;
	vertical-align: top;
}
td.t4 {
	padding: 5px;
	background-color: #DFDEB9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #64633A;
	vertical-align: top;
}

/* インデント  ---------------------------------------------------------------- */
.ind_1em {
	padding-left: 1em;
}
.ind_b1em {
	text-indent: -1em;
	padding-left: 1em;
}
.box1-4 {

	border: 2px solid #00135D;
	background-color: #C4CEFF;
	background-image: url(../images/recycle/bg_continue2.gif);
	background-repeat: no-repeat;
}
.box-contact {
	background-image: url(../images/side_tel.jpg);
	background-repeat: no-repeat;
	height: 186px;
	width: 242px;
}
.box-eco {
	background-image: url(../images/eco.jpg);
	background-repeat: no-repeat;
	height: 247px;
	width: 868px;
	margin-right: auto;
	margin-left: auto;
}
.box-eco .in-box1 {
	margin-left: 21px;
	padding-top: 65px;
}
.box-eco .in-box2 {
	margin-right: 7px;
	margin-left: 10px;
	padding-top: 6px;
}
.box-eco .in-box2 .ecobox1 {
	background-image: url(../images/bg_eco1.jpg);
	background-repeat: no-repeat;
	height: 144px;
	width: 120px;
	float: left;
	margin-right: 1px;
}
.box-eco .in-box2 .ecobox2 {
	background-image: url(../images/bg_eco2.jpg);
	background-repeat: no-repeat;
	height: 144px;
	width: 120px;
	float: left;
	margin-right: 1px;
}
.box-eco .in-box2 .ecobox3 {
	background-image: url(../images/bg_eco3.jpg);
	background-repeat: no-repeat;
	height: 144px;
	width: 120px;
	float: left;
}
.box-eco .in-box2 .ecobox1 img,
.box-eco .in-box2 .ecobox2 img,
.box-eco .in-box2 .ecobox3 img {
	margin: 1px;
}
.box-eco-side {
	background-image: url(../images/bg_eco_s.jpg);
	background-repeat: no-repeat;
	height: 351px;
	width: 242px;
	text-align: center;
}
.float-l2 {

	float: left;
	margin-left: 2px;
}
.arrowdown {
	background-image: url(../images/order/bg_arrowdown.gif);
	background-position: right top;
	margin-bottom: 5px;
	padding-left: 1em;
	background-repeat: no-repeat;
	padding-top: 8px;
	min-height: 56px;
	overflow: visible;
}
.eco {
	background-image: url(../images/eco/bg_leaf.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.thumnail img {
	border: 1px solid #64633A;
	background-color: #DFDEB9;
	padding: 1px;
	margin-top: 2px;
	margin-right: 2px;
}
.thumnail:hover img {
	border: 1px solid #64633A;
	background-color: #DFDEB9;
}
.link ul li {
	list-style-type: square;
	margin-left: 2em;
}
table.ta3 {
	border-collapse: collapse;
	width: 100%;
	line-height: normal;
}
th.borles2, td.borles2 {
	padding: 5px;
	vertical-align: top;
}
.size-box5 {
	float: left;
	width: 427px;
}
.in-b1 {
	margin-bottom: 1px;
}