/**********************************************　共通事項 **********************************************/

	/*****************　全体　*****************/

		body {
		background-color:#77EEFF;
		height: 100%;
		font-size: 28px;
		color:#000000;
		margin: 0;
		padding: 0;
		}

		h1{
		font-size:27px;
		padding-top:40px;
		margin:0;
		}

		h2{/* ブロック内の文字*/
		line-height: 0;
		font-size:29px;
		padding-top:0px;
		}

		h2.long{/* ブロック内の文字 長いバージョン*/
		line-height: 0;
		font-size:23px;
		padding-top:50px;
		}

		.clear{/* 文字の横つけの解除　*/
		clear: both;
		}

	/*****************　上部　*****************/

		.top{/* 上部のタイトルなどの */
		font-size: 28px;
		font-family:serif;
		font-variant: small-caps;
		min-width:1024px;
		width:100%;
		}

		span.top1{/* 左上の情報を制する---*/
		position:absolute;
		top:0;
		left:0;
		width:97%;
		text-align: left;
		margin-top:38px;
		margin-left:20px;
		min-width:700px;
		}

		span.top2{/* 左上のSHIMOSHO---- */
		position:absolute;
		top:0;
		left:0;
		width:97%;
		text-align: right;
		margin-right:20px;
		min-width:1050px;
		}

	/*****************　中心部　*****************/
	
		.c{/* 下のCopyright */
		text-align:right;
		font-size:18px;
		color:block;
		position: relative;
		margin-top:150px;
		}

/**********************************************　共通事項 ここまで　**********************************************/

/**********************************************　ボックス関連 ここから　**********************************************/

	/*****************　レイアウト　*****************/
		.block a{
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		color: black;
		text-decoration: none;
		}

		.block{/* boxの横並びなどの関連 */
		vertical-align: middle;
		width:300px;
		height:140px;
		}	
		
		.down{
		padding-top: 50px;
		}

	/*****************　ボックスの色　*****************/
		.yellow {
		background-color:#FFFF99;
		}

		.green {
		background-color:#93FFAB;
		}

		.orange {
		background-color:#FFCC99;
		}

		.blue { 
		background-color:#75A9FF;
		}

		.purple {
		background-color:#EAD9FF;
		}

		.gray {
		background-color:#DDDDDD;
		}
		
		.red{
		background-color:#FF97C2}

	/*****************　表示　*****************/

		.block:hover {/* マウスが上に来た場合 */
		vertical-align: middle;
		background-color:#FFFF55;
		}
		






		img.pi{	/* ブロック内の画像　*/
		border: none;
		float: left;
		width: 140px;
		height: 140px;
		}

	/*****************　フレーム　*****************/


		iframe{/*height: 140px;*/
		width: 300px;
		height: 140px;
		border: none;
		background-color: #f5e56b;
		overflow: visible;
		}	
		

/**********************************************　ボックス関連 ここまで　**********************************************/

/**********************************************　jquery　関係 ここから　**********************************************/

	/*****************　順次表示　*****************/
		#grid-content {
		top:120px;
		overflow: hidden;
		height: 0;
		}

		#grid-content div {
		width: 300px;
		height: 140px;
		color: #000000;
		margin: 5px;
		}


		#grid-content div p {
		margin: 0;
		padding: 0;
		}
		
	/*****************　読み込み中　*****************/
		#loader {
		width: 48px;
		height: 48px;
		display: none;
		position: fixed;
		position: absolute; /* IE6対策 */
		top: 50%;
		left: 50%;
		z-index: 100;
		}
	 
		#fade {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 50;
		}
		
/**********************************************　jquery　関係 ここまで　**********************************************/