@charset "Shift_JIS";

/*
===================================================
HOME
===================================================
*/

@media screen {
  #prtit{display:none;}
  #prsub{display:none;}
}


/* --- ビジュアルイメージ(フラッシュ) --- */
#flmain{

  margin: 0px 0px 0px 0px;

}


#topvew{
  margin: 0px 0px 0px 0px;
}

#topvew img{
  margin: 0px 0px 7px 0px;
}

/* --- 廻り込み枠 --- */
#topvew .fleat_a{
  float:right;
  width: 200px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

  /* border-left:1px dotted #cccccc; */

}
#topvew .fleat_b{
  float:right;
  width: 362px;
  margin: 0px 10px 0px 0px;
  padding: 0px 10px 0px 0px;

  border-right:1px dotted #cccccc;
}

/* --- 最新情報 --- */
#mess_tit{
  /*width: 200px;*/
  margin: 0px 0px 10px 0px;
  padding : 0px 0px 0px 10px;
  height : 25px;

  text-align: left;
  font-size : 90%;
  line-height: 22px;
  font-weight : bold;
  color: #ffffff;
  font-family : sans-serif,Arial;

  background-image : url(../img/top/midasi_b.gif);
  background-repeat : no-repeat;
  background-position : left top;

  border-bottom: 1px solid #dddddd;

}


@media screen {
  #mess_tit span{display:none;}
}

#messcpy{
  font-size: 90%;
  line-height: 150%;
  margin: 0px 0px 10px 0px;
}

#messcpy img{
  float:right;
  margin: 0px 0px 10px 10px;
  padding: 0px 0px 0px 0px;

}

#messcpy span{
	xcolor: #F00;
}
#messcpy .font_blue{
	color: #006;
}
#messcpy .font_red{
	color: #F00;
}
.submj{
  font-weight : bold;
  color: #000000;
  font-size: 120%;
}


#topinfo1{

  margin: 0px 0px 0px 0px;
  padding : 5px 10px 5px 10px;

  font-size: 90%;
  line-height: 150%;
  font-weight : bold;

  color: #5050c0;
  background: #e9e9f3;

  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;

}

#topinfo2{

  margin: 0px 0px 10px 0px;
  padding : 10px 10px 10px 10px;

  font-size: 80%;
  line-height: 150%;

  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;

}

#mladd{
  font-family : sans-serif,Arial;
  font-size: 90%;
  font-weight : bold;
}

#mladd a{
  font-weight : bold;
}

dl#wnew{
  /*width: 498px;*/
  margin: 0px 0px 0px 0px;

}

dl#wnew dt{
  float:left;
  width: 90px;
  padding: 5px 0px 5px 0px;
  font-size: 80%;
  line-height: 150%;
  color : #b25973;
  text-align: left;
  vertical-align : top;

  /*border-top : 1px solid #eeeeee;*/

}

dl#wnew dd{
  /*float:left;*/
  padding: 5px 0px 5px 0px;
  font-size: 80%;
  line-height: 150%;
  text-align: left;
  vertical-align : top;

  border-top : 1px solid #eeeeee;
}



/*
===================================================
プロフィール
===================================================
*/

#pbase{

  background-image : url(../img/pg01/prof01.jpg);
  background-repeat : no-repeat;
  background-position : right top;

}


/* --- 経歴 --- */
.keireki{
  width: 574px;
  margin: 0px 5px 20px 5px;
  border-collapse: collapse;   /* 枠線の表示方法 */
  border: 0px solid #ffffff;   /* テーブル全体（外枠）の枠線（太さ・色・スタイル） */
}


.keireki th{
  width: 90px;
  padding: 5px;
  font-size: 80%;
  line-height: 150%;
  color : #5050ff;
  /*background : #ffffff;*/

  text-align: left;
  vertical-align : top;
  border-right : 1px dotted #dddddd;
  border-top : 1px dotted #dddddd;
  border-bottom : 1px dotted #dddddd;

}
.keireki td{
  padding: 5px;
  font-size: 80%;
  line-height: 150%;
  text-align: left;
  vertical-align : top;
  border-top : 1px dotted #dddddd;
  border-bottom : 1px dotted #dddddd;
}


/*
===================================================
事務所のご案内
===================================================
*/

/* --- アクセスマップ --- */
#acmap{
  margin: 0px 5px 10px 5px;
}

#acmap .fleat_a{
  float:left;
  width: 300px;
  margin: 0px 10px 10px 0px;
  padding: 0px 10px 0px 0px;

  border-right:1px dotted #cccccc;

}
#acmap .fleat_b{
  float:left;
  width: 253px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  /* border-left:1px dotted #cccccc; */
}


/*
===================================================
政策
===================================================
*/

/* --- 政策 --- */
ul#rinen{
  margin: 0px 5px 20px 5px;
  /* --- list-style-type : none; --- */
  list-style-image : url(../img/pg03/lis.gif);
  list-style-position:inside;
}
ul#rinen li{

  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align : middle;
  font-size: 90%;
  font-weight : bold;
}

