@charset "utf-8";

/* 全ての要素の余白をリセット */
* {
  padding: 0;
  margin: 0;
}

/* body */
body {
    color:#1a1a1a;
	margin:0px;
	padding:0px;
	background:#ffffff;
}

/* 見出し */
h1 { color:black; font:9pt"ＭＳ ゴシック", "Osaka－等幅"; margin:0px 0px;}
h2 { color:blue;  font-size:11pt; margin:0px 0px;}
h3 { color:blue;  font-size:11pt; margin:0px 0px;}

/* リンク */
a       { color:#0000ff; text-decoration:underline; }
a:hover { color:#aa0000; text-decoration:none; background-color:#ffcc99; }

/* テーブル */
table.tb1 {
	table-layout:fixed;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
        }
td.tb1left {
	table-layout:fixed;
	border:1px solid blue;
	border-spacing:0px;
	font-size:11.5pt;
	color:blue;
	background:#efffff;
    width:170px;
	padding:5px;
	}
td.tb1right {
	table-layout:fixed;
	border:1px solid blue;
	border-spacing:0px;
	font-size:11.5pt;
	color:red;
	background:#ffffff;
	width:330px;
	padding:5px;
	}

/* テーブル（フォーム） */
table.tbf {
	table-layout:fixed;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
        }
td.tbfleft {
	table-layout:fixed;
	border:1px solid blue;
	border-spacing:0px;
	font-size:11.5pt;
	color:blue;
	background:#efffff;
    width:105px;
	padding:5px;
	}
td.tbfright {
	table-layout:fixed;
	border:1px solid blue;
	border-spacing:0px;
	font-size:11.5pt;
	background:#ffffff;
	width:375px;
	padding:5px;
	}

/* テーブルの見出し */
caption {
	text-align:left;
	font-size:11.5pt;
	margin-bottom:5px;
	}

/* 全体 */
#wrapper {
  text-align: left;
  margin: 1em auto 0;
  width: 780px;
}

/* タイトルバー */
#header {
  padding: 10px 120px 10px;
  background:url(title.gif);
  border:1px solid #cccccc;
}

/* トップメニュー */
#topmenu {
  width: 100%;
  position: relative;
}

/* メインコンテンツ */
#main {
  float: right;
  width: 580px;
  padding: 2.5em 0px 1em 5px;
}

/* サイドバー */
#side {
  float: left;
  width: 190px;
  padding: 2.5em 0px 1em 0px;
}

/* フッター */
#footer {
	clear:both; width:100%; height:24px; text-align:center; padding-top:7px; color:white; background:#6c59cb; }
#footer a { color:white; text-decoration:underline; }
#footer a:hover { color:white; text-decoration:none; background-color:#ffcc99; }

/* フッター２ */
#footer2 { width:100%; text-align:right; color:gray; font-size:10px }
#footer2 a { color:gray; text-decoration:underline; }
#footer2 a:hover { color:gray; text-decoration:none; background-color:#ffcc99; }


/* タイトルバーの設定 */
.logo {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.logo a {
  text-decoration: none;
  color: #0000ff;
}
.logo a:hover {
  text-decoration: none;
  background-color: #ffcc99;
  color: #aa0000;
}

/* トップメニューの設定 */
#topmenu a { color:white; text-decoration:underline; }
#topmenu a:hover { color:white; text-decoration:none; background-color:#ffcc99; }
#topmenu ul {
  width: 780px;
  list-style-type: none;
  position: absolute;
  background:url('mainbar.gif');
}
#topmenu li {
  text-align: center;
  color:white;
  width: 128px;
  float: left;
  border-left: 1px solid #000000;
  font-size:11.5pt;
  background:url('mainbar.gif');
  padding: 0.5em 0;
}

/* コンテンツの設定 */

/* -- 文字 -- */
#main p {
  line-height: 1.6em;
  margin-bottom: 0.5em;
}
.pt12 { font-size:12pt; }
.red { color: red; }
.tbh { color: #0068e0; }
.blk { color: black; }

/* -- 個別コンテンツのタイトル画像 -- */
.contentsimg {
	width:auto;
	font-size:13px;
	line-height:140%;
	border:1px solid #c7c7c7;
	background:#ffffff;
	margin-bottom:5px;
}

/* -- 個別コンテンツのタイトル -- */
.contentstitle {
	width:auto;
	height:24px;
	border:1px solid #cccccc;
	background:#ffffff
	url(titlebar.gif);
	padding-top:5px;
	padding-left:15px;
	}
	
/* -- 個別コンテンツ -- */
.contents {
	width:auto;
	font-size:13px;
	line-height:140%;
	border:1px solid #c7c7c7;
	padding:10px 15px 10px 15px;
	margin-bottom:5px;
	background:#ffffff;
}
.contents ul { margin-left:20px; }

/* -- 「詳しくはこちらから」 -- */
.more1 {
	text-align:right;
	padding-top:30px;
}
.more2 {
	text-align:right;
	padding-top:20px;
}
.more3 {
	text-align:left;
	padding-top:20px;
}

/* -- 画像の設定 -- */
.image { border:0px; }

/* -- 作成料金案内 -- */
.fee { color:red; margin-bottom: 40px; }

/* 送信ボタン */
.submit {
	width:auto;
	text-align:center;
	margin-bottom:10px;
	}
.sbmtbutton {
	height:16pt;
	text-align:center;
	margin-top:0pt;
	line-height:100%;
	width:100px;
	}


/* サイドバーの設定 */

/* サイドメニュー */
#sidemenu {
	width:auto;
	font-size:11pt;
	border:1px solid #c7c7c7;
    margin-bottom: 10px;
}
#sidemenu ul { width:auto; list-style-type: none; margin:5px 0px 5px 0px;
}
#sidemenu li { width:auto; height:30px; padding-top:9px; padding-left:10px; margin:0px 5px 0px 5px; background:url('sidebar.gif'); }

/* お気に入りボタン */
.favorite {
	width:auto;
	text-align:center;
	margin-bottom:10px;
	}
.favbutton {
	height:16pt;
	text-align:center;
	margin-top:0pt;
	line-height:100%;
	width:145px;
	}

/* サイドタイトル */
.sidetitle {
	width:auto;
	height:24px;
	text-align: center;
	color:white;
	font-size:11pt;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#cccccc;
	background:#ffffff
	url(mainbar.gif);
	padding-top:7px;
	}

/* サイドコンテンツ */
.sidecontents {
	width:auto;
	font-size:13px;
	line-height:200%;
	border:1px solid blue;
	padding:10px 15px 10px 15px;
	margin-bottom:10px;
	background:#f0f8ff;
	}

/* -- Ｗ３Ｃ準拠バッジ -- */
.valid { text-align:center; border: 0; }
.valid a:hover { background-color:#ffffff; }