﻿@charset "UTF-8";

* {margin 0;
   padding 0;}

h1,h2,h3,h4,h5
  {line-height: 0;}

img  {border: 0;}

/* bodyに関するCSS
--------------------------------------------------------------------------------*/
body        {
             width: 800px;
             font-size: 83%;
             font-family: Tahoma, sans-serif;
             line-height: 1.6;
             margin-top: 0px;
             margin-left: auto;
             margin-bottom: 0px;
             margin-right: auto;
             background-image: url(img/back-image.gif);
             background-repeat: repeat-y;
             background-position: center;
             background-color: #f5f5f5;

            }

/* headerに関するCSS 
--------------------------------------------------------------------------------*/


#wrapper    {
             clear: both;
             width: 800px;
             padding: 0px;
             background-color: #ffffff;
            }

#gnavi      {margin: 0;
             padding: 0;
             width: 800px;
             height: 20px;
             background-color: #f5f5f5;
             border-bottom: solid 2px #a9a9a9;}

#globalnavi
            {float: right;
             margin: 0;
             padding: 0;
             width: 400px;}

#globalnavi:after
            {height: 0;
             visibility: hidden;
             content: ".";
             clear: both;} 

#globalnavi li
            {float: left;
             list-style-type: none;
             text-align: center;
             border-left: solid 1px #c0c0c0;}

#globalnavi li a
            {padding: 1px 9px;
             margin-top: 1px;
             border: none;
             display: block;
             font-size: 11px;
             font-weiht: bold;
             color: #008b8b;
             text-decoration: none;}

#globalnavi a:hover
            {
             font-size: 11px;
             color: #0000ff;
            }

#logo       {
             margin-top: 35px;
             margin-left: 17px;
             width: 380px;
             float: left;}

h1          {
             margin: 0 0 0 2px;
             font-size: 13px;
             padding: 0;
             color: #696969;
             line-height: 1.2;
             font-weight: normal;}

#top-title2  {
             margin: 0;
             padding: 0;
             font-size: 30px;
             line-height: 1.4;
             color: #696969;}

#comment    {
             margin-top: 1px;
             width: 380px;
             float: right;}

strong      {font-weight: normal;}

#comment1   {margin: 2px 0 0 0;
             font-size: 11px;
             color: #696969;}

#comment2   {float: right;
             margin: 2px 17px 2px 0;
             }

#top-image   {margin: 0;
              padding: 0;}


/* contentsに関するCSS 
--------------------------------------------------------------------------------*/

#contents  {clear: both;
            margin: 0;
            padding: 0;
            width: 800px;}

/* side-contentsに関するCSS 
--------------------------------------------------------------------------------*/


#side-contents
            {margin: 0px;
             float: right;
             width: 210px;}

#side-tel   {
             margin: 20px 0 15px 15px;
             width: 195px;
             background: url(img/side-tel.gif) no-repeat;}

#side-navi  {
             margin: 0 0 0 15px;
             width: 170px;
             border-top: 1px solid #d3d3d3;
             border-bottom: 1px solid #d3d3d3;
             border-right: 2px solid #d3d3d3;
             border-left: 2px solid #d3d3d3;}

#side-navi ul
            {margin: 0;
             padding: 0;}

#side-navi ul:after
            {height: 0;
             visibility: hidden;
             content: ".";
             clear: both;} 

#side-navi ul li
            {
             margin: 0;
             font-size: 12px;
             list-style-type: none;}

#side-navi ul li a
            {padding: 5px 0px 5px 11px;
             margin: 0;
             border: none;
             display: block;
             color: #003333;
             text-decoration: none;}

#side-navi ul li.n1
            {
             border-top: 1px solid #d3d3d3;
             border-bottom: 1px solid #d3d3d3;
             background: url(img/side-block.gif) no-repeat;}

#side-navi ul li.n2
            {
             border-top: 1px solid #d3d3d3;
             border-bottom: 1px solid #d3d3d3;
             background: url(img/side-block1.gif) no-repeat;}

#side-navi ul li.n3
            {
             border-top: 1px solid #d3d3d3;
             border-bottom: 1px solid #d3d3d3;
             background: url(img/side-block2.gif) no-repeat;}

#side-navi ul li a:hover
            {
             color: #ff0000;}

#side-navi ul li.n1 a:hover
            {
             background: url(img/side-block0.gif) no-repeat;}

#side-navi ul li.n2 a:hover
            {
             background: url(img/side-block10.gif) no-repeat;}

#side-navi ul li.n3 a:hover
            {
             background: url(img/side-block20.gif) no-repeat;}

#side-intro {clear: both;
             margin: 25px 0 20px 15px;
             width: 180px;}

