@charset "utf-8";
/* ============================================
　トップページ
============================================ */
#contents {text-align:left; /*background-image:none; padding:20px 15px 10px; */ padding:0 0 20px 20px;}

/* #billboard */
#billboard {  width:960px;/*height:165px; overflow:hidden;*/ margin:0 auto; padding:0; text-align:left;
	background:url(../images/content_bg.gif) left repeat-y;}
	#billboard :after { content:""; display:table; clear:both; }
	#billboard  { /zoom:1; }
#billboard .bg { position:relative; /*position:absolute; top:0; left:0; height:165px; width:960px; */}
#billboard a { display:block; position:absolute; top:0; left:0; display:none;}
#billboard .bg img { display:block;}
#billboard a:hover { cursor:pointer;}
/*#billboard a.back { position:absolute; top:65px; left:10px;}
#billboard a.next { position:absolute; top:65px; left:590px;}*/

/* #topics */
#topics { float:left; width:670px; /*height:290px;*/ border:1px #ccc solid; margin-top:25px; padding-bottom:10px;
 border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
 -moz-box-shadow: 1px 1px 2px #dddddd;
 -webkit-box-shadow: 1px 1px 2px #dddddd;
 box-shadow: 1px 1px 2px #dddddd;
 background:#eee;
/* background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ebf2f4));
 background: -moz-linear-gradient(top, #f6f6f6, #ebf2f4 90%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFf6f6f6, endColorStr=#FFebf2f4, GradientType=0);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf6f6f6, endColorstr=#FFebf2f4, GradientType=0)";*/
 }
#topics .header { margin:0 15px; border-bottom:1px solid #ccc; padding:15px 2px 10px;}
	/* clearfix */
	#topics .header { display:block; min-height:1%; }
	#topics .header:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
	* html #topics .header { height:1%; /*\*//*/ height:auto; overflow:hidden; /**/ }
#topics .header h2 { width:250px; float:left; border-left:3px solid #ccc; padding:2px 0 2px 8px;
 font-size:115%; /*font-weight:bold; color:#555;*/ text-shadow:1px 1px 0px #fff; }
#topics .header a { float:right; margin-left:5px; }
#topics .article { border-top:1px solid #fff; border-bottom:1px solid #ccc; padding:0 2px 7px; margin:0 15px;}
	/* clearfix */
	#topics .article { display:block; min-height:1%; }
	#topics .article:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
	* html #topics .article { height:1%; /*\*//*/ height:auto; overflow:hidden; /**/ }
#topics .article h3 { padding:10px 0 2px; margin:0 0 5px; color:#563; font-weight:bold; line-height:1.2;
 /*background:#e4e4e4; border-bottom:1px solid #ccc;*/}
#topics .article h3 a { color:#563;}
#topics .article h3 a:hover { color:#cc6;}
#topics .article .img { float:left;}
#topics .article .img img { /*border:#A2A483 1px solid;*/ border:none;}
#topics .article .text { float:right; width:545px; /*margin-top:5px;*/}
#topics .article .text .date { color:#666; display:none;}
#topics .article .new {background:url(../images/icon_new.gif) 0 6px no-repeat; padding-top:17px;}
#topics .article .text .title { display:block; line-height:1.4;}

/* #teams */
#teams { padding-left:11px; text-align:left; margin-top:10px;}
	/* clearfix */
	#teams { display:block; min-height:1%; }
	#teams:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
	* html #teams { height:1%; /*\*//*/ height:auto; overflow:hidden; /**/ }
#teams .entry { width:315px; float:left; height:235px;}
#teams .entry .inner { border:1px solid #ccc; margin:0 10px 10px 0; padding:10px 12px;}
#teams .entry h3 { font-size:115%; font-weight:bold; background:url(../images/listmark7.gif) 0 2px no-repeat; padding-left:17px; margin-bottom:10px;}
#teams .entry img {}
#teams .entry p { margin:10px 0; line-height:1.3;}
#teams .entry .btn { display:block; text-align:right;}
#teams .entry .btn img { display:inline;}

/* ============================================
　レスポンシブ 320px 768px
============================================ */
@media only screen and (min-width: 440px) and (max-width: 940px) { 
#billboard { width:98%; max-width:714px;}
#billboard .bg, 
#billboard img, 
#billboard .bg img { width:100%;}
#contents { padding:0;}
#topics { width:inherit; margin:10px;}
#topics .header h2 { width:100px;}
#topics .article .text { float:none; width:inherit; margin-left:85px;}
}
@media only screen and (max-width: 440px) {
#billboard { width:100%;}
#billboard .bg, 
#billboard img, 
#billboard .bg img { width:100%;}
#contents { padding:0;}
#topics { width:inherit; margin:10px;}
#topics .header h2 { width:100px;}
#topics .article .text { float:none; width:inherit; margin-left:85px;}
}