@charset "utf-8";
/* CSS Document */

body {
	color: #333;
	font: 14px/1.6 "Verdana", "ヒラギノ角ゴ　Pro W3" , "ＭＳ ゴシック", "メイリオ", "Meiryo","Osaka-等幅";
	text-align: center;
	background-attachment: fixed;
	background-image: url(../common/background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #e2eff1;
}

h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-weight: bold;
	line-height: 1.2;
}

a {
	color: #ffffff;
	text-decoration: underline;
}

a:visited {
	color: #ffffff;
	text-decoration: none;
}

span.border {
	border-bottom: 1px solid #000;
}

a:hover {
	color: #cccccc;
}

em.pink {
	color: #e7679f;
	font-weight: bold;
}

em.red {
	color: #ff0000;
	font-weight: bold;
}

em.green {
	color: #00cc99;
	font-weight: bold;
}

span.red {
	color: #a7224e;
	font-weight: bold;
}

span.blue {
	color: #1141a0;
	font-weight: bold;
}

div.sns {
	margin-left: 15px;
}

/* for IE7&Opera hack
----------------------------------------------------------------------*/

*+html select {
	padding-right: 0;
}

/* for IE6 hack
----------------------------------------------------------------------*/

* html select {
	padding-right: 0;
}

* html body div#body_bg01 {
	background: url(../common/background2.gif) repeat-y scroll center top; /* 白背景枠 */
}

* html body div#b_contents {
	width: 690px;
}

* html body div#side {
	width: 555px;
	margin-right: 0px;
}

* html body div#contents {
	width: 285px;
	margin-left: 10px;
}

* html body div#side dl.new {
	margin-left: 14px;
}

* html body div#side h2 {
	margin-left: 12px;
}

* html body .address address {
	background-color:#66ffcc; 
}

/* @body_bg01…白枠背景
----------------------------------------------------------------------*/

#body_bg01 {
	background-attachment: scroll;
	background-image: url(../common/background2.png);
	background-repeat: repeat-y;
	background-position: center top;
}

/* @group header
----------------------------------------------------------------------*/

p.header {
	padding: 1px;
	margin-left: 15px;
}

div#header img {
	margin-top: 10px;	
}

div#header-top img {
	margin-top: 10px;	
}

p#logo {
	text-align:center;
}

ul#global-nav {
	clear: both;
	margin-left: 12px;
	z-index: 1;
}

ul#global-nav li {
	display: inline;
	float: left;
	height: 41px;
}

/* @group contents
----------------------------------------------------------------------*/

p#visual {
 margin-top: 14px;
 margin-bottom: 10px;
 text-align:center;
}

div#seminar {
 margin-left: -5px;	
}

div#consult {
 margin-top: 10px;
 margin-left: -5px;	
}

/* @group b_contents
----------------------------------------------------------------------*/

div.table {
  margin: 0 0 2em;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.table-hosyu {
  margin: 0 0 2em;
  width: 100%;
  overflow: hidden; /* clear float */
}

/* 支援事例 */

table.sien {
	width: 700px;
	margin: 35px auto;
}

table.sien th {
	background: #e2e2e2;
}

table.sien td.b {
	background: #ebfedf;
}

table.sien p {
	margin: 5px;
}

table.sien p.center {
	margin: 5px;
	text-align: center;
	font-weight: bold;
}

/* */

table.hosyu {
	width: 675px;
	margin: 0 auto;
	margin-top: 15px;
}

table.hosyu th {
	background: #e2e2e2;
}

table.hosyu td.b {
	background: #ebfedf;
}

table.hosyu p {
	margin: 5px;
}

table.hosyu p.center {
	margin: 5px;
	text-align: center;
	font-weight: bold;
}

div.hosyu {
	margin-top: 10px;
	margin-left: 25px;
}

div.table-hosyu h3 {
	margin: 0;
	padding: 3px 10px;
	color: #333;
}

div.table h3 {
	margin: 0;
	padding: 3px 10px;
	color: #333;
}

div.table p {
  margin: 5px 0 1em 20px;
}

div.table p.red {
  margin: 5px 0 1em 20px;
  color: #ff0000;
  font-size:16px;
  font-weight: bold;
}

div.table img.figure {
  float: right;
  display: inline; /* for IE6,7 */
  margin: 0.5em 16px 0 10px;
}

div.table img.figure2 {
  float: left;
  display: inline; /* for IE6,7 */
  margin: 0.5em 16px 0 10px;
}

div.table img.figure3 {
  float: right;
  display: inline; /* for IE6,7 */
  margin: 35px 16px 0 10px;
}

div.table a {
 color: #00F;
 text-decoration: none;
}

div.table a:visited {
 color: #00F;
 text-decoration: none;
}

div.table a:hover {
 color: #0099FF;
 text-decoration: underline;
}

table.about_table {
 width: 100%;
 margin-left: 18px;
}

table.about_table tr th {
 padding: 7px 0px 7px 0px;
 border-bottom: dotted 1px #666;
 font-weight: normal;
 text-align: left;
 width: 70px;
}

table.about_table tr td {
 padding: 7px 10px 7px 10px;
 border-bottom: dotted 1px #666;
}

table.sitemap_table {
 margin-top: 20px;
 margin-left: 18px;
}

table.sitemap_table tr th {
	line-height: 4px;
}

table.sitemap_table tr td {
 margin-top: 30px;
}

p.ps {
 margin: 5px 0 15px 10px;
}

p.mp {
 margin: 0;
 font-size: 10px;
 line-height: 10px;
}

p#sitemap {
 margin-top: -30px;
}

