@charset "utf-8";

/************************
RESETS
**********************/
* {
	margin:0;
	padding:0;
	}
	
ul li {list-style:none;}


img {border:none;}

a {
	-moz-outline: none 0;
	outline: none 0;	
	}

label{cursor:pointer;}

/************************
COMMON
**********************/

a{
	color:#00937B;
	text-decoration:none;
	}
	
a:hover {
	background-color:#FFFEAA;
	color:#000;
	cursor:pointer;
	}	
	

h1 {
	font-size:26px;
	line-height:120%;
	padding-bottom:20px;
	color:#0D3F31;
	font-weight:normal;
	}
	
h2 {
	font-size:20px;
	font-weight:normal;
	}

h3 {font-size:16px;
	color:#0D3F31;
	font-weight:normal;}

p {padding-bottom:20px;}


.special {color:#FFA900;}

.news li, #nav-side li{background:url(http://www.wam-town.jp/images/static/arrow.gif) no-repeat center left;
	padding-left:15px;
	}


.external {
	background: url(http://www.wam-town.jp/images/static/icon-extern-link.gif) no-repeat right;
	padding-right:15px;
	}

.top{
	float:right;
	background:url(http://www.wam-town.jp/images/static/icon-top.gif) no-repeat left;
	padding-left:15px;	
	}


.sign {color:#CC0000;}



/************************
LAYOUT
**********************/	
body{
	line-height:150%;
	font-family:"Osaka, "ＭＳ Ｐゴシック" ,Lucida Grande", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size:16px;
	color: #444;
	background: url(http://www.wam-town.jp/images/static/bg-base.jpg) no-repeat center 0 ;
	}


#wrap{
	width:900px;	
	margin:0 auto;
	background: url(http://www.wam-town.jp/images/static/bg-sidemenu.gif) ;
	}

#header{
	margin:0 30px 20px 30px;
	padding-top:20px;
	border-top:4px solid #0D3F31;
	}

#content{
	background:#FFF;
	margin:0 30px 30px 30px;
	padding:30px;
	}

#nav-side{
	width:150px;
	float:left;
	margin-right:20px;
	}
	
	
#content-main{
	width:610px;
	float:left;
	}

.nav-bottom{
	clear:both;
	margin:0 30px 20px 30px;
	}

#footer {
	text-align: center;
	}

/************************
HEADER
**********************/	
#logo {float:left;}
#logo:hover {background-color: transparent;}
#banner {
	float:right;
margin-left: 5px;
	border:2px solid #00937B;
	}
#banner:hover {border:2px solid #FFA900;}
	
#nav-main{
	clear:both;
	padding-top:20px;
	height:33px;
	}	
	
#nav-main li{
	float:left;
	height:33px;
	}
	
#nav-main li a{
	display:block;
	height:33px;
	text-indent:-9999px;
	}	
	
#nav-top a {background:url(http://www.wam-town.jp/images/static/nav-main-top.jpg) no-repeat 0 0; width:128px;margin-right:10px;}
#nav-aisatsu a{background:url(http://www.wam-town.jp/images/static/nav-main-aisatsu.jpg) no-repeat 0 0;	width:104px;margin-right:10px;}
#nav-shisetsu a {background:url(http://www.wam-town.jp/images/static/nav-main-shisetsu.jpg) no-repeat 0 0;	width:104px;margin-right:10px;}
#nav-saiyo a{background:url(http://www.wam-town.jp/images/static/nav-main-saiyo.jpg) no-repeat 0 0;	width:104px;margin-right:10px;}
#nav-contact a{background:url(http://www.wam-town.jp/images/static/nav-main-contact.jpg) no-repeat 0 0;	width:104px; margin-right:10px;}
#nav-kojin a{background:url(http://www.wam-town.jp/images/static/nav-main-kojin.gif) no-repeat 0 0;	width:128px;margin-right:10px;}
#nav-shirase a{background:url(http://www.wam-town.jp/images/static/nav-main-oshirase.gif) no-repeat 0 0;	width:104px;margin-right:0px;}
	
	
#nav-main li a:hover {background-position:0 -33px;}	
#nav-main li #selected {background-position:0 -33px;}	

/************************
SIDEBAR
**********************/	
	
#nav-side ul{
	background: url(http://www.wam-town.jp/images/static/bg-sidemenu.gif) ;
	padding:10px;
	}
	
#nav-side .ttl-menu {
	background: url(http://www.wam-town.jp/images/static/bg-sidemenu.gif);
	padding-left:0;
	}	
	
#nav-side li{line-height: 180%;}

#nav-side li #active {
	background-color:#0D3F31;
	padding:3px 5px;
	color:#FFF;
	}
	
	
/************************
TOP 
**********************/	
#content-top {
	margin:0 30px 30px 30px;
	}
	
#content-top h1 {
	/*text-indent: -9999px;*/
	line-height: 100%;
	background: url(http://www.wam-town.jp/images/static/ttl-top.jpg) no-repeat 0 0;
	height:121px;
	margin-bottom:0;
	padding-bottom: 0;
	}

#content-top h1 #banner {
	position: relative;
	top: 20px;
	left: -20px;
	border: none;
}

