@charset "utf-8";

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

・共通設定
・枠設定
・ヘッダ
・グローバルナビ
・サイドナビ
・メインコンテンツ
・フッタ

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

/*@import "_sample.css";*/


/*####################　共通設定　####################*/

body {
	text-align:center;
	color:#333333;
	font-size:12px;
	}
p {
	margin:0 0 10px;
	line-height:1.5;
	text-align:justify;  
	text-justify:inter-ideograph;  
	}

a {color:#1489A7;}

hr {display:none;}

/*####################　枠設定　####################*/

#Header {
	text-align:left;
	width: 900px;
	padding-top: 20px;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	}

#Navi {
	clear:both;
	text-align:left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 65px;
	margin-bottom: 25px;
	}

#Container {
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	}

#Main {
	float: right;
	margin-bottom: 40px;
	}

#Sub {
	float: left;
	margin-bottom: 40px;
	}

p.pageTop {
	clear:both;
	text-align:right;
	}
#Main .pagetop {
	text-align: right;
}


#Footer {
	background-image: url(../img/footer/bg.gif);
	background-repeat: repeat-x;
	height: 80px;
	width:auto;
	}
#topicpath {
	margin-bottom:30px;
	height:15px;
	line-height:100%;
}
#topicpath ul {
	list-style:none;
	margin:0;
	padding:0;
}
#topicpath ul li {
	list-style:none;
	background:url(../img/page/tp_arrow.gif) no-repeat left 50%;
	padding-left:6px;
	float:left;
	margin-right:10px;
}
#topicpath ul li.home {
	background:url(../img/page/home.gif) no-repeat left 50%;
	padding-left:12px;

}
#topicpath a {
	color:#1388A6;
	text-decoration:underline;
}
#topicpath a:hover {
	color:#ccc;
	text-decoration:none;
}


/*####################　ヘッダ　####################*/

#Header h1 {
	float: left;
	margin-right: 20px;
}
#Header p {
	background-image: url(../img/header/copy.gif);
	background-repeat: no-repeat;
	width: 289px;
	text-indent: -9999px;
	display: block;
	float: left;
	background-position: 0px 30px;
	height: 48px;
}
#Header .sNavi {
	display:inline;
	float:right;
	padding-top: 25px;
	margin-right: 250px;
	}

#Header .sNavi a {
	background-image: url(../img/header/snavi-01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 78px;
}
#Header .sNavi a:hover {	background-position: 0px -20px;}

#Tophead_box #Header{
	background-image: url(../img/header/freedial.gif);
	background-position: right 43px;
}
#Pagehead_box #Header{
	background-image: url(../img/header/freedial.gif);
	background-position: right 43px;
}
#Perhead_box #Header{
	background-image: url(../img/header/freedial_p.gif);
	background-position: right 43px;
}
#Corhead_box #Header{
	background-image: url(../img/header/freedial_c.gif);
	background-position: right 43px;
}

/*####################　グローバルナビ　####################*/

#Navi ul {
	margin: 0px;
	padding: 0px;
}
#Navi li {
	display:inline;
	float:left;
	height: 65px;
	}
#Navi li a {
	display:block;
	height: 65px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}

#Tophead_box #Navi li.menu01 a {background-image:url(../img/page/navi-01.gif);}
#Perhead_box #Navi li.menu02 a{background-image:url(../img/personal/navi-02.gif);}
#Corhead_box #Navi li.menu03 a{background-image:url(../img/corporate/navi-03.gif);}
#Outline #Navi li.menu04 a{background-image:url(../img/page/navi-04.gif);}
#Csr #Navi li.menu05 a{background-image:url(../img/page/navi-05.gif);}
#Compliance #Navi li.menu06 a{background-image:url(../img/page/navi-06.gif);}
#Inquiry #Navi li.menu07 a{background-image:url(../img/page/navi-07.gif);}

