/* CSS Document */

/* 全体構造
---------------------------------------------------- */
* {
margin: 0px;
padding: 0px;
}

body {
background: url(http://www.ksp.or.jp/west/images/hd_bg_second.gif) repeat-x #F1EFF0;
text-align: center;
font-size: 12px;
font-family: Arial,Helvetica,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
line-height: 1.4em;
margin: 0;
padding: 0;
color: #333333;
}

a:link {
color: #458096;
text-decoration: none;
background: transparent;
}
a:visited {
color: #458096;
text-decoration: none;
background: transparent;
}
a:hover, a:active {
color: #458096;
text-decoration: underline;
background: transparent;
}
a img{
  border:none;
}

#header-wrapper {
width: 902px;
height: 154px;
margin: 0px auto;
text-align: center;
}

#header-top {
width: 900px;
margin: 0px auto 10px auto;
text-align: left;
}

#header-top h1 {
float: left;
font-size: 12px;
color: #458096;
padding-top: 7px;
}

#header-top #langage {
float: right;
}

#header-top #langage img {
margin-left: 1px;
}

#header-middle {
width: 900px;
margin: 0px auto 16px auto;
text-align: left;
}

#header-middle #logo {
float: left;
padding-right: 14px;
}

#header-middle #search-box {
float: left;
width: 292px;
height: 38px;
padding: 12px 0 0 12px;
background: url(http://www.ksp.or.jp/west/images/hd_search_bg.gif);
}

#header-middle #search-box #search {
width: 200px;
height: 20px;
border: #CCCCCC solid 1px;
margin: 0px 5px 0px 0px;
}

#header-middle #search-box #btn-search {
width: 68px;
height: 26px;
background: url(http://www.ksp.or.jp/west/images/hd_search.gif) no-repeat left top;
border: none;
}

#header-middle #info-btn {
float: right;
}

#header-middle #info-btn img {
margin-left: 5px;
}

#header-navi {
width: 902px;
margin: 0px auto;
text-align: left;
}

#header-navi ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#header-navi ul li {
float: left;
margin: 0px;
padding: 0px;
}

#pankuzu {
width: 900px;
margin: 0px auto;
text-align: left;
font-size: 10px;
padding: 7px 0 5px 0;
}

#pankuzu a,
#pankuzu a:visited {
color: #458096;
text-decoration: underline;
}

#pankuzu a:active,
#pankuzu a:hover {
color: #458096;
text-decoration: none;
}

#contents-wrapper {
width: 900px;
margin: 0px auto;
background: url(http://www.ksp.or.jp/west/images/main_bg.jpg) no-repeat left top;
padding-top: 130px;
text-align: center;
}

#contents-wrapper #contents {
width: 860px;
margin: 0px auto 25px auto;
text-align: left;
background: url(http://www.ksp.or.jp/west/images/contents_bg.gif);
}

#contents #contents-left {
width: 280px;
float: left;
padding-bottom: 20px;
}

#contents #contents-left ul.list1 {
list-style-image: url(images/arrow01.gif);
padding-left: 3.5em;
margin-top: 20px;
}

#contents #contents-left ul.list1 li {
margin-bottom: 7px;
}

#contents #contents-left ul.list2 {
list-style-image: url(images/arrow02.gif);
padding-left: 0em;
margin-top: 8px;
}

#contents #contents-right {
width: 570px;
float: right;
text-align: center;
}

#contents #contents-right #contents-inner {
width: 530px;
margin: 0px auto 20px auto;
text-align: left;
}

#contents #contents-right #contents-inner p {
margin-bottom: 15px;
}

#contents #contents-right #contents-inner ul {
list-style-image: url(images/arrow02.gif);
padding-left: 1.5em;
margin-top: 8px;
}

#contents #contents-right #contents-inner ul.spec {
list-style-image: url(images/arrow03.gif);
padding-left: 1.8em;
}

#contents #contents-right #contents-inner h2 {
width: 530px;
border-bottom: #458096 solid 4px;
color: #458096;
font-size: 22px;
font-weight: bold;
padding: 27px 0 22px 0;
margin-bottom: 20px;
}

