@charset "UTF-8";
/* clearfix */
.cF:after, .cF:before, blockquote:after, blockquote:before, q:after, q:before {content: ""}
.cF:after, .clearfix {clear: both}
.cF:after, .cF:before {display: block}
.cF {zoom: 1}


/* reset */
a, a:hover {text-decoration: none}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;border-collapse: collapse!important}
:focus {outline: 0}
ol, ul, ul li {list-style: none}
table {border-collapse: collapse!important;border-spacing: 0}
caption, td, th {font-weight: 400}
 blockquote, q {quotes: "" ""}
a img {border: 0!important}
ul {margin: 0;}
.cF:after, .cF:before {display: block}
img {max-width: 100%}
dd, dt, h1, h2, h3, h4, h5, h6, li, p, pre {display: block}
p {display: block}


/*--------------- 全体の設定 ---------------*/
body {
/*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
line-height: 1.5;
color: #333;
text-align: left;
background: #fff;
}



/* ---- 4タイプの分散 ---- */
.all-wrapper {
position:relative;
}


#nav-global {
position:absolute;
top: 137px;
left:30px;
}

#article-box {
float: left;
margin-top: 191px;
}

#explore_menu{
float: right;
width: 300px;
}

#article-box .content_box:first-child {
padding-top: 360px;
background: url(../img/clinickosusumechishiki-header01.jpg) no-repeat left top;
}


/* ---- 1st 共通コード ---- */
#article-box li, #nav-global li, #explore_menu h3,.last-p a {
text-align: center;
}

#article-box h2 {
text-align: center;;
}

#nav-global,#article-box {
width: 650px;
}

#nav-global {
z-index:10000;
}

#navi-page a:hover,#article-box a:hover,#explore_menu a:hover {
text-decoration: underline;
}


/*----  body  ----*/
body{border-bottom: solid 20px #1A8E69;border-top: solid 120px #1A8E69;}

.all-wrapper {
width: 1040px;
margin: auto;
margin-top: -89px;
}

a {
transition: all 0.4s ease;
}

a:hover {
opacity: 0.7;
}

#navi-page a {
color: #fff;
}

#navi-page a {
color: #fff;
}

#article-box a {
color: #A85C5C;
}

#explore_menu a {
color: #5A3C20;
}

#my_footer a {
color: #A85C5C;
}

/*----  #navi-page  ----*/
#navi-page {
padding-top: 10px;
}

#navi-page p {
position: relative; 
z-index: 1;
padding-top:3px;
color: #fff;
text-align:right;
padding-right:35px;
}


/*----  #xxxheaderxx  ----*/
#header_info h1{
margin-bottom: 4px;
}

#header_info p {

}

#this_title {
position:absolute;
top: 0;
left:0;
width:980px;
padding-bottom:9px;
padding-top:9px;
background-color: rgba(255, 255, 255, 0.5);
padding:9px 30px;
margin:auto;
border-top-left-radius: 12px; 
border-top-right-radius: 12px;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px; 

}

#this_title h1, #this_title p {
color: #000;
padding-left: 30px;
}

#this_title h1 {
font-size: 28px;
font-weight:normal;
border-bottom: 1px #e1e3e6 solid;
color: #fff;
}

#this_title p {
font-size: 16px;
}


/*----  #nav-global  ----*/
#nav-global ul{overflow: hidden;;
}

#nav-global li {
float: left;
width: 144px;
}

#nav-global li:first-child,#nav-global li:last-child {
width: 109px;
overflow: hidden;
}

#nav-global ul li a:before {
    display: block;
    font-family: FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
color:#666;
}

#nav-global li:first-child a:before{
    content: "\f015";
}

#nav-global li:last-child a:before{
    content: "\f022";
}

#nav-global li:nth-child(2) a:before,
#nav-global li:nth-child(3) a:before,
#nav-global li:nth-child(4) a:before {
    content: "\f0f8";
}


#nav-global ul li a{
color: #666;
height: 45px;
display: block;
font-size: 12px;
border-right: 1px solid #A79E9E;
}





#nav-global ul li:last-child a{
border-right: none;
}


#nav-global a:hover{
}


/*---- #my_base ----*/
#my_base {
margin: 0 30px;
position: relative;
}


/*----  #article-box ----*/
#article-box p{
line-height:2.5;
}

#article-box .content_box {
margin-bottom: 30px;
}

#article-box h2 {
font-size: 24px;
font-weight:normal;
border-bottom: double #ccc;;;
color: #5A3C20;
padding: 10px 20px;
}

#article-box p, #article-box ul {
padding: 20px;
}

#article-box li {
font-size: 16px;
margin-bottom: 15px
}


#article-box a:hover {
font-weight: normal;
text-decoration: underline;
}


/*----  #explore_menu  ----*/
#explore_menu {
margin-top: 103px;
}


#explore_menu h3 {
    padding: 5px 5px 5px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

#explore_menu .sub1 h3 {
    background-color: #847868;
}
 
#explore_menu .sub2 h3 {
    background-color: #847868;
}
 


#explore_menu ul {
}


#explore_menu li {
padding: 10px;
border-bottom: 1px solid #ccc;
}

#explore_menu li:last-child {
}

#explore_menu li a {
padding-right: 10px;
}

#explore_menu div.sub1:after {
content: "";
width: 300px;
height: 170px;
display: block;
background: url(../img/clinickosusumechishiki-bg01.png) no-repeat center;
margin-bottom:40px;
background-size: 240px;
}

/*----  last-p  ----*/
.last-p {
height: 50px;
margin: 0 50px 60px 0;
}

.last-p a {
float: right;
padding: 15px;
background-color: #1B956E;
border-bottom: 2px solid #666;
color:#fff;
border-radius: 5px;
font-size: 14px;
font-weight: bold;
}

.last-p a:hover {
}


/*----  footer  ----*/
#my_footer p {
position: absolute;
bottom: -30px;
left: 1em;
font-size:12px;
}