/*****************************************************************************
 RESET CSS
 *****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;padding:0;
}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { vertical-align:top; }

/*****************************************************************************
 CLEAR
 *****************************************************************************/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;} /* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;} /* End hide from IE-mac */
.cb { clear:both; height:0; line-height:0; font-size:1%; }
.cb2 { clear:both; height:15px; line-height:0; font-size:1%; }
.cb3 { clear:both; height:0; line-height:0; font-size:1%; margin:-10px 0 0 0;}

/* IE7でpadding指定 */ 
*:first-child+html body #middle,*:first-child+html body #footer_city { 
padding-left: 1px; 
} 

/*****************************************************************************
 BASICS
 *****************************************************************************/


body {
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, Verdana;
	line-height:1.5;
	color: #333;
	font-size: 90%;
	overflow-x:hidden;
	padding-bottom:10px;
	}

a {text-decoration:underline;color:#009900;}
a:hover {text-decoration:none;}

/*****************************************************************************
 BASIC
 *****************************************************************************/

ul {width:100%;display:block;padding:0px;line-height:22px;font-size:16px;}
ul li {width:100%;display:block;clear:both;padding:0px 0 12px 0;margin-bottom:10px;border-bottom:1px dotted #999;}
ul li:after{content : "";display : block;height : 0;clear : both;}
/*ul li:not(:first-child){display:none;}*/
ul li .date {width:18%;line-height:20px;padding-left:0px;float:left;display:block;font-weight:bold;}
ul li .txt {width:80%;display:block;float:right;}
ul li .txt .ttl {font-weight:bold;width:795px;clear:both;display:block;}
ul li a{width:95%;box-sizing: border-box;display: block;}
ul li img {width:100%;height: auto;adding:1px;border:1px solid #66cc66;display:block;margin:10px 10px 0 0;float:left;}
ul li img:hover {padding:0px;border:2px solid #66cc66;}
.top-panel {width:100%;display:block;clear:both;padding:0 0 0 0px;text-align:right;margin:0 auto;}

ul li strong {font-weight:bold;}

.red {
    color: #ff0000;
}
.orange {
    color: #ff3300;
}
.orange_b {
    color: #ff3300;
    font-weight: bold;
}
.green {
    color: #009966;
}
.green_b {
    color: #006600;
    font-weight: bold;
}
.blue{
	color:blue;
}
.blue_b{
	color:dodgerblue;
}
.pink{
	color:hotpink;
}
p,h3,h4{
	margin:0.25em 0 1em 0;
}
h3{
	font-size:1.5em;
}
h4{
	font-size:1.2em;
	font-weight: 400;
}

@media screen and (max-width: 420px) {
	ul {width:100%;display:block;padding:0px 0 0px 0px;line-height:18px;font-size:12px;}
	ul li {width:100%;display:block;clear:both;padding:0px 0 12px 0;margin:0 0 10px 0;border-bottom:1px dotted #666;}
	ul li:after{content : "";display : block;height : 0;clear : both;}
	ul li .date {width:100%;line-height:18px;padding-left:0px;clear:both;display:block;font-weight:bold;font-size:10px;}
	ul li .txt {width:100%;display:block;clear:both;}
	ul li .txt .ttl {font-weight:bold;width:100%;clear:both;display:block;}
	ul li img {width:100%;height: auto; padding:1px;border:1px solid #66cc66;display:block;margin:10px auto 0!important;clear:both;float:none;}
	.top-panel {display:none;}
}