/* CSS Document */

/* ----------　tool　診療管理ツール　----------*/

/* 見出し */
#tool h3{
	font-size: 100%; color: #111111;
	line-height: 140%;
	font-weight:normal;
	width:330px;
	position:absolute;
	top:100px;
	left:40px;
	}
	#tool .tool_title{
		width:560px;
		height:200px;
		background:url(../../images/img_m/tool/title.jpg) no-repeat;
		position:relative;
		overflow:hidden;
		} 
		
#tool h4{
	font-size:120%;
	color:#570e66;
	font-weight:bold;
	background:url(../../images/img_m/h4.gif) no-repeat left center;
	padding:5px 0;
	border-bottom:1px solid #9900cc;
	text-indent:25px;
	margin:1em 20px 1em 20px;
	}
	
#tool h5,
#joboffer h5{
	font-size:100%;
	color:#570e66;
	font-weight:bold;
	border-bottom:1px solid #9900cc;
	margin:1em 20px 1em 0;
	}
#joboffer h5{
	margin:1em 20px 1em 15px;;
	}
	
/*サービス説明*/
#tool .service{
	width:560px;
	margin:20px 0;
	}

#tool p{
	margin:1em 20px;
	}
	
#tool ul{
	margin:1em 20px;
	}
	#tool ul li{
		list-style-image:url(../../images/img_m/list.gif);
		margin-left:20px;
		}
	#tool ul.attention{
		background-color:#F9DCF9;
		padding: 10px 0;
		}
		#tool ul.attention span{
		font-weight:bold;
		color:#570E66;
		font-size:110%;
		}

/* お申し込みボタン */
#tool a.btn{
	display:block;
	background:url(../../images/img_m/btn.jpg) no-repeat;
	width:185px;
	height:52px;
	text-decoration:none;
	margin:auto;
	text-indent:-9999px;
	}
	
#tool a.btn:hover{
	display:block;
	background:url(../../images/img_m/btn.jpg) no-repeat;
	background-position: -185px 0;
	text-decoration:none;
	text-indent:-9999px;
	}


/* リマインダー機能解説 */
#tool .management_right{
	width:204px;
	float:right;
	}

#tool img.management_left{
	margin:1em 20px;
	float:left;
	}

#tool p.management{
	margin: 0 20px 5px 0;
	/*-margin:1em 20px 1em 0;-*/
	}
#joboffer p.management{
	margin: 0 20px 5px 15px;
	}


/* 料金表テーブル */
#tool table{
	width:520px;
	line-height:2em;
	}

#tool table,tr,th,td{
	border:1px solid #ddb1e0;
	border-collapse:collapse;
	margin:auto;
	text-align:center;
	}

#tool table tr th{
	background:#FAF0F0;
	font-weight:bold;
	}
	
	#tool table span{
		font-weight:bold;
		font-size:120%;
		}

/* 料金解説画像 */
#tool p.tool_eximg{
	display:block;
	width:520px;
	height:262px;
	background:url(../../images/img_m/tool/ex.gif) no-repeat;
	margin:auto auto 1em auto;
	text-indent:-9999px;
	}
	
/* フロー*/
#tool p.flow{
	display:block;
	width:520px;
	height:174px;
	background:url(../../images/img_m/tool/tool_flow.gif) no-repeat;
	margin:auto auto 1em auto;
	text-indent:-9999px;
	}

/* ----------　joboffer　求人掲載　----------*/

/* 見出し */
#joboffer h3{
	font-size: 100%; color: #111111;
	line-height: 140%;
	font-weight:normal;
	width:330px;
	position:absolute;
	top:135px;
	left:40px;
	}
	#joboffer .joboffer_title{
		width:560px;
		height:200px;
		background:url(../../images/img_m/joboffer/title.jpg) no-repeat;
		position:relative;
		overflow:hidden;
		} 

#joboffer h4{
	font-size:130%;
	color:#570e66;
	font-weight:bold;
	background:url(../../images/img_m/h4.gif) no-repeat left center;
	padding:5px 0;
	border-bottom:1px solid #9900cc;
	text-indent:25px;
	margin:1em 20px 1.5em 20px;
	}

/*サービス説明*/
#joboffer .service{
	width:560px;
	margin:20px 0;
	}

#joboffer p{
	margin:1em 20px;
	}
	
#joboffer ul{
	margin:1em 20px;
	}
	#joboffer ul li{
		list-style-image:url(../../images/img_m/list.gif);
		margin-left:20px;
		}
	


