@charset "utf-8";

/* format
=========================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{ margin: 0; padding: 0;}
img, fieldset { border: none;}
table { border-collapse: collapse; empty-cells: show; border-spacing: 0;}
caption, th { text-align: left;}
li { list-style: none;}
address, caption, em, strong, th { font-style: normal; font-weight: normal;}
img { vertical-align: bottom;}
figure { margin: 0;}

/* initialize
=========================================*/
html { font-size: 62.5%;}
body { font-size: 1.5em; line-height: 1.5; color: #333;}
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section { display: block;}

/* font size
=========================================*/
h1, h2, h3, h4, h5, h6 { font-size: 1.0em; font-weight: normal;}
input, textarea { font-size: small;}
table, td, th{ font-size: small;}

/* font family
=========================================*/
body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
input, textarea, select{ font-family: inherit; font-size: inherit; font-weight: inherit;}
input, textarea, select{ *font-size: 100%;}

/* link color
=========================================*/
a { overflow: hidden;}
a:link { color: #f0f; text-decoration: underline;}
a:visited { color: #f09; text-decoration: underline;}
a:hover { color: #f9f; text-decoration: none;}
a:active { color: #f0f; text-decoration: none;}

/* clearfix
=========================================*/
.clearfix { /zoom : 1;}
.clearfix:after { content : ''; display : block; clear : both; height:0;}

/* common style
=========================================*/
hr {
	border: none;
	height: 1px;
	background: #999;
	color: #999;		/* IE hack */
	margin: 0;
    padding: 0;
}
pre {
	width: 95%;
	margin: 10px 0;
	padding: 5px;
	font-size: 90%;
	background: #f7f7f7;
	border: 5px solid #ddd;
	overflow: scroll;
	/* \*//*/
	overflow: visible;
	/**/
}
noscript p { display: block; border: 2px solid #c00; padding: 1em; text-align: center; margin: 1em; font-weight: bold; color: #f00;}

/* layout
=========================================*/
body { background: #fff url(/img/body_bg.gif) repeat;}
#nurse-favor {
  background: #fff url(/img/nurse-job_bg.jpg) repeat;
  box-shadow: 1px 1px 7px #ccc;
  -moz-box-shadow: 1px 1px 7px #ccc;  /* Firefox用 */
  -webkit-box-shadow: 1px 1px 7px #ccc;  /* Safari,Google Chrome用 */
  margin: 20px auto;
  position: relative;
  width: 950px;
  behavior: url("PIE/PIE.htc");
}

.fr { float: right;}
.fl { float: left;}
.cb{ clear: both;}
.tc { text-align: center;}
.tr { text-align: right;}
.tl { text-align: left;}

a:hover img { opacity:0.6; filter: alpha(opacity=70);}

/* header
=========================================*/
header { background: url(/img/header_bg.jpg) no-repeat 0 15px; color: #000; font-weight: bold; height: 521px;}
header h1 { background-color: #ffd8e4; font-size: 0.8em;}
header h2 { font-family: "ヒラギノ丸ゴ Pro W4", "HG丸ｺﾞｼｯｸM-PRO"; font-size: 2.67em; line-height: 1.0; margin: 0 10px 20px 0; text-align: right; text-shadow: 3px 3px 3px #ccc;}
header strong { color: #f6c; font-size: 2.5em; text-shadow: none; behavior: url("PIE/PIE.htc");}
header span { font-size: 1.75em;}
header p { text-align: right;}

/* sidemenu
=========================================*/
#sidemenu {
  background-color: #fff;
  border: #ffe2eb solid 5px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display: inline;
  position: absolute;
  top: 290px;
  right: 20px;
  padding: 0 10px;
  width: 150px;
  behavior: url("PIE/PIE.htc");
}
#sidemenu h4 { border-left: #ccc solid 5px; border-bottom: #ccc solid 1px; margin: 10px 0; padding-left: 5px;}
#sidemenu ul { margin-bottom: 20px;}
#sidemenu li { border-bottom: #ccc dotted 1px; margin-bottom: 5px; padding-bottom: 5px;}
#sidemenu aside { margin: 20px 0 10px;}

/* footer
=========================================*/
#footer { background-color: rgba(255, 216, 228, 0.4); color: #666; clear: both; font-size: 0.8em; behavior: url("PIE/PIE.htc");}
#footer p { background-color: #fff;}
#footer ul { margin: 10px;}
#footer li { display: inline; margin-right: 10px;}
#footer aside { margin: 10px;}
#footer small { display: block; text-align: right;}

/* newjob
=========================================*/
#newjob {
  background-color: rgba(255, 255, 255, 0.7);
  border: #fff solid 4px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px 5px #ccc;
  -moz-box-shadow: 3px 3px 5px #ccc;
  -webkit-box-shadow: 3px 3px 5px #ccc;
  display: inline;
  float: left;
  margin: -230px 0 20px 20px;
  padding: 0 10px;
  width: 683px;
  behavior: url("PIE/PIE.htc");
}
html> body #newjob { background-color /*\**/: #fff\9 }
#newjob h2 { color: #000; font-size: 1.2em;}
#newjob h2 span { background-color: #090; border: #6f6; solid 1px; color: #fff; font-family: "ヒラギノ丸ゴ Pro W4", "HG丸ｺﾞｼｯｸM-PRO"; font-size: 2.5em; font-weight: bold;}
#newjob dt { border-top: #999 dotted 2px; clear: both; font-size: 0.9em; padding-top: 10px;}
#newjob dt p { color: #666; font-size: 0.7em;}
#newjob dd { float: left; font-size: 0.7em; margin-bottom: 10px; width: 300px;}
#newjob dd span { border: #ccc solid 1px; background-color: #666; color: #fff; padding: 0 5px;}

/* ranking
=========================================*/
#ranking {
  background-color: rgba(255, 255, 255, 0.7);
  border: #fff solid 4px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px 5px #e5e5e5;
  -moz-box-shadow: 3px 3px 5px #e5e5e5;
  -webkit-box-shadow: 3px 3px 5px #e5e5e5;
  display: inline;
  float: left;
  margin: 0 0 30px 20px;
  padding: 10px;
  width: 683px;
  behavior: url("PIE/PIE.htc");
}
html> body #ranking { background-color /*\**/: #fff\9 }
#ranking h1 { color: #000; font-size: 1.33em; font-weight: bold;}
#ranking h2 { border-bottom: #999 solid 1px; color: #000; font-size: 1.2em; letter-spacing: -0.03em;}
#ranking h2 span { background-color: #f4a; color: #fff; font-family: "ＭＳ Ｐゴシック"; font-size: 2.78em; font-weight: bold;}
#ranking h2 strong { color: #f6c; font-size: 1.56em;}
#ranking h3 { font-size: 2.86em; margin-top: 10px;}
#ranking h3 img { margin: 10px 20px 0 0;}
#ranking a img { display: inline; float: right; margin: 10px 0 10px 10px;}
#ranking p { margin-top: 10px;}
#ranking p span { color: #f60;}
#ranking footer { border-bottom: #ccc dotted 10px; clear: both; text-align: center; padding: 10px 0 50px;}
#ranking footer img { float: none; margin: 0;}

/* column
=========================================*/
#column {
  background-color: #fbfbfb;
  border: #fff solid 4px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  box-shadow: 3px 3px 5px #e5e5e5;
  -moz-box-shadow: 3px 3px 5px #e5e5e5;
  -webkit-box-shadow: 3px 3px 5px #e5e5e5;
  clear: both;
  margin: 0 20px 50px;
  padding: 10px;
  behavior: url("PIE/PIE.htc");
}
#column h3 {
  background-color: #f6c;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  color: #fff;
  font-family: "ヒラギノ丸ゴ Pro W4", "HG丸ｺﾞｼｯｸM-PRO";
  font-size: 1.33em;
  font-weight: bold;
  padding: 10px 20px;
  width: 470px;
  behavior: url("PIE/PIE.htc");
}
#column h4 { border-left: #ffd0ee solid 5px; border-bottom: #ffd0ee solid 1px; font-size: 1.07em; margin: 20px 20px 0; padding: 5px 10px 0;}
#column p { font-size: 0.93em; padding: 10px 30px;}
#column ul { border: #ffd0ee dotted 4px; margin: 10px 30px; padding: 12px 10px 10px;}
#column li { display: inline; float: left; margin: 0 10px;}

/* job-info
=========================================*/
#job-info {
  background-color: rgba(255, 255, 255, 0.7);
  border: #fff solid 4px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px 5px #e5e5e5;
  -moz-box-shadow: 3px 3px 5px #e5e5e5;
  -webkit-box-shadow: 3px 3px 5px #e5e5e5;
  display: inline;
  float: left;
  margin: -200px 0 30px 20px;
  padding: 10px;
  width: 683px;
  behavior: url("PIE/PIE.htc");
}
html> body #job-info { background-color /*\**/: #fff\9 }
#job-info h2 {
  background-color: #f6c;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  color: #fff;
  font-family: "ヒラギノ丸ゴ Pro W4", "HG丸ｺﾞｼｯｸM-PRO";
  font-size: 1.33em;
  font-weight: bold;
  padding: 10px 40px;
  behavior: url("PIE/PIE.htc");
}
#job-info time { font-size: 0.7em;}
#job-info strong { font-size: 1.7em;}
#job-info ul { margin: 30px 0 10px;}
#job-info li { border-bottom: #ccc dotted 1px; margin: 10px 0;}
#job-info footer { text-align: center;}

/* sitemap
=========================================*/
#sitemap {
  background-color: rgba(255, 255, 255, 0.7);
  border: #fff solid 4px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px 5px #e5e5e5;
  -moz-box-shadow: 3px 3px 5px #e5e5e5;
  -webkit-box-shadow: 3px 3px 5px #e5e5e5;
  display: inline;
  float: left;
  height: 1000px;
  margin: -230px 0 30px 20px;
  padding: 10px;
  width: 683px;
  behavior: url("PIE/PIE.htc");
}
html> body #sitemap { background-color /*\**/: #fff\9 }
#sitemap h2 {
  background-color: #f6c;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  color: #fff;
  font-family: "ヒラギノ丸ゴ Pro W4", "HG丸ｺﾞｼｯｸM-PRO";
  font-size: 1.33em;
  font-weight: bold;
  padding: 10px 40px;
  behavior: url("PIE/PIE.htc");
}
#sitemap p { border: #ccc dotted 4px; margin: 20px 10px; padding:10px;}
#sitemap dt { border-left: #ccc solid 5px; border-bottom: #ccc solid 1px; margin: 20px 10px 10px; padding-left: 5px;}
#sitemap dd { margin: 10px 20px; padding: 5px;}

/* column-paper
=========================================*/
#column-paper {
  background-color: rgba(255, 255, 255, 0.7);
  border: #fff solid 4px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px 5px #e5e5e5;
  -moz-box-shadow: 3px 3px 5px #e5e5e5;
  -webkit-box-shadow: 3px 3px 5px #e5e5e5;
  display: inline;
  float: left;
  margin: -230px 0 30px 20px;
  padding: 10px;
  width: 683px;
  behavior: url("PIE/PIE.htc");
}
html> body #column-paper { background-color /*\**/: #fff\9 }
#column-paper h2 {
  background-color: #f6c;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  color: #fff;
  font-family: "ヒラギノ丸ゴ Pro W4", "HG丸ｺﾞｼｯｸM-PRO";
  font-size: 1.33em;
  font-weight: bold;
  padding: 10px 20px;
  behavior: url("PIE/PIE.htc");
}
#column-paper p { margin: 20px;}
#column-paper h3 { text-align: center;}
#column-paper div { text-align: center;}
#column-paper h4 { margin: 40px 20px 0; text-align: center;}

