@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      aboutus/base.css
 Update:         2011.02.05
 Style Info:     マルホについて各ページCSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　共通設定
----------------------------------------------------------- */
#container {
 margin: 0 auto;
 padding: 0;
 width: 900px;
 text-align: left;
}
.pankuzu, .honbun {
 margin-top: 10px;
}
#container h3 {
 margin-top: 40px;
}
#main-about-fla {
 margin-top: 15px;
}
.aboutus-main {
 margin-top: 5px;
}
.pagetitle-text, .pagetitle-img {
 margin-top: 15px;
}
.aboutus-btarea {
 margin-top: 30px;
 width: 605px;
}
.aboutus-btarea-left {
 float: left;
}
.aboutus-btarea-right {
 float: right;
}
.aboutus-btarea-left, .aboutus-btarea-right {
 width: 285px;
}
.container-wrap {
 margin-top: 30px;
 width: 900px;
}
.container-left {
 float: left;
 /*padding: 2px;*/
 width: 250px;
}
.container-right {
 float: right;
 width: 605px;
}

.aboutus-submenu-wrap {
 width: 250px;
 background: url(../../img/bg_submenu_mid.gif) repeat-y left top;
}
.aboutus-submenu-top {
 width: 250px;
 background: url(../../img/bg_submenu_top.gif) no-repeat left top;
}
.aboutus-submenu-end {
 padding: 3px 2px 20px;
 width: 246px;
 background: url(../../img/bg_submenu_end.gif) no-repeat left bottom;
}
h4.aboutus-title {
 padding: 0 1px 2px;
 border-bottom: 1px solid #DAE0EA;
}
.aboutus-submenu {
 width: 246px;
}
.aboutus-submenu li {
 display: block;
 padding: 0 5px 0 20px;
 width: 221px;
 min-height: 35px;
 line-height: 35px;
 font-size: 90%;
 font-weight: bold;
}
.aboutus-submenu li.nest {
 padding: 0 5px 0 25px;
 width: 216px;
}
.aboutus-submenu li.no-link {
 padding-left: 42px;
 background: url(../../img/submenu_li.gif) no-repeat 20px center;
}

.aboutus-submenu li a {
 display: block;
 padding-left: 22px;
 width: 199px;
 background: url(../../img/submenu_li.gif) no-repeat left center;
}
.aboutus-submenu li.nest a {
 display: block;
 margin-left: 20px;
 padding-left: 12px;
 width: 184px;
 background: url(../../img/submenu_li_nest.gif) no-repeat left center;
}
.aboutus-submenu-li-solid {
 border-bottom: 1px solid #DAE0EA;
}
.aboutus-submenu-li-dash {
 border-bottom: 1px dashed #DAE0EA;
}

.indent-left {
 margin-left: 1em;
 text-indent: -1em;
}

.kadomaru-area {
 margin-top: 20px;
 background: url(../../img/bg_kadomaru.gif) repeat-y left top;
}
.kadomaru-bottom {
 padding-bottom: 15px;
 background: url(../../img/kadomaru_bottom.gif) no-repeat left bottom;
}
.kadomaru-top {
 padding: 15px 13px 0;
 background: url(../../img/kadomaru_top.gif) no-repeat left top;
}
.kadomaru-top dl {
 margin-top: 10px;
 padding-left: 7px;
 border-left: 5px solid #484848;
}
.kadomaru-top dt {
 font-weight: bold;
}

