/* 全てに適用するCSS */
body{
/*	background-color: #212121;*/
}
#header img
{
	width: 820px;
}
.intro
{
	font-size: 15px;
	color: gray;
	font-family:  "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	margin: 5px 0 15px;
	
}
#main
{
	width: 820px;
	height: 700px;
	margin: 0 auto;
    text-align: center;
	font-size: 15px ;		/* 文字サイズ */
	line-height: 1.618 ;	/* 行の高さ */
}

.mihiroji
{
	width: 400px;
	float: left;		/* 左に寄せる */
	padding-bottom: 20px;
}
.yamiroji
{	
	width: 400px;
	float: right;	/* 右に寄せる */
	padding-bottom: 20px;
	
}
.sns{	/* SNSメニュー */
	width: 800px;
	margin: 0 auto;
	padding: 13px 0;
	background-color:black;
}
.sns a	/* SNSリンク */
{
	margin: 0 50px 0;
	/*margin: 0 auto;*/
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size: 20px;
	/*	background-color: black;
		padding:20px 40px; */
}
a:link /* リンク訪問前 */
{
	color: #7f5f76;
} 
a:visited /* リンク訪問後 */
{
	color: #7f5f76;
}
a:hover /* リンクにカーソル合わせたとき */
{
	color: red;
}
#footer
{	
	text-align: center;
	margin-top:30px;
	font-size: 13px;
	color: #949494;
}

/* スマホ用CSS（ウィンドウ幅が0〜479pxの場合に適用する）*/
@media screen and ( max-width:479px )
{
	#header
	{
		width:300px;
		height:91px;
		margin:10px auto;
		text-align:center;
		background: url(./img/rogo-mini.png) no-repeat center;
	}
	#header img
	{
		display:none;
	}
	.intro p
	{
		display:none;
	}
	#main
	{
		width: auto;
		height: auto;
		margin: 0 auto;
    	text-align: center;
		font-size: 13px;	/* 文字サイズ */
	}
	.mihiroji
	{
		float:none;		/* floatを無効にする */
		width: auto;
	}
	.yamiroji
	{
		float:none;		/* floatを無効にする */
		width: auto;
	}
	.mihiroji img
	{
		width: 70%;		/* 画像サイズを縮小 */
	}
	.yamiroji img
	{
		width: 70%;		/* 画像サイズを縮小 */
	}
	table, tbody, tr, th, td 
	{
		display: block;
		max-width: 98%; /*スマホ画面ほぼ一杯に広がる感じ*/
	}
	#footer
	{	
		text-align: center;
		margin-top:30px;
		font-size: 10px;
		color: #949494;
	}
}