@charset utf-8;
/*---------------------------------
「工事担任者」TOPページ専用ＣＳＳ
---------------------------------*/

html /*opera,safari*/{
 background-image: url("../images/parts/bg22.gif");
 background-repeat: repeat;
 }
body  {
 color: #333;
 font-size: 12px;
 font-family: "ＭＳ Ｐゴシック", "小塚ゴシック Std L", 平成角ゴシック, "ヒラギノ角ゴ Pro W3", Osaka, Osaka-等幅;
 background-image: url("../images/parts/bg22.gif");
 text-align: center;
 display: block;
 repeat: repeat;
 }

body, div, p, img, ul, ol {
 margin: 0;
 padding: 0;
 }
p    {
 color: #333;
 font-size: 12px;
 line-height: 18px;
 vertical-align: baseline;
 }
em {
 color: #f30;
 font-style: normal;
 }
img {
 border-style: none;
 }
/*----↓IE以外----*/
html>body img  {
 vertical-align: bottom;
 }

/*====================
　　Bace
 =====================*/
#allwrap   {
 background-color: white;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 width: 780px;
 }
.clear {
 font-size: 12px;
 background-color: white;
 margin: 0;
 padding: 0;
 clear: both;
 }
#header {
 margin-right: auto;
 margin-left: auto;
 width: 780px;
 }
#footer   {
 background-color: #6c3;
 text-align: left;
 width: 780px;
 height: 20px;
 vertical-align: middle;
 }
#maincontent  {
 background-color: white;
 text-align: center;
 display: block;
 padding-top: 16px;
 width: 780px;
 vertical-align: top;
 }
address  {
 color: white;
 font-size: 11px;
 font-family: Verdana, sans-serif;
 font-weight: 700;
 line-height: 18px;
 word-spacing: 6px;
 vertical-align: middle;
 }
#centerwin {
 margin-top: 3px;
 margin-left: 6px;
 float: left;
 vertical-align: middle;
 }
 
#centerwin2 {
 margin-left:80px;
 text-align:center;
 float: left;
 vertical-align: middle;
 }


/*====================
　　リンク
 =====================*/
a:link, a:visited {
 color: #063;
 text-decoration: none;
 }
a:hover {
 color: #c33;
 text-decoration: underline;
 }
#infoTable a:link     { color: blue; }
#infoTable a:visited { color: #00f; }
#infoTable a:hover  { color: #093; text-decoration: underline; }

/*====================
　　上部コンテンツ
 =====================*/
#topcontentwrap  {
 background-color: white;
 padding-top: 6px;
 width: 780px;
 }
#outline { width: 780px; }
#outline td { margin: 0; padding: 0; }


/*====================
　　大ブロック
 =====================*/
#leftwrap, #rightwrap { 
 background-color: white;
 text-align: left;
 margin: 0;
 vertical-align: top;
 }
#leftwrap  {
 padding-left: 15px;
 width: 350px;
 float: left;
 }
#rightwrap {
 padding-top: 10px;
 padding-right: 14px;
 width: 400px;
 float: right;
 }

#leftwrap img, #rightwrap img {
 margin: 0;
 padding: 0;
 vertical-align: bottom;
 }
*html #leftwrap img, #rightwrap img {
 margin: 0;
 padding: 0;
 vertical-align: top;
 }
#rightblock_under2 {
 vertical-align: top;
 }

#guidblock {
 background-image: url("../images/top/guidbg.jpg");
 background-repeat: repeat-y;
 background-position: 0 0;
 margin: 6px 0 0;
 padding: 0;
 width: 335px;
 }
#btn_net { margin-top: 6px; }


/*====================
　　小ブロック
 =====================*/

div.leftwinblock, div.rightwinblock {
 background-repeat: repeat-y;
 background-position: 0 0;
 }
div.leftwinblock  {
 background-image: url("../images/top/leftwinblock_bg.jpg");
 margin: 4px 0 0;
 padding: 0;
 width: 335px;
 }
div.rightwinblock  {
 background-image: url("../images/top/rightwinblock_bg.jpg");
 margin: 6px auto 0;
 padding: 0;
 width: 400px;
 }
*html div.rightwinblock { margin: 0; }
html>body div.leftwinblock  { margin-top: 6px; }

/*----公示----*/
#pubblockTable { width: 400px; }
#pubblockTable td { text-align: left; }
*html #pubblockTable  { margin-bottom: 6px; }

.pubdateTD, .pubtxtTD {
 background-color: #e4f9c0;
 background-repeat: no-repeat;
 background-position: 0 0;
 }
.pubdateTD {
 background-image: url("../images/top/pub_top.gif");
 padding-top: 4px;
 padding-left: 72px;
 }
.pubtxtTD {
 background-color: #e4f9c0;
 background-image: url("../images/top/pub_topbg.jpg");
 padding: 5px 0 0;
 }
td.bottom {
 font-size: 5px;
 background-image: url("../images/top/pub_bottom.jpg");
 background-repeat: no-repeat;
 background-position: 0 bottom;
 height: 10px;
 }

/*====================
　　テキストブロック
 =====================*/
div.txtwrap {
 text-align: left;
 padding-top: 0;
 padding-bottom: 3px;
 padding-left: 12px;
 vertical-align: top;
 }
div.txtwrap400 {
 text-align: left;
 margin: 0 auto;
 padding: 2px 0 0 10px;
 width: 400px;
 }
html>body .txtwrap400 {
 width: 388px;
 }
#pubblockTable td.pubtxtTD div.txtwrap {
 margin-left: 56px;
 }

/*====================
　　アイコン、リンクテキスト
 =====================*/
#rightwrap .txtwrap400 img, #leftwrap .txtwrap img, #rightwrap .txtwrap img {
 margin-top: 2px;
 float: left;
 clear: left;
 vertical-align: bottom;
 }
div.txtwrap400 p, div.txtwrap p {
 padding-left: 1.5em;
 }

/*====================
   ボタン用
 =====================*/
.btnwrap  {
 background-color: transparent;
 text-align: center;
 margin: 0;
 padding-top: 3px;
 width: 334px;
 }
#leftwrap .txtwrap btnwrap img  {
 margin-right: auto;
 margin-left: auto;
 }

/*====================
   インフォーメーション
 =====================*/
#infowrapTable {
 font-size: 12px;
 line-height: 14px;
 margin-top: 3px;
 width: 400px;
 }
*html #infowrapTable   {
 margin-top: 2px;
 margin-right: auto;
 margin-left: auto;
 }
#infowrapTable td {
 text-align: center;
 }
.infoTD  {
 background-image: url("../images/top/info_bg.gif");
 background-repeat: repeat-y;
 background-position: 0 0;
 text-align: center;
 }
#infoTable {
 margin: 0px auto;
 padding-top: 5px;
 width: 370px;
 }
#infoTable th  {
 color: #f30;
 font-size: 10px;
 font-family: sans-serif;
 font-weight: bold;
 line-height: 14px;
 text-align: right;
 width: 58px;
 border-bottom: 1px solid #f5e2e6;
 }
/*-- IE Mac5 --\*/
#infoTable th  { font-size: 12px; }
/*-------------*/
#infoTable td  {
 font-size: 12px;
 line-height: 16px;
 text-align: left;
 padding-top: 3px;
 padding-bottom: 3px;
 border-bottom: 1px solid #f5e2e6;
 }
#infoTable td.cnt { padding-left: 6px; }