@charset "UTF-8";

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

#bg-all {
background-image:url(http://www.seikatsusyukanbyo.com/monthly/2014/images/bg_bottom.png);background-position:bottom;background-repeat: repeat-x ;
}

/* link */

a:link    { color:blue;
            text-decoration: underline;}
a:visited { color:blue;
            text-decoration: underline;}
a:hover   { color:#FF6600;
            text-decoration: underline;}
a:active  { color:#FF6600;
            text-decoration: underline;}


a:link img {
}
a:visited img {
}
a:hover img {
opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;
}
a:active img {
opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;
}


#noscript {
		position: relative;
		z-index: 5260;
		padding: 1em;
		border-bottom: #000 solid 1px;
		background: #fff;
		color: #000;
		text-align: center;
	}
#noscript span {
		color: #ff0000;
	}

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

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

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

#header{
position:relative;
width:1000px;
margin:0px auto 20px auto;
background:url(http://www.seikatsusyukanbyo.com/monthly/2014/images/2014_bg.png) repeat-x;

text-align:left;
}

#mhlab_serch {
position:absolute;top:20px;left:700px;margin:0;padding:0;width:260px;overflow:hidden;
}

#mhlab_serch .mhlab_search_wrap {
margin:0;padding:0;font-size: 12px;
}


#header-monthly {
margin-bottom:20px;
padding:20px;
background:#FFF5B7;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#header-monthly-2014 {
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 a {
display:block;
margin:0;
padding:0;
}

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

#top-img {
position:relative;height:437px;height:491px;margin:0 0 20px 0;padding:0;background:#195AB4;
}

.top-img-banner {
width:960px;margin:0 auto;padding:5px 0;background:none;
}

#nakaPage .top-img-banner {
margin:10px 0 0 0;padding:0;background:#195AB4;
}


.top-img-banner ul {
width:960;
}

.top-img-banner ul li {
float:left;margin-right:10px;
}

.top-img-banner ul li.last {
margin-right:0;
}

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

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

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

/* スライダー
------------------------------------------------ */

/* controller */
#slider {
height:443px;margin:0;padding:0;overflow: hidden;
background:none;background:url(http://www.seikatsusyukanbyo.com/monthly/2014/images/top_15_2.png) repeat-x;
}

#slider .slideCell {
	display: block;
	float: left;
	margin-right: 5px;
}

#slider .slideGuide {

}

.slideCtrl {
	display: none;
	position: absolute;
	top: 0;
	width: 20px;
	height: 251px;
	background: #676767 url(hatch.png);
	color: #fff;
	font-size: 25px;
	text-align: center;
	cursor: default;
	opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);

	/* 確認用 */	
	padding-top: 240px;
}

.slideCtrl.left { left: 0px; }
.slideCtrl.right { right: 0px; }

.slideCell {
width:280px;
text-align:center;
margin-top:30px;
}

.slideGuide .karuta-2,
.slideGuide .karuta-4,
.slideGuide .karuta-6,
.slideGuide .karuta-8,
.slideGuide .karuta-10,
.slideGuide .karuta-12,
.slideGuide .karuta-14 {
margin-top:110px;
margin-top:170px;
}

.slideGuide .karuta-1 img,
.slideGuide .karuta-2 img,
.slideGuide .karuta-3 img,
.slideGuide .karuta-4 img,
.slideGuide .karuta-5 img,
.slideGuide .karuta-7 img,
.slideGuide .karuta-6 img,
.slideGuide .karuta-8 img,
.slideGuide .karuta-9 img,
.slideGuide .karuta-10 img,
.slideGuide .karuta-11 img,
.slideGuide .karuta-12 img,
.slideGuide .karuta-13 img,
.slideGuide .karuta-14  img{
box-shadow: 10px 10px 10px #696969;
}

.slideGuide .ill-1 {
margin-top:60px;
margin-top:130px;
}

.slideGuide .ill-2 {
margin-top:90px;
margin-top:160px;
}

.slideGuide .ill-3 {
margin-top:70px;
margin-top:120px;
}


.slideGuide .ill-4 {
margin-top:100px;
margin-top:160px;
width:350px;
}

.slideGuide .ill-5 {
margin-top:90px;
margin-top:140px;

}

.slideGuide .ill-6 {
margin-top:90px;
margin-top:140px;
}



/* about */
#about_month {
width:315px;
float:left;
margin:0 0 0px 0px;
padding:0 0 0 0px;
}

#nav_about ul {
font-size:1px;
list-style-type:none;
margin:0px 0 0px 0;
padding:0px 0 0 0px;
}

#nav_about li {
font-size:1px;
list-style-type:none;
margin:0px 0 4px 0;
padding:0 0 0 0px;
}

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

#nav_about_naka li {
font-size:1px;
list-style-type:none;
margin:0 0 5px 0;
padding:0 0 0 0px;
}

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

#nav_about .waku, #nav_about_naka .waku {
border:2px solid #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

/* ニュース
------------------------------------------------ */
#month_info {
font-size:90%;
}

#month_info_list {
width:640px;
margin: 0 0 10px 0;
}

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


#month_info dd,
#naka_month_info dd {
width:510px;
float:left;
}

#naka_month_info dd {
width:540px;
}


#month_info_about {
width:640px;
}

#month_info_about .f-left {
float:left;width:400px;
}
#month_info_about .f-right {
float:right;width:240px;text-align:right;
}

.f-left {
float:left !important;
}

.f-right {
float:right !important;
}

.main-oneThird {
width:320px;

}

.main-twoThird {
width:660px;

}

.main-threeThird {
width:1000px;

}


.monthly-topContents {
background-color:#EFF1D9;
padding:10px;
margin-bottom:20px;
background-color:#FFF5B7;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}



#content-nav-common {
padding:10px;background:#FFF5B7;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%;
}


#footer{
width:100%;
margin:0px auto 0px auto;
padding:10px 0px 10px 0px;
font-size:12px;
background:#A1D2FD;
background:#195AB4;
color:#fff;
}

#footer-wrap {
width:1000px;margin:0 auto;
}

#footer-wrap .footer-text {
border-bottom:1px solid #F0F8FF;margin-bottom:5px;padding-bottom:5px;
}

#topPage h2 {
display:block;
margin-bottom:10px;
// box-shadow: 3px 3px 3px #a9a9a9;
}

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

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

#main-wrap-wrap p {
margin-bottom:1em;
}

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


#naka-title {
margin-bottom:20px;padding:20px;border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;background:#bbe3f5;box-shadow:3px 3px 3px #a9a9a9;
}

#naka-title h1 {
border-left:10px solid #F02828;font-size: 150%;font-weight:bold;padding-left:10px;
}

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


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

#side {
float:right;width:250px;font-size:90%;
}

#side-wrap {
margin-bottom:10px;padding:10px;background:#FFF5B7;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;
}

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

#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
------------------------------------------------ */
.wide_690 {
width:690px;border-bottom: 1px dashed #a9a9a9;margin-bottom:20px;padding-bottom:20px;
}
.wide_340 {
width:330px;float:left;
}

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

.midashi span {
font-size: 90%;
}

.width_150 {
width:150px;float:left;
}

.width_170 {
width:150px;
float:right;
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%;
}
.width_170 a {
display:block;
}

/* 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%;
}


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

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

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

.poster {
margin-bottom:20px;
}


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