﻿@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: 5px;
             margin-right: auto;
             background-image: url(img/back.gif);
            }

/* headerに関するCSS 
--------------------------------------------------------------------------------*/


#wrapper    {
             clear: both;
             width: 820px;
             padding: 0px;
             background-color: #ffffff;
            }

#header     {
            }

#logo       {
             margin-top: 25px;
             margin-left: 20px;
             width: 380px;
             float: left;}

h1          {
             margin: 0;
             font-size: 13px;
             padding: 0 0 0 440px;
             color: #696969;
             line-height: 1.2;
             font-weight: normal;
             background-color: #f0fff0;}

#comment2   {margin: 0px;
             font-size: 13px;
             font-weight: bold;
             color: #a9a9a9;}

#top-title  {margin: 0;
             padding: 0;
             font-size: 28px;
             line-height: 1.4;
             color: #696969;}

#comment    {
             margin-top: 1px;
             width: 380px;
             float: right;}

#comment3   {margin: 0;
             font-size: 13px;}

#comment4   {float: right;
             margin: 2px 17px 4px 0;
             }

#gnavi      {clear: both;
             margin-top: 0px;
             padding: 0;
             height: 42px;}

#gnavi ul#globalnavi
            {
	margin: 0;
	padding: 0;
	width: 820px;
	background: url(img/back-navi.gif);
}

#gnavi ul#globalnavi li
            {float: left;
             width: 134px;
             padding: 1px;
             list-style-type: none;
             text-align: center;
             background: url(img/gnavi.gif);}

#gnavi ul#globalnavi li a
            {padding: 10px 0 9px 0;
             margin: 0;
             border: none;
             display: block;
             line-height: 1.6;
             font-size: 14px;
             color: #f0fff0;
             text-decoration: none;
             border: solid 1px #d3d3d3;}

#gnavi ul#globalnavi a:hover
            {
             color: #ff8c00;
             background: url(img/tab2.gif) no-repeat;
            }

/* contentsに関するCSS 
--------------------------------------------------------------------------------*/

#contents  {clear: both;
            margin: 0;
            padding: 0;}

#main-contents
           {float: left;
            margin: 0;
            padding: 0px;
            width: 575px;
            border-right: 1px solid #a9a9a9;}

#main      {margin: 5px 15px 5px 15px;
            padding: 18px;
            width: 505px;}

h2,h3,h4,h5,#visual h5,#new 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;}

#main p    {font-size: 15px;
            padding: 0 7px; }

#visual    {margin: 5px 15px 5px 15px;
            width: 505px;
            padding: 18px;
            font-size: 14px;
            border-top: 1px solid #a9a9a9;}

#visual table
            {margin: 15px 0 10px 0px;
             width: 505px}

#visual th  {padding: 1px;}

#visual td
            {padding: 4px 5px 15px 5px;}

#new        {margin: 5px 15px 5px 15px;
             width: 505px;
             padding: 18px;
             font-size: 14px;
             height: 210px;}

#new table
            {margin: 15px 0 10px 0px;
             width: 505px}

#new th     {padding: 5px 2px 5px 2px;
             width: 100px;}