/* お申し込みボタン */
#joboffer a.btn{
	display:block;
	background:url(../../images/img_m/btn.jpg) no-repeat;
	width:185px;
	height:52px;
	text-decoration:none;
	margin:auto;
	text-indent:-9999px;
	}
	
#joboffer a.btn:hover{
	display:block;
	background:url(../../images/img_m/btn.jpg) no-repeat;
	background-position: -185px 0;
	text-decoration:none;
	text-indent:-9999px;
	}

/* ON・OFF説明 */
#joboffer .onoff_right{
	width:280px;
	float:right;
	}

#joboffer img.onoff_left{
	margin:1em 0 1em 20px;
	float:left;
	}
	
	
/* 料金表テーブル */
#joboffer table{
	width:520px;
	line-height:2em;
	}

#joboffer table,tr,th,td{
	border:1px solid #ddb1e0;
	border-collapse:collapse;
	margin:auto;
	text-align:center;
	}

#joboffer table tr th{
	background:#FAF0F0;
	font-weight:bold;
	}

/* フロー */
#joboffer p.flow{
	display:block;
	width:520px;
	height:150px;
	background:url(../../images/img_m/joboffer/joboffer_flow.gif) no-repeat;
	margin:auto auto 1em auto;
	text-indent:-9999px;
	}
	
	
	
/*--追加CSS---------------*/

.service dl{
 width: 520px;
 margin: 0 0 20px 20px;
}

.service dt{
 background: url(../../images/img_clinic/icon_flowarrow.gif) no-repeat center top;
 padding: 20px 0 5px 0;
 font-weight: bold;
 color: #9900cc;
}

.service dd{
 background-color: #faf0f0;
 margin: 0 0 10px 0;
 padding: 10px 15px;
 border: 1px solid #ddb1e0;
}

.price080701 th,
.price080701 td{
 padding: 7px 0;
 line-height: 140%;
}

.service2 dd{
 width: 455px;
 margin-left: 20px;
 background-color: #faf0f0;
 border: 1px solid #ddb1e0;
 padding: 10px;
}


/* ----------　servicefor_clinic　人材紹介サービス　----------*/

.servicefor_clinic h4{
	font-size:120%;
	color:#570e66;
	font-weight:bold;
	background:url(../../images/img_m/h4.gif) no-repeat left center;
	padding:5px 0;
	border-bottom:1px solid #9900cc;
	text-indent:25px;
	margin:20px 10px;
	}

.servicefor_clinic .service{
	width:540px;
	margin:20px 0;
	}

.servicefor_clinic p{
	margin:1em 10px;
	}

.servicefor_clinic span{
	font-weight:bold;
	color:#9900cc;
	}

/* 料金表テーブル */
.servicefor_clinic table{
	width:520px;
	line-height:2em;
	margin:20px auto;
	}

.servicefor_clinic table,tr,th,td{
	border:1px solid #ddb1e0;
	border-collapse:collapse;
	margin:auto;
	text-align:center;
	}

.servicefor_clinic table tr th{
	background:#FAF0F0;
	font-weight:bold;
	}

/* フロー */
.servicefor_clinic .flow{
	display:block;
	width:520px;
	height:106px;
	background:url(../../images/img_m/servicefor_clinic/flow.gif) no-repeat;
	margin:auto auto 20px auto;
	text-indent:-9999px;
	}

.servicefor_clinic dl{
 width: 520px;
 margin: 0 auto 20px auto;
}

.servicefor_clinic dt{
 background: url(../../images/img_clinic/icon_flowarrow.gif) no-repeat center top;
 padding: 20px 0 5px 0;
 font-weight: bold;
 color: #9900cc;
}

.servicefor_clinic dd{
 background-color: #fff;
 margin: 0 0 10px 0;
 padding: 5px 10px;
 border: 1px solid #ddb1e0;
}


/* 補足説明 */
.servicefor_clinic ul{
	margin:20px 10px;
	line-height:170%;
	}
	.servicefor_clinic li{
		list-style-image:url(../../images/img_m/list.gif);
		margin-left:20px;
		}
	.servicefor_clinic ul.attention{
		background-color:#F9DCF9;
		padding: 10px 0;
		}
		.servicefor_clinic ul.attention span{
		font-weight:bold;
		color:#570E66;
		font-size:110%;
		}

		
/* ----------　servicefor_staff　人材紹介サービス　----------*/