.page-link {
 padding-left: 15px;
 background: url(../../img/arrow_blue.gif) no-repeat left center;
}
.small {
 font-size: 75%;
 color: #D60000;
}
/* ---------------------------
　　サブメニューリンク設定
--------------------------- */
.aboutus-submenu a, .aboutus-submenu a:link, .aboutus-submenu a:visited {
 color: #484848;
 text-decoration: none;
}
.aboutus-submenu a:hover, .aboutus-submenu a:active {
 color: #003B8F;
 text-decoration: underline;
}
.aboutus-submenu a:active, .aboutus-submenu a:focus {
 outline: none;
}
/* ---------------------------
　　企業理念・長期ビジョン設定
--------------------------- */
.textwrap-blue {
 padding: 0 10px 10px;
 background-color: #E8F0FD;
 border: 1px solid #CCC;
}
.page01-img {
 margin: 30px 0;
}
.page01-img01 {
 text-align: center;
}
.vision-title {
 margin: 20px 0 2px;
 padding-left: 13px;
 background: url(../../img/shikaku.gif) no-repeat left center;
 font-weight: bold;
 color: #003B8F;
}
.textwrap-blue p {
 margin-top: 10px;
}
.vision-list {
 margin-left: 3em;
 line-height: 180%;
}
/* ---------------------------
　　コーポレートシンボル設定
--------------------------- */
.symbol-half {
 margin-top: 50px;
 padding-top: 30px;
 width: 605px;
 border-top: 5px solid #DADADA;
}
.symbol-half-left, .symbol-half-right {
 width: 285px;
}
.symbol-half-left {
 float: left;
}
.symbol-half-right {
 float: right;
}
.symbol-mark {
 margin-top: 50px;
 text-align: center;
}
.symbol-img {
 margin-top: 50px;
}
.symbol-text {
 margin-top: 15px;
}
/* ---------------------------
　　会社概要設定
--------------------------- */
.company-box {
 margin-top: 20px;
 border-top: 1px solid #CCC;
 border-left: 1px solid #CCC;
}
.company-box th, .company-box td {
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}
.company-box th {
 width: 5em;
 background-color: #D7E5F9;
}
/* ---------------------------
　　沿革設定
--------------------------- */
.history-area h3 {
 padding-bottom: 2px;
 border-bottom: 1px solid #CCC;
}
.history-area h3 span {
 padding-left: 7px;
 border-left: 3px solid #8FBAF9;
}
.history-area p {
 margin: 15px 0 0 30px;
}
.history-floatarea {
 width: 575px;
 margin: 15px 0 0 30px;
}
.history-floatarea p {
 margin: 0;
}
.history-float120 {
 float: right;
 width: 120px;
 text-align: center;
}
.history-float130 {
 float: right;
 width: 130px;
 text-align: center;
}
.history-float140 {
 float: right;
 width: 140px;
 text-align: center;
}
.history-float150 {
 float: right;
 width: 150px;
 text-align: center;
}
.history-float160 {
 float: right;
 width: 160px;
 text-align: center;
}
.history-float240 {
 float: right;
 width: 240px;
 text-align: center;
}
.history-float240l {
 float: left;
 width: 240px;
 text-align: center;
}
/* ---------------------------
　　事業所案内設定
--------------------------- */
.tabs {
 margin-top: 20px;
 padding: 0 15px;
 width: 575px;
 height: 30px;
 background: url(../../img/bg_tab.gif) repeat-x left top;
}
.tabs li {
 display: inline;
 float: left;
 margin-left: 1px;
}
#mainarea p, #otherarea p, #tokyodevarea p {
 margin-top: 15px;
}
.main-add {
 width: 530px;
}
.main-add-left {
 float: left;
 width: 150px;
}
.main-add-right {
 float: right;
 width: 360px;
}
.main-add2-left {
 float: left;
 width: 320px;
}
.main-add2-right {
 float: right;
 width: 190px;
}
.main-add-right p span, .main-add-title {
 font-weight: bold;
}
#mainarea dl {
 margin-top: 15px;
 width: 530px;
}
#mainarea dt {
 clear: left;
 float: left;
 width: 7em;
}
#mainarea dd {
 margin-left: 7em;
 zoom: 1;
}
#mainarea dl.mainoffice-access dt {
 clear: left;
 float: left;
 width: 11em;
}
#mainarea dl.mainoffice-access dd {
 margin-left: 11em;
 zoom: 1;
}
/*iframe {
 margin-top: 20px;
}
.mapfigure {
 margin-top: 20px;
 width: 528px;
 height: 380px;
 border: 1px;
 border-width: 1px;
 border-color: #CCCCCC;
 border-style: double;
 
}*/
.bt-print {
 margin-right: 3px;
 text-align: right;
}
.map {
 margin-left: 2px;
}
#otherarea ul {
 margin: 15px 0 0 2em;;
}
#otherarea li {
 list-style-type: square;
 list-style-position: outside;
}
/* ---------------------------
　　製品紹介設定
--------------------------- */
.product-box {
 margin-top: 20px;
 border-top: 1px solid #CCC;
 border-left: 1px solid #CCC;
}
.product-box th, .product-box td {
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}
.product-box th {
 background-color: #D7E5F9;
}
.product-box td.color {
 width: 23em;
 background-color: #FFFBE4;
}
/* ---------------------------
　　研究開発設定
--------------------------- */
.rd-floatarea {
 margin-top: 15px;
 width: 605px;
}
.rd-float {
 float: right;
 margin: 0 0 5px 10px;
 width: 200px;
 text-align: center;
}
.rd-text {
 margin-top: 15px;
}

