@charset "utf-8";

/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */
#material #header,
#mansion #header,
#home #header,
#school #header,
#factory #header,
#facility #header,
#office #header,
#temple #header,
#storehouse #header,
#parking #header,
#store #header,
#hospital #header {
	height: 100px;
	background: url('/location/material/img/header.jpg') left top no-repeat;
}

#material #header ul li.link1 a:hover,
#material #header ul li.link1 a.select,
#mansion #header ul li.link1 a:hover,
#mansion #header ul li.link1 a.select,
#home #header ul li.link1 a:hover,
#home #header ul li.link1 a.select,
#school #header ul li.link1 a:hover,
#school #header ul li.link1 a.select,
#factory #header ul li.link1 a:hover,
#factory #header ul li.link1 a.select,
#facility #header ul li.link1 a:hover,
#facility #header ul li.link1 a.select,
#office #header ul li.link1 a:hover,
#office #header ul li.link1 a.select,
#temple #header ul li.link1 a:hover,
#temple #header ul li.link1 a.select,
#storehouse #header ul li.link1 a:hover,
#storehouse #header ul li.link1 a.select,
#parking #header ul li.link1 a:hover,
#parking #header ul li.link1 a.select,
#store #header ul li.link1 a:hover,
#store #header ul li.link1 a.select,
#hospital #header ul li.link1 a:hover,
#hospital #header ul li.link1 a.select{
	background: url('/location/material/img/header_on.jpg') -477px 0 no-repeat;
}

#material #header ul li.link2 a:hover,
#material #header ul li.link2 a.select,
#mansion #header ul li.link2 a:hover,
#mansion #header ul li.link2 a.select,
#home #header ul li.link2 a:hover,
#home #header ul li.link2 a.select,
#school #header ul li.link2 a:hover,
#school #header ul li.link2 a.select,
#factory #header ul li.link2 a:hover,
#factory #header ul li.link2 a.select,
#facility #header ul li.link2 a:hover,
#facility #header ul li.link2 a.select,
#office #header ul li.link2 a:hover,
#office #header ul li.link2 a.select,
#temple #header ul li.link2 a:hover,
#temple #header ul li.link2 a.select,
#storehouse #header ul li.link2 a:hover,
#storehouse #header ul li.link2 a.select,
#parking #header ul li.link2 a:hover,
#parking #header ul li.link2 a.select,
#store #header ul li.link2 a:hover,
#store #header ul li.link2 a.select,
#hospital #header ul li.link2 a:hover,
#hospital #header ul li.link2 a.select{
	background: url('/location/material/img/header_on.jpg') -564px 0 no-repeat;
}

#material #header ul li.link3 a:hover,
#material #header ul li.link3 a.select,
#mansion #header ul li.link3 a:hover,
#mansion #header ul li.link3 a.select,
#home #header ul li.link3 a:hover,
#home #header ul li.link3 a.select,
#school #header ul li.link3 a:hover,
#school #header ul li.link3 a.select,
#factory #header ul li.link3 a:hover,
#factory #header ul li.link3 a.select,
#facility #header ul li.link3 a:hover,
#facility #header ul li.link3 a.select,
#office #header ul li.link3 a:hover,
#office #header ul li.link3 a.select,
#temple #header ul li.link3 a:hover,
#temple #header ul li.link3 a.select,
#storehouse #header ul li.link3 a:hover,
#storehouse #header ul li.link3 a.select,
#parking #header ul li.link3 a:hover,
#parking #header ul li.link3 a.select,
#store #header ul li.link3 a:hover,
#store #header ul li.link3 a.select,
#hospital #header ul li.link3 a:hover,
#hospital #header ul li.link3 a.select{
	background: url('/location/material/img/header_on.jpg') -651px 0 no-repeat;
}

#material #header ul li.link4 a:hover,
#material #header ul li.link4 a.select,
#mansion #header ul li.link4 a:hover,
#mansion #header ul li.link4 a.select,
#home #header ul li.link4 a:hover,
#home #header ul li.link4 a.select,
#school #header ul li.link4 a:hover,
#school #header ul li.link4 a.select,
#factory #header ul li.link4 a:hover,
#factory #header ul li.link4 a.select,
#facility #header ul li.link4 a:hover,
#facility #header ul li.link4 a.select,
#office #header ul li.link4 a:hover,
#office #header ul li.link4 a.select,
#temple #header ul li.link4 a:hover,
#temple #header ul li.link4 a.select,
#storehouse #header ul li.link4 a:hover,
#storehouse #header ul li.link4 a.select,
#parking #header ul li.link4 a:hover,
#parking #header ul li.link4 a.select,
#store #header ul li.link4 a:hover,
#store #header ul li.link4 a.select,
#parking #header ul li.link4 a:hover,
#hospital #header ul li.link4 a.select{
	background: url('/location/material/img/header_on.jpg') -737px 0 no-repeat;
}

