@charset "utf-8";
#wrapper {
  width:900px;
  margin: 0px auto;
  padding: 0px auto;
  text-align: left;
}

#contents{
  width:100%;
  margin:0 auto;
  padding:0;
}
#main1{
  width:100%;
  margin:0;
  padding:0;
}


#leftarea {
  width:450px;
  margin: 0px;
  padding: 0px;
  float: left; display: inline;
}

#rightarea {
  width:450px;
  margin: 0px;
  padding: 0px;
  float: left; display: inline;
}

#main2 {
  width:100%;
  margin-top: 20px;
  margin-bottom: 10px;
}

#un_leftarea {
  width:500px;
  margin: 0px;
  padding: 0px;
  float: left; display: inline;
}

#un_rightarea {
  width:400px;
  margin: 0px;
  padding: 0px;
  float: left; display: inline;
}

/****************************************************
トップページ
*****************************************************/
.topics {
  width: 420px;
  height: 300px;
  overflow: auto;
  margin: 5px 15px 0px;
}

.topics div.date{
  width: 100px;
  margin-left: 5px;
  font-weight: bold;
}

.topics div.content{
  width: 380px;
  line-height:1.5;
  margin-top: 5px;
  margin-left: 5px;
}

.box {
  height:190px;
  font-size:85%;
  line-height:1.2;
  margin-top: 20px;
}

.box span.red {color: #ff0000;}

.margin1 {margin:0px 0px 0px 15px;}
.margin2 {margin:0px 15px}
.margin3 {margin:5px 15px 0px;}
.margin4 {margin:0px 15px 0px 0px;}
.margin5 {margin:10px 0px 0px 0px;}
.margin6 {margin:20px 10px 0px 15px;}
.margin7 {margin:10px 10px 10px 15px;}
.margin8 {margin:10px 15px 0px 0px;}
.margin9 {margin:10px 15px 20px;}

/****************************************************
会社概要
*****************************************************/
.company {
  width:600px;
  line-height:1.5;
  border-spacing:0px;
  margin-left:50px;
  margin-bottom:20px;
}

.company tr th {
  width: 150px;
  border-bottom:1px dotted #000000;
}

.company tr td {
  width: 450px;
  border-bottom:1px dotted #000000;
}

.company td,.company th {
  font-weight:normal;
  vertical-align:top;
  text-align:left;
  padding-left: 10px;
}

.left {
  float: left; display: inline;
  margin-right: 15px;
  margin-bottom: 15px;
}

.right {
  float: left; display: inline;
  margin-bottom: 15px;
}

/*主な修繕物品例のright,leftと設定が一緒のため、後でまとめる*/

/****************************************************
主な修繕物品例
*****************************************************/
.rbox{
  width:750px;
  height:240px;
  margin:20px 75px;
}

.rbox div.left {
  float: left; display: inline;
  margin-right: 15px;
  margin-bottom: 15px;
}

.rbox div.center {
  float: left; display: inline;
  margin-right: 15px;
  margin-bottom: 15px;
}

.rbox div.right {
  float: left; display: inline;
  margin-bottom: 15px;
}

/****************************************************
保険会社　お役立ち情報
*****************************************************/
.date2 {
  width: 850px;
  font-weight: bold;
  text-align: right;
  margin-top: 25px;
}

.useful {
	width: 900px; /* テーブルの横幅 */
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #444444 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
	margin: 0px 0px 20px;
	text-align: center;
}

.useful td {
  border: 1px #444444 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
}

.useful th {
  border: 1px #444444 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
  background-color: #ffe4b5;
}

tr.theme {
  font-weight: bold;
  background-color: #ffe4b5;
}
.police th{background-color: #ffff66;}

.police .theme {
  font-weight: bold;
  background-color: #ffff66;
}

.tleft {text-align:left;}

.font td {font-size: 80%;}

table span.red {
  font-size: 80%;
  color: #ff0000;
}

.add th{
  font-size: 80%;
  background-color: #ffff66;
}

.add td{
  text-align: left;
  vertical-align: top;
  font-size: 70%;
}

/****************************************************
個人情報保護方針
*****************************************************/
.pbox {
  width: 800px;
  margin: 10px 50px;
}

dl.policy{
  padding-right: 30px;
  padding-top:10px;
  padding-bottom:10px;
}

dl.policy dt{text-indent:-1em;}

dl.policy dd{
  padding-top: 5px;
  margin-left: 10px;
}

dl.policy dd.indent{text-indent:-1em;}

dl.policy dd dl{
  font-weight:normal;
  padding:0px 5px 5px 5px;
}

.privacy_policy {
  font-weight:bold;
  text-align: center;
  margin-top: 20px;
}

.center {text-align: center}

/****************************************************
font
*****************************************************/
.bold {font-weight: bold;}
.font75 {font-size: 75%;}
.font80 {font-size: 80%;}
.font95 {font-size: 95%;}


/****************************************************
リンク
*****************************************************/
/* 全体のリンク */
#contents a:link {color: #000000;}

#contents a:visited {color: #000000;}

#contents a:hover,a:active {color: #f39700;}

/****************************************************
その他
*****************************************************/
/*  リンク画像の枠線消し */
img{border:none;}

/* レイアウト左右ズレの回避設定 */
html {overflow-y: scroll;} 

/* floatの設定を解除 */
#main1:after,#main2:after,#footer:after,.rbox:after,.clear:after,.tbox:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}