@charset "UTF-8";

body{
width:100%;
background:url(http://www.seikatsusyukanbyo.com/monthly/2014/images/2014_bg.png) repeat-x;
background-color:#00DCFE;
-webkit-text-size-adjust:100%;
}


#container {
width:1000px;margin:0 auto 0 auto;padding:0;text-align:left;background-color:#D6C949;background-color:#ffffff;background-color:#F0F8FF;
background-color:#BBE3F5 ;background-color:#AEDCF6;background:none;position:relative;
}

.container {
width:1000px;margin:0 auto 0 auto;padding:0;text-align:left;background-color:#D6C949;background-color:#ffffff;background-color:#F0F8FF;
background-color:#BBE3F5 ;background-color:#AEDCF6;background:none;

}

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

#main{
width:1000px;
margin-bottom:20px;
}

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

/* header-monthly
------------------------------------------------ */

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

#header_monthly_2015 {
margin-bottom:10px;
}


#month_nav {
}

#month_nav ul {
width:960px;
height:90px;
margin:0 auto;
padding:0;
}


#month_nav li {
float:left;
margin:0;
padding:0;
}

#month_nav li.mr3 {
margin-right:3px;
}

#month_nav li a {
display:block;
margin:0;
padding:0;
}

#month_nav li a img {
vertical-align:bottom;
margin:0;
padding:0;
}

/* mhead 
------------------------------------------------ */

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

#mhead .header_monthly_2015 {
margin-bottom:10px;
}

#mhead .mhead_wrap {
background:url(http://www.seikatsusyukanbyo.com/monthly/img/mhead_bg.png) no-repeat 0 0;width:960px;margin:0 auto;
}

#mhead ul {

}

#mhead ul li {
float:left;
margin-right:4px;
padding-top:34px;
}
#mhead ul li.home {
padding-top:0;
}

#mhead ul li.last {
margin-right:0;
}

#mhead .mnav_current a:hover img,
#mhead .mnav a:hover img {
opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;
}
#mhead .mnav_current a:active img,
.toList .mnav a:active img {
opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;
}

#mhead .banner {
position:relative;margin-top:10px;background:url(http://www.seikatsusyukanbyo.com/monthly/2015/images/in_01.gif) no-repeat 0 0;height:47px;width:960px;
}

#mhead .banner_box_1 {
position:absolute;top:4px;right:252px;
}

#mhead .banner_box_2 {
position:absolute;top:4px;right:128px;
}

#mhead .banner_box_3 {
position:absolute;top:4px;right:4px;}


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


#top-undocheck {
width:280px;
margin:0 auto;
}

#top-undocheck li {
margin-bottom:9px;
}

#top-undocheck li.last {
margin-bottom:0;
}


/* 文字とか
------------------------------------------------ */
.float_l {
float:left;
}

.float_r {
float:right;
}

.text_r {
text-align:right;
}

/* 中ページ
------------------------------------------------ */
#main-wrap {
float:left;width:730px;
}

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

#main-wrap-wrap p {
margin-bottom:1em;
}
.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:-30px 0 0 0px;
background:url(http://www.seikatsusyukanbyo.com/monthly/2015/images/in_title.png) no-repeat 0 0;
padding:50px 10px 0 0px;
}

h1 {
padding-left:10px;
font-size:150%;
line-height:1.5;
font-weight:bold;
border-left:#FF441F 10px solid;
}

#nakaPage h2 {
padding-left:5px;
margin-top:0px;
margin-bottom:20px;
border-left:#FF441F 10px solid;
font-weight:bold;
font-size:130%;
}
#content-nav-common {
padding:10px;background:#fff;border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

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

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

#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;font-size:90%;
}

#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;
}

ul.side-news li {
border-bottom:1px dashed #a9a9a9;margin-bottom:5px;padding-bottom:5px;
}
ul.side-news li.side-news-1st {
border-bottom:1px dashed #a9a9a9;margin-bottom:5px;padding-bottom:5px;border-top:1px dashed #a9a9a9;margin-top:5px;padding-top:5px;
}

#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;
}


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

#slogan {
border:3px solid #999900;background-color:#FFFFFF;padding:20px;
}

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

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


#slogan .slogan {
font-size:200%;font-weight:bold;
}

#slogan .excellence {
font-size:250%;
}

#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/2015/images/in_02.png) no-repeat 0 50% ;background-size:100px auto;padding-left:120px;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 .box {
margin-bottom:20px;padding:10px;background:#fff;border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}


#side .box .title {
font-weight:bold;
margin-bottom:10px;
border-left:10px solid #FF441F;
font-size:110%;

}

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



#side .box .title a:hover {
background:#FF441F;
}