@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 (max-width: 480px) {
#index #content section {
	margin: 0;
	padding:2em 0;
	border-bottom: 1px #cccccc solid;
	}
	
	#index #content section.bg1 img.il {
		margin-top:2em;
	}

	#index #content section.bg2,
	#index #content section.bg3 {
		background-color: #eef4ff;
	}
	
	
	
	#index #content section div.wait700 dl.keikakuNagare {
		margin-top:3em;
	}
	#index #content section div.wait700 dl.keikakuNagare dt {
		padding: 0 2%;
		text-align:center;
	}
	#index #content section div.wait700 dl.keikakuNagare dd h3 {
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:0.5em;
	}
	#index #content section div.wait700 dl.keikakuNagare dd {
		border-bottom:1px #999999 dotted;
		padding: 0 2% 1em 2%;
		margin-bottom: 1.5em;
	}
	#index #content section div.wait700 p.cyusyaku {
		background-color:#FFF;
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px; 
		border-radius: 6px; 
		padding:1em;
		margin:2%;
		font-size:85%;
	}
	#index #content ul {
		margin-top:1em;
	}
	#index #content li {
		background: url(../images/link.png) left 3px no-repeat;
		padding-left:30px;
	}
}	
	

@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: 100%;
	}
	/* トップページ：本文（900px） */
	#index article.main {
		margin: 0 0;
		border-bottom: none;
	}
	
	#index #content section {
	margin: 0;
	padding:2em 0;
	border-bottom: 1px #cccccc solid;
	}
	
	#index #content section.bg1 {
		background: url(../images/bg.jpg) center top no-repeat;
	}
	#index #content section.bg1 img.il {
		margin-top:2em;
	}
	
	#index #content section.bg2 {
		background: #eef4ff url(../images/bg2.png) center top no-repeat;
	}


	#index #content section.bg3 {
		background-color: #eef4ff;
	}
	
	#index #content section div.wait700 {
		width:700px;
		margin: 0 auto;
	}
	
	#index #content section div.wait700 dl.keikakuNagare {
		margin-top:3em;
	}
	#index #content section div.wait700 dl.keikakuNagare dt {
		float:left;
	}
	#index #content section div.wait700 dl.keikakuNagare dd h3 {
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:0.5em;
	}
	#index #content section div.wait700 dl.keikakuNagare dd {
		border-bottom:1px #999999 dotted;
		padding: 0 0 1em 120px;
		margin-bottom: 1.5em;
	}
	#index #content section div.wait700 p.cyusyaku {
		background-color:#FFF;
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px; 
		border-radius: 6px; 
		padding:1em;
		margin:1em 0 3em 0;
		font-size:85%;
	}
	#index #content ul {
		margin-top:1em;
	}
	#index #content li {
		background: url(../images/link.png) left 3px no-repeat;
		padding-left:30px;
	}
	

	

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

	
}