@charset "shift_jis";
/* ------------------------------------- */
/* PC用のcss                             */
/* ------------------------------------- */
	/*レイアウト*/
	.resizebox {margin:0 auto;padding:0 20px;width:960px;text-align:left;}
	#header, #contents, #to_top, #footer { min-width:1000px; }
	/*ヘッダ*/
	.top_header h1, .top_header h2 {
		display:inline-block;
		font-size:12px;
		font-weight:700;
		margin-top:3px;
		margin-bottom:3px;
		color:#aaa;
	}
	.top_header { background:#000; height:90px; color:#a1a1a1; }
	.top_header a{ color:#b6b6b6; }
	.top_header a:hover { color:#fff; }
	.top_header .top_title a{ color:#fff; }

	.top_header_inner           { height:70px; }
	.top_header_inner div       { text-align:center; padding:8px 0 0; height:54px; color:#fff;}
	.top_header_inner div ul    { margin:6px 0; display:block; width:100%; }
	.top_header_inner div ul li { margin:0 10px; display:inline-block; }
	.top_header_inner div img   { height:27px; width:64px; }

	.top_title { color:#fff; font-weight:700;}

	/*コンテンツ*/
	#contents { background:#fff; width:100%; text-align:center; }
	#contents .area   { width:930px; text-align:left; margin:0 auto;}
	#contents .area .split3        { position: relative; overflow: hidden;}
	#contents .area .split3 ul     { position: relative; left: 50%; float: left; }
	#contents .area .split3 ul li  { position: relative; left: -50%; float: left; width:300px; margin:0px 5px; padding:10px 0px;}
	#contents .area .split3 ul li img { position: relative;float: left; width:280px; max-height:187px;}
	#contents .area .split3 ul li div { font-size:36px; font-weight:700;}

	#contents .area h1.title {  color: #fff; background-color:#888; padding:5px;}
	#contents .area h2.title {  color: #444;  padding:5px;margin:3px;}
	span.title_mark {  margin-right:10px; margin-top:10px; border-left:8px sold #888; background-color:#888;}
  div.article { margin-left:15px; }

	#contents .bef_aft { padding:0px; margin:auto 3px; float: left; width:280px; height:200px;}

	/*ページの一番上へ戻る*/
	#to_top {
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		background-size:162px 14px;
		background-position:center center;
		background-repeat:no-repeat;
		height:36px;
	}
	#to_top a {
		background-size:22px 12px;
		background-position:left center;
		background-repeat:no-repeat;
		padding-left:24px;
		display:block;
		float:right;
		line-height:36px;
		height:36px;
		width:160px;
		font-size:10px;
		color:#888;
	}

	/*フッタ*/
	#footer { background:#e6e6e6;}
	.footer_nav_outbox { float:left; width:100%; }
	.footer_nav_box { margin-right:40px; float:left; }

	.footer_nav_box ul    {  margin:6px 0; display:block; width:100%; color:#555; text-align:center; }
	.footer_nav_box ul li {  float:left; position:relative;}
	.footer_nav_box ul li a:hover { color:#000;}
	.footer_nav_box li a { padding-left:30px; }

	/*コピー*/
	#copy {
		padding:8px 16px 48px;
		float:right;
		color:#888;
	}
/* ------------------------------------- */
/* スマホ用のcss                             */
/* ------------------------------------- */
@media screen and (max-width: 600px) {
	/*レイアウト*/
	.resizebox { margin:0 auto; padding:0; width:100%; min-width:320px; }
	#header, #contents, #to_top, #footer { min-width:320px; }
	/*ヘッダ*/
	#header { position:relative;}
	.top_header { height:auto; }
	.top_header > div { padding-bottom:30px; position:relative; }
	
	/*コンテンツ*/
	#contents div { background-size:100% auto; height:36%; }
	#contents .area   { width:300px; text-align:left; margin:0 auto;}

	/*ページの一番上へ戻る*/
	#to_top { border-bottom:1px solid #eee; background-position:center 14px; height:88px; }
	#to_top a {
		background-color:#eee;
		background-image:none;
		margin:44px auto 0;
		padding:2px 0 0;
		float:none;
		font-size:12px;
		text-align:center;
		line-height:42px;
		height:42px;
		width:100%;
	}

	/*フッタ*/
	.footer_nav_box li a {padding:5px; }

	
	/*コピー*/
	#copy {
		border-top:1px solid #ccc;
		background:#ddd;
		margin:16px 0 0;
		padding:12px 5% 16px;
		float:none;
		font-size:12px;
		text-align:center;
		color:#888;
	}
}