/* search
=========================================*/
#search {
  background-color: rgba(255, 255, 255, 0.7);
  border: #fff solid 4px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px 5px #ccc;
  -moz-box-shadow: 3px 3px 5px #ccc;
  -webkit-box-shadow: 3px 3px 5px #ccc;
  display: inline;
  float: left;
  margin: -230px 0 20px 20px;
  padding: 0 10px;
  width: 683px;
  behavior: url("PIE/PIE.htc");
}
html> body #search { background-color /*\**/: #fff\9 }
#search h2 { color: #000; font-size: 1.2em;}
#search h2 span { background-color: #f4a; color: #fff; font-family: "ＭＳ Ｐゴシック"; font-size: 2.78em; font-weight: bold;}
#search dt { border-top: #999 dotted 2px; clear: both; font-size: 0.9em; padding-top: 10px;}
#search dt p { color: #666; font-size: 0.7em;}
#search dd { float: left; font-size: 0.7em; margin-bottom: 10px; width: 300px;}
#search dd span { border: #ccc solid 1px; background-color: #666; color: #fff; padding: 0 5px;}
#search footer { clear: both; text-align: center; padding: 20px 0;}

/* category
=========================================*/
#category {
  background-color: rgba(255, 255, 255, 0.7);
  border: #fff solid 4px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px 5px #ccc;
  -moz-box-shadow: 3px 3px 5px #ccc;
  -webkit-box-shadow: 3px 3px 5px #ccc;
  display: inline;
  float: left;
  margin: -230px 0 20px 20px;
  padding: 0 10px;
  width: 683px;
  behavior: url("PIE/PIE.htc");
}
html> body #category { background-color /*\**/: #fff\9 }
#category h2 { color: #000; font-size: 1.2em;}
#category h2 span { background-color: #f4a; color: #fff; font-family: "ＭＳ Ｐゴシック"; font-size: 2.78em; font-weight: bold;}
#category p { background-color: #fff; border: #ccc dotted 1px; padding: 10px;}
#category ul { margin: 5px 0 100px;}
#category li { display: inline-block; margin: 5px;}