#Navi li.menu01 {width:107px;}
#Navi li.menu02 {width:129px;}
#Navi li.menu03 {width:129px;}
#Navi li.menu04 {width:119px;}
#Navi li.menu05 {width:129px;}
#Navi li.menu06 {width:159px;}
#Navi li.menu07 {width:128px;}

#Navi li.menu01 a {background-image:url(../img/header/navi-01.gif);}
#Navi li.menu02 a {background-image:url(../img/header/navi-02.gif);}
#Navi li.menu03 a {background-image:url(../img/header/navi-03.gif);}
#Navi li.menu04 a {background-image:url(../img/header/navi-04.gif);}
#Navi li.menu05 a {background-image:url(../img/header/navi-05.gif);}
#Navi li.menu06 a {background-image:url(../img/header/navi-06.gif);}
#Navi li.menu07 a {background-image:url(../img/header/navi-07.gif);}

#Tophead_box #Navi li.menu01 a:hover {background-image:url(../img/page/navi-01.gif);}
#Tophead_box #Navi li.menu02 a:hover {background-image:url(../img/page/navi-02.gif);}
#Tophead_box #Navi li.menu03 a:hover {background-image:url(../img/page/navi-03.gif);}
#Tophead_box #Navi li.menu04 a:hover {background-image:url(../img/page/navi-04.gif);}
#Tophead_box #Navi li.menu05 a:hover {background-image:url(../img/page/navi-05.gif);}
#Tophead_box #Navi li.menu06 a:hover {background-image:url(../img/page/navi-06.gif);}
#Tophead_box #Navi li.menu07 a:hover {background-image:url(../img/page/navi-07.gif);}

#Pagehead_box #Navi li.menu01 a:hover {background-image:url(../img/page/navi-01.gif);}
#Pagehead_box #Navi li.menu02 a:hover {background-image:url(../img/page/navi-02.gif);}
#Pagehead_box #Navi li.menu03 a:hover {background-image:url(../img/page/navi-03.gif);}
#Pagehead_box #Navi li.menu04 a:hover {background-image:url(../img/page/navi-04.gif);}
#Pagehead_box #Navi li.menu05 a:hover {background-image:url(../img/page/navi-05.gif);}
#Pagehead_box #Navi li.menu06 a:hover {background-image:url(../img/page/navi-06.gif);}
#Pagehead_box #Navi li.menu07 a:hover {background-image:url(../img/page/navi-07.gif);}

#Perhead_box #Navi li.menu01 a:hover {background-image:url(../img/personal/navi-01.gif);}
#Perhead_box #Navi li.menu02 a:hover {background-image:url(../img/personal/navi-02.gif);}
#Perhead_box #Navi li.menu03 a:hover {background-image:url(../img/personal/navi-03.gif);}
#Perhead_box #Navi li.menu04 a:hover {background-image:url(../img/personal/navi-04.gif);}
#Perhead_box #Navi li.menu05 a:hover {background-image:url(../img/personal/navi-05.gif);}
#Perhead_box #Navi li.menu06 a:hover {background-image:url(../img/personal/navi-06.gif);}
#Perhead_box #Navi li.menu07 a:hover {background-image:url(../img/personal/navi-07.gif);}

#Corhead_box #Navi li.menu01 a:hover {background-image:url(../img/corporate/navi-01.gif);}
#Corhead_box #Navi li.menu02 a:hover {background-image:url(../img/corporate/navi-02.gif);}
#Corhead_box #Navi li.menu03 a:hover {background-image:url(../img/corporate/navi-03.gif);}
#Corhead_box #Navi li.menu04 a:hover {background-image:url(../img/corporate/navi-04.gif);}
#Corhead_box #Navi li.menu05 a:hover {background-image:url(../img/corporate/navi-05.gif);}
#Corhead_box #Navi li.menu06 a:hover {background-image:url(../img/corporate/navi-06.gif);}
#Corhead_box #Navi li.menu07 a:hover {background-image:url(../img/corporate/navi-07.gif);}

/*####################　メインコンテンツ　####################*/

