/*
 * roberta.css - 「いとしのロベルタ」用 CSS
 */

/* 全体設定 */
body {
	margin: 0pt;            /* 1. マージン */
	/* 2. ボーダー */
	padding: 0pt;           /* 3. 余白(パディング) */
	font-size: 90%;         /* 4. フォント */
	/* 5. テキスト */
	/* 6. 色と背景 */
	color: #333;
	background-color: #fff;
}

h1 {
	margin-top: 1em;
	margin-bottom: 1.5em;
	padding-bottom: 0.3em;
	font-size: 100%;
    line-height: 100%;
}

h2 {
    margin-top: 2em;
    margin-bottom: 0em;
	font-size: 100%;
}

h3 {
	font-size: 100%;
}

p {
	margin: 1.2em 2em;
}

a:link { color: #666; }
a:visited { color: #666; }
a:hover {
    color: #f26522;
    background-color:#f5f5f5;
    text-decoration:underline;
}

dt { font-weight: bold; }

dd {
	margin: 0.5em 0em 1.2em 2em;
	padding: 0pt;
}


/* last_update 設定 */

div.last_update {
	position: absolute;
	right: 0.8em;
	top: 0.8em;
}


/* title 設定 */

div.title {
    padding: 10px;
    padding-left: 8pt;
    background-color: #99c515;    
}


/* navi_link 設定 */

div.navi_link {
    padding-top: 3pt;
    padding-bottom: 3pt;
    padding-left: 1em;
    padding-right: 1em;
	font-size: 90%;
	background-color: #cce70b;
}

div.navi_link a:hover {
   	background-color: transparent;
}


/* テーブルレイアウトの設定 */
table.contents {
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
}

table.contents td {
	margin: 0;
	border: 0;
	padding: 0;
	/* デバッグ用
	border-color: #000;
	border-style: solid;
	border-width: 5px;
	*/
	text-align: left;
	vertical-align: top;
}

table.contents td.tableMenu {
	width: 188px;
}


/* menu 設定 */

div.menu {
    margin-top: 0.01em;
	padding: 0px 4px;
    width: 180px;
}

div.menu h2 {
    margin-bottom: 0.01em;
	border-bottom:1px solid #c3c3c3;
}

div.menu h3 {
    margin-top: 2em;
    margin-bottom: 0em;
	border-bottom:1px solid #c3c3c3;
}

div.menu p {
	margin: 1em 0em 1.2em 0em;
	padding: 0pt;
	font-size: 8pt;
}

div.menu ul {
	margin: 0px;
	border-bottom: 1px solid #f3f3f3;
	padding-left: 20px;
	font-size: 0.9em;
	line-height: 1.6em;
	list-style: none;
}

div.menu ul a:link, 
div.menu ul a:visited {
	margin: 0px;
	border-top: 1px solid #f3f3f3;
	padding: 4px 0px 4px 2px;
	width: 100%;
	text-decoration: none;
	color: #666;
	background-color: white;
	display: block;
}

div.menu ul a:hover {
	margin: 0px;
	border-top:1px solid #f3f3f3;
	text-decoration:none;
	color:#000;
	background-color:#f5f5f5;
}

div.menu ul span.this_page {
	margin:0px;
	border-top:1px solid #f3f3f3;
	padding:4px 0px 4px 2px;
	width:100%;
	text-decoration:none;
	color:#b9c900;
	background-color:transparent;
	display:block;
}


/* main 設定 */

div.main {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 11pt;
}

div.main h2 {
	color: #84aa12;
}

div.main h3 {
	clear: both;
    margin-bottom: 1pt;
	font-size: 11pt;
}

/*
div.main ul {
	margin: 0px 13px 5px 0px;
	background-color: #e3e3e3;
}

div.main li {
	font-size: 10pt;
}
*/

div#googleSearch {
	margin-top: 1em;
	text-align: center;
}

p#googleLink {
	text-align: right;
}


/* 過去の履歴 設定 */

div.history {
    padding-right: 30pt;
	text-align: right;
}


/* ↑ページ先頭へ 設定 */

div.toPageTop {
	clear: both;
    padding-top: 3pt;
    padding-bottom: 3pt;
    padding-right: 14px;
	font-size: 10pt;
	text-align: right;
}


/* footer 設定 */

div.footer {
    padding: 10px;
    padding-left: 1ex;
    padding-right: 1ex;
    font-size: 8pt;
	text-align: right;
    background-color: #99c515;
}


/* makiList 設定 */

div.makiList table {
	margin: 0px 0px 3px 0px;
	border: 0;
	padding: 0;
	width: 100%;
	font-size: 10pt;
}

div.makiList table img {
	border: solid;
	border-width: 1px;
}

div.makiList table th {
    background-color: #bdd595;
}

div.makiList table td {
    background-color: #e3e3e3;
   	vertical-align: middle;
}