@charset "UTF-8";

* {margin 0;
   padding 0;}

h1,h2,h3,h4,h5
  {line-height: 0;}

img  {border: 0;}

/* bodyに関するCSS
--------------------------------------------------------------------------------*/
body        {
            font-size: 90%;
            font-family: Tahoma, sans-serif;
            line-height: 1.6;
            margin-top: 0px;             
            margin-bottom: 5px;
           }

/* headerに関するCSS 
--------------------------------------------------------------------------------*/


#wrapper   {
            clear: both;
            width: 800px;
            margin-left: auto;
            margin-right: auto;
            padding: 0px;
           }

#header    {
           margin: 0; 
           }


h1         {float: left;
            line-height: 1.3;
            margin: 0 0 0 12px;
            weight: 480px;
            font-size: 12px;
            font-weight: normal;
           }

#site-map {
           float: right;
           weight: 180px;
           margin: 0 10px 0 0;
          }

#site-map a
         {
           text-decoration: none;
           color: #696969;
          }

#site-map a:hover
           {
            color: #ff0000;
           }

#top       {margin: 0;
            padding: 0;}

/* contentsに関するCSS 
--------------------------------------------------------------------------------*/

#contents  {
           margin: 0 0 5px 0;
           padding: 0;
           width: 800px;}

#main-contents
          {float:right;
           margin: 0px;
           padding: 0px;
           width: 580px;}

#tree     {
           float: right;
           weight: 180px;
           margin: 3px 7px 9px 0;
           color: #696969;
           font-size: 13px;
          }

#tree a
          {
           text-decoration: none;
           }

#img-top1
           {
            margin: 0;
            padding: 0;
           }

#img-top1-1
           {
            margin: 0;
            padding: 1px 0 1px 10px;
            border-right: 1px solid #808080;
            border-bottom: 1px solid #808080;
            border-left: 1px solid #808080; 
            background-color: #dcdcdc;
            font-size: 13px;
            font-weight: bold;
            color: #696969;
           }

#img-top2,#img-top4,#img-top5
           {
            margin: 20px 0 0 0;
            padding: 0;
           }

#img-top3
           {
            margin: 3px 0 0 0;
            padding: 0px;
           }

#support-menu
           {float:left;
            margin: 5px 0 20px 0;
            padding: 15px 0 0 0;
            width: 380px;
            height: 520px;
            border: 1px solid #c0c0c0;}

#support-menu h2
           {margin: 0 0 0 12px;}


#support-menu p
           {margin-left: 15px;
            font-size: 12px;
            width: 350px;}

#support-menu table
           {
	    margin: 0px 10px;
            padding: 0px;
            list-style-type: none;
            border-collapse: collapse;
            border: 1px solid #dcdcdc;
            font-size: 13px;
            }

#support-menu th
            {
             border-top: none;
             border-bottom: 1px dotted #dcdcdc;
             border-left: none;
             border-right: none;
             background-color: #f0f8ff;
             font-weight: normal;
             padding: 4px;
             width: 90px;             
            }

#support-menu td
            {
             border-top: none;
             border-bottom: 1px dotted #dcdcdc;
             border-left: none;
             border-right: none;
             font-size: 100%;
             padding: 4px 0 4px 18px;
             width: 270px;
            }



#q         {float:right;
            margin: 5px 0 20px 0;
            padding: 15px 0 0 7px;
            width: 180px;
            height: 520px;
            border: 1px solid #c0c0c0;}

#q p       {
            padding: 0 4px;
            font-size: 13px;}

#menu,#menu2,#menu3
           {
            margin: 3px 0 20px 0;
            padding: 0px;
            width: 578px;
            border: 1px solid #c0c0c0;}

#inq-form
           {
            margin: 3px 0 20px 0;
            padding: 0px;
            width: 578px;
            border: 1px solid #c0c0c0;
            background-image: url(img/back-inq.gif);}

#menu p,#menu2 p,#menu3 p
           {
            width: 540px;
            margin: 20px 0 20px 20px;
            font-size: 13px;}

#comment   {margin: 0;
            padding: 0 0 15px 20px;}

