@charset "UTF-8";

BODY	{					/* ドキュメント全体 */
	font-family:sans-serif;			/* フォントファミリー */
	background-color:white;			/* 背景色：白 */
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-size:12pt;				/* フォントサイズ：12pt */
	text-align:left;			/* 文字揃え：左寄せ */
	text-indent:0pt;			/* インデント：0pt */
	color:black;				/* 文字色：黒 */
	margin:10px 30px 10px 10px ;		/* マージン：上・右・下・左 */
	}

A:link	{
	color:#000099;				/* リンク：文字色 */
	text-decoration:none;		/* リンクから下線を削除する */
	}

A:visited	{
	color:#000099;				/* 既訪リンク：文字色 */
	}

A:hover {
	color:#FF0000;				/* カーソルオン：文字色 */
	text-decoration:underline;		/* リンクに下線を削除する */
	}

A:active	{
	color:#FF0000;				/* リンククリック中：文字色 */
	}

/*---------------------------------------------
Mobile
---------------------------------------------*/
div#header
{
text-align:center;
background-color:#FFFFFF;
}

div#menu
{
text-align:center;
background-color:#FFFFCC;
}

div#contents
{
text-align:left;
background-color:#FFFFFF;
}

div#spacer
{
text-align:center;
background-color:#FFFFFF;
}

div#footer
{
text-align:center;
background-color:#FFFFFF;
}

/*---------------------------------------------
PC
---------------------------------------------*/
@media all and (min-width:700px){
div#header
{
text-align:center;
background-color:#FFFFFF;
}

div#menu
{
width:25%;margin:0 auto;
display:inline;
text-align:center;
background-color:#FFFFCC;
float:left;
}

div#contents
{
width:70%;margin:0 auto;
display:inline;
text-align:left;
background-color:#FFFFFF;
float:right;
margin: 10px 10px 10px 10px ;
}

div#spacer
{
text-align:center;
background-color:#FFFFFF;
clear:both;
}

div#footer
{
text-align:center;
background-color:#FFFFFF;
clear:both;
}
}