.rd-link {
 margin: 20px 15px 0;
 width: 575px;
}
.rd-link dt {
 float: left;
 width: 170px;
 height: 31px;
}
.rd-link dd {
 float: right;
 margin-top: 6px;
 width: 390px;
}
/* ---------------------------
　　生産体制設定
--------------------------- */
.system-title01 {
 margin-top: 15px;
 font-weight: bold;
}
.system-text01 {
 margin-top: 15px;
}
.system-details {
 margin-left: 15px;
}
.system-details h4 {
 margin: 30px 0 15px 0;
 padding: 2px 0 2px 7px;
 border-left: 5px solid #8FBAF9;
}
.system-floatarea {
 width: 590px;
}
.system-float {
 float: right;
 margin: 0 0 5px 10px;
 width: 180px;
 text-align: center;
}
.system-floatarea605 {
 width: 605px;
}
.system-float01 {
 float:left;
 margin: 15px 0;
 width: 310px;
}
.system-float02 {
 float: right;
 margin-top: 15px;
 width: 140px;
 text-align: right;
}
/* ---------------------------
　　企業広告設定
--------------------------- */
.kadomaru-top dl.ad-message {
 border-left: 5px solid #8FBAF9;
}
.anc-link {
 margin-top: 15px;
 padding: 7px 15px;
 background-color: #FFFBE4;
}
.anc-link li {
 display: inline;
 padding: 0 6px 0 10px;
 border-right: 1px solid #484848;
}
html > body .anc-link li {
 padding: 0 10px 0 6px;
}
.anc-link li.anc-fast {
 padding-left: 0;
}
.anc-link li.anc-end {
 padding-right: 0;
 border: 0;
}
.ad-area {
 margin-top: 20px;
 width: 605px;
}
.ad-area2 {
 margin-top: 20px;
 width: 555px;
}
.ad-area-center {
 margin: 20px 203px 0 202px;;
 width: 200px;
}
.ad-area-left, .ad-area-right {
 width: 200px;
}
.ad-area-left {
 float: left;
 margin-right: 80px;
}
.ad-area-right {
 float: left;
}
.ad-copy-word {
 padding-top: 25px;
 font-weight: bold;
}
.ad-copy-text {
 margin-top: 5px;
}
.ad-title {
 margin-bottom: 5px;
 padding: 0 0 0 5px;
 border-left: 5px solid #8FBAF9;
}
.ad-img {
}
.ad-caption {
 margin-top: 5px;
 font-size: 85%;
 line-height: 1.2;
}
.bt-close {
 margin-top: 10px;
 text-align: right;
}
.bt-close img {
 margin-right: 3px;
 vertical-align: middle;
}


/*
ul.ad-list01 {
 border-bottom: solid 1px #CCC;
 width: 605px;
}
ul.ad-list02 {
 width: 605px;
}
li.ad-list-left, li.ad-list-right {
 padding: 15px 10px 10px;
}
li.ad-list-left {
 float: left;
 width: 280px;
}
li.ad-list-right {
 float: right;
 width: 280px;
 border-left: solid 1px #CCC;
}
li.ad-list-left dl, li.ad-list-right dl {
 margin: 0 0 10px;
}*/

