@charset "shift-JIS";

/* ====================会社案内メインコンテンツ==================== */
#contents    { background: url(../img/bg-side.gif) repeat-y left top; margin: 0 auto; position: relative; width: 860px; }
#main    { margin: 0  140px 0 170px; padding: 30px 35px; position: relative; top: 30px; min-height:450px; }
/* メインの幅は485です */
#side  { background-color: #dcdcdc; width: 170px; position: absolute; top: 0; left: 0; }
#side2   { background: url(../img/bg-rectenpo.gif) no-repeat 0px 30px; text-align: center; position: absolute; top: 0; right: 0; width: 140px; height: 460px }

/* サイド-ブランド */
ul.brand   { background: url(img/txt-side_brand.gif) no-repeat center top; margin-left: 1px; padding-top: 30px; width: 139px; margin-top:30px; }
ul.brand  li   { list-style-type: none; padding: 0px; border-bottom: 1px solid silver; width: 139px; height: 55px }


/* サイド部分-メニュー  */
#side-navi  { width: 170px; }
#side-navi  li   { list-style-type: none; margin: 0px; padding: 0px; width: 170px; height: 30px;  border-bottom:1px solid silver; line-height:100%; }
#side-brand  li  { list-style-type: none; border-bottom: 1px solid silver; }
#side-brand li a  {  display:block; padding:10px 15px; } 
#side-brand li a:hover    { background: url(../img/bg-side_brand.gif) repeat-x left top; } 

/* 会社案内メインのパンくずリストと文字サイズ切り替え */
#pan { width: 340px; position: absolute; top: 0px; left: 170px; border-bottom:1px dotted gray; height:30px; text-indent:1em; line-height:30px ;}
#pan a { font-size:0.9em;  }
#fontchange  { width: 350px; position: absolute; top: 5px; right: 0;  border-bottom:1px dotted gray; height:25px; text-align:right; }
#fontchange img  { vertical-align: top; margin-top:3px; margin-right: 3px; }
#fontchange  input { margin-right :3px; }


/* ====================組織図==================== */
h2#structure   { background: url(../img/img-catch_structure.jpg) no-repeat 0px 0px; text-indent: -9999em; margin-right: auto; margin-left: auto; width: 860px; height: 130px; }

/* ====================企業理念==================== */
h2#ideology  { background: url(../img/img-catch_ideology.jpg) no-repeat 0px 0px; text-indent: -9999em; margin-right: auto; margin-left: auto; width: 860px; height: 130px; }
h3#ideology   { background: url(img/img_ide_t1b.gif) no-repeat 0px 0px; text-indent: -9999em; margin-right: auto; margin-bottom: 30px; margin-left: auto; padding-bottom: 4px; border-bottom: 1px solid silver; width: 450px; height: 142px }

/* ====================会社沿革==================== */
h2#history   { background: url(../img/img-catch_history.jpg) no-repeat 0px 0px; text-indent: -9999em; margin-right: auto; margin-left: auto; width: 860px; height: 130px;  }
table.history   { margin-bottom: 10px; width: 100% }
table.history td { vertical-align: top; }
table.history td.year     { padding-right: 1em; border-right: 3px solid #be0000; width: 62px }
table.history td.month     { color: white; font-weight: bold; background-color: silver; padding-top: 0.5em; padding-left: 0.5em; border-bottom: 1px solid white; width: 4em }
table.history td.month_bottom    { color: white; font-weight: bold; background-color: silver; padding-top: 0.5em; padding-left: 0.5em; border-bottom: 1px solid #ccc; width: 4em }
table.history td.ex   { padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1em; border-bottom: 1px solid #cccccc }
table.history td.ex_top   { padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1em; border-bottom: 1px solid #cccccc;  border-top: 1px solid #cccccc; }

/* ====================会社概要==================== */
.outline { width:100%;  border-spacing: 0px; margin: 0 auto;  border-bottom: 1px solid gray;  }
.outline th,.outline td  {}
.outline th {  font-weight:normal; width:7em; background:url(../img/bg-cell_dot.gif);  border-top: 1px solid white; }
.outline th.top {  border-top: 1px solid gray; }
.outline td { padding: 0.5em 1em;  border-top: 1px solid gray; }
h2#outline   { background: url(../img/img-catch_outline.jpg) no-repeat 0px 0px; text-indent: -9999em; margin-right: auto; margin-left: auto; width: 860px; height: 130px; }

/* ====================トップメッセージ==================== */
.message   { line-height: 1.7em; text-indent: 1em; margin-bottom: 1.5em; }
h3.mds-txt { margin-bottom: 25px; }
h2#topmessage   { background: url(../img/img-catch_message.jpg) no-repeat 0px 0px; text-indent: -9999em; margin-right: auto; margin-left: auto; width: 860px; height: 130px; }