/* Cascading Style Sheet */


/* === Html === */

html{
 height: 100%;
}


/* === Body === */

body{
 background-color: #F8F8F8;
 color: #000000;
 line-height: 1.6em;
 height: 100%;
}

body.Root{
 height: auto;
}

body.Menu{
}


/* === Whole === */

.Inv{
 background-color: #000000;
 color: #F8F8F8;
}


/* === Link === */

/* --- Link . Default --- */

a:link{
 color: #2020C0;
}

a:visited{
 color: #408060;
}

a:active{
 color: #FF0000;
}

a:hover{
 color: #FF0000;
}

/* --- Link . Inverse --- */

.Inv a:link{
 color: #C0D0F8;
}

.Inv a:visited{
 color: #C0F8E0;
}

.Inv a:active{
 color: #FFFF00;
}

.Inv a:hover{
 color: #FFFF00;
}


/* === Address === */

address{
 font-style: normal;
 text-align: right;
}


/* === Heading === */

h1{
 white-space: nowrap;
 font-size: 1.5em;
 font-weight: bold;
 text-align: center;
 margin: 0 0 0.5em 0;
}

.Root h1{
 font-size: 2.0em;
 margin: 0 0 0.5em 0;
}

.Menu h1{
 font-size: 2.0em;
 margin: 0 0 0.2em 0;
}

h2{
 white-space: nowrap;
 font-size: 1.2em;
 font-weight: bold;
 text-align: left;
 margin: 0 0 0.5em 0;
}

.Root h2{
 font-size: 1.8em;
 margin: 0 0 0.5em 0;
}

.Menu h2{
 font-size: 1.8em;
 margin: 0 0 0.5em 0;
}

h3{
 white-space: nowrap;
 font-size: 1.2em;
 font-weight: bold;
 text-align: center;
 margin: 0 0 0.5em 0;
}

h4{
 white-space: nowrap;
 font-size: 1.0em;
 font-weight: bold;
 text-align: left;
 margin: 0;
}

h5{
 white-space: nowrap;
 font-size: 1.0em;
 font-weight: normal;
 text-align: center;
 margin: 0 0 1.0em 0;
}


/* === Table === */

/* --- Table . Default --- */

table{
 border-collapse: separate;
 border-spacing: 0;
 margin: 0;
 padding: 0;
}

th{
 white-space: nowrap;
 text-align: left;
 margin: 0;
 padding: 0 0.4em;
}

td{
 white-space: normal;
 margin: 0;
 padding: 0 0.4em;
}

/* --- Table . Assort --- */

table.Assort{
 white-space: nowrap;
 vertical-align: middle;
}

table.Assort th{
 padding: 0.1em 0.5em;
 text-align: left;
}

table.Assort td{
 padding: 0 0.5em;
}

th.AssortItem{
 width: 20em;
}

th.AssortDate{
 width: 6em;
}

td.AssortItem{
}

td.AssortDate{
 text-align: center;
}


/* --- Table . Dairy --- */

table.DiaryIndex{
 white-space: nowrap;
 margin-left: auto;
 margin-right: auto;
 line-height: 1.2em;
 vertical-align: middle;
}

table.DiaryIndex th{
 padding: 0.1em 0.3em 0.1em 0.3em;
 text-align: left;
 font-size: 1.2em;
}

table.DiaryIndex td{
 padding: 0 0.1em 0 0.3em;
 text-align: center;
}


/* --- Table . Callender --- */

table.CallenderSeason{
 white-space: nowrap;
 margin-left: auto;
 margin-right: auto;
 border-spacing: 1.0em 0;
}

table.CallenderSeason td{
 vertical-align: top;
}

table.CallenderMonth{
 border-style: inset;
}

table.CallenderMonth th{
 text-align: center;
 font-weight: normal;
 font-size: 0.8em;
 padding: 0;
}

table.CallenderMonth td{
 text-align: right;
 padding: 0 0.3em 0 0.3em;
}

.CallenderWeekday{
}

.CallenderSaturday{
}

.CallenderSunday{
 color: #FF0000;
}


/* === Paragraph === */

p{
}


/* === Division === */

div{
}

div.Contain{
 margin: 0 1.0em;
}

div.Feed{
 margin: 0 0 1.0em 0;
}

div.CenterFeed{
 text-align: center;
 margin: 0 0 1.0em 0;
}

div.Site{
 padding: 0 1.0em 1.2em 1.0em;
 white-space: nowrap;
}

div.Tab{
 padding-left: 0.2em;
}

div.Depth{
}

div.Scroll{
 height: 100%;
 clear: both;
}

div.Modified{
 font-style: italic;
 text-align: right;
}

div.Generated{
 font-style: italic;
}

div.Footer{
 float: left;
}

/* --- Division . Half --- */

div.HalfLeft{
 float: left;
 margin: 0 0 0.8em 0;
 border-width: 1px;
 border-right-style: solid;
 width: 50%;
}

div.HalfRight{
 float: left;
 margin: 0 0 0.8em -1px;
 border-width: 1px;
 border-left-style: solid;
 width: auto;
}

/* --- Division . Float --- */

div.FloatRight{
 margin-left: auto;
 margin-right: 0;
 float: right;
}


/* --- Division . Diary --- */

div.DiaryIndexDecade{
 font-size: 0.8em;
}

div.DiaryNavi{
 text-align: center;
 text-weight: bold;
}

div.DiaryColumn{
 margin: 0 2.0em 1.5em;
}

div.DiaryCenter{
 margin: -0.5em 2.0em 1.5em;
 text-side: 1.0em;
 font-weight: normal;
}

div.DiaryNote{
}


/* === List === */

ul{
}

dl{
 margin: 0em 0em 1.0em 2.0em;
}

dt{
 margin: 0em 0em 0em 0em;
}

dd{
 margin: 0em 0em 0em 1.0em;
}

dd+dt{
 margin: 0.5em 0em 0em 0em;
}


/* === Span === */

span.Current{
 font-weight: bold;
}

span.Banner{
 float: right;
 margin-left: 0.5em;
}

span.Mail{
 float: right;
 text-align: right;
 line-height: 1.2em;
}

span.Category{
 font-size: 0.8em;
}

span.Model{
 font-size: 0.8em;
}

span.Supplement{
 font-size: 0.8em;
}


/* === Horizontal-Rule === */

hr{
 margin-top: 1.8em;
 margin-bottom: 0.2em;
}

hr.RuleTop{
 margin-top: 0.2em;
 margin-bottom: 1.0em;
}

hr.RuleInter{
 margin-top: 0.2em;
 margin-bottom: 0.2em;
}

hr.RuleBottom{
 margin-bottom: 0.2em;
 clear: both;
}

hr.DiarySeparateDay{
 width: 50%;
 margin-left: auto;
 margin-right: auto;
}

hr.DiarySeparateNote{
 width: 30%;
 margin-left: 0;
 margin-right: auto;
}


/* === Image === */

img{
 border-style: none;
}

/* --- Image . Icon --- */

img.Icon{
 width: 38px;
 height: 38px;
 margin: 2px;
}

img.Icon:hover{
 width: 42px;
 height: 42px;
 margin: 0px;
}


/* === Override === */

em{
}

strong{
}


/* === */