﻿@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Black+Ops+One);

/* ===== BACE===== */
.clearfix { zoom: 1; }
.clearfix:after {
    content: "";
    display:block;
    clear :both;
}
body {
  font-family: Hiragino Kaku Gothic Pro, Meiryo, MS PGothic, Sans-serif;
  font-size: 14px;
  line-height: 1.3;
  font-weight: normal;
	background-color: #A3BAFD;
}
.bold {
	font-weight: bold;
}
span.white-shadow {
  text-shadow: 2px  2px 5px white,
            -2px  2px 5px white,
             2px -2px 5px white,
            -2px -2px 5px white;
}
span.komoji {
  font-size: 90%;
	font-weight: bold;
  text-shadow: 2px  2px 5px white,
            -2px  2px 5px white,
             2px -2px 5px white,
            -2px -2px 5px white;
}
p.normal {
	font-weight: normal;
}		
a {
  text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul li {
  list-style: none;
}
/* ======BASE End ===== */
#wrap {
  width: 950px ;
	height: auto;
  margin: 0 auto;
  background-color: #F9FCFE;	
	border: solid 5px #000 ;
}
#top_image {
  width: 950px ;
	height: auto;
  margin: 0px auto;
	outline: solid 1px blue ;
}
  
/* ヘッダー
#header 	{
  background-color: #f0f0f0;
	width: 950px;
  height: 110px;
	margin: 0 auto;
	padding: 0:auto;
}
#header h1 {
	float: left;
	padding-top: 15px;
  padding-left: 35px;
}*/
/* --- ナビゲーションバー --- */
div.navi {
margin: 0 auto;
width: 950px; /* ナビゲーションの幅 100%→950px*/
background: #000000 url(image/menu_back.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #333333 solid; /* 上境界線 */
border-bottom: 1px #666666 solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.navi ul.nl {
width: 800px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #000000 url(image/menu_back.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #333333 solid; /* メニューの左境界線 */
border-right: 1px #666666 solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.navi ul.nl li {
width: 20%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
div.navi ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 9px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #666666 solid; /* リンクエリアの左境界線 */
border-right: 1px #333333 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 太字 */
}
/* --- リンクテキストの色 --- */
div.navi ul.nl li a:link {
color: #ffffff;
}
div.navi ul.nl li a:visited {
color: #ffffff;
}
div.navi ul.nl li a:hover {
color: #A3BAFD;
}
div.navi ul.nl li a:focus {
color: #A3BAFD;
}
div.navi ul.nl li a:active {
color: #A3BAFD;
}
/* --- リンクテキストの色 業務案内--- */
h5 a:link {
color: blue;
}
h5 a:visited {
color: blue;
}
h5 a:hover {
color: #A3BAFD;
}
h5 a:focus {
color: #A3BAFD;
}
h5 a:active {
color: #A3BAFD;
}
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* コンテンツ */
#main_cont {
	clear: both;
  background-color: #fffff0;
	margin: 0 auto ;	
  padding: 0 auto ;	
	width: 950px;
	outline: solid 5px #000 ;
}
#main_cont p{
 font-size: 90%;
 padding-left: 45px;
 background-color: #fffff0;
}

#main_cont h2 {
  margin: 0 0 4px 0;
  padding: 10px 0 8px 24px;
  line-height: 110%;
  font-size: 13px;
	font-weight: bold;
  color: #333333;
  background-image: url(image/titlebar_l.gif);
  background-repeat: no-repeat;
}
#main_cont h4{
font-weight: bold;
font-size: 1.3em;
color: blue;
background-image: url(image/bar_400px.gif);
background-position: bottom;
background-repeat: no-repeat;
text-align: center;
line-height: 2em;
margin: 0;
}
#main_cont h5{
font-weight: normal;
font-size: 0.9em;
color: blue;
background-image: url(image/bar_200px.gif);
background-position: bottom;
background-repeat: no-repeat;
text-align:left;
line-height: 1.1em;
margin: 0;
}
#kaisha-gaiyou {
  background-color:#fffff0;
	COLOR:#000;
	width: 880px;
	height: 1100px;
	margin: 0px auto;
	padding-top: 30px; 
	padding-left: 70px;
}
#gyoumu_gaiyou {
  background-color:#fffff0;
	COLOR:#000;
	width: 880px;
	height: 550px;
	margin: 0px auto;
	padding-top: 30px; 
	padding-left: 70px;
}
#saiyou {
  background-color:#fffff0;
	COLOR:#000;
	width: 880px;
	height: 500px;
	margin: 0px auto;
	padding-top: 30px; 
	padding-left: 70px;
}	
#toiawase {
  background-color:#fffff0;
	COLOR:#000;
	width: 880px;
	height: 300px;
	margin: 0px auto;
	padding-top: 30px; 
	padding-left: 70px;
}	
#gyoumu_annai {
  background-color:#fffff0;
	COLOR:#000;
	width: 880px;
	height: 700px;
	margin: 0px auto;
	padding-top: 30px; 
	padding-left: 70px;
}
#gyoumu-table {
  float: left;
  width: 200px;
	height: 300px;
	margin-top: 0px;
	margin-left: 20px;
	padding-left: 0px;
/* outline: solid 1px red; */
}

#gyoumu-table table , td, th {
	/* border: 1px solid blue; */
	border-collapse: collapse;
}
#gyoumu-table td, th {
	padding: 3px;
	width: 200px;
	height: 40px;
}
#gyoumu-table a {
  background: url(image/arrow_black.png) no-repeat left ;
	padding-left: 20px;
	padding-bottom: 0px;
}	
#jigyou {
  float: right;
	width: 530px;
	height: auto;
	margin-right: 100px;
/*	outline: solid 1px blue;	*/	
}
#jigyou p{
 padding-right: 10px;
 font-saize: 90%;
 padding-left: 10px;
 background-color: #fffff0;
}
#yunyu {
  float: right;
	width: 530px;
	height: auto;
	margin-right: 100px;
/*	outline: solid 1px blue;	*/	
}
#yunyu p{
 padding-right: 10px;
 font-saize: 90%;
 padding-left: 10px;
 background-color: #fffff0;
}

#kaisha {
	width: 880px;
	height: auto;
	margin: 0 auto;
	padding: 30px;
  background-color: #f0f0f0;
}
.description {
    border: 1px solid darkblue;
    margin: 10px auto 0 auto;
    width: 500px;
    font-size: 11pt;
    text-align: left;
    padding: 10px;
    line-height: 1.3em;
    }
.container-box {
	width: 525px;
	margin-left: 0px;
	}

.mainbox, .subbox {
	text-align: left;
	border: 1px solid dimgray;
	padding-left: 5px;
	margin-left: 0px;
	margin-top: 10px;
	line-height:2em;
	font-weight: bold;
	}

.mainbox {
	border-width: 0 2px 2px 0;
	padding: 5px;
	background-color: steelblue;
	}

.subbox {
	color: silver;
	border-color: gray;
	}


/* お知らせ　表*/
table, th, td {
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
  background-color: #EOFFFF;
}


#footer {
  background-color: #211E55;
	text-align: left;
	margin: 0px auto;	
	width: 940px;
	background-position: center top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	font-size: 70%;
	line-height: 180%;
}
#foot02 {
	padding-left: 150px;
	text-align: left;
	margin: 0px auto;	
	clear: both;
	color: white;
}
.txt {
	font-size: 90%;
	line-height: 180%;
}	