.contentsBox {
	/*margin-top:-15px;*/
	/*padding-top:15px;*/
	}


/*####################　サイドナビ　####################*/

#Sub .archiveBox ul {
	margin: 0px;
	padding: 0px;
}
#Sub .archiveBox li.menu00,
#Sub .archiveBox li.menu01,
#Sub .archiveBox li.menu02,
#Sub .archiveBox li.menu03,
#Sub .archiveBox li.menu04,
#Sub .archiveBox li.menu05,
#Sub .archiveBox li.menu06,
#Sub .archiveBox li.menu07,
#Sub .archiveBox li.menu08,
#Sub .archiveBox li.menu09 {
	display:inline;
	width: 190px;
	}
	
#Sub .archiveBox li.menu01 a,
#Sub .archiveBox li.menu02 a,
#Sub .archiveBox li.menu03 a,
#Sub .archiveBox li.menu04 a,
#Sub .archiveBox li.menu05 a,
#Sub .archiveBox li.menu08 a,
#Sub .archiveBox li.menu09 a {
	display:block;
	height: 30px;
	width: 190px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom: 3px;
	}
#Sub .archiveBox li.menu00 a,
#Sub .archiveBox li.menu06 a,
#Sub .archiveBox li.menu07 a{
	display:block;
	height: 30px;
	width: 190px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom: 0px;
	}

#Sub .archiveBox li.menu00 a {background: url(../img/sub/menu-00.gif) no-repeat 0 0px;}
#Sub .archiveBox li.menu01 a {background: url(../img/sub/menu-01.gif) no-repeat 0 0px;}
#Sub .archiveBox li.menu02 a {background: url(../img/sub/menu-02.gif) no-repeat 0 0px;}
#Sub .archiveBox li.menu03 a {background: url(../img/sub/menu-03.gif) no-repeat 0 0px;}
#Sub .archiveBox li.menu04 a {background: url(../img/sub/menu-04.gif) no-repeat 0 0px;}
#Sub .archiveBox li.menu05 a {background: url(../img/sub/menu-blog.gif) no-repeat 0 0px;height: 50px;margin-bottom: 10px;}
#Sub .archiveBox li.menu06 a {background: url(../img/sub/menu-06.gif) no-repeat 0 0px;}
#Sub .archiveBox li.menu07 a {background: url(../img/sub/menu-07.gif) no-repeat 0 0px;}
#Sub .archiveBox li.menu08 a {background: url(../img/sub/menu-08.gif) no-repeat 0 0px;}
#Sub .archiveBox li.menu09 a {background: url(../img/sub/menu-09.gif) no-repeat 0 0px;}

#Sub .archiveBox li.menu00 a:hover,
#Outline #Sub .archiveBox li.menu00 a {background: url(../img/sub/menu-00.gif) no-repeat -190px 0px;}
#Sub .archiveBox li.menu01 a:hover,
#Iso #Sub .archiveBox li.menu01 a {background: url(../img/sub/menu-01.gif) no-repeat -190px 0px;}
#Sub .archiveBox li.menu02 a:hover,
#Csr #Sub .archiveBox li.menu02 a {background: url(../img/sub/menu-02.gif) no-repeat -190px 0px;}
#Sub .archiveBox li.menu03 a:hover,
#Recruit #Sub .archiveBox li.menu03 a {background: url(../img/sub/menu-03.gif) no-repeat -190px 0px;}
#Sub .archiveBox li.menu04 a:hover,
#Compliance #Sub .archiveBox li.menu04 a {background: url(../img/sub/menu-04.gif) no-repeat -190px 0px;}
#Sub .archiveBox li.menu05 a:hover {background: url(../img/sub/menu-blog.gif) no-repeat -190px 0px;}
#Sub .archiveBox li.menu06 a:hover,
#Personal-index #Sub .archiveBox li.menu06 a {background: url(../img/sub/menu-06.gif) no-repeat -190px 0px;}
#Sub .archiveBox li.menu07 a:hover,
#Corporate-index #Sub .archiveBox li.menu07 a {background: url(../img/sub/menu-07.gif) no-repeat -190px 0px;}
#Sub .archiveBox li.menu08 a:hover,
#Privacy #Sub .archiveBox li.menu08 a {background: url(../img/sub/menu-08.gif) no-repeat -190px 0px;}
#Sub .archiveBox li.menu09 a:hover,
#link #Sub .archiveBox li.menu09 a {background: url(../img/sub/menu-09.gif) no-repeat -190px 0px;}

