@charset "shift_jis";
body {
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #FFFFFF url(images/bg.gif) repeat-x top;
	font: 80%/2 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	vertical-align: top;
}
iframe {
	margin-bottom: 20px;
}


/*コンテナ（HP枠）
------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #a0a0a0;
	background: #FFFFFF;
}


/*ヘッダー
------------------------------------------------------------------*/
#header {
	background: url(images/header_bg.gif) no-repeat left top;
	width: 800px;
	height: 92px;
	position: relative;
}
#header h1 {
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 10px;
	font-weight: normal;
	padding-top: 5px;
}

/*メインイメージ
------------------------------------------------------------------*/
#main-img {
	padding-bottom: 6px;
	background: url(images/main_img_bottom.gif) repeat-x bottom;
}


/*メインメニュー
------------------------------------------------------------------*/
#menu {
	background: url(images/menu_06.gif) repeat-x;
	height: 56px;
}

#menu li {
	display: inline;
}

/* ================================================ */
/* main2              */


/*メインコンテンツ
------------------------------------------------------------------*/
#main2{
	float: left;
	text-align:left;
	width: 497px;
	border-left: 1px #E1EDFB solid;
	padding-bottom: 50px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;

}


#main2 p{
    margin-left:13px;
    margin-right:13px;
    margin-top:6px;
    margin-bottom:10px;
    padding: 0px ;
    line-height: 20px;
    color: #6f6f6f;
    text-align: left;
}

#main2 p.center{
	text-align: center;
}

#main2 p.left{
	text-align: left;
	margin-left:13px;
}

#main2 p.right{
	text-align: right;
	padding-right:30px;
}


#main2 p.topic_path{
	text-align: right;
	font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-color: naby;
	margin-top: 0px;
	padding-left: 0px;

}

#main2 p.att{
	background: url(img/common/point_03.gif) no-repeat left top;
	text-align: left;
	margin-top:10px;
	padding-left: 15px;
	border-bottom: 1px dotted #CCCCCC;
	vertical-align: baseline;
}



}

#main2 img{
      padding-left: 0px ;
      margin-left: 0px ;
      border:none;


}

#main2 h1{
      font-size: 12px;
      margin-top: 10px;
      margin-bottom: 10px;
}

#main2 h2 {
	height: 29px;
	margin: 20px 0px 10px;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
}



#main2 h3{
      /*background: white url('img/common/point_01.gif') no-repeat;
      font-size: 12px;
      margin:40px 0px 0px 13px;
      padding-bottom: 20px;*/
      color: #4B83B5;
      font-weight: bold;
}


#main2 h3　a{
color: #4B83B5;}


#main2 h4{
	  
      background: white url('img/common/point_06.gif') no-repeat;
      color: naby;
      font-size: 13px;
      margin:10px 0px 5px 13px;
      padding-bottom: 2px;
      padding-left: 15px;
      font-weight: normal;
     
}


h3 + p{
	  margin-left: 200px; 
}





#main2 a{
     color: #4B83B5;
     text-decoration: underline;
}

#main2 a:hover{
     color: navy;
     text-decoration: none;
}

ne;
}

#main2 table{
	width: 496px;
	margin: 10px 0px 20px 30px;
	padding: 0px;
	margin-left: 0px;
}

#main2 td {font-size:14px;color: #4c4c4c;
	height: 25px;
	vertical-align: top;
	text-align: left;
 } 

ol{
	list-style: disc;
	margin-top: 3px;
	color: #6f6f6f;
}



#main2 ul{
	margin-top: 0px;
	color: #6f6f6f;
}

#main2 li{
	margin: 0px 0px 10px 10px;;
}

#main2 ol li{
	margin: 0px 0px 10px 15px;;
}


#main2 td p{
    margin-left:3px;
    margin-right:3px;
    margin-top:1px;
    margin-bottom:0px;
    padding: 0px ;
    line-height: 17px;
	color: #6f6f6f;
	text-align: left;
}


/* main2のh3のbackgroundを変更する１ */
h3.background_map{
      background: white url('img/common/point_01.gif') no-repeat;
      font-size: 12px;
      padding-left: 15px;
      padding-bottom: 20px;
      margin:20px 0px 0px 13px;
}

/* main2のh3のbackgroundを変更する２ */
h3.background_service{
      background: url('img/common/point_02.gif') no-repeat;
      color: naby;
      font-size: 16px;
      padding-left: 20px;
      padding-bottom: 00px;
      margin:20px 0px 0px 13px;
}
/* main2のh3のbackgroundを変更する３ */
h3.background_job{
      color: naby;
      font-size: 12px;
      padding-left: 20px;
      padding-bottom: 00px;
      margin:10px 0px 0px 0px;
}

/*サブコンテンツ
------------------------------------------------------------------*/
#sub2 {
	float: right;
	width: 252px;
	display: inline;
	/*margin-right: 10px;*/
	margin-top: 10px;
	font-size: 85%;
}