#contents #contents-right #contents-inner h4 {
width: 520px;
background-color: #F1EFF0;
font-size: 14px;
font-weight: bold;
padding: 5px 8px;
margin-bottom: 12px;
margin-top: 40px;
}

#contents #contents-right #contents-inner h5 {
color: #458096;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 15px;
background: url(http://www.ksp.or.jp/west/images/arrow03.gif) no-repeat left top;
padding-left: 20px;
}

#contents #contents-right #contents-inner .reference {
width: 500px;
border: #CCCCCC solid 6px;
background-color: #FFFFCC;
padding: 14px 9px;
margin-top: 30px;
}

#contents #contents-right #contents-inner .reference ul {
list-style-image: url(http://www.ksp.or.jp/west/images/arrow01.gif);
padding-left: 3.5em;
margin-top: 10px;
}

#contents #contents-right #contents-inner .reference ul li {
margin-bottom: 5px;
}

#contents #contents-right #contents-inner p.intro {
padding: 0px 10px 0 10px;
}

#contents #contents-right #contents-inner img.intro-line {
margin: 5px 0px 20px 0px;
}

#contents #contents-right #contents-inner .cont-box {
width: 530px;
margin-bottom: 22px;
}

#contents #contents-right #contents-inner .cont-box-l {
width: 255px;
float: left;
}

#contents #contents-right #contents-inner .cont-box-r {
width: 255px;
float: right;
}

#contents #contents-right #contents-inner .cont-box-l h3,
#contents #contents-right #contents-inner .cont-box-r h3 {
background: url(http://www.ksp.or.jp/west/images/arrow01.gif) no-repeat 0px 4px;
padding-left: 20px;
margin: 8px 0px;
font-size: 12px;
font-weight: normal;
}

#contents #contents-right #contents-inner .cont-box-l ul,
#contents #contents-right #contents-inner .cont-box-r ul {
list-style-image: url(http://www.ksp.or.jp/west/images/arrow02.gif);
padding-left: 1.5em;
margin-top: 8px;
}

#bottom-wrapper {
width: 900px;
margin: 0px auto 20px auto;
text-align: left;
border: #CCCCCC solid 6px;
background-color: #FFFFFF;
}

#bottom-wrapper #bottom-left {
float: left;
padding: 13px;
}

#bottom-wrapper #bottom-left p.img-m {
margin: 3px 0px 14px 0px;
}

#bottom-wrapper #bottom-right {
float: left;
padding: 13px;
border-left: #CCCCCC solid 6px;
}

#bottom-wrapper #bottom-right p.text-m {
margin: 8px 0;
}

#bottom-wrapper #bottom-right #resister {
background-image: url(http://www.ksp.or.jp/west/images/btm_mailad_bg.gif);
padding: 5px 12px;
}

#bottom-wrapper #bottom-right #resister img {
margin-right: 5px;
}

#bottom-wrapper #bottom-right #resister #form-address {
width: 320px;
height: 20px;
border: #CCCCCC solid 1px;
margin: 0px 5px 0px 0px;
}

#bottom-wrapper #bottom-right #resister #btn-resister {
width: 68px;
height: 26px;
background: url(http://www.ksp.or.jp/west/images/btm_resister.gif) no-repeat left top;
border: none;
}

#footer-wrapper {
width: 100%;
margin: 0px;
padding: 20px 0px;
background-color: #458096;
text-align: center;
color: #FFFFFF;
}

#footer-wrapper a,
#footer-wrapper a:visited {
color: #FFFFFF;
text-decoration: none;
}

#footer-wrapper a:active,
#footer-wrapper a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#footer-wrapper #footer-inner {
width: 900px;
margin: 0 auto;
text-align: left;
}

#footer-wrapper #footer-inner p.footer-link,
#footer-wrapper #footer-inner p.footer-copy {
margin-top: 25px;
}