.servicefor_staff h4{
	font-size:120%;
	color:#ee0e18;
	font-weight:bold;
	background:url(../../images/img_m/servicefor_staff/h4.gif) no-repeat left center;
	padding:5px 0;
	border-bottom:1px solid #FF3939;
	text-indent:25px;
	margin:20px 10px;
	}

.servicefor_staff .service{
	width:540px;
	margin:20px 0;
	}

.servicefor_staff p{
	margin:1em 10px;
	}

.servicefor_staff .free{
	padding: 5px 10px;
	border: 1px solid #FF3939;
	 text-align:center;
	}
	
/* フロー */
.servicefor_staff .flow{
	display:block;
	width:520px;
	height:120px;
	background:url(../../images/img_m/servicefor_staff/flow.gif) no-repeat;
	margin:auto auto 20px auto;
	text-indent:-9999px;
	}

.servicefor_staff dl{
 width: 520px;
 margin: 0 auto 20px auto;
}

.servicefor_staff dt{
 background: url(../../images/img_m/servicefor_staff/icon_flowarrow.gif) no-repeat center top;
 padding: 20px 0 5px 0;
 font-weight: bold;
 color: #ff4040;
}

.servicefor_staff dd{
 background-color: #fff;
 margin: 0 0 10px 0;
 padding: 5px 10px;
 border: 1px solid #FF9999;
}


/* ----------　include　alson　ハローアルソン　----------*/

#include .contents,#include .prof{
	width:540px;
	margin:20px 10px;
	}

/* 見出し */
#include h3{
	font-size: 100%;
	color: #222;
	line-height: 140%;
	font-weight:normal;
	width:346px;
	position:absolute;
	top:50px;
	left:197px;
	}
	
#include .alson_title{
	width:560px;
	height:200px;
	background:url(../../images/img_m/helloalson/title.jpg) no-repeat;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
	} 
		
#include h4{
	font-size:120%;
	color:#ff4600;
	font-weight:bold;
	background:url(../../images/img_m/helloalson/h4.gif) no-repeat left center;
	width:503px;
	padding:13px 0 3px 32px;
	border-bottom:1px solid #ff4600;
	margin:20px 0;
	}


/* 今西さんプロフィール */
#include .prof{
	background-color:#ffeeee;
	border:1px solid #ff4600;
	}

#include .prof_left{
	display:block;
	width:101px;	height:101px;
	margin:10px;
	 padding:25px 10px 10px 10px;
	background:url(../../images/img_m/helloalson/prof.jpg) no-repeat center;
	text-indent:-9999px;
	float:left;
	}

#include .prof_right{
	width:370px;
	margin:10px 10px 10px 0;
	float:right;
	}
	
#include .prof_line{
	display:block;
	width:370px;	height:12px;
	background:url(../../images/img_m/helloalson/line.gif) no-repeat;
	text-indent:-9999px;
	}


/* ---------- インタビュー ----------- */

/*--
#include dl{
	width:540px;
	text-align:left;
	margin:20px auto;
	}

#include dl dt,
#include dl dd{
	padding: 6px 0;
	}
	
#include dl dt{
	width: 3em;
	_width: 4em;
	float: left;
	clear: both;
	}
	
#include dl dd{
	_position: relative;
	_left: -3px;
	_height: 0%;
	margin-left: 4em;
}
--*/

#include dl{
	width:540px;
	text-align:left;
	margin:20px auto;
	}
	
#include dl dt,
#include dl dd{
	padding: 0.5em 0;
	}

#include dl dt{
	width: 3em;
	float: left;
	}

#include dl dd{
	padding-left: 3em;
	}


/* インタビュー　画像 */

#include .alson_img1{
	display:block;
	margin:10px 0 10px 20px;
	float:right;
	}
	
#include .alson_img2{
	display:block;
	width:500px;	height:307px;
	margin:10px auto;
	}

/* インタビュー　ページ */

#include ul li{
	width: 1.7em;	height: 1.5em;
	background-color:#ffeeee;
	margin-right: 7px;
	border:1px solid #ff4600;
	float: left;
	text-align: center;
	}
	
#include ul li a{
	background-color: #fff;
	width: 1.7em;	height: 1.5em;
	display: block;
	}
	
#include span{
	font-size:90%;
	color:#666;
	}
	
/* ハローアルソン　インフォ */

#include .alson_bnr{
	display:block;
	width:540px;	height:120px;
	background:url(../../images/img_m/helloalson/bnr.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
	}

#include .alson_info{
	width:520px;
	background-color:#ffeeee;
	padding:10px;
	border:1px solid #ff4600;
	text-align:center;
	}