@charset "UTF-8";

/* Basic Style */
*{
    font-variant:	normal;
    font-style:		normal;
    font-weight:	normal;
    font-size:		medium;
    font-family:	メイリオ,Tahoma,Arial, sans-serif;
    line-height:	120%;
    margin:			0px;
    padding:		0px;
    text-align:		left;
    border-width:	0px;
    border-style:	solid;
}

body {
    margin:			2px auto;
    padding:		4px;
    width:			800px;
    max-width:		960px;
    line-height:	125%;
}

h1 {
    color:			navy;
    text-align:		center;
    font-size:		300%;
    font-weight:	bold;
    margin:			4px auto 12px auto;
    white-space:	nowrap;
}

h2 {
    color:			navy;
    text-align:		center;
    font-size:		150%;
    font-weight:	bold;
    white-space:	nowrap;
}

h3 {
    color:			brown;
    text-align:		center;
    font-size:		135%;
    font-weight:	bold;
    white-space:	nowrap;
}

h4 {
    color:			navy;
    text-align:		center;
    font-size:		120%;
    font-weight:	bold;
    white-space:	nowrap;
}

em {
    color:			brown;
    font-weight:	bold;
}

strong {
    color:			red;
    font-weight:	bold;
}

p {
    font-size:		100%;
    margin:			0px;
    padding:		4px 0px 4px 0px;
    text-indent:	1ex;
    line-height:	160%;
}

img {
    border-width:	0px;
    margin:			0px;
    padding:		0px;
}

table {
    margin:			8px auto;
    caption-side:	top;
    border-collapse: separate;
    empty-cells:	show;
}
caption {
    margin:			8px auto 4px auto;
    text-align:		center;
    font-weight:	bold;
    color:			brown;
}
th {
    font-weight:	bold;
    text-align:		center;
    margin:			0px;
    padding:		2px;
    border-width:	0px 1px 1px 0px;
    border-style:	solid;
    border-color:	#eff #acc #acc #eff;
    background-color:	#cff;
}
td {
    font-weight:	normal;
    text-align:		left;
    margin:			0px;
    padding:		2px 4px;
    border-width:	0px 1px 1px 0px;
    border-style:	solid;
    border-color:	#ccc;
    background-color:	#f8f8f8;
}

a	{
    text-decoration:	none;
}
a:link	{		color:				#0000FF;
				background-color:	transparent;
}
a:hover	{		color:				#00FFFF;
				background-color:	#0000FF;
}
a:active{		color:				#00FFFF;
				background-color:	#00FF00;
}
a:visited {		color:				#008000;
				background-color:	transparent;
}
a:visited:hover {
				color:				#00FFD0;
				background-color:	#0000FF;
}


br.both {
    clear: both;
}

img.photo{
    border-width: 16px 16px 8px 16px;
    border-style: solid;
    border-color: #f8f8f8;
}
td.movie{
    padding: 16px 16px 8px 16px;
}


/* Basic - Class Style */
.c {	text-align:	center;	}
.l {	text-align:	left;	}
.r {	text-align:	right;	}

/* Header ID */
#header {
    margin:			0px auto 16px auto;
    width:			800px;
    height:			162px;
    padding:		0px;
    border-width:	0px 0px 2px 0px;
    border-style:	solid;
    border-color:	#a0a0d0;
}
#banner_over_topimage {
    text-align:		left;
    position:		absolute;
    top:			113px;
    margin:			0px 0px 8px 2px;
}
#banner {
    text-align:		right;
}

/* Top Page */
h1#title-old {
    margin:		92px auto 16px auto;
}
div.submenu {
	background-color:		#ffc;
    border:			1px dashed brown;
    width:			240px;
    margin:			4px 12px;
    padding:		0px;
    float:			left;
    text-align: 	center;
}

div.contents1 {	/* 横に1個コンテナ */
	background-color:		transparent;
	color:					navy;
	border-width:			0px;
    width:					270px;
	margin:					8px auto 16px auto;
    padding:				0px;
}

div.contents2 {	/* 横に2個コンテナ */
	background-color:		transparent;
	color:					navy;
	border-width:			0px;
    width:					560px;
	margin:					8px auto 16px auto;
    padding:				0px;
}

div.contents3 {	/* 横に3個コンテナ */
	background-color:		transparent;
	color:					navy;
	border-width:			0px;
	margin:					8px auto 16px auto;
    padding:				0px;
}