#footer-wrapper #footer-inner #footer-box {
width: 900px;
margin: 0 auto;
background: url(http://www.ksp.or.jp/west/images/ft_line.gif) repeat-y;
text-align: left;
}

#footer-wrapper #footer-inner #footer-box #footer-box1 {
width: 180px;
float: left;
margin: 0px;
text-align: left;
}

#footer-wrapper #footer-inner #footer-box #footer-box2 {
width: 242px;
float: left;
margin: 0px;
text-align: left;
}

#footer-wrapper #footer-inner #footer-box #footer-box3 {
width: 140px;
float: left;
margin: 0px;
text-align: left;
}

#footer-wrapper #footer-inner #footer-box #footer-box4 {
width: 210px;
float: left;
margin: 0px;
text-align: left;
}

#footer-wrapper #footer-inner #footer-box #footer-box5 {
width: 128px;
float: left;
margin: 0px;
text-align: left;
}

#footer-wrapper #footer-inner #footer-box #footer-box1 p.category-title,
#footer-wrapper #footer-inner #footer-box #footer-box2 p.category-title,
#footer-wrapper #footer-inner #footer-box #footer-box3 p.category-title,
#footer-wrapper #footer-inner #footer-box #footer-box4 p.category-title,
#footer-wrapper #footer-inner #footer-box #footer-box5 p.category-title {
font-weight: bold;
margin-bottom: 7px;
margin-left: 12px;
}

#footer-wrapper #footer-inner #footer-box #footer-box1 p.category-menu,
#footer-wrapper #footer-inner #footer-box #footer-box2 p.category-menu,
#footer-wrapper #footer-inner #footer-box #footer-box3 p.category-menu,
#footer-wrapper #footer-inner #footer-box #footer-box4 p.category-menu,
#footer-wrapper #footer-inner #footer-box #footer-box5 p.category-menu {
margin-left: 12px;
}

/* フロート対策
---------------------------------------------------- */
.box-clear:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.box-clear{
display:inline-block;  /* MAC IE用　*/
min-height:1%;  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html .box-clear{height: 1%;}
.box-clear{display: block;}
/*--ここまでMAC IEは非適用 */

/* 共通
---------------------------------------------------- */
.flo-left {
float: left;
}

.flo-right {
float: right;
}

/* テーブルレイアウト
---------------------------------------------------- */
table.layout-spec {
background-color: #E3EEF4;
margin-top: 20px;
}

table.layout-spec td {
padding-left: 10px;
}

table.layout-vacancy {
border-top: #CCCCCC solid 1px;
border-left: #CCCCCC solid 1px;
margin-top: 5px;
}

table.layout-vacancy td {
border-right: #CCCCCC solid 1px;
border-bottom: #CCCCCC solid 1px;
padding: 3px;
}

table.layout-vacancy td.vac-title {
background-color: #EEEEEE;
font-weight: bold;
}

table.layout-vacancy td.vac-title2 {
color: #FFFFFF;
background-color: #83B4C7;
font-weight: bold;
}

table.layout-vacancy td.vac-rd {
color:#FF0000;
font-weight: bold;
}

table.layout-vacancy td.vac-bl {
color: #3366CC;
font-weight: bold;
}

table.layout-vacancy td.vac-yl {
color: #FFCC00;
font-weight: bold;
}

.txt-rd {
color:#FF0000;
font-weight: bold;
}

.txt-bl {
color: #3366CC;
font-weight: bold;
}

.txt-yl {
color: #FFCC00;
font-weight: bold;
}

/* 第2階層検索結果ページ
---------------------------------------------------- */
#search-wrapper {
width: 700px;
margin: 20px auto;
background-color: #FFFFFF;
padding: 30px 100px 40px 100px;
text-align: left;
}

p.page-number {
margin-bottom: 10px;
}

.results-header {
font-size: 20px;
margin-bottom: 30px;
font-weight: bold;
}

.search-entry-title {
font-size: 16px;
margin-bottom: 5px;
font-weight: bold;
color: #458096;
}

.search-entry-body {
margin-bottom: 30px;
}