#material #header a.contact_btn,
#mansion #header a.contact_btn,
#home #header a.contact_btn,
#school #header a.contact_btn,
#facotry #header a.contact_btn,
#facility #header a.contact_btn,
#office #header a.contact_btn,
#temple #header a.contact_btn,
#storehouse #header a.contact_btn,
#parking #header a.contact_btn,
#store #header a.contact_btn,
#hospital #header a.contact_btn {
	top: 5px;
	left: 830px;
	width: 70px;
	height: 78px;
	position: absolute;
	display: block;
}

#material #header a.contact_btn:hover,
#material #header a.contact_btn.select,
#mansion #header a.contact_btn:hover,
#mansion #header a.contact_btn.select,
#home #header a.contact_btn:hover,
#home #header a.contact_btn.select,
#school #header a.contact_btn:hover,
#school #header a.contact_btn.select,
#factory #header a.contact_btn:hover,
#factory #header a.contact_btn.select,
#facility #header a.contact_btn:hover,
#facility #header a.contact_btn.select,
#office #header a.contact_btn:hover,
#office #header a.contact_btn.select,
#temple #header a.contact_btn:hover,
#temple #header a.contact_btn.select,
#storehouse #header a.contact_btn:hover,
#storehouse #header a.contact_btn.select,
#parking #header a.contact_btn:hover,
#parking #header a.contact_btn.select,
#store #header a.contact_btn:hover,
#store #header a.contact_btn.select,
#hospital #header a.contact_btn:hover,
#hospital #header a.contact_btn.select{
	background: url('/location/material/img/header_on.jpg') -830px -5px no-repeat;
}

#material #header a.total_top,
#mansion #header a.total_top,
#home #header a.total_top,
#school #header a.total_top,
#factory #header a.total_top,
#facility #header a.total_top,
#office #header a.total_top,
#temple #header a.total_top,
#storehouse #header a.total_top,
#parking #header a.total_top,
#store #header a.total_top,
#hospital #header a.total_top {
	top: 40px;
	left: 390px;
	width: 80px;
	height: 26px;
	position: absolute;
	text-indent: -9999px;
	display: block;
}

#material #header a.total_top:hover,
#material #header a.total_top.select,
#mansion #header a.total_top:hover,
#mansion #header a.total_top.select,
#home #header a.total_top:hover,
#home #header a.total_top.select,
#school #header a.total_top:hover,
#school #header a.total_top.select,
#factory #header a.total_top:hover,
#factory #header a.total_top.select,
#facility #header a.total_top:hover,
#facility #header a.total_top.select,
#office #header a.total_top:hover,
#office #header a.total_top.select,
#temple #header a.total_top:hover,
#temple #header a.total_top.select,
#storehouse #header a.total_top:hover,
#storehouse #header a.total_top.select,
#parking #header a.total_top:hover,
#parking #header a.total_top.select,
#store #header a.total_top:hover,
#store #header a.total_top.select,
#hospital #header a.total_top:hover,
#hospital #header a.total_top.select{
	background: url('/location/material/img/header_on.jpg') -390px -40px no-repeat;
}

#material #header #title a,
#mansion #header #title a,
#home #header #title a,
#school #header #title a,
#factory #header #title a,
#facility #header #title a,
#office #header #title a,
#temple #header #title a,
#storehouse #header #title a,
#parking #header #title a,
#store #header #title a,
#hospital #header #title a {
	top: 18px;
	left: 5px;
	width: 356px;
	height: 74px;
	position: absolute;
	display: block;
}

/* --------------------------------------------------------------------------------------
 メイン画像
--------------------------------------------------------------------------------------- */
div.center_contents div.main_img {

	margin: 0 auto;
	height: 190px;
	width: 510px;
	position: relative;

}

div.center_contents div.main_img a.to_about {

	top: 150px;
	left: 0;
	width: 510px;
	height: 40px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;

}

/* --------------------------------------------------------------------------------------
 レフトカラム
--------------------------------------------------------------------------------------- */

/* 資材置き場メニュー */
div.location_menu {
	margin: 0 auto 14px;
	width: 160px;
}

div.location_menu li {
	display: block;
	width: 158px;
	height: 48px;
	border: 1px solid #CCCCCC;
	border-width: 1px 1px 0;
	line-height: 150%;
	font-size: 12px;
}

div.location_menu li.bottom {
	border: 1px solid #CCCCCC;
}

div.location_menu a {
	padding: 13px 25px 0 20px;
	width: 113px;
	height: 35px;
	display: block;
	
}