#comment li
            {margin: 0;
             padding: 0;
             list-style-type: none;
             }

#comment li.comment1
            {margin: 0;
             padding: 13px 0 0 0;
             }

#comment li.comment2
            {margin: 0;
             padding: 0 0 0 10px;
             color: #ff0000;
             font-size: 13px;}

#comment li.comment3
            {margin: 0;
             padding: 0 0 0 10px;
             color: #696969;
             font-size: 13px;}

#comment li.comment4
            {margin: 0;
             padding: 0 0 0 10px;
             color: #0000cd;
             font-size: 13px;}


#utiwake,#utiwake2,#utiwake3,#utiwake4
           {
            width: 529px;
            margin: 0 0 0 20px;
            padding: 0;
            border: 1px solid #c0c0c0;}

#utiwake5
           {
            width: 529px;
            margin: 0px 0 15px 20px;
            padding: 0;
            border: 1px solid #c0c0c0;}

#utiwake-inq
           {
            width: 490px;
            margin: 15px 0 15px 35px;
            padding: 0;}

#utiwake p,#utiwake2 p,#utiwake3 p,#utiwake4 p ,#utiwake5 p
           {
            width: 493px;
            margin: 0;
            padding: 5px 10px 5px 22px;}

#office-top1
            {margin: 0;
             float: left;
             width: 260px;}

#office-top2
            {margin: 0;
             float: left;
             width: 180px;}


/* お申し込み・お問い合わせに関するCSS 
--------------------------------------------------------------------------------*/

#inquiry    {width: 580px;
             margin-top: 3px;}

#inquiry table
            {
             border-top: 1px solid #c0c0c0;
             border-bottom: none;
             border-left: none;
             border-right: 1px solid #c0c0c0;
             font-size: 100%;
             width: 100%;
            }

#inquiry td
            {
             border-top: none;
             border-bottom: 1px solid #c0c0c0;
             border-left: none;
             border-right: none;
             font-size: 100%;
             padding: 10px;
            }

#inquiry th
            {
             border-top: none;
             border-bottom: 1px solid #c0c0c0;
             border-left: 5px solid #cccccc;
             border-right: 1px solid #c0c0c0;
             background-color: #f3f3f3;
             font-weight: normal;
             padding: 10px;
             width: 200px;
            }

.text1,.text2,.text3,.text4
            {
             border: 1px solid #c0c0c0;
             background-color: #f3f3f3;
             padding: 2px;
            }

.text1      {width: 160px;}

.text2      {width: 4em;}

.text3      {width: 98%;}

.text4      {width: 90px;}


#inquiry select
            {border: 1px solid #cccccc;
             background-color: #f3f3f3;}


#inquiry th.must
            {border-left-color: #000080;}

.text1:focus,.text2:focus,.text3:focus,.text4:focus
            {border-color: #7f9db9;
             background-color: #ffffff;}

#inquiry .submit
            {text-align: center;
             margin-top: 20px;}

/* side-contentsに関するCSS 
--------------------------------------------------------------------------------*/


#side-contents
           {
            margin: 0;
            float: left;
            width: 190px;}

#side01    {
            margin: 23px 0 15px 0;
            padding: 0px;
           }

#side02    {
            margin: 15px 0 0 0;
            padding: 0px;
           }


#sidemenu-top
           {
            margin: 0;
            width: 190px;
            }

#side-navi {
            margin-top: 20px;
            width: 188px;
            border: 1px solid #c0c0c0;
            background-color: #dcdcdc;}

#snavi
           {margin: 0;
            padding: 0;
            font-size: 12px;}

#side-navi:after
           {height: 0;
            visibility: hidden;
            content: ".";
            clear: both;} 

#side-navi li
           {
            width: 184px;
            list-style-type: none;
            text-align: center;
            margin: 1px 0 1px 2px;
            line-height: 2;
            padding: 0;
            color: #696969;}

#side-navi li a
           {padding: 0;
            display: block;
            font-size: 12px;
            color: #696969;
            text-decoration: none;}

#side-navi a:hover
           {background-color: #8fbc8f;
            color: #ff0000;}

#side-navi li.menu1     {background-color: #b0c4de;}

#side-navi li.menu2     {background-color: #ffffff;}

#side-navi li.menu3     {background-color: #dcdcdc;}


#office-info
           {
            margin: 30px 0 0 0;
            width: 190px;
            }

#office-info2
           {
            margin: 0;
            width: 190px;
            }

#side-info
           {width: 188px;
            border: 1px solid #c0c0c0;
            margin: 0 0 2px 0;
            }

#side-info p
           {width: 170px;
            padding: 8px 0 8px 16px;
            font-size: 12px;
            }

#side-info2 
           {width: 188px;
            border: 1px solid #c0c0c0;
            margin: 0;
            }

#side-info2 p
           {width: 175px;
            padding: 8px 0 8px 8px;
            font-size: 12px;
            }

#side-info2 a 
           {
            font-size: 12px;
            }

.team6
            {width: 190px;
             margin: 30px 0;
             text-align: center;}

#area       {
             clear: both;
             margin: 5px 0;
             padding: 0;
             border: 1px solid #c0c0c0;}

#area p     {
             margin: 0;
             padding: 5px 20px 5px 30px;
             font-weight: normal;
             font-size: 11px;
             color: #808080;}



/* footerに関するCSS 
--------------------------------------------------------------------------------*/

#footer     {
             margin: 10px 0 0 0;
             width: 800px;
             border-top: 2px solid #c0c0c0;}

#footer h2
           {
            line-height: 1.3;
            margin: 0;
            padding: 5px 0 2px 10px;
            font-size: 14px;
            font-weight: normal;
            color: #2f4f4f;
           }

#footer h3
           {
            line-height: 1;
            margin: 0;
            padding: 7px 0 2px 10px;
            font-size: 12px;
            font-weight: normal;
            color: #2f4f4f;
           }

#footer p
           {
            margin: 0;
            padding: 0;
            font-size: 12px;
            color: #2f4f4f;
           }

#footer .under-line
           {
            border-bottom: 1px solid #d3d3d3;}

#fnavi,#fnavi2,#fnavi3
            {margin: 1px 0 0 0;
             padding: 0;
             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;
             text-align: center;}

#fnavi li a,#fnavi2 li a,#fnavi3 li a
            {padding: 2px 8px 2px 8px;
             margin: 0 1px;
             border-left: 1px solid #ffffff;
             border-right: 1px solid #ffffff;
             display: block;
             line-height: 1.6;
             font-size: 11px;
             text-decoration: underline;}

#fnavi a:hover,#fnavi2 a:hover,#fnavi3 a:hover
            {
             color: #ff0000;
            }

address     {clear: both;
             float: right;
             margin: 0;
             padding: 2px 0;
             text-align: center;
             font-size: 12px;
             font-style: normal;
             color: #4169e1;}

#address-bar
            {margin: 0;
             padding: 0;}

/* fontその他に関するCSS 
--------------------------------------------------------------------------------*/
a           {text-decoration: none;}

a:link      {color: #6a5acd;
             font-size: 13px;}

a:visited   {color: #6a5acd;}

a:active,a:hover
            {color: #ff0000;
             text-decoration: underline;}

.green
           {
            font-size: 13px;
            color: #008000;
            font-weight: bold;}

.green2

           {
            font-size: 12px;
            color: #008000;}

.blue
           {
            font-size: 13px;
            color: #0000cd;
            font-weight: bold;}

.blue2
           {
            font-size: 12px;
            color: #4169e1;}
.red
           {
            font-size: 13px;
            color: #ff0000;
            font-weight: bold;}

.red2
           {
            font-size: 11px;
            color: #ff0000;}

#menu .blue3,#menu2 .blue3
           {margin-left: 12px;
            padding: 6px 0 6px 8px;
            font-weight: bold;
            font-size: 13px;
            color: #191970;
            background-image: url(img/back.gif);
            background-repeat: no-repeat;}