﻿@charset "utf-8";
/* 共通使用 ****************************/
.common_kinen {text-align:center;border:solid 3px #2f72ed ;margin-bottom:20px;}
.common_kinen_title {background-color:#2f72ed ;color:#fff;margin:0;padding:.4em;font-size:1.2em;font-weight:bold;}
.common_pollen {text-align:center;border:solid 3px #3399FF;margin-bottom:20px;padding:5px;}
.common_pollen_title {color:#3399FF;font-size:16px;font-weight:bold;border-bottom:3px dotted #3399FF;line-height:20px;margin:0;}
.common_influ1 {text-align:center;border:solid 3px #ff7f50;margin-bottom:20px;}
.common_influ1_title {background-color:#ff7f50;color:#fff;margin:0;padding:.4em;font-size:1.2em;font-weight:bold;}
.common_influ1_box {background-color:#fafad2;margin:0 15px 15px;padding:5px 10px;}
.common_influ1_lead {margin:.3em;border-bottom:dotted 3px #ff7f50;color:#ff7f50;font-weight:bold;}
.common_influ2 {text-align:center;border:solid 3px #ff9900;margin-bottom:20px;padding:5px;}
.common_influ2_title {color:#ff9900;font-size:16px;font-weight:bold;border-bottom:3px dotted #FFCC00;line-height:20px;margin:0;}
.common_noro {border:solid 3px #AD6DDC;margin-bottom:20px;padding:5px;}
.common_noro_title {color:#8B32CD;font-size:16px;font-weight:bold;border-bottom:3px dotted #8B32CD;margin:0;}
.common_uv {text-align:center;border:solid 3px #FF6699;margin-bottom:20px;}
.common_uv_title {color:#FF6699;font-weight:bold;margin:.6em;}
.common_heatstroke {text-align:center;border:solid 3px #FF8C00;margin-bottom:20px;}
.common_heatstroke_title {color:#FF8C00;font-weight:bold;margin:.6em;}
.common_guppy {text-align:center;border:solid 3px #d63aa2;margin-bottom:20px;}
.common_guppy_title {background-color:#d63aa2;color:#fff;margin:0;padding:.4em;font-size:1.2em;font-weight:bold;}
.common_medicalbill div {padding:10px 30px 1px 30px;;margin-bottom:20px;}
.common_medicalbill_title {text-align:center;font-size:1.1em;padding-bottom:10px;border-bottom-style:solid;border-bottom-width:1px;}
.common_medicalbill_att {color:#800000;font-size:.8em;}
.common_text {font-size:.9em;margin:.6em;}
.common_kochira {margin:0 .6em .6em;}
.common_tanto {display:block;position:relative;margin:20px auto 30px;padding:10px 1em;background:#f1f1f1;box-shadow:0 3px 5px rgba(0, 0, 0, 0.14);box-sizing:border-box;text-align:center;}
.common_tanto span.green {color:#006400;}
.common_tanto span.red {color:#ea5549;}
.clear {clear:both;}
.text_center {text-align:center !important;}
.text_left {text-align:left !important;}
.text_right {text-align:right !important;}
.text_vcenter {vertical-align: middle;}
.text_b {font-weight:bold;}
.text_s {font-size:.9em;}
.text_r {color:red;}
.text_note {margin-left: 1em;text-indent: -1em;}
.text_note:before {content:"※";}
a.btn {position: relative;background-color: #7d7d7d;color: #fff;padding: 9px 20px 5px;box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);text-decoration: none;text-align: center;text-shadow: 0 1px 1px rgba(0, 0, 0, .3);display: inline-block;}
.mT0 {margin-top:0;}
.mB0 {margin-bottom:0;}
/* .colona **************************/
.colona {
	display: block;
	position: relative;
	margin: 20px auto 30px;
	padding: 10px 1em;
	background: #f1f1f1;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
	box-sizing: border-box;
	text-align:left !important;
}
.colona .ribbon17-content {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 89px;
	height: 91px;
	overflow: hidden;
}
.colona .ribbon17 {
	display: inline-block;
	position: absolute;
	padding: 7px 0;
	left: -23px;
	top: 22px;
	width: 160px;
	text-align: center;
	font-size: 18px;
	line-height: 16px;
	background: #0000ff;/*ffa520;*/
	color: #fff;
	letter-spacing: 0.05em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.colona .ribbon17:before, .ribbon17:after {
	position: absolute;
	content: "";
	border-top: 4px solid #b2751b;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	bottom: -4px;
}
.colona .ribbon17:before {
	left: 14px;
}
.colona .ribbon17:after {
	right: 18px;
}
.colona h3, #news200210 .colona h4 {
	color: #1e50a2 !important;
	border: none !important;
}
.colona_info {
	background: #bce2e8;
	margin: 15px auto;
	padding: 5px 30px;
}
.colona_info span{
	color:#ea5549;
}
/******  191204 *******************/
#news201204 h2 {
    font-size: 1.8em;
    font-style: italic;
    letter-spacing: .1em;
    color: #fff;
    text-shadow: -3px 2px 0 #000;
    background:#bdb76b;
    padding:14px 0 10px 14px;
}
#news201204 h3 {
    color: #999557;
    position: relative;
    padding: .6em;
    border-bottom: 6px solid #bdb76b;
}
#news201204 h3:before {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 20%;
    height: 6px;
    content: '';
    background: #dedbb5;
}
#news201204 table {
    background-color:#2e8b57;
    margin-bottom:20px;
    font-size: 15px;
}
#news201204 table td:nth-child(2n+1) {
    background-color:#f5f5f5 !important;
}
#news201204 table th {
    width:110px;
    vertical-align:top;
    font-weight: normal;
    background-color:#eeedda;
}
#news201204 ul {
    list-style-type:none;
}
#news201204 ul.ver1 li {
    text-indent: -3em;
    padding: 3px 0;
    font-weight:bold;
}
#news201204 ul.ver2 {
    margin-left: 1em;
    margin-top:5px;"
}
#news201204 ul.ver2 li {
    text-indent: -3em;
    padding: 3px 0;
}
#news201204 ul.ver3 {
    margin-left: 1.8em;
}
#news201204 ul.ver3 li {
    text-indent: -1.6em;
    padding: 2px 0;
}
#news201204 .note {
    margin:0 10px;
}
#news201204 ul li {
    padding: 6px 0;
}
#news201204 .member {
    background: #dedbb5;
    padding:.1em 1em;
}
#news201204 .member h4 {
    color:#333300;
    margin:18px 0 0;
}
#news201204 .point {
    position: relative;
    margin: 2em 0;
    padding:10px;
    border: solid 3px #bdb76b;
}
#news201204 .point h4 {
    font-size: 1.2em;
    color: #999557;
    height: 25px;
    margin:10px 0;
}
#news201204 .point p {
    margin: 0; 
    padding: 0;
}
#news201204 .point2 {
    border: solid 3px #2c74c7;
}
#news201204 .point2 h4 {
    color: #2c74c7;
}
/******  201224 *******************/
#news201224 h2 {
    display: inline-block;
    position: relative;
    width: 570px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 10px;;
    background: #FF6600;
    color: #fff;
    box-sizing: border-box;
}
#news201224 h2:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}
#news201224 h2:after {
    top: 0;
    right: 0;
    border-width: 20px 10px 20px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
/******  191216 *******************/
#news201216 h2 {
    font-size: 1.6em;
    line-height: 1.2em;
    text-align:center;
    color: #008b8b;
    border-bottom: solid 2px #008b8b;
    margin:30px 80px 10px;
    padding-bottom:6px;
}
#news201216 h2 span {
    font-size: 0.8em;
    color: #dc143c;
}
#news201216 ul {
    background: #cef1ee;
    padding:10px 10px 10px 40px;
    border-radius:12px;
}
#news201216 .box{
    border: dotted 6px #4a93ba;
    background: #eaf4fc;
    padding: 1em;
    border-radius:20px;
    margin-bottom:2em;
}
#news201216 .box h3{
    color: #4a93ba;
    border-bottom: solid 2px #4a93ba;
    margin: .4em 0em 1em 3.6em;
    line-height: 1.3;
}
#news201216 .box h4{
    color: #4a93ba;
    margin:1em 0 .3em;
}
#news201216 .box table{
    background: #eaf4fc;
    width: 100%;
    border-collapse:separate;
    border-spacing: 2px;
    font-size:.9em;
}
#news201216 .box table th{
    background-color: #4a93ba ;
    color: white;
    text-align: center;
    padding: 6px;
}
#news201216 .box table tbody th{
    text-align: left;
}
#news201216 .box table td{
    text-align: left;
    background-color: #eee;
    padding: 6px;
}