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

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style: normal;
	text-decoration: none;
}

img {
	border: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

a:link,a:visited {
	color:#036;
}

a:hover {
	color:#666;
}

div.tabarea {
  font-size: 80%;
  font-weight: bold;
  text-align: center;
}

a.tab {
  background-color: #f0f0f0;
  border: 1px solid #039;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  text-decoration: none;
}

a.tab,a.tabon,a.tab:visited {
  color: #039;
}

a.tab:hover {
  background-color: #9CF;
  color: #069;
}

a.tabon {
  background-color: #9CF;
  border: 1px solid #039;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  text-decoration: none;
}

table.tbl_history {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #039;
	border-left-color: #039;
	text-align: center;
}

table.tbl_history td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #039;
	border-bottom-color: #039;
	padding: 5px;
}

.tbbase {
	background-color: #9CF;
}

h2 {
	margin: 10px 0 0 0;
}

h2.subttl {
	margin: 10px 0;
	border-bottom: 5px double #069;
	text-align: left;
}

.subttl2 {
	margin: 10px 0;
	border-bottom: 4px double #FC6;
	text-align: left;
}

.subttl3 {
	margin: 10px 0;
	border-bottom: 4px double #CCF;
	text-align: left;
}

h4.subttl3 {
	font-size: 90%;
}

.subttl4 {
	margin: 10px 0;
	border-bottom: 1px solid #CCC;
	text-align: left;
}

#base {
	width: 1000px;
	height: auto;
	background: url(images/bg_base.jpg) top repeat-y;
}

#page {
	width: 960px;
	height: auto;
	background-color: #FFF;
}

#header {
	width: 960px;
	height: 82px;
	background: url(images/bg_header.jpg) top no-repeat;
	text-align: left;
}

#header h1 {
	float: left;
}

.info {
	padding: 20px 0 0 0;
	font-size: 80%;
}

#theme {
	width: 960px;
	height: 148px;
}

#leftbox {
	width: 530px;
	height: auto;
	margin: 0 10px 20px 20px;
	float: left;
}

#rightbox {
	width: 380ps;
	height: auto;
	margin: 0 20px 20px 0;
	float: left;
}

#pan {
	font-size: 85%;
	text-align: left;
	border-bottom: 1px dotted #CCC;
	margin: 0 0 10px 0;
}

#main {
	width: 920px;
	height: auto;
	margin: 10px 20px;
	float: left;
}

.txt {
	font-size: 85%;
	line-height: 140%;
	text-align: left
}

.txt ol,.txt ul {
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
}

#footer {
	width: 960px;
	height: auto;
	padding: 10px 0 0 0;
	border-top: 3px solid #0493D1;
	float: left;
	text-align: center;
	font-size: 85%;
	line-height: 150%;
}

dl.topic {
	width: 350px;
	height: 200px;
	overflow: auto;
	margin: 0 0 20px 0;
	padding: 0 1em;
	background-color: #FFC;
	border-bottom: 10px solid #F90;
	line-height: 1.5em;
	text-align: left;
	font-size: 85%;
}

dl.topic dt {
	margin-top: 0.5em;
	font-weight: bold;
}
	
dl.topic dd {
  margin-left: 1em;
}
/*******ドロップダウンメニュー**********/

#btn .mainmenu {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#btn .mainmenu a.menu {
  display: block;
  text-align: center;
  padding:0;
  margin:0;
  width: 120px;
  text-decoration: none;
}

.submenu {
  visibility: hidden;
  position: absolute;
  z-index: 3;
}

.submenu a {
  display: block;
  text-align: left;
}

/*******ドロップダウンメニューここまで**********/

.philosophy {
	width: 530px;
	height: auto;
	background-color: #FFFFDF;
	border-bottom: 10px solid #06C;
	float: right;
}

.slogan {
	margin: 20px 0 0 40px;
	font-size: 130%;
	line-height: 150%;
	text-align: left;
	font-weight: bold;
	float: left;
}

dl.photo {
	width: 120px;
	height: auto;
	margin: 10px;
	font-size: 85%;
	float: right;
}

dl.photo dd {
	margin: 5px 0 0 0;
}

.plan {
	width: 530px;
	height: auto;
	margin: 10px 0 20px 0;
	background-color: #FFFFDF;
	border-bottom: 10px solid #390;
	float: left;
}

.plan ul {
	margin: 10px 0 10px 20px;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	list-style: none;
	line-height: 150%;
}

.plan ul li {
	background: url(images/ico_arrow.jpg) top left no-repeat;
	padding: 0 0 0 20px;
}

#rightbox p {
	margin: 0 0 10px 0;
}

.box {
	width: 400px;
	height: auto;
	padding: 40px 20px;
	background-color: #FFC;
	font-size: 85%;
	line-height: 160%;
	text-align: center;
}

