@charset "utf-8";

/* ==================================================

アンテナサイト スタイルシート

================================================== * /


/* 共通
--------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
article,aside,figure,figcaption,footer,header,nav,section {
	display:block;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
img {
	vertical-align:bottom;
}
a img {
	border:none;
}
body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0;
	text-align:center;
	font-size:80%;
	line-height:1.33;
	color:#323232;
    -webkit-text-size-adjust: 100%;
}
.fs {
	font-size:85%;
}
.fl {
	font-size:125%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited {
	color:#0064b4;
	text-decoration:none;
}
a:hover,
a:active {
	color:#0064b4;
	text-decoration:underline;
}
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
	overflow:hidden;
}
.warning {
	color:#e61e1e;
	background-color:#fff0f0;
	border:solid 1px #c84632;
	padding:12px 15px 11px;
	margin:10px 0;
}

header {
	text-align: left;
	border-bottom: solid 1px #c8c8c8;
}
header .seo-area {
	background-color: #323232;
}
header .seo-area h1 {
	padding: 10px 10px 9px;
	font-size: 85%;
	color: #fff;
}
header .seo-area .seo-right {
	display: none;
}
header h2 {
	padding: 10px 0;
	text-align: center;
}
header .logo-area .logo-r {
	padding: 0 10px 20px;
	text-align: center;
}
.footer-banner {
	padding: 20px 10px 0;
}
.copyright {
	padding: 30px 0 30px;
}
@media screen and (min-width:1024px) {
header .seo-area-i {
	width: 980px;
	margin: 0 auto;
}
header .seo-area h1 {
	/*float: left;
	width: 660px;*/
	padding: 10px 0 9px;
}
/*header .seo-area .seo-right {
	display: block;
	float: right;
	width: 300px;
	padding-top: 10px;
	text-align: right;
	font-size: 85%;
	color: #fff;
}
header .seo-area .seo-right a {
	color: #ffe500;
}*/
header .logo-area {
	width: 980px;
	margin: 0 auto;
}
header .logo-area h2 {
	float: left;
	width: 252px;
	padding: 22px 0 0;
	text-align: left;
}
header .logo-area .logo-r {
	display: block;
	float: right;
	width: 728px;
	padding: 10px 0;
	text-align: right;
}
.footer-banner {
    margin: 0 auto;
    width: 980px;
    padding: 20px 0 0;
}
}

/* トップ
--------------------------------------------------------------------*/
#top .main {
	padding: 0 10px;
	text-align: left;
}
#top .category-area {
	padding: 10px 0 5px;
	border-bottom: dotted 1px #c8c8c8;
}
#top .category-area li {
	display: inline-block;
	border-radius: 3px;
	background-color: #f5f5f5;
	font-weight: bold;
	padding: 5px 8px 4px;
	margin: 0 3px 8px 0;	
}
#top .blog-area {
	padding: 12px 0 8px;
	border-bottom: dotted 1px #c8c8c8;
}
#top .blog-area .time {
	float: left;
	width: 50px;
	margin-right: -50px;
	padding-bottom: 2px;
}
#top .blog-area .blog {
	float: right;
	width: 100%;
	padding-bottom: 2px;
}
#top .blog-area .blog p {
	margin-left: 50px;
    padding-left: 10px;
}
#top .blog-area h3 {
	width: 100%;
	font-weight: bold;
	padding-bottom: 2px;
}
@media screen and (min-width:1024px) {
#top .main {
	padding: 20px 0 0;
}
#top .category-area {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	border-bottom: none;
}
#top .main-i {
	width: 980px;
	margin: 0 auto;
	background-color: #f5f5f5;
	border-radius: 5px;
}
#top .main-i2 {
	padding: 10px;
}
#top .main-i2 div:last-child {
	border-bottom: none;
}
#top .blog-area {
	padding: 12px 0 9px 10px;
}
#top .blog-area .time {
	margin-right: 0;
}
#top .blog-area .blog {
	float: right;
	width: 230px;
}
#top .blog-area .blog p {
	margin-left: 0;
}
#top .blog-area h3 {
	float: right;
	width: 670px;
}
}