/**
 * mojavi.css
 *
 * いくつかのコーディング規則
 *
 * ブロック間は基本的にmarginで調節する。
 * また、当該ブロックで主体的にコントロールするのは上側のみ。
 * 下側は下のブロックのmarginに任せ、当該ブロックではpaddingのみ使う。
 *
 * 全体のwrapperブロックでpadding指定はしない。
 * 基本的に内部のブロックのmarginに任せる。
 *
 * スタイルは、各ブロックごとに設定をまとめておく。
 * 汎用的な指定(init的な設定)などは、上に書くべきか(cascadeさせる)
 * (より狭い範囲なら、わざわざ必要ないかな?)
 *
 */

/* body全体とwrapperブロック */
body {
	text-align:center;
	border:0;
	margin:0;
	padding:0;
    color:navy;
}
#wrapper
{
	width:730px;
	text-align:left;
	border-left:1px dashed #000;
	border-right:1px dashed #000;
	margin:0 auto;
	padding:0;
}
#header
{
	width:600px;
	border:0;
	/*border:1px solid #000;*/
	margin:20px auto 0;
	padding:0;
}
#header h2
{
	font-size:1em;
	margin:40px 0 20px;
	color:black;
}
/* 子カテゴリを持つページのキャプション */
#caption
{
	clear:both;
	display:table;
	border-collapse:collapse;
	width:600px;
	border:0;
	/*border:1px solid #000;*/
	margin:15px auto 50px;
	padding:0;
}
#caption ul
{
	display:table-row;
	list-style:none;
	border:0;
	margin:0;
	padding:0;
}
#caption ul li
{
	display:table-cell;
	float:left;
	width:195px;
	border:1px solid #000;
	margin:1px ;
	padding:0;
	/*background:#fee;*/	/* 薄いピンク */
	background:#ffc;		/* 薄い黄色 */
	text-align:center;
}
#caption ul li a
{
	display:block;
	margin:0;
	padding:5px 0;
	border:0;
	/*background:#fee;*/	/* 薄いピンク */
	background:#ffc;		/* 薄い黄色 */
}
#caption ul li a:link
{
	color:navy;
}
#caption ul li a:hover
{
	color:#00008b;			/* hover用文字色(DarkBlue) */
	color:#00a;			/* hover用文字色(DarkBlue) */
	background:#ffd700;		/* hover用黄色(Gold) */
	background:#ffe65b;		/* hover用黄色(Gold) */

	/*color:#f00;*/			/* hover用文字色(赤) */
	/*background:#fcc;*/	/* hover用ピンク */
}
#caption ul li a:active
{
	color:#00008b;			/* hover用文字色(DarkBlue) */
	color:#00a;			/* hover用文字色(DarkBlue) */
	background:#ffd700;		/* hover用黄色(Gold) */
	background:#ffe65b;		/* hover用黄色(Gold) */

	/*color:#f00;*/			/* hover用文字色(赤) */
	/*background:#fcc;*/	/* hover用ピンク */
}
/* ページ内リンクのボックス */
#link
{
	width:600px;
	margin:0 auto;
	padding:0;
	border:0;
}
#link h3
{
	width:200px;
	margin:0 auto 20px;
	padding:5px 0;
	border:1px solid #333;
	text-align:center;
	color:#000;
	background:#ffc;
}
#link .link_footer
{
	margin:1em 0;
	text-align:right;
}
/* リンクグループの設定 */
.group
{
	margin:0 0 60px;
}
.group .group_footer
{
	margin: 1em 0 0;
	text-align:right;
}

/* map領域 */
#mapimage
{
	width:600px;
	margin:0 auto;
	padding:0;
	/*border:10px solid black;*/
	border:0;
	border:1px solid black;
	color:black;
}
#mapimage img
{
	float:left;
	margin:0 auto;
}
#mapimage ul
{
	margin:10px 0 0 30px;
	padding:0;
	list-style:none;
	width:60px;
	float:left;
	border:0;
}
#mapimage li
{
	margin:5px 0;
	padding:2px;
	border:1px dashed black;
	text-align:center;
}
#mapimage li a
{
	margin:0;
	display:block;
}

/*
#mapimage_caption
{
	width:200px;
	float:left;
	margin:0 auto;
	border:1px solid black;
	border:0;
}
*/
/* 使ってない? category_link */

.category_link {
	width:570px;
	border: 3px solid #ff3;
	margin:0;
	padding: 15px;
	font-size:1.05em;
	background: #ffc;
	word-spacing: 0.5em;
	line-height:1.5em;
}
.category_link a {
	color: #900;
}
.category_link a:link {
	color: #900;
}
.category_link a:visited {
	color: #900;
}
.category_link a:active {
	color: #900;
}
.category_link a:hover {
	color: #f00;
}

/* リンク1エントリ(リンク+コメント)のスタイル */
.unit
{
	width:600px;
    margin:0;
    font-size:1em;
}
.unit ul {
	margin:0;
	padding:0;
}
.unit li {
    list-style:none;
    padding:2px;
}
.unit .link {
    background:navy;
	color:#fff;
}
.unit .link a {
	color:#fff;
}
.unit .comment {
    background:#ffc;
}
/* フッター領域 */
#footer {
	width:600px;
	border:0;
	margin:15px auto 25px;
	padding:0;
	text-align:center;
	color:orange;
}
#footer img {
	border:0;
	margin:0 auto;
	padding:0;
	color:navy;
}
/* リンクページ・フッター領域 */
#footer_link {
	width:600px;
	border:0;
	margin:50px 0 0 0;
	padding:0;
	text-align:center;
}

#footer_link img {
	border:0;
	margin:15px auto 0;
	padding:0;
	color:navy;
}

#footer_link hr {
	color:#fc0;
	width:600px;
	border:0;
	margin:0;
	padding:0;
}
/* ヘッダー一般 */
h1,h2,h3,h4,h5,h6
{
	margin:0;
	padding;0;
	border:0;
	font-weight:normal;
}
h2
{
}
h3
{
	font-size:1em;
}
h4
{
}
/* anchor */
a
{
    text-decoration:none;
    color:#333;
}
a:link
{
    color:#333;
}
a:visited
{
}
a:hover
{
    color:orange;
}
a:active
{
    color:orange;
}
/* image */
img
{
	border:0;
	margin:0;
}
/* 広告バナー */
/*
div.ad {
	width:600px;
	border:0;
	margin:0;
	padding:0;
}
.ad a {
	border:0;
	margin:0;
	padding:0;
	text-decoration:none;
}
.ad img {
	border:0;
	margin:0;
	padding:0;
}
*/
/* マップ領域 */
#map_image_area {
	border: 5px solid #f90; 
	margin:20px 0;
	padding:0;
	width:600px;
	color:orange;
}
#map_image_area a{
	font: 0.8em sans-serif;
	color:orange;
}

/* iモード用サイト */
.imode li{
	border:0;
	margin:0;
	padding:0;
}
.clear
{
	clear:both;
}