#menu-top01,#menu-top02,#menu-top03,#menu-top04,#menu-top05,
#menu-top06,#menu-top07,#menu-top08,#menu-top09
           {width: 480px;
            margin: 10px 0 0 0;
            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,#menu10
           {width: 480px;
            margin: 0 0 15px 0;
            padding: 0;
            border: 1px solid #c0c0c0;}

#menu09,#menu10
          {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;
	}

#menu-per01
           {width: 493px;
            margin: 10px 0 0 5px;
            padding: 3px 0;
            border-top: 1px solid #c0c0c0;
            border-right: 1px solid #c0c0c0;
            border-left: 1px solid #c0c0c0;
            background-color: #90ee90;
            }

#menu-per01 {margin-top: 20px;}

#per01,#per02
           {width: 493px;
            margin: 0 0 15px 5px;
            padding: 0;
            border: 1px solid #c0c0c0;
            background-color: #f0fff0;}

#per01 p,#per02 p
           {
	width: 455px;
	margin: 10px 0 12px 14px;
	padding: 0;
	font-size: 13px;
}

#menu,#menu00,#menu000
           {width: 410px;
            margin: 15px 5px;
            padding: 10px 5px;
            border: solid 1px #669999;}

#border00,#border01,#border02,#border03,#border04,#border05,
#border06,#border07,#border08,#border09,#border10,#border11,
#border12,#border13,#border14,#border15,#border16,#border17,
#border18,#border19
           {width: 480px;
            margin: 10px 5px;
            padding: 0px 5px;
            border: solid 1px #669999;}

#border00 p  {font-size: 13px;}

#menu a,#menu00 a,#menu000 a
           {color: #333333;
            text-decoration: none;}

#menu a:hover,#menu00 a:hover,#menu000 a:hover
           {color: #ff6600;
            text-decoration: underline;}

.yajirushi  {margin: 0;}

#office-top1
            {margin-top: 20px;
             float: left;
             width: 280px;}

#office-top2
            {margin-top: 20px;
             float: left;
             width: 220px;}


/* side-contentsに関するCSS 
--------------------------------------------------------------------------------*/


#side-contents
            {margin: 0 0 0 10px;
             float: right;
             width: 230px;}

#side-tel   {
	margin: 20px 0 0px 15px;
	width: 195px;
	background: no-repeat;
}

#side-navi  {
             margin: 0 0 0 15px;
             width: 195px;
             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: 13px;
             list-style-type: none;}

#side-navi ul li a
            {
	font-size: 12px;
	border: none;
	display: block;
	color: #003333;
	text-decoration: none;
	padding: 4px 0px 4px 10px;
}

#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
            {
             }

#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.n4
            {
	background: url(img/side-block41.gif) no-repeat;
	padding: 0px 0px 0px 14px;
}

#side-navi ul li.n5
            {
             border-top: 1px solid #d3d3d3;
             border-bottom: 1px solid #d3d3d3;
             background: url(img/side-block4.gif) no-repeat;}

#side-navi ul li a:hover
            {text-decoration: underline;
             color: #ff0000;}

#side-navi ul li.n1 a:hover
            {
             background: url(img/side-block0.gif) no-repeat;}

#side-navi ul li.n3 a:hover
            {
             background: url(img/side-block20.gif) no-repeat;}


#side-navi ul li.n5 a:hover
            {
             background: url(img/side-block40.gif) no-repeat;}

#side-intro {clear: both;
             margin: 25px 0 20px 15px;
             width: 180px;}

#side-intro p
            {margin: 0 0 15px 0;}

#side-intro .roll a
             {
             border-bottom: 5px solid #d3d3d3;}

#side-intro .roll a:hover
             {
             border-bottom: 5px solid #ff6633;}           

#side-menu  {padding-top: 10px;
             text-align: center;}

#banner a:hover,#side-menu a:hover
            {opacity: 0.6;
						 filter: alpha(opacity=60)}

/* footerに関するCSS 
--------------------------------------------------------------------------------*/

#footer     {clear: both;
             margin: 0px;
             width: 800px;
             border-top: 1px solid #a9a9a9;}

#area       {float: left;
             width: 800px;
             margin: 0;
             padding: 0;
             border-bottom: 1px solid #a9a9a9;}

#area p     {margin: 0;
             padding: 10px 20px 10px 25px;
             font-size: 12px;
             color: #696969;}


#fnavi      {float: left;
             margin: 0;
             padding: 0;
             width: 800px;
             background-color: #dcdcdc;}


#fnavi ul   {margin: 0;
             padding: 0;}

#fnavi ul li
            {float: left;
             list-style-type: none;
             text-align: center;}

#fnavi ul li a
            {padding: 2px 10px 2px 10px;
             margin: 0 3px;
             border-right: 1px solid #808080;
             display: block;
             line-height: 1.6;
             color: #2f2f2f;
             text-decoration: none;}

#fnavi ul li a:hover
            {
             color: #ff0000;
            }

address     {clear: both;
             margin: 0;
             padding: 4px 0;
             width: 800px;
             text-align: center;
             font-size: 13px;
             font-style: normal;
             color: #2f4f4f;
             border-top: 1px solid #000000;
             background-color: #c0c0c0;}


/* その他CSS 
--------------------------------------------------------------------------------*/


.green      {font-weight: bold;
             color: #339900;}

.green2
            {font-weight: bold;
             color: #006699;}

.green3
            {font-weight: bold;
             font-size: 16px;
             color: #336600;}

.red        {font-weight: bold;
             font-size: 15px;
             color: #ff3300;}

.blue        {font-weight: bold;
             color: #330099;}

#main .font13     {font-size: 11px;}

a:link      {color: #006400;}

a:visited   {color: #006400;}

a:active,a:hover
            {color: #ff0000;}