div.location_menu a.two {
	padding-top: 5px;
}

div.location_menu li {
	background: url('/location/material/img/left_location_menu_bg.jpg');
}

div.location_menu li a:hover {
	background: url('/location/material/img/left_location_menu_bg_on.jpg');
}

/* --------------------------------------------------------------------------------------
 メインカラム
--------------------------------------------------------------------------------------- */

/* あなたの心配事は？ */
div.sinpaigoto h4 {
	margin: 0 auto;
	width: 510px;
	height: 274px;
}

div.sinpai_contents {
	margin: 0 auto;
	width: 510px;
	background: url('/location/material/img/img_sinpaigoto_bg.jpg') left top repeat-y;
}

div.sinpai_contents ul {
	margin: 0 auto;
	width: 470px;
}

div.sinpai_contents li {
	padding: 0;
	width: 225px;
	height: 30px;
	font-weight: bold;
	background: url('/location/material/img/img_check_sinpaigoto.jpg') left top no-repeat;
	float: left;
}

div.sinpai_contents li a {
	padding: 3px 0 0 38px;
	width: 197px;
	height: 27px;
	display: block;
	background: url('/location/material/img/img_check_sinpaigoto.jpg') left top no-repeat;
}

div.sinpai_contents li a:hover {
	background: url('/location/material/img/img_check_sinpaigoto_on.jpg') left top no-repeat;
}

div.sinpai_contents_bottom {
	margin: 0 auto;
	width: 510px;
	height: 23px;
	background: url('/location/material/img/img_sinpaigoto_bottom_bg.jpg') left top no-repeat;
}

/* 資材置き場の防犯カメラ　導入ポイント3ヶ条 */
div.three_point {
	margin: 0 auto;
	width: 510px;
	height: 480px;
	position: relative;
}

div.three_point a {
	left: 398px;
	top: 100px;
	width: 98px;
	height: 30px;
	font-size: 12px;
	position: absolute;
}

div.three_point p {
	left: 110px;
	width: 350px;
	font-size: 12px;
	line-height: 150%;
	position: absolute;
}

div.three_point p.txt1 {
	top: 200px;
}

div.three_point p.txt2 {
	top: 295px;
}

div.three_point p.txt3 {
	top: 392px;
}

/* 8,000件を超す～ */
div.over_box {
	margin: 0 auto;
	width: 514px;
	height: 373px;
	position: relative;
}

div.over_box_contents {
	margin: 0 auto;
	width: 518px;
	background: url('/location/material/img/img_over_box_contents_bg.jpg') left top no-repeat;
}

div.over_box_contents_rep {
	margin: 0 auto;
	width: 518px;
	background: url('/location/material/img/img_over_box_contents_rep_bg.jpg') left top repeat-y;
}

div.over_box_chk {
	margin: 0 auto;
	padding: 20px 0 0;
	width: 518px;
}

div.over_box_chk ul {
	margin: 0 auto;
	width: 470px;
}

div.over_box_chk li {
	width: 225px;
	height: 30px;
	font-weight: bold;
	background: url('/location/material/img/img_over_box_check.jpg') left top no-repeat;
	float: left;
}

div.over_box_chk li a {
	padding: 3px 0 0 38px;
	width: 197px;
	height: 27px;
	display: block;
	background: url('/location/material/img/img_over_box_check.jpg') left top no-repeat;
}

div.over_box_chk li a:hover {
	background: url('/location/material/img/img_over_box_check_on.jpg') left top no-repeat;
}

div.over_box_contents_bottom {
	margin: 0 auto;
	width: 518px;
	height: 29px;
	background: url('/location/material/img/img_over_box_contents_bottom_bg.jpg') left top no-repeat;
}


/* --------------------------------------------------------------------------------------
 トップページ
--------------------------------------------------------------------------------------- */

#location #contents { background: url(/common/img/contents_bg2.jpg) no-repeat; }

#location #contents_wrap { background: url(/common/img/contents_wrap_bg2.jpg) repeat-y; }

#location .left_contents { padding-top: 5px; }

#location .location_contents {
	width: 680px;
	margin-left: 20px;
	font-size: 12px;
	clear: both;
}

#location div.locationLinkList {
	width: 648px;
	margin-top: 27px;
	padding: 0 15px 0 17px;
	overflow: hidden;
	clear: both;
}
#location div.locationLinkList ul { width: 313px; }
#location div.locationLinkList ul.left {
	float: left;
	width: 313px;
}
#location div.locationLinkList ul.right { float: right; }
#location div.locationLinkList ul li { margin-bottom: 25px; }
#location div.locationLinkList ul li a img { border: none; }