#content-top h1 #banner a {
display: block;
margin: 0;
padding: 0;
width: 280px;
height: 70px;
}

.top-news {
	margin-top:20px;
	background:#FFF;
	padding:20px;
	}

.top-news ul {
	float:left;
	width:600px;
	}
	
.ttl-news{
	float:left;
	width:125px;
	background:none;
	}
	
.top-news span {
	color:#666;
	padding-right:10px;
	}


/************************
CONTENT
**********************/	

.print { 
	position:relative;
	float:right;
	padding-right:20px;
	background: url(http://www.wam-town.jp/images/static/icon-print.gif) no-repeat right;
	cursor:pointer;
	}

.core-box{
	margin:0px 0 20px 0;
	padding-top:20px;
	clear:both;
	border-top:1px solid #CCC;
	}


/************************
RECRUIT
**********************/	

.recruit-news {margin-bottom:20px;}

.filter h3 a {background:url(http://www.wam-town.jp/images/static/btn-filter-bg.jpg) no-repeat 0 -35px;
	display:block;
	height:32px;
	width:610px;
	color:#FFF;
	padding-left:30px;
	padding-top:3px;
	}

.filter .closed a {
	background-position: 0 0px;
    height:29px;
	}

.last {margin-bottom:20px;}
.last .closed a {height:32px;}

.filter h3 a:hover {background-position: 0 -35px;}

.filter ul, .filter .region{
	float:left;
	width:580px;
	margin:10px 0 20px 30px;
	}
	
.filter li {
	float:left;
	width:290px;
	}
	
.filter li input {margin-right:5px;}

.filter .region-name{
	width:530px;
	color:#FFA900;
	}
	
.btn-l {margin-left:180px;}

.recruit-form-top {
	background:#F9FBE8; 
	padding:10px;
	color:#0D3F31;
	}


.boshu-area {
	background:#F9FBE8; 
	padding:0 20px 20px 20px;
	margin-bottom:20px;
	}

.medical {	border-top:6px solid #66CCFF;}
.welfare{	border-top:6px solid #FF66CC;}

.medical .job-type {
	background: #FF66CC url(http://www.wam-town.jp/images/static/icon-medical.gif);
	display:block;
	width:49px;
	height:18px;
	text-indent: -9999px;
	}
	
.welfare .job-type {
	background: #66CCFF url(http://www.wam-town.jp/images/static/icon-welfare.gif);
	display:block;
	width:49px;
	height:18px;
	text-indent: -9999px;
	}
	

.boshu-area h2 {
	margin:10px 0 10px 0;
	font-weight: bold;
	}

.boshu-top{margin-bottom:20px;}

.boshu-top span{
	display:block;
	width:130px;
	float:left;
	}
	
.boshu-area table {
	margin-bottom: 20px;
	}		

.boshu-area table th{
	/*width:120px;*/
	font-weight:normal;
	text-align: left;
	background-color:#E7E2D3;
	vertical-align: top;
	padding: 0 5px;
	}

.boshu-area table td p.note{
	font-size:12px;
	margin:10px;
	padding:0;
	line-height:120%;
}
	
.boshu-area table td{
	background-color: #EEE9D9;
	width: 410px;
	padding: 0 5px;
	}


.photo img{
	width:100px;
	float:right;
	border:10px solid #E3DECF;
	}
	
.btn-apply {
	background: url(http://www.wam-town.jp/images/static/btn-apply.jpg) no-repeat 0 0;
	display:block;
	width:126px;
	height:39px;
	text-indent: -9999px;
	margin:0 auto;
	}

.btn-search {
	background: url(http://www.wam-town.jp/images/static/btn-search.jpg) no-repeat 0 0;
	display:block;
	width:267px;
	height:37px;
	text-indent: -9999px;
	margin:0 auto;
	}


.btn-down-more {
	background: url(http://www.wam-town.jp/images/static/btn-down-more.jpg) no-repeat 0 0;
	display:block;
	width:228px;
	height:27px;
	text-indent: -9999px;
	margin:0 auto;
	}

.btn-down-hide {
	background: url(http://www.wam-town.jp/images/static/btn-down-hide.jpg) no-repeat 0 0;
	display:block;
	width:228px;
	height:27px;
	text-indent: -9999px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	}
	
.btn-down-hide:hover, .btn-down-more:hover {background-position: 0 -27px}

.btn-reset {
	display:block;
	float:left;
	background: url(http://www.wam-town.jp/images/static/btn-reset.jpg) no-repeat 0 0;
	width:96px;
	height:39px;
	text-indent: -9999px;
	margin:0 10px 0 170px;
	}

.btn-clear	{
	display:block;
	float:left;
	background: url(http://www.wam-town.jp/images/static/btn-clear.jpg) no-repeat 0 0;
	width:96px;
	height:39px;
	text-indent: -9999px;
	margin:0 10px 0 170px;	
	}

.btn-reset:hover, .btn-clear:hover, .btn-apply:hover, .btn-search:hover {
	background-position:0 -39px;
	}

/************************
FACILITY
**********************/	
.img-right {
	float:right;
	margin-left:10px;
	}
	
.staff {
	background-color:#F9FBE8;
	padding:10px 10px 0 10px;
	margin-top:20px;
	font-size:14px;
	clear:both;
	}
	
.staff img {border:10px solid #E3DECF;}	

.layout-a img{float:left;margin-right:10px;}	
.layout-b img{float:right; margin-left:10px;}	

.staff h3 span{
	line-height: 120%;
	display:block;
	color:#999;
	font-size: 12px;
	margin-bottom:10px;
	}
	
.column-l{
	width:260px;
	border-top:6px solid #66CCFF;
	background-color:#F9FBE8;
	float:left;
	padding:0 15px 15px 15px;
	margin-right:30px;
	}
	
.column-r{
	width:260px;
	border-top:6px solid #FF66CC;
	background-color:#F9FBE8;
	float:left;
	padding:0 15px 15px 15px;
	}
	
.column-l h2, .column-r h2 {
	font-size:24px;
	color:#0D3F31;
	font-weight:normal;
	padding-bottom: 10px;
	text-indent: -9999px;
	}
	
.column-l h2 {background: url(http://www.wam-town.jp/images/static/ttl-medical.gif) no-repeat 0 0;}	
.column-r h2 {background: url(http://www.wam-town.jp/images/static/ttl-welfare.gif) no-repeat 0 0;}	

.column-l span, .column-r span{
	font-size:12px;
	color:#666;
	font-weight: normal;
	}	
		
.facility-box {
	width:230px;
	background:#FFF;
	margin-bottom:20px;
	padding:15px;
	font-size:12px;
	line-height:150%;
	}
	
.facility-box p {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #CCC;
	}

.column-l h3 a{color:#66CCFF;font-size:18px;}

.column-r h3 a{color:#FF66CC;font-size:18px;}

.column-l h3, .column-r h3	{
	line-height:110%;
	margin-bottom:5px;
	}
	
.column-l h3 a:hover, .column-r h3 a:hover {
	background-color:#FFFEAA;
	color:#000;
	}	

.column-l h3 a.external:hover, .column-r h3 a.external:hover {background-color:#FFF;}

.btn-search-new{
	background: url(http://www.wam-town.jp/images/static/btn-search-new.jpg);
	text-indent:-9999px;
	width:188px;
	height:37px;
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom: 20px;	
	}


.btn-search-type{
	background: url(http://www.wam-town.jp/images/static/btn-search-type.jpg);
	text-indent:-9999px;
	width:157px;
	height:37px;
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom: 20px;	
	}



.btn-search-region{
	background: url(http://www.wam-town.jp/images/static/btn-search-region.jpg);
	text-indent:-9999px;
	width:179px;
	height:37px;
	display:block;
	float:left;
	margin-bottom: 20px;
	}
	

.btn-rec-nurse{
	background: url(http://www.wam-town.jp/images/static/btn-rec-nurse.jpg);
	text-indent:-9999px;
	width:200px;
	height:37px;
	display:block;
	float:left;
	margin-right:5px;
	margin-bottom: 20px;	
	}

.btn-rec-doctor{
	background: url(http://www.wam-town.jp/images/static/btn-rec-doctor.jpg);
	text-indent:-9999px;
	width:110px;
	height:37px;
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom: 20px;	
	}

.btn-search-region:hover, .btn-search-type:hover, .btn-search-new:hover, .btn-rec-nurse:hover, .btn-rec-doctor:hover {background-position: 0 -37px;}




.ttl-strong{
	color:#0D3F31;
	font-size:26px;
	font-weight:normal;
	}
	
/************************
FACILITY
**********************/	
.news-box {
	background-color:#F9FBE8;
	padding:10px 10px 0 10px;
	margin:20px 0;
	}

	
.news-box dt{
	font-size:20px;
	display:block;
	color:#0D3F31;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	padding-bottom:5px;
	}	
	
.news-box dt span {font-size:12px; color:#666;}


/************************
FORM
**********************/	

.form {margin-bottom:10px;}


.form li {
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px solid #F1F1F1;	
	}
	
.form label{
	width:230px;
	display:block;
	float:left;
	}
	


/************************
NAVIGATION BOTTOM
**********************/	

.nav-bottom li {
	float:left;
	font-size:12px;
	margin:0 3px 10px 3px;
	width:134px;	
	}
	
.nav-bottom li a {
	display:block;
	border:2px solid #00937B;
	background:#00937B; 
	text-align: center;
	color:#FFF;
	}
	
.nav-bottom li a:hover {
	background: #FFFEAA;
	border:2px solid #FFFEAA;
	color:#00937B;
	}
	
.nav-bottom span {line-height:140%;}

#footer {font-size:12px;}

/************************
CLEAR FLOATS
**********************/	
#nav-main:after,
#header:after, 
#content:after, 
.top-general:after,
.filter:after,
.core-box:after,
.boshu-area dl:after,
.boshu-top:after,
.staff:after,
.nav-bottom:after,
.top-news:after ,
.filter ul:after,
.box-wrap:after,
.form-li:after

{
	content: '';
	display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }