/*  
Theme Name: Original Theme
Theme URI: http://fdr.jp/
Version: 1.0
*/

@charset "utf-8";

/************************************************
■ブラウザ非対応
*************************************************/
#browser_not_supported {
    text-align:center;
}
#browser_not_supported .page-visual {
    height:200px;
}
#browser_not_supported .logo {
    margin-bottom:50px;
}
#browser_not_supported .title {
    padding:50px 0 20px 0;
    width:900px;
    margin:0 auto;
    font-size:15px;
}
#browser_not_supported .content {
    text-align:center;
    font-size:15px;
    width:600px;
    margin:0 auto;
    padding:0 0 50px 0;
}

/************************************************
■サイトマップ
*************************************************/
#sitemap .content {
    padding-right:0;
}
#sitemap .content ul {
    padding:5px 0 10px 0;
}
#sitemap .content li {
    padding:0 1em 5px 0;
    line-height:1.4;
    font-size:14px;
    font-weight:bold;
}
#sitemap .content ul.children {
    float:none;
    width:auto;
    padding:10px 0 10px 0;
}
#sitemap .content ul.children li {
    font-weight:normal;
    font-size:13px;
    padding:0 5px 5px 10px;
    background:url(./img/common/arrow_pink.png) left 6px no-repeat;
}
#sitemap address {
    display:none;
}

#sitemap .content ul#item-news {
    width:25%;
    float:left;
}
#sitemap .content ul#item-seminar {
    width:25%;
    float:left;
    /*border-left:#F2BAAE 1px solid;*/
}
#sitemap_list {
    clear:left;
    overflow:hidden;
}
#sitemap .content .page-item-73 {
    width:23%;
    float:left;
    padding-top:20px;
    border-top:#F2BAAE 1px solid;
}
#sitemap .content .page-item-66 {
    width:23%;
    float:left;
    padding-top:20px;
    border-top:#F2BAAE 1px solid;
}
#sitemap .content .page-item-69 {
    width:23%;
    float:left;
    padding-top:20px;
    border-top:#F2BAAE 1px solid;
}
#sitemap .content .page-item-77 {
    width:23%;
    float:left;
    padding-top:20px;
    border-top:#F2BAAE 1px solid;
}


/************************************************
■ページ共通
*************************************************/
.content p {
    padding:0 0 15px 0;
}
.content hr {
    border:none;
    margin:25px 0;
    clear:both;
    border-top:#DED6D6 1px solid;
}
.content hr.no-line {
    border:none;
    margin:15px 0;
}

.content h2 {
    color:#fff;
    font-size:18px;
    padding:6px 15px;
    margin:0 0 15px 0;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    /*text-shadow:0 0 1px #666;*/
}

.content h3 {
    font-size:18px;
    padding:6px 5px;
    margin:0 0 15px 0;
}
.content h3 .webicon {
    opacity:100;
    font-size:12px;
    vertical-align:text-bottom;
    padding-right:10px;
}

/*患者さんへ*/
body.patient .content h2 {
    background:#6DB5BE;
/*
    background:linear-gradient(#6DB5BE 50%, #63A8B1 50%);
    background:-moz-linear-gradient(#6DB5BE 50%, #63A8B1 50%);
    background:-webkit-gradient(linear, left top, left bottom, from(0.5, #6DB5BE), to(0.5, #63A8B1));
*/
}
/*医療関係者の方へ*/
body.medical .content h2 {
    background:#CF9F74;
}
body.medical .content h3 {
    border-bottom:#CF9F74 3px solid;
}
body.medical .content h3 .webicon {
    color:#CF9F74;
}
/*医療関係者の方へ*/
body.about .content h2 {
    background:#DD9484;
}
body.about .content h3 {
    border-bottom:#DD9484 3px solid;
}
body.about .content h3 .webicon {
    color:#DD9484;
}

.decimal {
    padding:0 0 20px 30px;
}
.decimal li {
    list-style-type:decimal;
    padding:0 0 5px 10px;
    line-height:1.4;
    font-size:15px;
}
.disc {
    padding:0 0 20px 30px;
}
.disc li {
    list-style-type:disc;
    padding:0 0 5px 10px;
    line-height:1.4;
    font-size:15px;
}

.tcell {
  display: table;
  margin-bottom: 20px;
}

.tcell div {
    display: table-cell;
    vertical-align: top;
    padding-right: 15px;
}

.tcell div:last-child {
    padding-right: 0;
}

.tile {
    margin:20px 0;
    overflow:hidden;
}
.tile li {
    display:inline-block;
    padding:0 0 4px 0;
}
.tile li img {
    width:220px;
    height:auto;
}

.tile2 {
    margin:20px 0;
    overflow:hidden;
}
.tile2 li {
    display:inline-block;
    padding:0 0 4px 0;
}
.tile2 li img {
    width:330px;
    height:auto;
}

/************************************************
■表組み
*************************************************/
/*アンカーメニュー*/
.anker-menu {
    width:100%;
    display:table;
    border:#D6CBCB 1px solid;
    margin-bottom:25px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.anker-menu li {
    display:table-cell;
    vertical-align:middle;
    border-right:#DED6D6 1px solid;
}
.anker-menu li:last-child {
    border:none;
}
.anker-menu li:first-child a {
    border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    -moz-border-radius:4px 0 0 4px;
}
.anker-menu li:last-child a {
    border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    -moz-border-radius:0 4px 4px 0;
}
.anker-menu li a {
    /*color:#2a2a2a;*/
    vertical-align:middle;
    border-left:#fff 1px solid;
    display:block;
    text-align:center;
    font-size:13px;
    line-height:1.3;
    padding:10px;
    background:#E8E3E0 url(./img/header/btn_bg1.jpg) left top repeat-x;
}
.anker-menu li:hover a {
    background:#ECE7E7 url(./img/header/btn_bg2.jpg) left top repeat-x;
    border-left:#ECE7E7 1px solid;
}

/*アンカーメニュー２ by M.Sasaki 2015.10.23 */
div.anker-menu2 {
    width:100%;
    display: table;
    border:#D6CBCB 1px solid;
    margin-bottom:25px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background: #f8efef;
}
div.anker-menu2 div {
    vertical-align:middle;
    text-align: center;
    display: table-cell;
    border-right:#DED6D6 1px solid;
    font-size: 13px;
    font-weight: bold;
    width: 30%;
}
div.anker-menu2 ul {
    display: table;
    margin: 10px 0;
}

div.anker-menu2 li {
    display:table-cell;
    font-size:13px;
    line-height:1.3;
    padding: 0 10px;
}

div.anker-menu2 li a {
    /*color:#2a2a2a;*/
    display:block;
    font-size:13px;
    line-height:1.3;
    padding:5px;
    /* border-top: solid 1px #000; */
}

div.anker-menu2 li a:first-child {
    border: none;
}

div.anker-menu2 li:last-child a {
}
div.anker-menu2 li:hover a {
    
}

/*日付けリスト*/
.content .list-dl {
    font-size:15px;
    line-height:1.4;
    overflow:hidden;
}
.content .list-dl dt {
    margin:-1px 0 0 0;
    padding:10px 0 10px 0;
    float:left;
    width:30%;
    border-top:#DED6D6 1px solid;
}
.content .list-dl dd {
    margin:-1px 0 0 0;
    padding:10px 0 10px 0;
    margin-left:30%;
    border-top:#DED6D6 1px solid;
}

/*ボタンリスト*/
.content .btns {
    padding:0 0 20px 10px;
}
.content .btns li {
    padding:0 0 3px 0;
    font-size:15px;
}

/*テーブル*/
.content .table1 {
    width:100%;
    font-size:13px;
    margin:25px 0;
    line-height:1.4;
    border:#DED6D6 1px solid;
}
.content .table1 th {
    background:#F4F2F2;
    padding:8px;
    border:#DED6D6 1px solid;
}
.content .table1 td {
    padding:8px;
    border:#DED6D6 1px solid;
}

/*枠*/
.frame1 {
    margin:40px 0 40px 0;
    padding:20px;
    border:#E8B3AE 2px solid;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.frame1 h6 {
    text-align:center;
    font-size:17px;
    padding-bottom:10px;
    color:#D6746B;
    line-height:1.3;
}
.frame1 .webicon {
    line-height:1.1;
    opacity:100;
    color:#D6746B;
    font-size:22px;
    vertical-align:middle;
    padding-right:10px;
}
.frame1 dl {
    text-align:center;
    font-size:15px;
}
.frame1 dl dt {
    font-weight:bold;
    display:inline-block;
    padding:0 0.2em 0 0;
}
.frame1 dl dd {
    display:inline-block;
    padding:0 1.5em 0 0;
}

/************************************************
■アイコン
*************************************************/
.content a.pdf {
    display:inline-block;
    background:url(./img/common/icon_pdf.png) left 3px no-repeat;
    padding-left:22px;
}
.content a.link {
    display:inline-block;
    background:url(./img/common/icon_link.png) left 5px no-repeat;
    padding-left:22px;
}
.content a.blank {
    display:inline-block;
    background:url(./img/common/icon_blank.png) left 5px no-repeat;
    padding-left:22px;
}

/*ウェブアイコン*/
.webicon {
    font-weight:normal;
    font-size:13px;
    display:inline-block;
    padding-right:10px;
    vertical-align:text-bottom;
    opacity:0.5;
}
.content .btns li .webicon {
    font-size:15px;
    padding-right:10px;
    vertical-align:bottom;
}

/************************************************
■研修会 公開カンファレンス
*************************************************/
.box-movie {
    padding:20px 0 0 0;
    overflow:hidden;
}
.box-movie img {
    float:left;
    margin-right:30px;
}
.box-movie h6 {
    float:left;
    width:380px;
    font-size:16px;
    padding:0 0 10px 0;
    line-height:1.4;
}
.box-movie p {
    float:left;
    width:380px;
    font-size:14px;
}
.box-movie .webicon {
    font-size:17px;
    padding-right:8px;
    vertical-align:bottom;
    opacity:0.8;
}


/************************************************
■サイト内検索
*************************************************/
#search h1 {
    padding:0 0 30px 0;
}
.highlight {
    background:#FCDE83 !important;
}
.highlight a {
    color:#000 !important;
}
#search .parent {
    background:#A59998;
    color:#fff;
    margin:0 0 10px 0;
    font-size:13px;
    line-height:1.2;
    display:inline-block;
    padding:3px 6px;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    vertical-align:bottom;
}
#search .parent .highlight {
    background:transparent !important;
}

