@charset "utf-8";
/*
	タイトル基本設定用 css

	01. トップページ用
	02. 目的から探す
	03. サービスから探す
	04. バナーボックス
	05. 一覧から探す
	
*/

/* 01.トップページ用
************************************/

body#index {
	background: url(../common/img/index_back.jpg) repeat-x;
}

#index_side_menu {
	float: left;
	margin: 0px 2px 150px 0px;
	width: 215px;
	height: 100%;
	min-height: 100%;
}

*html #index_side_menu {
	margin: 0px 2px 10px 0px;
	padding-bottom: 100px; /* 2010_02_23 */
}

#index_side_menu ul {
	list-style: none;
}

#index_side_menu li.side_link {
	margin: 5px;
	padding: 0px 0px 0px 15px;
	width: 190px;
	height: auto;
	font-size: 1.0em;
	background: url(../common/img/arrow_blue.gif) left 4px no-repeat;
}

#index_side_menu div a {
	/*display: block;*/
	text-decoration: none;
}

#index_side_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#index_side_menu ul li a {
	/*display: block;*/
}

body#index #main_menu {
	clear: both;
	margin: 0px auto;
	padding: 0px 0px 0px 5px;
	width: 875px;
	height: 40px;
	border-bottom: 1px solid #ffffff;
}

/* 02.目的から探す
************************************/
.purpose_box {
	float: left;
	margin: 0px;
	padding: 170px 5px 0px 5px;
	width: 145px;
	height: auto;
	border-right: 1px dotted #dcdcdc;
}

.production {
	background: url(../common/img/index/production_back.jpg) left top no-repeat;
}

.protection {
	background: url(../common/img/index/protection_back.jpg) left top no-repeat;
}

.management {
	background: url(../common/img/index/management_back.jpg) left top no-repeat;
}

.watch {
	background: url(../common/img/index/watch_back.jpg) left top no-repeat;
}

.consultation {
	background: url(../common/img/index/consultation_back.jpg) left top no-repeat;
}

/* 03.サービスから探す
************************************/
.service_box {
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #dcdcdc;
}

.service_box2 {
	padding: 20px 0px 10px 0px;
}

.service_box .l_box,
.service_box .r_box,
.service_box2 .l_box,
.service_box2 .r_box {
	float: left;
	margin-right: 10px;
}
*html .service_box .r_box,
*html .service_box2 .r_box {
	margin-right: 0px;
}

.service_box .l_box,
.service_box2 .l_box {
	width: 180px;
}

.service_box .r_box,
.service_box2 .r_box {
	width: 430px;
}

.service_box p,
.service_box2 p {
	margin: 10px 0px 0px 0px;
}

/* 04.バナーボックス
************************************/
.banner_box {
	margin: 0px auto 10px auto;
	width: 200px;
	height: auto;
	text-align: center;
}

#index_side_menu ul.banner_box_s {
	margin: 30px auto 30px auto;
	width: 120px;
	height: auto;
}

/* 05. 一覧から探す
************************************/

.category_box {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 155px;
	height: auto;
}

.category_box p.title {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	width: 150px;
	height: 22px;
	background: #eee;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.category_box ul {
	margin: 0px;
	padding: 0px;
	width: 155px;
	list-style: none;
}

.category_box li {
	margin: 0px;
	padding: 3px 0px 3px 20px;
	width: 135px;
	background: url(../common/img/arrow_blue.gif) 5px 6px no-repeat;
}

.category_box li ul {
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.category_box li ul li {
	margin: 0px;
	padding: 3px 0px;
	width: 135px;
	background: none;
	list-style-position: inside;
	list-style: disc;
}