/*****************************************************************************
 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: #666;
	font-size: 75%;
	overflow-x:hidden;
	}

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

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

ul {width:645px;display:block;padding:0 0 16px 18px;line-height:22px;font-size:13px;}
ul li {width:645px;display:block;clear:both;padding:16px 0;border-bottom:1px dashed #ccc;}
ul li:after{content : "";display : block;height : 0;clear : both;}
ul li span.date {width:120px;line-height:22px;padding-left:0px;float:left;display:block;color:#000066;font-weight:bold;}
ul li p {width:525px;display:block;float:right;}
ul li img {padding:1px;border:1px solid #ccc;display:block;margin:10px 10px 0 0;float:left;}
ul li img:hover {padding:0px;border:2px solid #666;}
ul li .ttl {width:525px;display:block;float:right;font-weight:bold;}
.top-panel {width:645px;display:block;clear:both;padding:0 0 0 10px;text-align:right;margin:0 auto;}


@media screen and (max-width: 667px){

	ul {width:96%;display:block;padding:0 0 16px 0;line-height:22px;font-size:13px;}
	ul li {width:96%;display:block;clear:both;padding:16px 0;border-bottom:1px dashed #ccc;}
	ul li:after{content : "";display : block;height : 0;clear : both;}
	ul li span.date {width:96%;line-height:22px;padding:0 10px 10px;float:none;display:block;color:#000066;font-weight:bold;}
	ul li p {width:96%;display:block;float:none;padding:0 10px;}
	ul li img {padding:1px;border:1px solid #ccc;display:block;margin:10px 10px 0 0;float:left;}
	ul li img:hover {padding:0px;border:2px solid #666;}
	ul li .ttl {width:96%;display:block;float:none;font-weight:bold;padding:0 10px 10px;}
	.top-panel {width:96%;display:block;clear:both;padding:0 0 0 10px;text-align:right;margin:0 auto;}

}