#ktghed{
  margin: 0px 0px 10px 0px;
    font-weight : bold;
    color: #808040;
    font-size: 120%;
    font-family : sans-serif;
}

#ktghed span{
    font-weight : bold;
    color: #ff0000;
}

#ktgsub{
  margin: 8px 0px 8px 0px;
    font-weight : bold;
    color: #000000;
    font-size: 100%;
    font-family : sans-serif;
}

#ktgtit{
  margin: 0px 0px 5px 0px;
  padding: 5px 5px 5px 5px;

  border-left : 5px solid #cccccc;
  border-right : 1px solid #cccccc;
  border-top : 1px solid #cccccc;
  border-bottom : 1px solid #cccccc;

  color: #5555ff;
  background : #ffffff;
  font-size: 150%;
  font-weight : bold;

}
#ktglis{
  margin: 0px 0px 5px 0px;

}

#ktglis div{

  margin: 0px 0px 5px 0px;
  padding: 5px 5px 5px 5px;
  color: #ff6400;
  background : #eeeeee;

  font-size: 120%;

}

#ktglis a{

  font-weight : bold;
}

#toptbl{

  margin: 0px 0px 10px 0px;
  width: 100%;                 /* テーブルの横幅 */
  border-collapse: collapse;   /* 枠線の表示方法 */
  border: 0px solid #ffffff;   /* テーブル全体（外枠）の枠線（太さ・色・スタイル） */
  font-size : 100%;
  line-height : 120%;

  font-family : sans-serif;

}

#toptbl th{

  font-size : 120%;
  width: 50%; 

  border: 1px solid #ffffff; /* セルの枠線（太さ・色・スタイル） */ 

  color : #ffffff;
  background-color : #8080ff;
  padding : 5px;
  text-align : left;

  font-weight : bold;

}

#toptbl td{

  width: 50%;
  vertical-align : top;

  border: 1px solid #ffffff; /* セルの枠線（太さ・色・スタイル） */ 
  background-color : #ffefa2;
  padding : 5px;
  text-align : left;

}

#toptbl .wht{
  background-color : #ffffff;
}

#ktgtbl{

  margin: 0px 0px 20px 0px;
  width: 100%;                 /* テーブルの横幅 */
  border-collapse: collapse;   /* 枠線の表示方法 */
  border: 0px solid #ffffff;   /* テーブル全体（外枠）の枠線（太さ・色・スタイル） */
  font-size : 80%;
  line-height : 120%;

  font-family : sans-serif;

}

#ktgtbl th{

  border: 1px solid #cccccc; /* セルの枠線（太さ・色・スタイル） */ 

  background-color : #d9d9ff;
  padding : 5px;
  text-align : center;

  font-weight : bold;

}

#ktgtbl td{

  border: 1px solid #cccccc; /* セルの枠線（太さ・色・スタイル） */ 
  background-color : #eeeeee;
  padding : 5px;
  text-align : center;

}


.bldft{
  color : #000000;
  font-weight : bold;

}

.bldft span{
  color : #ff0000;
  font-weight : bold;

}

#ktgmin{
  margin: 0px 0px 10px 0px;
  color : #ffffff;
  background-color : #777777;
  padding : 3px;
  font-weight : bold;
}

#quest{
  padding : 5px;
  font-size : 120%;
  background-color : #ff0000;
}

#quest a{
  font-weight : bold;
}

#quest a:link {
  color: #ffffff;
}
#quest a:visited {
  color: #ffffff;
}
#quest a:hover,a:active {
  color: #ffff00;
  /* --- text-decoration: underline; --- */
}

/*
===================================================
お知らせ
===================================================
*/

#active{
  margin: 0px 5px 0px 5px;
}

#active dl{
  margin: 0px 0px 15px 0px;
}

#active dt{
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;

  font-size: 80%;

  background : #eeeeee;

  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;

}

#active dd{
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 0px 10px;

  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;

}

#active .fleat_a{
  float:left;
  width: 200px;
  margin: 0px 10px 10px 0px;
  padding: 0px 10px 0px 0px;

  border-right:1px dotted #cccccc;
}
#active .fleat_b{
  float:left;
  width: 331px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;

  /* border-left:1px dotted #cccccc; */
}


/*
===================================================
製品案内
===================================================
*/


/* --- スタイルブック --- */

#mado3{
  width:580px;
  margin: 0px 0px 15px 0px;
}
#mado3 li{
  display:inline;
  float:left;
  list-style:none;

  margin: 0px 5px 10px 5px;
  padding: 10px 10px 5px 10px;

  width:163px;  /* イメージサイズ */
  height : 235px;

  text-align: left;
  background:#eeeeee;

  /*
  background-image : url(../img/pg02/stybs.gif);
  background-repeat : repeat-y;
  background-position : top center;
  */
}

#mado3 img{
  margin: 0px 0px 5px 0px;
}
#mado3 .m_tit03{
  margin: 0px 0px 5px 0px;
  font-size: 80%;
  font-weight : bold;
  color : #693e54;
}
#mado3 .m_cpy03{
  font-size: 70%;
  line-height: 120%;
}


