/*

Theme Name:BUREAU
Theme URI:
Description:長崎市病院局用
*/

/*
========================================================
リセット
========================================================
*/

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
    }
	
/*
========================================================
全体に適用
========================================================
*/

body {
    color:#333333;
    margin:0;
    background-image:url(images/background.jpg);
    background-repeat:repeat-x;
    line-height:150%;
    font-family:ＭＳ Ｐゴシック;
    text-align:center;
    } 

img {
    border:none;
    }

table, th, td {
    border:1px solid #999;  
    }

th, td {
    padding:5px;
    }

table {
    border-collapse:collapse;
    }

th {
    text-align:center;
    background:#eee;
    }

td {
    text-align:left;
    }

td.nowrap {
    white-space:nowrap;
   }

a:link, a:visited {
    color:#666;
    }

a:hover {
    color:#F90;
    }

a.pdf {
    background:url(images/sicon-pdf.gif) no-repeat right center;
    padding:3px 20px 3px 0;
    }

a.xls {
    background:url(images/sicon-xls.gif) no-repeat right center;
    padding:3px 20px 3px 0;
    }

a.target-blank {
    background:url(images/sicon-target-blank.gif) no-repeat right center;
    padding:3px 20px 3px 0;
    }

/*
========================================================
各スタイルここから
========================================================
*/

#container {
    width:860px;
    margin:15px auto;
    text-align:left;
    background:url(images/container-back.jpg) repeat-y;
    }

/*
ヘッダー
*/


#header {
    height:105px;
    background:url(images/header-back.jpg) no-repeat;
    position:relative;
    }

#header-navimenu {
    position:absolute;
    top:10px;
    right:20px;
    }
    

.search {
    position:absolute;
    top:27px;
    right:20px;
    }

.changecss {
    position:absolute;
    top:60px;
    right:20px;
    }

.changecss img{
    float:left;
    margin-top:9px;
    margin-right:5px;
    }

/*　－－－－文字サイズのところ－－－－　*/
 
.changecss a.std{
    float:left;
    display:block;
    width:34px;
    height:35px;
    text-indent:-9999px;
    margin-right:4px;
    outline:none;
    }

.changecss a:hover.std{
    float:left;
    display:block;
    width:34px;
    height:35px;
    text-indent:-9999px;
    margin-right:4px;
    outline:none;
    }

.changecss a.large{
    float:left;
    display:block;
    width:34px;
    height:35px;
    text-indent:-9999px;
    margin-right:4px;
    outline:none;
    }

.changecss a:hover.large{
    float:left;
    display:block;
    width:34px;
    height:35px;
    text-indent:-9999px;
    margin-right:4px;
    outline:none;
    }
	
.changecss a.xlarge{
    float:left;
    display:block;
    width:34px;
    height:35px;
    text-indent:-9999px;
    margin-right:4px;
    outline:none;
    }

.changecss a:hover.xlarge{
    float:left;
    display:block;
    width:34px;
    height:35px;
    text-indent:-9999px;
    margin-right:4px;
    outline:none;
    }

/*
Flash
*/

#flash {
    text-align:center;
    background:url(images/flash-back.jpg) no-repeat;
    }

/*
メインメニュー
*/

#main-menu {
    padding:0 10px;
    }

#main-menu a {
    display:block;
    width:140px;
    height:40px;
    text-indent:-9999px;
    float:left;
    outline:none;
    }

#main-menu a.main-menu01 {
    background:url(images/main-menu01.jpg) top;
    }

#main-menu a:hover.main-menu01 {
    background:url(images/main-menu01.jpg) bottom;
    }

#main-menu a.main-menu02 {
    background:url(images/main-menu02.jpg) top;
    }

#main-menu a:hover.main-menu02 {
    background:url(images/main-menu02.jpg) bottom;
    }

#main-menu a.main-menu03 {
    background:url(images/main-menu03.jpg) top;
    }

#main-menu a:hover.main-menu03 {
    background:url(images/main-menu03.jpg) bottom;
    }
   
#main-menu a.main-menu04 {
    background:url(images/main-menu04.jpg) top;
    }

#main-menu a:hover.main-menu04 {
    background:url(images/main-menu04.jpg) bottom;
    }

#main-menu a.main-menu05 {
    background:url(images/main-menu05.jpg) top;
    }

#main-menu a:hover.main-menu05 {
    background:url(images/main-menu05.jpg) bottom;
    }

