/* BASIC */
*{margin: 0px; padding: 0px;}

div {border:solid 0px red ;}

body{
   background-color: #FFF7E2;
   background-image: url(images/yhari_bg.gif);
   background-position: left top;
   background-attachment: scroll;
   background-repeat: repeat-x;

   font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;

   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}


/* A */

a {
   text-decoration: none;
}

a:link {
   color: #992904;
}

a:visited {
   color: #994025;
}

a:active {
   color: #FE9929;
}

a:hover {
   color: #FE9929;
   text-decoration: underline;
}


#container {
   width: 800px;

   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}

/* IN TOP */

#top {
   width: 800px;
   height: 20px;
   margin: 0px 0px 0px 0px;

   background-color: #FFFFFF;
}

#top h1 {
   color: #311904;
   font-size: 10px;
   font-weight: normal;
   line-height:10px ;
   line-break:normal ;
   text-align: left;
   padding: 5px 0px 0px 10px;
   margin: 0px 0px 0px 0px;
}


/* IN NAVI */

#navi {
   width: 800px;
   height: 40px;
   margin: 0px 0px 0px 0px;

   background-color: #FE9929;
}

#navi div.box01{
   width: 100px;
   height: 40px;
   background-color: #311904;
   border-right: solid 1px #FFFFFF;
   float: left;
}

#navi div.box02{
   width: 100px;
   height: 40px;
   border-right: solid 1px #FFFFFF;
   float: left;
}

#navi p {
   color: #FFFFFF;
   font-size: 10px;
   font-weight: normal;
   letter-spacing: 0.1em;
   line-height:13px ;
   line-break:normal ;
   text-align: right;
   padding: 8px 10px 0px 0px;
}


#logo {
   width: 800px;
   height: 70px;
   margin: 0px 0px 0px 0px;

   background-color: #FFF7E2;
}


/* IN MAIN */

#main {
   width: 800px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;

   background-color: #FFF7E2;
   background-image: url(images/yhari_mainbg.gif);
   background-position: left top;
   background-attachment: scroll;
   background-repeat: repeat-y;
}

#main div.box01{
   width: 290px;
   margin: 0px 0px 20px 20px;
   background-color: #FFF7E2;
   float: left;
}

#main div.box02{
   width: 290px;
   margin: 0px 0px 0px 20px;
   background-color: #FFF7E2;
   float: left;
}

#main div.banner{
   width: 600px;
   margin: 0px 0px 10px 20px;
   background-color: #FFF7E2;
   float: left;
}

#main div.side{
   width: 180px;
   padding: 0px 0px 15px 0px;
   margin: 0px 0px 0px 0px;
   background-color: #311904;
   float: left;
}

#main div.sideb{
   width: 180px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   float: left;
   background-color: #311904;
}

#main p.sidettl {
   color: #FFFFFF;
   font-size: 10px;
   font-weight: normal;
   letter-spacing: 0.1em;
   line-height:12px ;
   line-break:normal ;
   text-align: left;
   padding: 8px 10px 5px 10px;
   margin: 0px 0px 0px 0px;
   border-bottom: dotted 1px #FFFFFF;
}

#main p.side {
   color: #FFFFFF;
   font-size: 10px;
   font-weight: normal;
   line-height:14px ;
   line-break:normal ;
   text-align: left;
   padding: 8px 10px 0px 20px;
}

#main ul {
   color: #EFEFEF;
   font-size: 10px;
   line-height:13px ;
   line-break:normal ;
   text-align: left;
   padding: 0px 10px 0px 20px;
   margin-bottom: 8px;
   list-style-type: none;
}

#main li {
   margin-bottom: 10px;
}

#main ul.contents {
   color: #333333;
   font-size: 12px;
   line-height:16px ;
   line-break:normal ;
   text-align: left;
   padding: 0px 10px 5px 10px;
   margin: 0px 0px 0px 0px;
   list-style-type: none;
   background-color: #FEE69E;
}

#main ul.minicont {
   color: #FFF7E2;
   font-size: 12px;
   line-height:16px ;
   line-break:normal ;
   text-align: left;
   padding: 10px 20px 5px 20px;
   margin: 0px 0px 0px 0px;
   list-style-type: none;
   background-color: #311904;
}

#main li.contli {
   padding: 0px 0px 5px 0px;
   border-bottom: dotted 1px #FE9929;
}

#main li.mconli {
   padding: 0px 0px 5px 0px;
   border-bottom: dotted 1px #FE9929;
}

#main li.docbl {
   padding: 0px 0px 10px 30px;
}

#main p.mainttl {
   color: #311904;
   font-size: 12px;
   font-weight: bold;
   line-break:normal ;
   text-align: left;
   padding: 8px 20px 10px 10px;
   background-image: url(images/yhari_index_win.gif);
}

#main p.mainttlb {
   color: #311904;
   font-size: 12px;
   font-weight: bold;
   letter-spacing: 0.1em;
   line-break:normal ;
   text-align: left;
   padding: 11px 0px 5px 10px;
   margin: 0px 0px 0px 0px;
   background-image: url(images/yhari_under_win.gif);
}

#main p.mainttlc {
   color: #311904;
   font-size: 12px;
   font-weight: bold;
   letter-spacing: 0.1em;
   line-break:normal ;
   text-align: left;
   padding: 11px 0px 5px 10px;
   margin: 0px 0px 0px 0px;
   background-image: url(images/yhari_ent_win.gif);
}

