@charset "UTF-8";

.zoom a:hover img {
opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;
}
.zoom a:active img {
opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;
}

/* layout
------------------------------------------------ */

#slogan2016 {
margin-bottom: 20px;
}


#container {
width:1000px;
margin: 0 auto 20px auto;
}

main {
float:left;width:730px;
}

main .content-box {
margin-bottom:20px;
padding:20px;
background:#fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}


main p {
margin-bottom:1em;
}
main .entryDate {
text-align:right;
margin-top:1em;
}

#title {
margin-bottom:20px;
padding:20px;
background:#fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.title_wrap {
margin:-60px 0 0 0px;
background:url(../images/title_icon.png) no-repeat 0 0;
padding:100px 10px 0 0px;
}


main h1 {

font-size:150%;
line-height:1.5;
font-weight:bold;

}

main h2 {
padding-left:5px;
margin-top:0px;
margin-bottom:20px;
border-left:#FF441F 10px solid;
font-weight:bold;
font-size:130%;
}

main h3 {
padding-left:5px;
margin-top:0px;
margin-bottom:20px;
border-bottom: #FF441F 3px solid;
font-weight:bold;
font-size:110%;
}

main .content-nav-common ul {
line-height:150%;
}

main .content-nav-common ul li.arrow01 {
padding-left:20px;
background:url('http://www.seikatsusyukanbyo.com/images2/arrow01.gif') no-repeat 0% 50%;
}

main .content-nav-common ul li.arrow02 {
padding-left:20px;
background:url('http://www.seikatsusyukanbyo.com/images2/arrow02.gif') no-repeat 0% 50%;
}

/* サイド
------------------------------------------------ */

#side {
float:right;width:250px;
}

#side-wrap {
margin-bottom:10px;padding:10px;background:#fff;border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.side-contents {
margin-bottom:10px;
}

.side-midashi {
margin-bottom:10px;
}


.side-small {
font-size:80%;text-align:right;
}

/* ------------------------------------------------ */
#side #news_list dl {
padding: 3px 0 0 0;
margin-bottom: 10px;
border-top: 1px dotted #a9a9a9;
}

#side #news_list dt {
}

#side #news_list dd {
padding: 0 0 3px 0;
border-bottom:1px dotted #a9a9a9;
}

#side #news_list dd a {
display:block;
}
/* ------------------------------------------------ */

#side-about {
width:245px; margin:0 auto;
}

.side-title {
margin-bottom:10px;padding:10px 5px;border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;background:#BBE3F5;background:#78c8eb;box-shadow:3px 3px 3px #a9a9a9;
color:#fff;
font-size:110%;
}

.side-title .side-title-wrap {
padding-left:5px;
border-left:10px solid #F02828;
font-weight:bold;
}

.side-title .side-title-wrap a {
display:block;
color:#333;
text-decoration:none;
}

#side-check li {
margin-bottom:5px;
}


/* news
------------------------------------------------ */

main #news dl {
margin-bottom: 10px;
}

main #news dt {
width:210px;
padding: 0 0 0 5px;
}

main #news dd {
margin: -1.5em 0 3px 0;
padding: 0 0 3px 140px;
border-bottom:1px dotted #a9a9a9;
}

main #news dd a {
display:block;
}




/* スローガン
------------------------------------------------ */

#slogan {
padding-left: 30px;
padding-right: 30px;
}

#slogan .wrap {
padding: 0 20px 20px 20px; margin-bottom: 20px; border-bottom:1px dashed #a9a9a9;
}

#slogan .wrap ul {
margin: 0 3em 1em 3em;
}

#slogan .badge {
margin-bottom:20px;
}

#slogan .sakuhin {
margin:0 20px 20px 40px;padding-bottom:20px;border-bottom:1px dashed #a9a9a9;
}

#slogan .slogan {
font-size: 32px;font-weight:bold;
}

#slogan .excellence {
font-size: 38px;
}

#slogan .name {
font-weight:bold;text-align:right;
}

#slogan .comment {
width:90%;margin:10px auto 0 auto;
border:3px solid #BBE3F5;
padding:10px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

#slogan .comment span {
font-weight:bold;
}


/* tool
------------------------------------------------ */

