@charset "UTF-8";

/* clearfix */
.clearfix:after { content:"."; 
	display:block; clear:both; 
	height:0; visibility:hidden; 
}
.clearfix { 
	display:inline-block; 
}

/* for macIE \*/
* html .clearfix { 
	height:1%; 
}
.clearfix { 
	display:block; 
}
#title_area .info_title p   {
    color: #D70051;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 25px;
    text-align: left;
    font-weight: bold;
    margin-left: 50px;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.cate00active {
    font-size: 14px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    padding-top: 3px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 2px;
    border: 1px solid #5E4A34;
}
.cate00active a {
    color: #604C3F;
}
.cate0, .cate1, .cate2 {
    font-size: 14px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
}
#title_area .cate0 {
	background-color: #e14382;
}
#title_area .cate1 {
	background-color: #4dade8;
}
#title_area .cate2 {
	background-color: #7ab12a;
}
.cate0 a,.cate1 a,.cate2 a {
    color: #FFFFFF;
}
#newsWrap {
    margin-left: 0px;
    margin-right: 0px;
    width: 1000px;
    padding-left: 0px;
    padding-right: 0px;
}
#newsList {
    margin-left: auto;
    margin-right: auto;
}
.newsDate {
    margin-bottom: 60px;
}
.titleline {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 15px;
    padding-bottom: 5px;
    color: #000000;
    background-color: #F9D7E6;
    width: 875px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.cate_day  {
    text-align: left;
    width: 875px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 0px;
}
.catName  {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    width: 80px;
    margin-right: 15px;
    padding: 3px 0 3px 0;
}
.cat-0 .catName, .jyuyou {
background-color: #e14382;
}
.cat-1 .catName, .osirase {
background-color: #4dade8;
}
.cat-2 .catName, .houkoku{
background-color: #7ab12a;
}
.cat-3 .catName {
background-color: #e14382;
}
.up_ymd {
    font-size: 13px;
}
.newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
}
.honbun {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 25px;
}
.comment{
    /* [disabled]display: block; */
    padding: 3px 0;
    overflow: hidden;
    /* [disabled]width: 800px; *//* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
    /* [disabled]margin-left: auto; */
    /* [disabled]margin-right: auto; */
    text-align: left;
    font-size: 15px;
    line-height: 30px;
}
.thumbNailWrap{
    display: block;
    /* [disabled]width: 500px; */
    /* [disabled]height: 80px; */
    overflow: hidden;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: -35px;
    margin-right: 0px;
}
.detailText{
    font-family: sans-serif;
    font-size: 15px;
    line-height: 170%;
    width: 880px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}
.detailText ul li{
list-style: disc!important;
margin-left: 1em;
}
.detailText ol li{
list-style: decimal!important;
margin-left: 1em;
}

.detailUpfile{
    margin-top: 30px;
    font-size: 15px;
    text-align: center;
    margin-left: auto;
    padding-left: 0px;
    width: 50%;
    margin-right: auto;
}
.detailUpfile img {
    max-width: 100%;
    height: auto;
}

/* Pager style（外部化可） */
.pager{
	text-align:right;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
.pager a{
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}

/*現在のページのボタン*/
.pager a.current{
    background: #999;
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px 2px;
	margin:0 1px;
    text-decoration: none;
}

.pager a:hover{
    background:#999;
    color: #fff;
}

.overPagerPattern{
	padding:0 2px ;	
}

@media (max-width:799px){
#title_area  {
    width: 90%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
	}
#title_area .info_title p {
    color: #D70051;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 170%;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}
#newsWrap {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding-left: 0px;
    padding-right: 0px;
}
.titleline a {
    color: #604C3F;
}
.cate_day {
    text-align: left;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3%;
    padding-right: 0px;
}
.detailText {
    font-family: sans-serif;
    font-size: 15px;
    line-height: 170%;
    width: 97%;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}
}
@media (max-width:382px){
#title_area  {
    width: 90%;
    margin-top: 65px;
}
.info_title   {
    float: none;
    width: 100%;
}
.category {
    float: none;
    width: 100%;
}
.category.floatR .clearfix .choice {
    width: 100%;
    font-size: 125%;
    margin-bottom: 3px;
}
/*#title_area .category .ol {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: left;
}*/
/*.cate00active {
    font-size: 110%;
    font-weight: bold;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    width: 45%;
    margin-right: 4%;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    margin-top: 0px;
}*/
.category li {
    display: inline-block;
    width: 45%;
    text-align: center;
    border-radius: 5px;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 10px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 20px;
    margin-right: 4%;
}
.cate00active {
    margin-top: 10px;
}
/*.cate0, .cate1, .cate2  {
    font-size: 110%;
    font-weight: bold;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    width: 46%;
    margin-right: 4%;
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 6px;
    margin-top: 0px;
    margin-bottom: 10px;
}*/
.titleline {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-top: 7px;
    padding-right: 10px;
    padding-left: 15px;
    padding-bottom: 7px;
    /* [disabled]color: #000000; */
    background-color: #F9D7E6;
    width: 91%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.detailUpfile {
    margin-top: 30px;
    font-size: 15px;
    text-align: center;
    margin-left: auto;
    padding-left: 0px;
    width: 90%;
    margin-right: auto;
}
}

@media (min-width:800px){
#title_area {
    margin-bottom: 30px;
    width: 1000px;
}
#title_area .info_title {
    width: 450px;
}
#title_area .category {
    width: 50%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
#title_area .choice {
    font-size: 15px;
    margin-top: 0px;
    text-align: left;
    width: 50%;
}
.cate0, .cate1, .cate2 {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    width: 90px;
    margin-right: 15px;
    padding: 3px 0 3px 0;
}
.cate00active {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    width: 90px;
    margin-right: 15px;
    padding-top: 3px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 2px;
    border: 1px solid #5E4A34;
}
}

@media (min-width:382px) and (max-width:799px){
#title_area .info_title {
    width: 45%;
    margin-left: 0px;
    padding-left: 0px;
    text-align: left;
    margin-top: 25px;
}
#title_area .category {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
    width: 50%;
    /* [disabled]text-align: left; */
    font-size: medium;
}
.category .choice {
    margin-bottom: 0px;
}
/*#title_area .category .ol {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: left;
}*/
/*.cate00active {
    font-size: 110%;
    font-weight: bold;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    width: 45%;
    margin-right: 4%;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    margin-top: 0px;
}*/
.category li {
    display: inline-block;
    width: 45%;
    text-align: center;
    border-radius: 5px;
    padding-top: 6px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 6px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 10px;
    margin-right: 4%;
}
.cate00active {
    margin-top: 14px;
}
/*.cate0, .cate1, .cate2  {
    font-size: 110%;
    font-weight: bold;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    width: 46%;
    margin-right: 4%;
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 6px;
    margin-top: 0px;
    margin-bottom: 10px;
}*/
.titleline {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 15px;
    padding-bottom: 5px;
    color: #000000;
    background-color: #F9D7E6;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
}