#side-menu  {padding-top: 15px;
             text-align: center;}

/* main-contentsに関するCSS 
--------------------------------------------------------------------------------*/


#main-contents
           {float: left;
            margin: 0;
            padding: 0px;
            width: 585px;}

#main      {margin: 0px;
            padding: 18px 15px 18px 30px;
            width: 535px;}

#main p    {font-size: 13px;
            padding: 0px 10px 0px 15px; 
            width: 490px;}

h2,h3,h4,h5
           {line-height: 1.2;
            font-size: 15px;
            margin: 20px 0 0 0;
            padding: 7px 0 5px 16px;
            color: #191970;
            border-top: 1px solid #a9a9a9;
            border-bottom: 1px solid #a9a9a9;
            border-right: 1px solid #a9a9a9;
            border-left: 10px solid #4169e1;}

.hed       {color: #008080;
            border-left: 10px solid #008080;}

.hed2      {
            border-left: 10px solid #ff0000;}

table       {width: 530px}

th          {padding: 2px;}

td          {padding: 2px;}


#new th     {padding: 5px 20px 5px 15px;}

#block1,#block2,#block3,#block4,#block5,#block6
,#block7,#block8,#block9
           {margin: 10px 0 10px 0;
            padding: 10px 0;
            border: 1px solid #a9a9a9;}

#menu-top01,#menu-top02,#menu-top03,#menu-top04,#menu-top05,
#menu-top06,#menu-top07,#menu-top08,#menu-top09
           {width: 480px;
            margin: 10px 0 0 10px;
            padding: 3px 0;
            border-top: 1px solid #c0c0c0;
            border-right: 1px solid #c0c0c0;
            border-left: 1px solid #c0c0c0;
            background-color: #ccff99;
            }

#menu-top01 {margin-top: 20px;}

#menu01,#menu02,#menu03,#menu04,#menu05,#menu06,#menu07,#menu08,#menu09
           {width: 480px;
            margin: 0 0 15px 10px;
            padding: 0;
            border: 1px solid #c0c0c0;}

#menu09    {margin-bottom: 20px;}

#menu01 p,#menu02 p,#menu03 p,#menu04 p,#menu05 p,#menu06 p,#menu07 p,
#menu08 p,#menu09 p
           {width: 455px;
            margin: 10px 0 12px 14px;
            padding: 0;
            font-size: 13px;}



/* footerに関するCSS 
--------------------------------------------------------------------------------*/

#footer     {
             margin: 0;
             padding: 5px 0 0 0;
             width: 800px;
             border-top: 1px solid #c0c0c0;}


#area       {clear: both;
             margin: 0;
             padding: 0 0 5px 0;
             width: 800px;
             border-bottom: 1px solid #a9a9a9;}

#area p     {margin: 0;
             padding: 5px 10px;
             font-size: 12px;}


#footer p
           {
            margin: 0;
            padding: 2px 10px 2px 15px;
            font-size: 12px;
            color: #2f4f4f;
           }

#fnavi,#fnavi2,#fnavi3
            {margin: 1px 0 0 0;
             padding: 0 0 0 8px;
             width: 780px;
             border-top: 1px dotted #d3d3d3;}

#fnavi:after,#fnavi2:after,#fnavi3:after
            {height: 0;
             visibility: hidden;
             content: ".";
             clear: both;} 

#fnavi li,#fnavi2 li,#fnavi3 li
            {float: left;
             list-style-type: none;
             font-size: 11px;
             text-align: center;}

#fnavi li a,#fnavi2 li a
            {padding: 4px 4px;
             margin: 0 1px;
             display: block;
             line-height: 1.6;
             text-decoration: underline;}

#fnavi3 li a
            {padding: 4px 4px;
             margin: 0 1px;
             display: block;
             line-height: 1.6;
             color: #556b2f;
             text-decoration: underline;}

#fnavi a:hover,#fnavi2 a:hover,#fnavi3 a:hover
            {
             color: #ff0000;
            }

address     {clear: both;
             margin: 0;
             padding: 2px 0;
             text-align: center;
             font-size: 12px;
             font-style: normal;
             color: #ffffff;
             background-color: #a9a9a9;}


/* その他CSS 
--------------------------------------------------------------------------------*/


.green      {
             color: #006400;}

.green2
            {
             font-size: 12px;
             color: #006400;}

.red        {
             color: #ff3300;}

.red2       {
             font-size: 15px;
             color: #ff3300;}


.blue        {
             color: #330099;}

.blue2       {
             font-size: 15px;
             color: #330099;}

a:link      {color: #008080;}

a:visited   {color: #008080;}

a:active,a:hover
            {color: #ff0000;}