#Sub .adressBox{margin-bottom: 0px;}
#Sub .adressBox .top,
#Sub .archiveBox .top {
	background-image: url(../img/sub/menubg_top.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 190px;
	overflow: hidden;
}
#Sub .adressBox .body {
	background-image: url(../img/sub/adbox_body.gif);
	background-repeat: repeat-y;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

#Sub .archiveBox .body{}

#Sub .adressBox .btm,
#Sub .archiveBox .btm {
	background-image: url(../img/sub/menubg_bottom.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 190px;
	overflow: hidden;
	margin-bottom: 9px;
}
#Sub .adressBox .body h2 {
	margin-top: 0px;
	margin-bottom: 5px;
}
#Sub .adressBox .body p {
}
#Sub .adressBox .body dl {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#Sub .adressBox .body dl dt {
	float: left;
	width: 60px;
}
#Sub .adressBox .body dl dd {
	font-weight: bold;
	color: #26A9D2;
	margin-right: auto;
	margin-left: auto;
}
#Sub .archiveBox .body .sNavi {
	padding: 0px;
	margin: 0px;
}

#Sub .archiveBox .body .sNavi li a,
#Sub .archiveBox .body .ssNavi li a{
	color: #333;
	text-decoration: underline;
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	padding-left: 29px;
	background-position: left center;
	line-height: 1.9;
}
#Sub .archiveBox .body .sNavi li a{	background-image: url(../img/sub/menubg_body.gif);}
#Sub .archiveBox .body .sNavi li a:hover{	background-image: url(../img/sub/menubg_body_on.gif);}

#bulkywaste #Sub .archiveBox .body .sNavi li a.p01{	background-image: url(../img/sub/menubg_body_on.gif);}
#moving-trash #Sub .archiveBox .body .sNavi li a.p02{	background-image: url(../img/sub/menubg_body_on.gif);}
#student-fare #Sub .archiveBox .body .sNavi li a.p03{	background-image: url(../img/sub/menubg_body_on.gif);}
#estate-sale #Sub .archiveBox .body .sNavi li a.p04{	background-image: url(../img/sub/menubg_body_on.gif);}
#fixed-recovery #Sub .archiveBox .body .sNavi li a.p05{	background-image: url(../img/sub/menubg_body_on.gif);}

#ordinary-garbage #Sub .archiveBox .body .sNavi li a.c01{	background-image: url(../img/sub/menubg_body_on.gif);}
#business-trash #Sub .archiveBox .body .sNavi li a.c02{	background-image: url(../img/sub/menubg_body_on.gif);}
#waste-management #Sub .archiveBox .body .sNavi li a.c03{	background-image: url(../img/sub/menubg_body_on.gif);}
#recycle #Sub .archiveBox .body .sNavi li a.c04{	background-image: url(../img/sub/menubg_body_on.gif);}
#confidential-document #Sub .archiveBox .body .sNavi li a.c05{	background-image: url(../img/sub/menubg_body_on.gif);}
#food-waste-recycling #Sub .archiveBox .body .sNavi li a.c06{	background-image: url(../img/sub/menubg_body_on.gif);}
#fixed-recovery-c #Sub .archiveBox .body .sNavi li a.c07{	background-image: url(../img/sub/menubg_body_on.gif);}
#manifesto #Sub .archiveBox .body .sNavi li a.c08{	background-image: url(../img/sub/menubg_body_on.gif);}