h3.submenu {
    background-color:	#d0ffff;
    font-size:		12pt;
    border-width:	0px 0px 1px 0px;
    border-color:	brown;
    border-style:	dashed;
    text-align:		center;
    padding:		6px 2px;
    margin:		0px;
}

h4.submenu {
    background-color:	transparent;
    text-align:		center;
    padding:		8px;
    margin:			0px;
}

.link p{
    line-height: 200%;
    padding: 6pt;
    text-align: left;
    text-indent: 0px;
}
/* Contents page */
table.navigation {
    margin:			24px auto;
    border-width:	0px;
}
table.navigation th {
    background-color:	#cff;
    border-width:	0px 2px 2px 0px;
    border-color:	#8cc;
    border-style:	solid;
    white-space:	nowrap;
}
table.navigation td {
    width:			12em;
    text-align:		center;
    background-color:	#ffc;
    border-width:	0px 2px 2px 0px;
    border-color:	#cc8;
    border-style:	solid;
    white-space:	nowrap;
}
hr.navigation{
    width:			50%;
    margin:			32px auto 4px auto;
    padding:		1px;
    background-color:	#888;
    text-align: center;
}

h2.contents {
    background-color:	#d0ffff;
    border:			none;
    text-align:		center;
    padding:		4px;
    margin:			0px auto;
    width:			50%;
    color:	brown;
}

h3.contents {
    background-color:	transparent;
    color:	navy;
    text-align:		center;
    padding:		8px;
    margin:			0px auto;
}
h4.contents {
	background-color:		transparent;
	color:					green;
	border-width:			2px 0px 0px 16px;
	border-style:			solid;
	border-color:			#cc8;
	margin:					16px auto 8px auto;
	padding:				8px;
	max-width:				752px;
	text-align:				center;
}

.h4 {
    margin:			0px 2em;
}

h5 {
	background-color:		transparent;
	color:					blue;
	text-align:				left;
    font-weight:			bold;
    margin:				1em 1em 4px 0;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: cyan;
    width: 15em;
    padding: 4px 1em;
}

/* 行動記録 */

h2.day {
    background-color:	#e0ffff;
    text-align:		center;
    padding:		4px;
    margin:			0px auto;
    width:			25em;
    max-width:		100%;
    color:			brown;
    border-style:	solid;
    border-width:	2px;
    border-color:	#f0ffff #a0cccc #a0cccc #f0ffff;
}

h3.day {
    background-color:	#eee;
    color:				navy;
    text-align:			center;
    padding:			8px;
    margin:				2em auto 1em auto;
    border-width:		0px 2px 2px 0px;
    border-color:		#ccc;
    width:				20em;
}
h4.day {
	background-color:		transparent;
	color:					green;
	border-width:			2px 0px 0px 16px;
	border-style:			solid;
	border-color:			#cc8;
	margin:					8px auto;
	padding:				8px;
	width:					752px;
	text-align:				center;
}

table.day {
    margin:			24px auto;
    border-width:	0px;
    border-spacing:	1px;
}
table.day th {
    background-color:	navy;
    color:			yellow;
    border-width:	0px;
    border-color:	#000;
    border-style:	solid;
    padding:		4px;
    white-space:	nowrap;
}
table.day td {
    margin: 0px;
    background-color:	#c0ffc0;
    color:			#008000;
    text-align:		left;
    padding:		4px 1em;
    border-width:	0px;
    border-color:	#8cc;
    border-style:	solid;
    white-space:	nowrap;
}
table.day td.sel {
    background-color:	#008000;
    color:			white;
}

table.photo {
    border-collapse: collapse;
    margin: 8pt;
}
table.photo th {
    background-color:	#f0f0f0;
    border-width: 0px 2px 2px 0px;
    border-color: #c0c0c0;
    font-size:	10pt;
    font-family: "HG創英角ﾎﾟｯﾌﾟ体",fantasy;
    font-weight: normal;
    padding: 4pt 0pt;
}
table.photo td {
    background-color:	#f0f0f0;
    border-width: 0px 2px 0px 0px;
    border-color: #c0c0c0;
}

/* Affiliate */
img.right {
    margin: 4px 8px;
    float:	right;
}
img.left {
    margin: 4px 8px;
    float:	left;
}