#sub2 .frame {
	background: url(images/sub_frame_bg.gif) no-repeat bottom;
	/*padding-right: 10px;
	padding-left: 10px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	html{overflow-y: scroll;}
}

#sub2 h3 {
	background: url('images/sub_midashi_bg.gif') no-repeat;
	height: 46px;
	width: 252px;
	/*margin-right: -10px;
	margin-left: -10px;*/
}

/*#sub2 img {
	margin-right: 10px;
	margin-left: 10px;
}*/

#sub2 p {
	margin-right: 10px;
	margin-left: 10px;
}


/*ナビメニュー（サイトマップ、お問い合わせなど）
------------------------------------------------------------------*/
#nav {
	position: absolute;
	right: 0px;
	bottom: 10px;
	color: #FFFFFF;
}
#nav a {
	color: #FFFFFF;
	padding-right: 10px;
}


/*About欄の矢印と下線設定
------------------------------------------------------------------*/
.arrow{
	margin-left: 10px;
	line-hight: 30px;
}

.arrow li {
	background: url(images/arrow.gif) no-repeat left top;
	padding-left: 20px;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 12px;
	line-height: 20px;
}

/*業務詳細欄の矢印と下線設定
------------------------------------------------------------------*/
.jobdetail{
	margin-left: 10px;
	line-hight: 30px;
}

.jobdetail li {
	/*background: url(images/arrow.gif) no-repeat left top;*/
	padding-left: 10px;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 12px;
	line-height: 20px;
}

/*SiteMap欄の矢印と下線設定
------------------------------------------------------------------*/
.point li {
	padding-left: 30px;
	/*background: url(img/common/point_04.gif) no-repeat left top;*/
	border-bottom: 1px dotted #CCCCCC;
}

/*SiteMap欄の矢印と下線設定
------------------------------------------------------------------*/
.point4 li {
	padding-left: 30px;
	background: url(img/common/point_04.gif) no-repeat left top;
	border-bottom: 1px dotted #CCCCCC;
}



/*フッター
------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	background: #1b617a;
	color: #FFFFFF;
	text-align: center;
}
#footer a {
	color: #FFFFFF;
}



/*イメージ＆文字コンテンツ
------------------------------------------------------------------*/
.picchrframe {
	float: left;
	width: 495px;
/*	margin-left: 5px;
	margin-top: 0px;*/
}

/*イメージコンテンツ
------------------------------------------------------------------*/
.picframe {
	float: left;
	width: 194px;
	/*margin-left: 5px;
	margin-top: 10px;*/
	padding-top: 15px;
	padding-left: 5px;
}

/*.picframe img {
	padding-right: 00px;
	padding-left: 10px;
}*/

/*.picframe p {
	margin-right: 10px;
	margin-left: 10px;
}*/

/*文字コンテンツ
------------------------------------------------------------------*/
.chrframe {
	float: right;
	width: 294px;
	margin-right: 0px;
	margin-top: 0px;
	font-size: 100%;
}


/*.chrframe p {
	margin-right: 0px;
	margin-left: 0px;
}*/






/*強調文字（背景赤に白文字になります。）
------------------------------------------------------------------*/
.look {
	color: #FFFFFF;
	font-weight: bold;
	background: #990000;
}


/*clearfix
------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*サイトマップの詳細行属性 */
.map-style{
	list-style: disc inside;
	margin-left: 30px;
	line-height: 150%;

}

/*お問い合わせの詳細行属性 */
.contact-style{
	margin-left: 30px;
}

/*会社概要・沿革の詳細行属性 */
.profile-style{
	padding-left: 50px;
}

/*業務案内の詳細行属性 */
.service-style{
	list-style: disc inside;
	margin-left: 20px;
	font-size: 100%;
}

/*ＯＡ機器リサイクルサービスの詳細行属性 */
.oarecycle-style{
	list-style: disc inside;
	margin-left: 20px;
	font-size: 90%;
}

/*  バナーの詳細指定  */
/*#banner2{
	text-align:left;
	float:right;
	width: 250px;
	height: 490px;
	margin-top: 0px;
}*/

/*#banner2 img{
	border: none;
}*/

.re{
	position: relative;
	top: 0px;
	left: 15px;
}

table.sample{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    width: 497px;
}
.sample th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#996633;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
    padding-top:6px; 
}
.sample td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.1em 0.1em;
    text-align: left;
    padding-top:6px; 
}

.bgcolor{
	background-color:#B0E0E6;
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
}

#imgHover ul li {
	float: left;
	margin-right: 5px;
}
#imgHover ul li img {
	border: none;
}

#imgHover ul li a {
	display: block;
}

#imgHover ul li a:hover {
	position: relative;
}

#imgHover ul li a .mainImage {
	display: none;
}

#imgHover ul li a:hover .mainImage {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}