dl.gaiyo {
	width: 360px;
	height: auto;
	margin: 10px 0;
	font-size: 90%;
	text-align: center;
	line-height: 160%;
}

dl.gaiyo dt {
	width: 160px;
	text-align: left;
	float: left;
}

dl.gaiyo dd {
	width: 200px;
	text-align: left;
	float: right;
}

.notice {
	color: #C00;
	font-size: 130%;
	font-weight: bold;
}

.rght {
	float: right;
}

table.bline {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #039;
	border-left-color: #039;
	margin: 0 0 20px 0;
	text-align: left;
}

table.bline td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #039;
	border-bottom-color: #039;
	padding: 5px;
	font-size: 95%;
}

table.prof {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-left-color: #666;
	margin: 0 0 20px 0;
}

table.prof td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	padding: 4px;
	font-size: 85%;
}

table.imgtbl {
	margin: 20px 0;
}

table.imgtbl td {
	padding: 3px;
	font-size: 75%;
	text-align: center;
}

table.report {
	font-size: 80%;
	color: #333;
	margin: 0 0 30px 0;
}

table.report td,table.report th {
	padding: 5px;
}

table.report dl {
	line-height: 150%;
}

table.report dl dt {
	width: 50px;
	height: auto;
	float: left;
}

table.report dl dd {
	width: 720px;
	height: auto;
	float: left;
}

ol.mother {
	text-align: left;
	font-size: 85%;
	color: #333;
	line-height: 150%;
	margin: 20px 30px;
}

.bg_pink {
	background-color: #FFEFD5;
}

.bg_blue {
	background-color: #EFEFFF;
}

.bg_bluegray {
	background-color: #D3D6DD;
}

.bg_yellowgray {
	background-color: #EAE8E1;
}

.bg_green {
	background-color: #E0FFC1;
}

.txt_pink {
	color: #FFEFD5;
}

dl.lnk {
	margin: 10px 0 20px 20px;
	text-align: left;
	line-height: 150%;
}

dl.lnk dt {
	background: url(images/ico_arrow.jpg) top left no-repeat;
	padding: 0 0 0 20px;
}

dl.lnk dd {
	padding: 0 0 0 20px;
}

table.member {
	margin: 10px 0;
	text-align: center;
}

table.member td {
	width: 224px;
	padding: 5px;
	font-size: 95%;
	border: 1px solid #039;
}

td.wht {
	border: 1px solid #FFF!important;
}

table.member ul {
	list-style: none;
}

.companyinfo {
	width: 920px;
	height: auto;
	float: left;
}

.imgbox {
	width: 250px;
	height: auto;
	float: left;
}

.imgbox p {
	margin: 0 0 10px 0;
}

.company {
	width: 650px;
	height: auto;
	margin: 0 0 0 20px;
	text-align: left;
	font-size: 90%;
	line-height: 150%;
	float: left;
}

hr {
	border: 1px solid #FFF;
	margin: 20px 0;
}

.memberttl {
	background-color: #039;
	color: #FFF;
}

.cnt {
	text-align: center;
}

.font_lft {
	text-align: left;
}

.tsubasablog {
	margin: -10px 0 10px 0!important;
}



/**災害対策用**/

div#saigai {
	width: 830px;
	height: auto;
	border: 3px solid #999;
	margin: 20px;
	padding: 20px 40px;
	float: left;
	line-height: 150%;
	font-size: 95%;
	letter-spacing: 0.1em;
	text-align: center;
}

.sign {
	text-align: right;
}

#saigaitopic {
	width: 398px;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 3px solid #069;
	float: left;
	text-align: left;
	letter-spacing: 0em;
}

#saigaitopic h2 {
	background-color: #069;
	padding: 3px 10px;
	margin: 0 0 5px 0;
	color: #FFF;
	font-weight: bold;
	border: 1px solid #069;
	text-align: left;
}

#saigaitopic p {
	background: url(images/ico_arrow.jpg) top left no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 20px;
	text-align: left;
	letter-spacing: 0em;
}

div.bokin {
	width: 395px;
	height: auto;
	background-color: #FC9;
	border: 2px double #F90;
	padding: 10px;
	margin: 5px 0 0 10px;
	float: left;
	text-align: left;
	letter-spacing: 0em;
}

.kouza {
	margin: 0 0 15px 0;
	font-weight: bold;
	color: #C00;
	border-bottom: 5px double #F60;
	text-align: left;
	letter-spacing: 0em;
}

p.account {
	margin: 15px 0 0 0;
	font-weight: bold;
	text-align: right;
}

p.accountname {
	font-size: 80%;
	font-weight: bold;
	text-align: right;
}

.h3sub {
	font-size: small;
}

.bnr {
	margin: 10px 0 0 0;
}