#main-menu a.main-menu06 {
    background:url(images/main-menu06.jpg) top;
    }

#main-menu a:hover.main-menu06 {
    background:url(images/main-menu06.jpg) bottom;
    }

/*
トップページのお知らせと採用情報の部分
*/

#top-news-and-saiyo {
    padding:20px 30px;
    }

#news-column {
    float:left;
    width:380px;
    }

#saiyo-column {
    float:right;
    width:380px;
    }
#top-news-and-saiyo table {
    border:none;
    }

#top-news-and-saiyo td {
    border:0;
    border-bottom:1px dotted #999;
    padding:8px;
    text-align:left;
    vertical-align:top;
    }

#top-news-and-saiyo td.date {
    white-space:nowrap;
    text-align:right;
    width:75px;
    border-right:1px solid #fff;
    }

#top-news-and-saiyo img.point-and-shosai {
    margin:10px 0 30px 330px;
    }

/*
トップページの新病院建設バナーと募集職種の部分
*/

#newhp-and-shokushu {
    padding:0 30px 20px 30px;
    }

#newhp-column {
    float:left;
    width:380px;
    margin-top:43px;
    }

#shokushu-column {
    float:right;
    width:380px;
    }

#shokushu-column img {
    margin-right:10px;}


#shokushu-column img.shokushu-boshu-title {
    margin:0 0 15px 0;
    }

#shokushu-column img.shokushu-boshu-img03 {
    margin-right:0;
    }

/*
トップページの病院紹介
*/

#intro-of-hps {
    text-align:center;
    padding-top:20px;
    }

/*
カテゴリーページなどの内容部分
*/

#content {
    width:836px;
    margin:15px auto;
    }

img#titlebar {
    margin:15px 0;
    }

#content .news-onepost {
    margin:20px;
    padding-bottom:20px;
    }

#content .news-onepost p.onepost-date {
    font-size:90%;
    border-left:8px solid #9CF;
    padding:0 0 0 10px;
    }

#content .news-onepost h2 {
    border-left:8px solid #06F;
    border-bottom:1px dotted #06F;
    padding:5px 0 5px 10px;
    font-size:140%;
    }

#content .news-onepost h3 {
    border-left:5px solid #ccc;
    padding:5px 0 5px 10px;
    font-size:120%;
    margin:10px 0;
    }

#content .news-onepost .onepost-content {
    margin:10px 0 0 20px;
    }

.news-onepost img {
    margin:0 10px 10px 10px;
   }

.news-onepost h4 {
    display:inline;
    border-left:5px solid #999999;
    padding:0 0 0 8px;
    margin:15px 0 10px 0;
    background-image:none;
    font-size:120%;
    }
    

/*
前のページに戻るボタンとページの先頭に戻るボタンの部分
*/

#bottom-of-content {
    border-top:1px dotted #999;
    text-align:right;
    width:796px;
    margin:0 auto 0 auto;
    }

#bottom-of-content img {
    margin:5px;
    }

/*
採用のとこのテーブル
*/

table.saiyo {
    border:0px;
    width:700px;
    margin:0 auto 15px auto;
    }

.saiyo th {
    font-weight:normal;
    text-align:left;
    background:none;
    border:0;
    border-left:5px solid #9CF;
    padding:5px;
    margin:3px;
    }

.saiyo td {
    font-weight:normal;
    text-align:left;
    background:none;
    border:0;
    border-left:5px solid #06F;
    padding:5px;
    margin:3px;
    }
    
/*
採用情報
*/

#content #saiyo-menu {
    text-align:center;
    margin-bottom:30px;
    }

#content #saiyo-menu table {
    width:90%;
    border:#FFF;
    }

#content #saiyo-menu td [
    width:33%;
    text-align:center;
    border:#FFF;
    }

/*フッター*/

#footer {
    margin-top:20px;
    }

/*
サイトマップ
*/

.sitemap a.L-menu {
    padding-left:20px;
    background:url(images/point.jpg) no-repeat left center;
}

.sitemap a.S-menu, a.link-of-links {
    padding-left:20px;
    background:url(images/point-s-menu.gif) no-repeat left center;
}   


/*
交通アクセスのとこ
*/

div.access {
    float:left;
    padding-right:20px;
    }


.get-flash-player {
    margin-top:20px;
    text-align:center;
    font-size:90%;
    color:#666;
    line-height:125%;
    }

h6 {
    text-align:right;
    font-weight:normal;
    }