table.ad-list {
 width: 605px;
}
table.ad-list td {
 padding: 0 10px 15px;
 width: 280px;
 vertical-align: top;
}
td.ad-list-br {
 border-right: solid 1px #CCC;
}
td.ad-list-bbr {
 border-bottom: solid 1px #CCC;
 border-right: solid 1px #CCC;
}
td.ad-list-bb {
 border-bottom: solid 1px #CCC;
}
p.ad-list-img {
 margin-bottom: 5px;
 text-align: center;
}
p.ad-list-bt {
 text-align: right;
}
p.ad-list-bt a {
 padding-left: 8px;
 background: url(../../../img/arrow_blue.gif) no-repeat left center;
 text-align: right;
}
ul.ad-archiveindex {
 width: 581px;
 margin-top: 15px;
 padding: 15px 12px 0;
 background: url(../../img/page07_bg_archiveindex.gif) no-repeat left top;
 min-height: 38px;
}
ul.ad-archiveindex li {
 display: inline;
 padding: 0 0.5em;
 border-right: solid 1px #444;
 color: #999;
 font-size: 90%;
}
ul.ad-archiveindex li.end {
 border-right: none;
}
.ad-series {
 width: 605px;
 margin-top: 30px;
}
.ad-series-left {
 float: left;
 width: 200px;
}
.ad-series-right {
 float: right;
 width: 390px;
}
.ad-series .midashi {
 font-weight: bold;
}
.ad-year {
 margin-top:40px;
 font-weight:bold;
 padding-bottom: 2px;
 border-bottom: 1px solid #CCC;
}
.ad-year span {
 padding-left: 7px;
 border-left: 3px solid #8FBAF9;
}
ul.ad-series-list {
 margin-top: 20px;
}
ul.ad-series-list li {
 float: left;
 margin: 0 10px 27px 0;
}
ul.ad-series-list li.end {
 margin-right: 0;
}
ul.ad-series-list li p.ad-qa-bt {
 margin-top: 7px;
 text-align: right;
}
ul.ad-series-list li p.ad-qa-bt a, ul.ad-series-list li p.ad-qa-bt a:link {
 padding-right: 10px;
 background: url(../../../img/arrow_blue.gif) no-repeat right center;
 font-size: 90%;
 text-decoration: none;
}
ul.ad-series-list li p.ad-qa-bt a:hover, ul.ad-series-list li p.ad-qa-bt a:active {
 text-decoration: underline;;
}
.ad-archive-title {
 margin-bottom: 8px;
 padding: 2px 0 2px 7px;
 border-left: 6px solid #0075C1;
 font-weight: bold;
 border-top: solid 1px #EEE;
 border-right: solid 1px #EEE;
 border-bottom: solid 1px #EEE;
 background-color: #ECF7FF;
 color: #000;
}


/* ---------------------------
　　社会貢献活動設定
--------------------------- */
.activity-area h4 {
 margin: 30px 0 0;
 padding: 2px 0 2px 7px;
 border-left: 5px solid #8FBAF9;
}
.activity-area h5, .activity-area p {
 margin-top: 15px;
}
.download-box {
 margin-top: 30px;
 padding: 0 15px 15px;
 background-color: #E8F0FD;
 border: 1px solid #CCC;
}
.download-box ul {
 margin-top: 10px;
}
.download-box li {
 display: inline;
 margin-right: 5px;
}
.act-list dt {
 margin-top: 15px;
 font-weight: bold;
}
.act-list dd {
 margin-top: 5px;
}
.date dt {
 border-bottom: 1px solid #CCC;
}
.haiku-floatarea {
 width: 605px;
}
.haiku-float {
 float: right;
 margin: 0 0 5px 10px;
 width: 192px;
 text-align: center;
}
/* ---------------------------
　　俳壇抄投稿俳誌一覧設定
--------------------------- */
.maga-list {
 margin-top: 20px;
 width: 605px;
 text-align: center;
}
.maga-list2 {
 text-align: right;
}
.maga-list li {
 display: inline;
 margin-right: 5px;
}
.maga-list2 li {
 display: inline;
 margin-left: 2px;
}
.maga-listbox {
 margin-top: 15px;
 border-top: 1px solid #CCC;
 border-left: 1px solid #CCC;
 word-wrap:break-word;
word-break:break-all;
}
.maga-listbox th, .maga-listbox td {
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}
.maga-listbox th {
 background-color: #D7E5F9;
}
.h1{
width:85px;
}

.h2{
width:80px;
}

.h3{
width:80px;
text-align: center;
}

.h4{
width:80px;
text-align: center;
}