#Sub .archiveBox .body .ssNavi li a{	background-image: url(../img/sub/menubg_body_s.gif);}
#Sub .archiveBox .body .ssNavi li a:hover{	background-image: url(../img/sub/menubg_body_son.gif);}

#Sub .archiveBox .body .sNavi li a:hover,
#Sub .archiveBox .body .ssNavi li a:hover{
	background-repeat: no-repeat;
	color: #1E9DC8;
	text-decoration: none;
}
#Sub .archiveBox .body h3 {
	margin-bottom: 5px;
}
#Sub .bannerBox{	margin-bottom: 30px;}


/*####################　フッタ　####################*/

#Footer .wrapper{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 5px;
}
#Footer .pagetop {
	float: left;
}
#Footer .pageTop a {
	background-image: url(../img/footer/btn-pagetop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	width: 103px;
	text-indent: -9999px;
	display: block;
}
#Footer .pageTop a:hover {	background-position: 0px -20px;}

address {
	background-image: url(../img/footer/copyright.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 265px;
	text-indent: -9999px;
	display: block;
	}
#Footer .wrapper ul {
	display: block;
	height: 20px;
	width: 796px;
	float: left;
	margin-bottom: 20px;
}
#Footer .wrapper ul li{
	float: left;
	display: block;
	margin-right: 20px;
}
#Footer .wrapper ul li a{
	display: block;
	height: 20px;
	text-indent: -9999px;
	background-repeat:no-repeat;
}

#Footer .wrapper ul li.menu01{width: 77px;}
#Footer .wrapper ul li.menu02{width: 77px;}
#Footer .wrapper ul li.menu03{width: 40px;}
#Footer .wrapper ul li.menu04{width: 64px;}
#Footer .wrapper ul li.menu05{width: 80px;}
#Footer .wrapper ul li.menu06{width: 40px;}
#Footer .wrapper ul li.menu07{width: 60px;}
#Footer .wrapper ul li.menu08{width: 80px;}
#Footer .wrapper ul li.menu09{width: 40px;}

#Footer .wrapper ul li.menu01 a {background: url(../img/footer/headline-01.gif) no-repeat 0 0px;}
#Footer .wrapper ul li.menu02 a {background: url(../img/footer/headline-02.gif) no-repeat 0 0px;}
#Footer .wrapper ul li.menu03 a {background: url(../img/footer/menu-01.gif) no-repeat 0 0px;}
#Footer .wrapper ul li.menu04 a {background: url(../img/footer/menu-02.gif) no-repeat 0 0px;}
#Footer .wrapper ul li.menu05 a {background: url(../img/footer/menu-03.gif) no-repeat 0 0px;}
#Footer .wrapper ul li.menu06 a {background: url(../img/footer/menu-04.gif) no-repeat 0 0px;}
#Footer .wrapper ul li.menu07 a {background: url(../img/footer/menu-05.gif) no-repeat 0 0px;}
#Footer .wrapper ul li.menu08 a {background: url(../img/footer/menu-06.gif) no-repeat 0 0px;}
#Footer .wrapper ul li.menu09 a {background: url(../img/footer/menu-07.gif) no-repeat 0 0px;}

/*　left_shadow_box
-------------------------------------*/
.left_shadow_box {
	background-image: url(../img/contents/shadow_line_body.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 30px;
}
.left_shadow_box .left_shadow_inner {
	background-image: url(../img/contents/shadow_line_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.left_shadow_box .left_shadow_inner .left_shadow_clearfix {
	background-image: url(../img/contents/shadow_line_btm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 18px;
	padding-bottom: 10px;
}

/*　other
-------------------------------------*/
.red{color: #F33;}
.blue{color: #1AA4D0;}
.red_s{color: #F33;font-size: 88%;}
.contentsBox {margin-bottom: 30px;font-size: 13px;}




/*####################　おやみだし　####################*/




/* まごみだし */


/*end*/