@charset "utf-8";

/* 基本：レイアウトスタイル
 * **************************************************
 * SmartPhone [ 480px以下 適用 ]
 * PC [ 481px以上 適用 ]
 * **************************************************
 */

/* min clearfix */
#index {
	background-color:#ffffff;
}
#content,
nav ul {
	zoom: 1;
}
#content:before,
#content:after,
nav ul:before,
nav ul:after {
	content: "";
	display: table;
}
#content:after,
nav ul:after {
	clear: both;
}

/* anchor */
div.novisualAnchors{
	width:0;
	height:0;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	/* except MacIE \*/position: absolute;/* end */
	left:0;
	top:0;
	color:#fff;
}
div.novisualAnchors a{
	font-size: 1px;
	line-height: 1px;
	color: #fff;
	text-decoration: none;
}

/* ======================================
　SmartPhone [ 480px以下 適用 ]
====================================== */
/* ボディ */
body {
	 width: 100%;
}
#headerContainer,
#glovalNaviContainer,
#contentContainer,
#footerContainer {
}

/* ヘッダ */
header {
	 margin: 0;
	 padding: 2% 0 0 0;
	 overflow: hidden;
}

/*　免責事項　*/
	header div.menseki {
		width:120px;
		text-align:right;
		float:right;
}

/* コンテンツ */
#content article.main {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
}
#content section {
	margin: 0 0 0 0;
}
#content article {
	border-bottom: 1px solid #f0f0f0;
}

 /* カテゴリインデックス */

/* フッタ */
footer {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}





@media all and (max-width: 480px) {

header {
	display: none;
}

}



/* Media Queries 切替 */
/* ======================================
　PC [ 481px以上 適用 ]
====================================== */
@media all and (min-width: 481px) {
	
	
	#headerContainer,
	#glovalNaviContainer,
	#contentContainer,
	#footerContainer {
		width: 100%;
	}

	/* ヘッダ（880px） */
	header {
	margin: 0 auto;
	padding: 10px 0 0 0 ;
	width: 880px;
	}

	/* パンくず */
	header p {
		font-size: 10px;
	}
	
	
	
	
	

	/* グローバルナビゲーション：表示 */
	nav {
		visibility: visible;
		margin: 0 auto;
		padding: 0;		
		height :53px;
		width: 880px;
	}
	nav ul {
		visibility: visible;
		margin: 0 auto;
		width: 880px;
		list-style: none;	
	}
	nav ul li {
		float:left;
		height :53px;
	}
	
	/* コンテンツ（880px：左右余白20px） */
	#content {
	margin: 0 auto;
	padding: 0;
	width: 880px;
	}
	/* トップページ：本文（880px） */
	#index article.main {
		margin: 0 0 0 0;
		width: 880px;
		border-bottom: none;
	}
	
	#index #content section {
	margin: 0 0 20px 0;
	}

	/* 下層ページ：本文（675px） */
	#subPage article.main {
		margin: 20px 25px 0 0;	
		width: 675px;
		border-bottom: none;
	}
	#subPage #content section {
		margin: 0 0 20px 0 ;
	}

	/* トップページ：サイド（260px） */
	#index aside.side {
		margin: 20px 0 0 0;
		padding: 10px;
		width: 240px;
	}
	/* 下層ページ：サイド（230px） */
	#subPage aside.side {
		margin: 20px 0 0 0;
		padding: 5px 10px 20px 10px;
		width: 210px;
	}

	 /* カテゴリインデックス */
	 /* レイアウト */
	#subPage.index #content .main {
		position:relative;
		padding: 0 0 20px 0;
		width: 100%;
		background-color: #f3f3f3;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	} 

	/* フッタ（970px：左右余白20px） */
	footer {
		margin: 0 auto;
		padding: 10px 0 30px 0;
		width: 880px;
	}
	

	
}