.h5{
width:239px;
}
/* ---------------------------
　　ニュースリリース一覧設定
　　更新情報一覧設定
--------------------------- */
.news-list {
 margin-top: 20px;
 width: 605px;
}
.news-list dt {
 margin-top: 10px;
}
.news-list dd {
 margin-top: 5px;
 padding: 0 0 3px 23px;
 border-bottom: 1px dashed #ACACAC;
}
.last-news {
 margin-top: 10px;
 text-align: right;
}
.last-news .title {
 padding-right: 10px;
 border-right: 1px solid #000;
}
.last-news a {
 padding-left: 10px;
}
h3.news {
 padding-bottom: 2px;
 border-bottom: 1px solid #666;
 font-weight: bold;
}
.news-title01 {
 margin-top: 20px;
 padding-bottom: 2px;
 border-bottom: 1px solid #666;
 font-weight: bold;
 font-size: 105%;
}
.news-date {
 margin-top: 15px;
 text-align: right;
}
.textwrap-blue-news {
 clear: both;
 margin-top: 15px;
 padding: 10px;
 background-color: #E8F0FD;
 border: 1px solid #CCC;
}
/* ---------------------------
　　次世代育成支援設定
--------------------------- */
.jisedai-midashi01 {
 margin: 30px 0 5px;
 padding: 2px 0 2px 7px;
 border-left: 5px solid #8FBAF9;
 font-weight: bold;
}
table.jisedai-tbl, table.jisedai-jisseki-tbl {
 margin-top: 30px;
 border-left: 1px solid #CCCCCC;
 border-top: 1px solid #CCCCCC;
}
table.jisedai-tbl th, table.jisedai-tbl td,
table.jisedai-jisseki-tbl th, table.jisedai-jisseki-tbl td {
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
}
table.jisedai-tbl th {
 background-color: #D7E5F9;
 text-align: center;
}
table.jisedai-jisseki-tbl td {
 font-size: 90%;
 text-align: center;
}
table.jisedai-jisseki-tbl th {
 background-color: #DFE6E8;
 text-align: center;
}
table.jisedai-jisseki-tbl .midashi {
 font-weight: bold;
 text-align: left;
}
table.jisedai-jisseki-tbl .naiyou {
 font-size: 95%;
 padding-left: 15px;
 background: url(../../jinjiseido/img/arrow01.gif) no-repeat 2px 6px;
 text-align: left;
}
table.jisedai-jisseki-tbl .border-dot {
 border-bottom: dotted 1px #CCC;
}
table.jisedai-jisseki-tbl .border-bold {
 border-bottom: solid 2px #999;
}
table.jisedai-jisseki-tbl .border-double {
 border-bottom: double 3px #999;
}

/* ---------------------------
   ニュースリリース単独ページ
--------------------------- */
.news-photo-base-wrap {
 margin-top: 15px;
 padding:5px;
}
.news-photo-left {
 float: left;
 width: 292px;
}
.news-photo-right {
 float: right;
 width: 293px;
}

.news-award {
 margin-top: 30px;
}
.news-award table {
 margin-top: 10px;
 width: 605px;
 border-collapse: collapse
}
.news-award table th, .news-award table td {
 vertical-align: top;
 padding: 3px;
}
.news-award table th {
 width: 5em;
}
.news-award-detail {
 width: 585px;
 margin-top: 30px;
 padding: 10px;
 border: solid 1px #CCC;
 xbackground-color: #E8F0FD;
}
.news-award-detail-left {
 float: left;
 width: 106px;
 margin-right: 20px;
}
.news-award-detail-right {
 float: left;
 width: 459px;
 padding-top: 10px;
}

/* ---------------------------
　　役員ページ設定
--------------------------- */
.exective-box {
 margin-top: 30px;
 width: 605px;
}
.exective-box-left, .exective-box-right {
 width: 290px;
}
.exective-box-left {
 float: left;
}
.exective-box-right {
 float: right;
}
.exective-name {
 padding-bottom: 2px;
 border-bottom: 1px solid #CCC;
}
.exective-name span {
 padding-left: 7px;
 border-left: 3px solid #8FBAF9;
 font-weight: bold;
}
.exective-position {
 margin: 7px 0 0 10px;
}

/* -----------------------------------------------------------
　　IE PNG FIX 2.0設定
----------------------------------------------------------- */