.poster {
margin-bottom:20px;padding:20px;background:#fff;border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}


.poster .poster_wrap {
width:690px;margin-bottom:20px;
}

.poster .midashi {
padding-left:5px;
margin-top:0px;
margin-bottom:10px;
border-left:#FF441F 5px solid;
font-weight:bold;
font-size:120%;
}


.poster .box_left {
float:left;width:330px;
}
.poster .box_right {
float:right;width:330px;
}
.poster .box_left_half {
float:left;width:150px;
}
.poster .box_right_half {
float:right;width:154px;border:3px solid #BBE3F5;
padding:5px;
background:#fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;text-align:center;
font-size:90%;
}

.poster .midashi span {
display:block;
font-size:100%;
}

.poster .toSite a {
display:block;
padding:10px;background:#007789;border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
text-align:center;
color:#fff;
font-size:120%;
text-decoration:none;
font-weight:bold;
}

.poster .toSite a:hover {
background:#FF9B21;
text-decoration:none;
}

/* undocheck
------------------------------------------------ */

ol.undocheck {
margin:0 40px 20px 40px;
padding:10px 10px 10px 60px;
list-style-type:decimal;
background:#fff;
border:3px solid #BBE3F5;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
font-size:120%;
font-weight:bold;
}

ol.undocheck li.cyui {
margin-left:-30px;
list-style-type:none;
color:red;
}

.undocheck-link {margin:-10px 40px 20px 40px;border:1px dashed #a9a9a9;background:#fff;padding:10px;text-align:right;border:3px solid #BBE3F5;border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
font-size:120%;
font-weight:bold;
}

#jhei-link {
border-top:1px dashed #a9a9a9;margin-top:20px;padding-top:20px;
}

#jhei-link h2 {
border-color:#00EAFE;
}

ul.extra-link {
margin:0 40px 20px 40px;
padding:10px 10px 10px 40px;
list-style-type:disc;
background:#fff;
border:3px solid #BBE3F5;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
font-size:110%;
line-height:1.7;
}

ul.extra-link li span {
font-size:80%;
}


/* ------------------------------------------------ */

div.undocheck {
margin:0 60px 20px 60px;
padding:20px;
background:#fff;
border:3px solid #BBE3F5;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;


}
div.undocheck ol {
list-style-type:decimal;
margin:0 0 0 0px;
padding:0 0 0 60px;
}

div.undocheck h3 {
font-weight:bold;
margin-left:40px;
margin-bottom:24px;
}

/* ニュース一覧
------------------------------------------------ */

#naka_month_info {
}

#month_info dl,
#naka_month_info dl {
margin-bottom:5px;
padding-bottom:5px;
border-bottom:#CCCCCC dashed 1px;
}

#month_info dt,
#naka_month_info dt {
width:130px;
float:left;
}

#naka_month_info dt {
width:150px;
}

/* スローガン
------------------------------------------------ */


.comment_wrap {
background:url(http://www.seikatsusyukanbyo.com/monthly/2016/images/slogan-comment.png) no-repeat 0 50% ;background-size:;padding-left:160px;min-height: 120px;
}

/* カルタ
------------------------------------------------ */

.karuta_pdf {
border:1px dashed #a9a9a9;margin-bottom:20px;padding:20px;
}

/* 休養チェック
------------------------------------------------ */

div.kyuyoCheck {
margin:0 60px 20px 60px;
padding:20px;
background:#fff;
border:3px solid #BBE3F5;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

div.kyuyoCheck ul {
list-style:disc;
margin:0 0 0 100px;
padding:0 0 0 60px;
}

div.kyuyoCheck h3 {
font-weight:bold;
margin-left:40px;
margin-bottom:24px;
padding:0;margin:0;margin-bottom:24px;margin-left:150px;
}

.kyuyoCheck_message {
text-align:center;font-weight:bold;font-size:120%;
}
.text_c {
text-align:center;
}

/* side
------------------------------------------------ */


#side section {
margin-bottom:20px;
padding:10px;
background:#fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

#side section .title {
font-weight:bold;
margin-bottom: 0;
font-size: 18px;
text-align: center;
}

#side section .nolink,
#side section .title a {
display:block;
padding:5px 3px 5px 5px;
color:#333;
text-decoration:none;
}

#side section .title a:hover {
background:#fff;
}

#side section ul {
margin-bottom: 5px;
}

#side section li {
margin-bottom: 5px;
padding: 0 0 5px 0;
border-bottom: 1px dotted #a9a9a9;
}

#side section li:last-child {
margin-bottom: 0;
}

#side section li a {
display: block;
}

/* ------------------------------------------------ */

#slogan-side .sakuhin {
position:relative;
margin-bottom: 10px;
}

#slogan-side .sakuhin .badge {
position:absolute;
bottom:0px;
right:-40px;
}

/* tools
------------------------------------------------ */


#tools .h1 {
margin-bottom: 10px;
padding: 0 10px 10px 10px;
border-bottom: 2px solid #0E3B73;
font-size: 24px;
color: #0E3B73;
font-weight: bold;
}

#tools .content-box {
margin-bottom: 20px;
}

#tools .content-box .clearfix {
margin-bottom: 10px;
}

#tools .content-box-left {
float: left;
width: 300px;
margin-right: 0;
}

#tools .content-box-left img {
display:block;
width: 150px; 
margin: 0 auto 10px auto;
border:1px solid #a9a9a9;
}

/* ------------------------------------------------ */

#side p {
margin-bottom: 10px;
}

/*
#side #what {
background: #F2A6B0;
}

#side #news {
background: #E5D557;
}

#side #seminar {
background: #8BBFD1;
}

#side #slogan-side {
background: #EF929D;
}

#side #karuta {
background: #EF929D;
}

#side #poster {
background: #F6BD58;
}

#side #about {
background: #fff;
}
 ------------------------------------------------ */