@charset "Shift_JIS";

body    {
        font-family: Meiryo, sans-serif;
        background-color: #fffff0;
        background-image: url(images/Mosaic-tile03.jpg);
        background-repeat: repeat;
}

div#contents{
}

div#boxA        {
                display: block;
                clear: both;
                margin-right: auto;
                margin-left: auto;
                width: 945px;
                height: 90px;
                float:none;
}

div.box1       {
                float: left;
                width: 494px;
                height: 83px;
                background-color: #ffffff;
                border-style: solid;
                border-width: 1px 0px 1px 1px;
                border-color: #999999;
}



div.box1 p     {
               height: 83px;
}

span.hirokouji {
               color: #006400;
               font-style: italic;
               font-size: 40px;
               -webkit-text-shadow:3px 3px 3px #aaa; 
               -moz-text-shadow:3px 3px 3px #aaa;
               text-shadow:3px 3px 3px #aaa;
}           

div.address     {
                float: left;
                width: 449px;
                height: 83px;
                background-color: #ffffff; 
                text-align:right;
                border-style: solid;
                border-width: 1px 1px 1px 0px;
                border-color: #999999;
}

span.add       {
               font-size: 20px;
               font-family:Meiryo UI;
               color:#666666;
               padding-right: 1em;               
}

span.tel       {
               font-family:Segoe UI;
               font-size: 30px;
               color: #666666;
               padding-right: 0.67em;
               letter-spacing: 0em;
}

div#linkbar   {
              width: 945px;
              height: 30px;
              margin:0px auto 5px auto;
              background-color: #ffffff;
}

div#linkbar a {
              width: 135px;
              height: 30px;
              background-repeat: no-repeat
              display: block;
              float:left;
}

div#linkbar a:hover {
                    background-position:0px -30px;
}

div#linkbar a.home      {
                        background-image: url(images/hom9.bmp);
}               

div#linkbar a.profile   {
                        background-image: url(images/pro8.bmp);
}

div#linkbar a.shinryou  {
                        background-image: url(images/shi8.bmp);
}

div#linkbar a.information {
                        background-image: url(images/inf8.bmp);
}

div#linkbar a.access   {
                       background-image: url(images/acc8.bmp);
}

div#linkbar a.blog     {
                       background-image: url(images/hib8.bmp);
}

div#linkbar a.link     {
                       background-image: url(images/lin8.bmp);
}




div#slideshow   {
                clear:both;
                background-color: #ffffff;
                margin-right: auto;
                margin-left: auto;
                width:945px;
                height:300px;
                position: relative;
}



div#slideshow img{
                 position:absolute;
                 top: 0px;
                 left: 0px;
                 z-index: 8;
                 opacity: 0.0;
}

div#slideshow img.active{
                        z-index: 10;
                        opacity: 1.0;
}

div#slideshow img.last-active{
                             z-index: 9;
                             opacity: 
}


div#boxB        {
                display: block;
                clear: both;
                margin-right: auto;
                margin-left: auto;
                width: 945px;
                height: 380px;
                background-color:#ffffff;
}

h3.time        {
               font-size: 26px;
               font-family: Meiryo;
               line-height: 32px;
               text-align: left;
               background-color: #006e54;
               color: #ffffff;
               padding: 7px 2px 2px 10px;
               margin: 0px 0px 10px 0px; 
}

p.time         {
               text-align:left;
               color: #666666;
               font-size: 18px;
               font-family: Meiryo;
               padding: 5px 0px 0px 10px;
               margin: 0px;
               line-height: 22px;
               font-weight: bold;
}

h3.kyushinbi   {
               font-size: 26px;
               font-family: Meiryo;
               line-height: 32px;
               text-align: left;
               background-color: #b94047;
               color: #ffffff;
               padding: 7px 2px 2px 10px;
               margin: 10px 0px 10px 0px;
}

