@charset "UTF-8";

body {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 20px;
	color: #333300;
	background-color:#66cccc;
}

/* 枠表示用 */
/*
div {
  border: solid 3px red;
  box-sizing: border-box;
}
*/

/* リンク */
A:link {
	color: #0000ff; /* リンクの色 */
	text-decoration: underline; /* 文字装飾 */
}
/* 訪問済みリンク */
A:visited { 
	color: #0000ff; /* リンクの色 */
	text-decoration: underline; /* 文字装飾 */
}
/* 現在開いているリンク */
A:active { 
	color: #AAAAAA; /* リンクの色 */
	text-decoration: underline; /* 文字装飾 */
}

/* マウスカーソルが上に来た時のリンク */
A:hover {
 	color: #ff0000; /* リンクの色 */
	text-decoration: underline; /* 文字装飾 */
}

/* ライン */
HR{
	color: #1E90FF;
}

/* メイン */
.contents-main {
	width: 750px;
}

/* ヘッダ部 */
.contents-header {
	width: 100%;
	margin-bottom: 5px;
}

/* ヘッダ部用テキスト */
.header-text {
	font-size: 80%;
	color: #000000;
	padding: 1px;
}


/* 左コンテンツ */
.contents-left {
	width: 59%;
	float: left;
	padding-right: 1%;
	margin-bottom: 5px;
}

/* 右コンテンツ */
.contents-right {
	width: 40%;
	float: left;
	margin-bottom: 5px;
}

/* 下部コンテンツ */
#contents-bottom {
	width: 100%;
	clear: both;
}

/* フッタ部 */
#footer {
	width: 100%;
	font-size: 70%;
	text-align: center;
	border-top: 1px solid #0033cc;
	padding: 1px;
	margin-top: 4px;
}

/* コンテンツ用共通 タイトル */
.contents-title {
	font-size: 90%;
	color: #FFFFFF;
	border-left: 6px solid #0066cc;
	border-bottom: 2px solid #0066cc;
	background-color: #1E90FF;
	padding: 1px;
}

/* コンテンツ用共通 テキスト */
.contents-text {
	font-size: 80%;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px;
}