/************************************************
■センター長挨拶
*************************************************/
#greeting .photo {
    width:160px;
    margin:0 0 0 25px;
    float:right;
}

/************************************************
■組織図
*************************************************/
.organization-img {
    padding:40px 0;
    text-align:center;
}

/************************************************
■化学療法部
*************************************************/
#chemotherapy .photo1 {
    width:160px;
    float:right;
    margin:0 0 25px 25px;
}
#chemotherapy .photo1 p {
    font-size:14px;
    padding:10px 0 0 0;
    line-height:1.4;
}
#chemotherapy .photo1 p span {
    font-size:11px;
}
#chemotherapy .photo2 {
    text-align:center;
    padding:20px 0;
}
#chemotherapy .photo2 p {
    font-size:13px;
    padding:10px 0  0;
}
#chemotherapy .photo3 {
    padding:30px 0 50px 0;
    text-align:center;
}
#chemotherapy .photo4 {
    width:320px;
    float:right;
    margin:0 0 20px 20px;
}

#chemotherapy ul#pharmacist {
}

#chemotherapy ul#pharmacist li {
    display: block;
    clear: both;
}


/************************************************
■緩和ケアチーム
*************************************************/
#easing .photo1 {
    text-align:center;
    padding:20px 0 30px 0;
}
#easing .photo2 {
    text-align:center;
    padding:20px 0 30px 0;
}


/************************************************
■小児がんチーム
*************************************************/
#childhood table {
    margin: 10px 0 20px 0;
}

#childhood table.bordered {
    border-collapse: collapse;
    border: solid 1px #555;
}

#childhood table.bordered td {
    border-collapse: collapse;
    border: solid 1px #555;
    padding: 5px;
}

#childhood table.bordered tr.borderbold {
    border-top: solid 2px #555;
}

#childhood table.bordered td.female {
    background: #fcc;
}

#childhood table.bordered td.male {
    background: #ccf;
}

#childhood ul.tree {
    margin-bottom: 20px;
    padding: 0;
}

#childhood ul.tree li {
    margin: 0 0 0 2em;
    padding: 0;
}


#childhood ul.tree table {
    margin: 0;
    padding: 0;
}

/************************************************
■がんサロン
*************************************************/
#salon .photo1 {
    width:240px;
    float:right;
    margin:0 0 25px 25px;
}
#salon .photo1 p {
    text-align:center;
    font-size:15px;
    margin-top:5px;
}
#salon .photo1 p a {
    display:inline-block;
}

/************************************************
■広報誌・パンフレット
*************************************************/
#pamphlet .btns li {
    font-size:16px;
}
#pamphlet .btns span {
    padding-left:1em;
    font-size:13px;
}


/************************************************
■がん相談支援センター
*************************************************/
#support {
    
}