/* detail
=========================================*/
#detail {
  background-color: rgba(255, 255, 255, 0.7);
  border: #fff solid 4px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 3px 3px 5px #ccc;
  -moz-box-shadow: 3px 3px 5px #ccc;
  -webkit-box-shadow: 3px 3px 5px #ccc;
  display: inline;
  float: left;
  height: 1000px;
  margin: -230px 0 20px 20px;
  padding: 0 10px;
  width: 683px;
  behavior: url("PIE/PIE.htc");
}
html> body #detail { background-color /*\**/: #fff\9 }
#detail h1 { background-color: #fff; border-bottom: #ccc dotted 1px; border-left: #090 solid 4px; margin: 15px 0; padding: 10px;}
#detail table { width: 100%;}
#detail th { background-color: #999; border: #ccc solid 1px; font-size: 1.1em; text-align: center; padding: 10px; vertical-align: middle; width: 15%;}
#detail td { background-color: #fff; border: #ccc solid 1px; font-size: 1.1em; padding: 10px; vertical-align: middle; width: 85%;}
#detail h3 { border-top: #090 dotted 3px; border-bottom: #090 dotted 3px; font-size: 1.2em; padding: 10px 0; margin: 30px 0; text-align: center;}
#detail div { text-align: center; margin: 10px;}
#detail footer { text-align: center;}
#detail article { background-color: #ffecfd; margin-top: 50px; padding: 10px;}
#detail h4 { background-color: #fff; border-left: #090 solid 4px; margin-bottom: 15px; padding: 10px;}
#detail article {
  border: #ffecfd solid 1px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 3px 3px 5px #ccc;
  -moz-box-shadow: 3px 3px 5px #ccc;
  -webkit-box-shadow: 3px 3px 5px #ccc;
  behavior: url("PIE/PIE.htc");
}
#detail dt { border-top: #999 dotted 2px; clear: both; font-size: 0.9em; padding-top: 10px;}
#detail dt p { color: #666; font-size: 0.7em;}
#detail dd { float: left; font-size: 0.7em; margin-bottom: 10px; width: 300px;}
#detail dd span { border: #ccc solid 1px; background-color: #666; color: #fff; padding: 0 5px;}