@charset "UTF-8";

body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

/* サイト名 */
.site h1 a	{color: #000000;
	text-decoration: none}

.site h1	{margin: 0;
	font-size: 30px}

/* ナビゲーション */
.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 15px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #ffa07a}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}

/* サイドメニュー */
.sidemenu	{margin-bottom: 30px}

.sidemenu ul	{margin: 0;
	padding: 0;
	list-style: none}

.sidemenu li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.sidemenu li a:hover	{background-color: #eeeeee}

.sidemenu h1		{margin-top: 0;
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
	color: #666666;
	font-size: 18px}

/* コピーライト */
.copyright p	{margin: 0;
	color: #666666;
	font-size: 14px}

/* BOX2をバーの形にする */
.box2	{background-color: #f08080}

/* BOX5の上に区切り線を入れる */
.box5	{border-top: solid 1px #dddddd}

/* ボックスの上下の間隔 */
.box1	{padding-top: 8px;
	padding-bottom: 8px}

.box3	{padding-top: 40px;
	padding-bottom: 30px}

.box4	{padding-top: 40px;
	padding-bottom: 30px}

.box5	{padding-top: 15px;
	padding-bottom: 15px}

@media (min-width: 768px) {

/* BOX3とBOX4を横に並べる設定 */
.boxA{width:760px}

.boxA:after	{content: "";
	display: block;
	clear: both;
	width:760px}

.box3	{float: right;
	width: 550px}

.box4	{float: left;
	width: 180px}

/* BOX3とBOX4の左右の間隔 */
.box3	{padding-left: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

}

/*font*/
.font01{
	font-weight: bold;
	text-align: left;
}
.font02{
	font-weight: bold;
	text-align: center;
}

/*table*/
	.table01{
		border-collapse: collapse;
		text-align: left;
		line-height: 1.5;
	}
	.table01 th {
		padding: 3px;
		font-weight: bold;
		vertical-align:middle;
		border: 1px solid #ccc;
		font-size:0.9em;
		background-color:#f08080;
		color:#000000;
		text-align:center;
	}
	.table01 td {
		padding: 3px;
		vertical-align:middle;
		border: 1px solid #ccc;
		font-size:0.9em;
	}

	/*box3*/
	.box3 h1{
		font-size: 1.2em;
	}
	/*サイドバーbox4*/
	.box4 dl{
		margin: 0 0 10px 0;
		padding: 0;
	}
	.box4 dt{
		margin: 0;
		padding: 0;
	}
	.box4 dd{
		margin: 0 0 10px 10px;
		padding: 0;
		font-size: 0.9em;
	}