/* @group side
----------------------------------------------------------------------*/

div#side dl.new {
 width: 537px;
 height: 191px;
 overflow: auto;
 padding: 5px 0px 10px 10px;
 margin-right: auto;
 margin-left: 24px;
 background-color: #e6e6e6;
}

div#side dl.new dt {
 clear: both;
 display: inline;
 float: left;
 width: 25%;
 font-weight: bold;
 color: #666;
}

div#side dl.new dd {
 display: inline;
 float: right;
 width: 75%;
}

div#side dl.new dd a {
	color: #00F;
	text-decoration: none;
}

div#side dl.new dd a:visited {
	color: #00F;
	text-decoration: none;
}

div#side dl.new dd a:hover {
 color: #0099FF;
 text-decoration: underline;
}

div#side h2 {
 text-align: center;
 padding: 0;
 margin-left: 20px;
 width: 100%;
 color: #ffffff;
}

/* @group menu
----------------------------------------------------------------------*/

div#menu p {
 margin-bottom: 20px;
}

div#menu dl {
 margin-left: 10px;
 background-color: #fff;
}

div#menu dl dt {
 margin-bottom: 8px;
}

div#menu a {
 color: #000000;
 text-decoration: none;
}

div#menu a:visited {
 color: #000000;
 text-decoration: none;
}

div#menu a:hover {
 color: #cccccc;
}

/* @group footer
----------------------------------------------------------------------*/

.footer {
 clear: both;
 width: 100%;
 background: #fff;
 margin-left: 0px;
 position: relative;
}

.footer .footer01 {
 display: inline;
 float: left;
 margin-left: 15px;
 margin-right: -5px;
 width: 210px;
 font-size:10px;
}

.footer h3 {
 margin: 10px 0;
 padding: 2px 0 4px 0px;
 border-bottom: 3px solid #cc3366;
 color: #666;
 font-weight: bold;
 text-align: center;
 font-size:14px;
}

.footer div.para {
 margin-top: -2px;
}

.footer p {
 margin: 2px 0;
 padding: 0 0px;
 color: #fff;
 text-align: center;
}

.footer a {
 color: #224ed3;
 text-decoration: none;
}

.footer a:visited {
 color: #224ed3;
 text-decoration: none;
}

.footer a:hover {
 color: #0099FF;
 text-decoration: underline;
}

.address address {
 margin-top: -28px;
 text-align: right;
 border-bottom: 8px solid #0bca9a;
}

.address a {
 color: #ffffff;
 text-decoration: none;
}

.address a:visited {
 color: #ffffff;
 text-decoration: none;
}

.address a:hover {
 color: #0099FF;
 text-decoration: underline;
}

address {
 color: #fff;
}

.address ul#sub-nav {
 margin: 5px 0;
 padding-left: 8px;
 padding-right: 20px;
 text-align: left;
}

.address ul#sub-nav li {
 display: inline;
 padding: 0 1px;
}

.bg {
 background-color:#66ffcc; /* IEにおける背景色と文字被り対策用 */
}

/* old
----------------------------------------------------------------------*/

#old-s  {
	margin-left: 20px;
	color: #666;
}
#old-s dt {
	font-weight: bold;
	color: #666;
}

div.clear {
	clear: both;
}

p.space {
	padding-top: 35px;
}

/* コロナお知らせ */

.osirase {
	position:relative;
	border: 2px solid #C00;
	padding: 5px;
	margin-bottom: 20px;
}

span.utikesi {
	text-decoration: line-through;
}