#main p.mainttld {
   color: #311904;
   font-size: 12px;
   font-weight: bold;
   letter-spacing: 0.1em;
   line-break:normal ;
   text-align: left;
   padding: 11px 0px 5px 10px;
   margin: 0px 0px 0px 0px;
   background-color: #FEE69E;
}

#main p.main {
   color: #333333;
   font-size: 13px;
   font-weight: normal;
   line-height:20px ;
   line-break:normal ;
   text-align: left;
   padding: 10px 15px 5px 30px;
   margin: 0px 0px 0px 0px;
   background-color: #FEE69E;
}

#main p.mainline {
   color: #333333;
   font-size: 13px;
   font-weight: normal;
   line-height:20px ;
   line-break:normal ;
   text-align: left;
   padding: 10px 15px 5px 15px;
   margin: 0px 0px 0px 0px;
   background-color: #FEE69E;
   border-bottom: dotted 1px #311904;
}

#main p.mainwline {
   color: #333333;
   font-size: 13px;
   font-weight: normal;
   line-height:20px ;
   line-break:normal ;
   text-align: left;
   padding: 5px 15px 10px 42px;
   margin: 0px 0px 0px 0px;
   background-color: #FEE69E;
}

#main p.date {
   color: #333333;
   font-size: 10px;
   font-weight: normal;
   line-height:15px ;
   line-break:normal ;
   text-align: left;
   padding: 5px 15px 5px 15px;
   margin: 0px 0px 0px 0px;
   background-color: #FEE69E;
   border-bottom: dotted 1px #311904;
}

#main div.entry {
   color: #333333;
   font-size: 13px;
   font-weight: normal;
   line-height:20px ;
   line-break:normal ;
   text-align: left;
   padding: 5px 15px 0px 15px;
   margin: 0px 0px 0px 0px;
   background-color: #FEE69E;
}

#main span {
   color: #311904;
   font-size: 12px;
   font-weight: bold;
   line-height:20px ;
}

#main span.subttl {
   color: #333333;
   font-size: 10px;
   font-weight: bold;
   line-height:20px ;
}

#main span.plink {
   color: #311904;
   font-size: 10px;
   font-weight: normal;
   line-height:20px ;
}

#main span.pup {
   color: #311904;
   font-size: 10px;
   font-weight: normal;
   line-height:20px ;
}

#main p.caltxt {
   color: #333333;
   font-size: 10px;
   font-weight: normal;
   line-height:12px ;
   line-break:normal ;
   text-align: left;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 3px 0px;
   border-bottom: dotted 1px #311904;
}

#main p.mainb {
   color: #FFF7E2;
   font-size: 12px;
   font-weight: normal;
   line-height:18px ;
   line-break:normal ;
   text-align: left;
   padding: 10px 20px 0px 20px;
   margin: 0px 0px 0px 0px;

   border-top: dotted 1px #FFF7E2;
   background-color: #311904;
}

#main p.mainc {
   color: #FFF7E2;
   font-size: 12px;
   font-weight: normal;
   line-height:18px ;
   line-break:normal ;
   text-align: right;
   padding: 0px 25px 0px 20px;
   margin: 0px 0px 0px 0px;
   background-color: #311904;
}


/* IN TABLE */

table {
   width: 600px;
   table-layout: fixed;
   background-color: #FEE69E;
}

td {
   width: 250px;
   height: 20px;
   text-align: center;
   vertical-align: middle;
   border-bottom: dotted 1px #311904;
   border-right: solid 1px #311904;
}

p.table {
   color: #333333;
   font-size: 12px;
   font-weight: normal;
   line-break:normal ;
}


/* IN CALENDER */

.calendar {
   width: 161px;
   text-align: center;
   float: left;
}

.calendarhead {
   color: #311904;
   font-size: 10px;
   font-weight: normal;
   letter-spacing: 0.1em;
   line-height:12px ;
   line-break:normal ;
   text-align: left;
   padding: 8px 10px 5px 0px;
   margin: 0px 0px 10px 0px;
   border-bottom: dotted 1px #311904;
}

.calendar table {
   width: 161px;
   border-collapse: collapse;
}

.calendar tr {
   height: 15px;
   background-color: #FFF7E2;
   background-image: url(images/yhari_cal_bg.gif);
   border-bottom:1px solid #FFFFFF;
}

.calendar th {
   font-size: 10px;
   width: 18px;
   padding: 1px 0px 2px 0px;
}

.calendar td {
   font-size: 10px;
   width: 18px;
   padding: 1px 0px 2px 0px;
}

.today {
   display: block;
   border: 1px solid #444444;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #E50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
   color: #0000FF;
}

.rest,
.rest a:link,
.rest a:visited {
   color: #8B0000;
   text-decoration: underline;
}

.caution,
.rest a:link,
.rest a:visited {
   color: #555555;
}

.hearing,
.rest a:link,
.rest a:visited {
   color: #00CCCC;
}

.calendartxt {
   font-size: 10px;
   font-weight: normal;
   line-height:14px ;
   line-break:normal ;
   text-align: left;
   padding: 0px 0px 0px 8px;
   float: left;
}



/* IN FOOTER */

#footer {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   background-color: #311904;
}

#footer p{
   color:  #FFFFFF;
   font-size: 10px;
   line-height:15px ;
   line-break:normal ;
   text-align: right;
   padding: 20px 20px 10px 0px;
   margin: 5px 0px 0px 0px;
}