/*----------------------------------------------------------------------

              mediator/companyprofile/top.css

----------------------------------------------------------------------*/

/*--------------------------------------------------------------------
　　r_contents共通部分
--------------------------------------------------------------------*/

#m_contents{
   width: 510px;
   float: left;
   padding: 5px 0 5px 0;
}

#l_contents {
   width: 220px;
   float: left;
   padding: 5px;
}

#r_contents {
   width: 200px;
   float: right;
   padding: 5px 0 5px 5px;
}

/*--------------------------------------------------------------------
　　トップページ
--------------------------------------------------------------------*/

.img_box01 {
    background: url(../images/top/top_img.jpg);
	background-position: 5px 0;
	background-repeat:no-repeat;
    width: 720px;
	height: 197px;
	text-indent: -10000px;
	float: left;
}
.img_box02 {
    width: 230px;
	height: 197px;
	text-indent: -10000px;
	float: left;
}

.buying_box {
    background: url(../images/top/bg001.jpg) bottom repeat-x;
    width: 225px;
	border:#CCCCCC solid 1px;
	float: left;
	margin: 5px 0 5px 5px;
	padding: 10px;
}

.buying_img001 {
	float: left;
}

.buying_text001 {
    width: 80px;
	float: left;
	font-size: 83%;
	padding: 5px 3px 3px 10px;
}


#navibar{
	width:100%;
	background-image:url(http://pc-eco.mediator-net.jp/bg_gray.png);
	background-repeat:repeat-x;
	height:43px;
	color:#fff;
	position:fixed;
	bottom:0px;
	left:0;
	text-align:right;
}
#navibar p{
	text-align:right;
	width:950px;
	margin:0 auto;
	display:block;
}
.pb43{
	padding-bottom:43px;
}



/*--------------------------------------------------------------------
　　ナビゲーション/トップイメージ
--------------------------------------------------------------------*/

ul#hr_menu {list-style:none;text-align:left;}
ul#hr_menu li{margin:0;padding: 0 5px 0 5px;list-style:none;}
ul#hr_menu a{display:block;text-indent:-1000px;overflow:hidden;}
a.hr_menu01{background-image:url(../images/top/r_menu01.jpg);width:215px;height:50px;}
a:hover.hr_menu01{background-position:215px 0px;}
a.hr_menu02{background-image:url(../images/top/r_menu02.jpg);width:215px;height:49px;}
a:hover.hr_menu02{background-position:215px 0px;}
a.hr_menu03{background-image:url(../images/top/r_menu03.jpg);width:215px;height:49px;}
a:hover.hr_menu03{background-position:215px 0px;}
a.hr_menu04{background-image:url(../images/top/r_menu04.jpg);width:215px;height:49px;}
a:hover.hr_menu04{background-position:215px 0px;}

/*--------------------------------------------------------------------
　　メインコンテンツ
--------------------------------------------------------------------*/

.title001 {
    background:url(../images/common/title001.jpg) no-repeat;
	width: 500px;
	height: 28px;
	margin: 5px auto 0 auto;
	text-indent: -10000px;
	clear: both;
}

.title002 {
    background:url(../images/common/title002.jpg) no-repeat;
	width: 500px;
	height: 28px;
	margin: 5px auto 0 auto;
	text-indent: -10000px;
	clear: both;
}

.m_box01 {
    background: url(../images/common/line_bg001.gif) bottom repeat-x;
	width: 470px;
	margin: 10px auto 10px auto;
	padding: 3px;
}

.f_logo {
}

/*--------------------------------------------------------------------
　　右コンテンツ
--------------------------------------------------------------------*/

.r_title001 {
   background: url(../images/top/r_title001.gif) bottom no-repeat;
   width: 200px;
   height: 53px;
   text-indent: -10000px;
   padding-top: 3px;
   
}

.r_title002 {
   background: url(../images/top/r_title002.gif) bottom no-repeat;
   width: 200px;
   height: 31spx;
   text-indent: -10000px;
   padding-top: 15px;
   margin-top: 5px;
}

.r_title003 {
   background:url(../images/top/r_title002.gif) bottom no-repeat;
   width: 200px;
   height: 31px;
   text-indent: -10000px;
   padding-top: 3px;

}

.r_box01 {
   background: url(../images/common/line_bg001.gif) bottom repeat-x;
   width: 180px;
   margin: 5px auto 5px auto;
   padding: 5px;
   clear: both;
}

.r_box02 {
   width: 100px;
   margin: 5px auto 5px auto;
   padding: 5px;
   float: left;
}