p.kyushinbi    {
               text-align:left;
               color: #666666;
               font-size: 18px;
               font-family: Meiryo;
               padding: 5px 0px 0px 10px;
               margin: 0px;
               line-height: 22px;
               font-weight: bold;
}

div.box4       {
                float: left;
                width: 225px;
                height: 200px;
                background-color: #ffffff;
                border-style: solid;
                border-width: 0px 0px 0px 0px;
                border-color: #666666;
}

div.box5       {
                float: left;
                width: 720px;
                height: 380px;
                background-color: #ffffff;
                border-style: solid;
                border-width: 0px 0px 0px 0px;
                border-color: #1e90ff;
                background-image: url(images/chibi3.jpg);
                margin: 0px 0px 10px 0px;
}

h2.rinen        {
                font-size: 45px;
                font-family:Meiryo;
                text-align: left;
                line-height: 54px;
                background-color: #ffffff;
                color:#f08300;
                padding: 5px 0px 2px 10px;
                margin: 0px 0px 0px 0px;
}                
p.rinen         {
                color: #666666;
                font-family:Meiryo;
                font-weight: bold;
                font-size: 16px;
                line-height: 1.3em;
                margin: 0px;
                padding: 11px 5px 5px 10px;
                letter-spacing: 0.04em;
                background-color: rgba(255,255,255,0.9)  
}



div#boxC        {
                display: block;
                clear: both;
                margin-right: auto;
                margin-left: auto;
                width: 945px;
                height: 450px;
}



div#box6        {
                float: left;
                width: 135px;
                height: 550px;
                background-color: #d6e9ca;
                text-align: center;
}

div#box6 h3     {
                color: #ffffff;
                font-size: 26px;
                font-weight: bold;
                text-align: left;
                letter-spacing: 0.06em;
                margin: 0px 0px 3px 0px;
                padding: 4px 2px 2px 10px;
                background-color: #006e54;
}

div#box6 a      {
                display: block;
                width: 135px;
                height: 30px;
                background-repeat: no-repeat;
}

a.profile      {
               background-image: url(images/pro3.bmp);
}

a.shinryou     {
               background-image: url(images/shi3.bmp);
}

a.information {
              background-image: url(images/inf3.bmp);
}

a.access      {
              background-image: url(images/acc3.bmp);
}

a.blog        {
              background-image: url(images/hib3.bmp);
}

a.link        {
              background-image: url(images/lin3.bmp);
}

div#box6 a:hover{
                background-position:0px -30px;
}

p.inter      {
             line-height:1px;
             padding:0px;
             margin:3px;
}


                

div#box7        {
                float: left;
                width: 800px;
                height: 550px;
                background-color: #ffffff;
                margin-left: 9px;
                overflow: auto;
}
h2              {
                color: #666666;
                padding: 0px 0px 0px 10px;
                margin: 0px 0px 0px 7px;
}

div#box7 h1.shintyaku     {
                font-size: 45px;
                margin: 0px;
                text-align: left;
                letter-spacing: 5px;
                background-color: #f08300;
                color:#ffffff;
                padding: 0px 0px 0px 20px;
}

p              {
               font-size: 16px;
               margin: 0px 15px 10px 10px;
               text-align: left;
               letter-spacing: 0px;
               background-color: #fffacd;
               padding: 0px 10px 0px 10px;
}

div#box8        {
                background-color: #ffffff;
                margin-right: auto;
                margin-left: auto;
                margin-bottom: 50px;
                margin-top: 110px;
                width: 943px;
                height: 50px;
                border-style: solid;
                border-width: 1px 1px 1px 1px;
                border-color: #666666;
                line-height: 50px;
                text-align: center;
                color: #ffffff;
                -webkit-text-shadow:1px 1px12px #000; 
                -moz-text-shadow:1px 1px 1px #000;
                text-shadow:1px 1px 1px #000;
                letter-spacing: 1px;
}