/*
===================================================
会社案内
===================================================
*/


/* --- 社長挨拶 --- */
#prof{
  margin: 0px 5px 10px 5px;
}
#prof .fleat_a{
  float:left;
  width: 200px;
  margin: 0px 10px 10px 0px;
  padding: 0px 10px 0px 0px;

  border-right:1px dotted #cccccc;
}
#prof .fleat_b{
  float:left;
  width: 353px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;

  /* border-left:1px dotted #cccccc; */
}






/*
===================================================
事業内容
===================================================
*/


/* --- 事業紹介 --- */
#busi{
  margin: 0px 0px 10px 0px;
}
#busi .fleat_a{
  float:right;
  width: 250px;
  margin: 0px 0px 10px 10px;
  padding: 0px 0px 0px 10px;

  border-left:1px dotted #cccccc;
}
#busi .fleat_b{
  float:right;
  width: 312px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;

  /* border-left:1px dotted #cccccc; */
}

/* --- 経営理念 --- */
ul#jigyo{
  margin: 0px 0px 0px 0px;
  /* --- list-style-type : none; --- */
  list-style-image : url(../img/pg02/jmrk.gif);
  list-style-position:inside;
}
ul#jigyo li{

  margin: 0px 0px 3px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align : middle;
  font-size: 80%;
  font-weight : bold;
}


/*
===================================================
採用情報
===================================================
*/

#saiyo{
  width: 574px;
  margin: 0px 5px 10px 5px;
  border-collapse: collapse;   /* 枠線の表示方法 */
  border: 0px solid #ffffff;   /* テーブル全体（外枠）の枠線（太さ・色・スタイル） */
}

#saiyo th{
  width: 120px;
  padding: 5px;
  font-size: 80%;
  line-height: 150%;
  color : #b25973;
  background : #fbd7d7;


  text-align: left;
  vertical-align : top;
  border : 1px solid #cccccc;

}

#saiyo td{
  padding: 5px;
  font-size: 80%;
  line-height: 150%;
  text-align: left;
  vertical-align : top;
  border : 1px solid #cccccc;
}


/*
===================================================
リンク
===================================================
*/


dl#links{
  margin: 0px 5px 0px 5px;
}

dl#links dt{
  float:left;
  width: 150px;
  margin: 0px 0px 5px 0px;
  padding: 5px;
  font-size: 80%;
  line-height: 150%;
  color : #b25973;
  text-align: left;
  vertical-align : top;
  background : #fcaeae;

  border-left : 5px solid #a21515;
}

dl#links dd{
  /*float:left;*/
  margin: 0px 0px 5px 0px;
  padding: 5px;
  font-size: 80%;
  line-height: 150%;
  text-align: left;
  vertical-align : top;
  background : #f9f9f9;
}

dl#links span{
  margin: 0px 0px 0px 10px;
}


/*
===================================================
プライバシーポリシー
===================================================
*/

#policy{
  margin: 0px 0px 15px 20px;

}

#policy li{

  font-size : 80%;
  line-height : 150%;
  color : #660000;

  /*list-style:none;*/
  list-style-type : square;
  list-style-position : outside;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}



@media print {

  #prtit{
    margin: 0px 0px 10px 0px;
    font-size: 200%;
    line-height: 120%;
    color : #000000;
    font-weight : bold;
    font-family : serif;
  }
  #prtit span{
    color : #ff0000;
    font-weight : bold;
    font-family : serif;
  }
  #prsub{
    margin: 0px 0px 20px 0px;
    font-size: 150%;
    line-height: 120%;
    color : #555555;
    font-weight : bold;
    font-family : serif;
  }


  #flmain{
    display:none;
  }

  #mess_tit{

    margin: 0px 0px 20px 0px;
    padding : 5px;

    text-align: left;

    background : #0000ff;
  }

  #mess_tit span{
    font-size : 120%;
    font-weight : bold;
    color: #ffffff;
  }

  #messcpy{
    font-family : serif;
  }

  #messcpy span{
    font-family : sans-serif;
  }

  .submj{
    font-family : sans-serif;
  }



  #fotadd{
    display:none;
  }

  #ktghed{
    font-size : 180%;
    margin: 0px 0px 20px 0px;
  }

  #ktgsub{
    margin: 8px 0px 8px 0px;
    font-size: 120%;
  }
  #ktgtit{
    font-family : sans-serif;
  }
  #ktglis{
    font-family : sans-serif;
  }
  #ktgmin{
    font-family : sans-serif;
  }

  .keireki{
    width: 100%;
  }

  #quest{display:none;}

  .bldft{
    font-family : sans-serif;
  }

}.font_blue {
	color: #006;
}
font_blue {
	color: #009;
}
.font_blue {
	color: #006;
}
.font_green {
	color: #0C0;
}



.imgHeadinTop {
	margin: 0px 0px 20px 0px;
}


/**********************************************
 2013年 呉市長選用（2013-11-03 〜 2013-11-09）
**********************************************/
.flyer_2013_01 {
	margin:0px 0px 15px 0px;
}