@charset "utf-8";
/* CSS Document */

/* ------TOC ---------
 01 company COMMON
 02 company HOME
 03 /greeting/
 04 /profile/
 05 /supplier/
 06 /group/
--------------------*/


/*------------------------------------------------------------
##############################################################
 01 company COMMON
##############################################################
------------------------------------------------------------*/
/* Global Navi ---------------------------------------------*/
#company #container #gn #gncompany a { background:url(../images/common_gn01.gif) -160px -29px no-repeat; }

/*----------floatクリア設定----------*/
/*これ以降MacIE5.xのみに適用される\*//*/
#company #mainContents02 #right,
#company #mainContents02 #right #contentLeft .title01,
#company #mainContents02 #right #contentRight .title01,
#company #mainContents02 #right #contentRight .title02,
#company #mainContents02 #right #contentLeft .contentBox01,
#company #mainContents02 #right #contentRight .contentBox01,
#company #mainContents02 #right #contentRight .contentBox02,
#company #profgreeting,
#company #container #mainContents02 .serIdxBox,
#company #groupLink,
#company .historyImg02,
#company #demo .demoImg {
    overflow: hidden;
}
/*これ以降MacIE5.x以外にも適用される*/

#company #mainContents02 #right:after,
#company #mainContents02 #right #contentLeft .title01:after,
#company #mainContents02 #right #contentRight .title01:after,
#company #mainContents02 #right #contentRight .title02:after,
#company #mainContents02 #right #contentLeft .contentBox01:after,
#company #mainContents02 #right #contentRight .contentBox01:after,
#company #mainContents02 #right #contentRight .contentBox02:after,
#company #profgreeting:after,
#company #container #mainContents02 .serIdxBox:after,
#company #groupLink:after,
#company .historyImg02:after,
#company #demo .demoImg:after {
content: "";
display: block;
clear: both;
height: 1px;
visibility: hidden;
}

/*\*/
* html #company #mainContents02 #right,
* html #company #mainContents02 #right #contentLeft .title01,
* html #company #mainContents02 #right #contentRight .title01,
* html #company #mainContents02 #right #contentRight .title02,
* html #company #mainContents02 #right #contentLeft .contentBox01,
* html #company #mainContents02 #right #contentRight .contentBox01,
* html #company #mainContents02 #right #contentRight .contentBox02,
* html #company #profgreeting,
* html #company #container #mainContents02 .serIdxBox,
* html #company #groupLink,
* html #company .historyImg02,
* html #company #demo .demoImg {
    height: 1em;
    overflow: visible;
}
/**/


/* class ---------------------------------------------------*/
#company .clear { clear: both; }
#company strong, #company strong * { font-weight: bold; }
#company .center { text-align: center; }
#company .txtRight { text-align: right; }

#company .contentsContainer {
margin: 0 0 0 25px;
padding-bottom: 10px;
width: 590px;
}

/*------------------------------------------------------------
##############################################################
 02 HOME   　　　　　　　　　　　　　　　 company/index.html
##############################################################
------------------------------------------------------------*/
#company #contentLeft {width: 298px; float: left; padding: 5px 0 15px 15px;}
#company #contentRight {width: 298px; float: right; padding: 5px 15px 15px 0;}

#company .title01 { margin: 0 0 10px 0; }

#company .contentBox01 { width: 298px; margin: 0 0 10px 0; }
#company .contentBox01 div.icon { float: left; width: 130px; }
#company .contentBox01 div.icon img { margin: 0 10px; border: #B4B4B4 1px solid; }
#company .contentBox01 div.text { float: left; width: 158px; }

#company #contentLeft ul,
#company #contentRight ul {
padding: 5px 0 10px 10px;
background-image: url(../images/common_bg05.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}
#company #right #contentLeft ul li,
#company #right #contentRight ul li {
padding: 0 0 0 10px;
background-image: url(../images/common_icon03.gif);
background-position: 0 0.5em;
background-repeat: no-repeat;
}

/* 会社案内 */
#company .title02 {width:296px; border:#AAA 1px solid;}

#company p#corporateProfile {width:229px; float:left;}
#company p.download {width:48px; float:left;}
#company .contentBox02 {
width:296px;
margin:0px 0px 20px 0px;
border-left:#AAA 1px solid;
border-right:#AAA 1px solid;
border-bottom:#AAA 1px solid;
font-size: 83.3%;
}
#company .contentBox02 div.icon {
float:left;
width:30px;
padding:8px 8px 10px 8px;
}
#company .contentBox02 div.text01 {
padding:10px 0 0 0;
float:left;
width:248px;
}
#company .contentBox02 div.text02 {
border-top:#aaaaaa 1px solid;
width:278px;
margin:auto;
}
#company .contentBox02 div.text02 p { padding:0.5em 0; }
#company .contentBox02 div.text02 p a{
color:#223bb8;
text-decoration:underline;
padding-bottom: 1px;
}


/*------------------------------------------------------------
##############################################################
 03 company/greeting/
##############################################################
------------------------------------------------------------*/
/* greeting.html
------------------------------------------------------------*/
#company #profgreeting { padding-bottom: 1em; }

/* #company #profgreeting .contentsContainer p{ padding-bottom: 1em; } */
#company #profgreeting .right {
padding:1em 0 0 0;
float: right;
text-align: right;
}

#company .preg_photo {
float:right;
margin-left:8px;
}

/*------------------------------------------------------------
##############################################################
 04 company/profile/
##############################################################
------------------------------------------------------------*/
/* profile/business.html
----------------------------------------------------------- */
#company #profBusiness { padding-bottom: 1em; }

#company #profBusiness p { padding-bottom: 1em; }
#company #profBusiness .img { padding-top: 0.5em; }

/*------------------------------------------------------------
 profile/brand.html
------------------------------------------------------------*/
#company #brand { padding-bottom: 1em; }
#company #brand p, #company #brand h3 {
margin:0 25px;
padding: 0 0 1em 0;
}
#company #brand .toTop{margin:0 25px;}

/*------------------------------------------------------------
 profile/profile.html
------------------------------------------------------------*/
#company #mainContents02 #proBox{
width:600px;
margin:0 0 0 25px;
padding: 2em 0;
}

#company #proBox dl {
width: 590px;
padding: 0 0 0.7em 0;
margin-bottom: 0.7em;
background: url(../images/common_line03.gif) repeat-x left bottom;
}
#company #proBox dl.noline { background: none; }
#company #proBox dt {
font-weight: bold;
width: 13.5em;
padding: 0 0 0 1em;
border-right: 3px solid #7E70AD;
}
#company #proBox dd {
margin: -1.5em 0 0 16em;
}

#company #proBox .link01 { margin: 3px 0 8px 0; }

/* ul01 */
#company #proBox .ul01 li { padding-bottom: 8px; }
#company #proBox .ul01 p { margin-bottom: 3px; }
#company #proBox .ul01 p.link02 { margin-bottom: 8px; }
#company #proBox .ul01 a,
#company #proBox .link01 a {
background: url(../images/common_icon_li01.gif) no-repeat left center;
padding-left: 10px;
margin-left: 5px;
}

/* ul02 */
#company #proBox .ul02 { padding-top: 5px; }
#company #proBox .ul02 li {
background: url(../images/common_icon11.gif) no-repeat left center;
padding-left: 10px;
margin-bottom: 3px;
}

#company #proBox .dl01 span.note { font-size: 83.3%; }


/*------------------------------------------------------------
 profile/philosophy.html
------------------------------------------------------------*/
#company .phiBox{ width:600px; margin:1em 0 0 25px; }

#company .phiBox #phiimg { float:left; width:220px; margin-bottom: 1em; }
#company .phiBox #phileft { float:left; }

#company .phiBox .phileft_num{ height:auto; }
#company .phiBox .phileft_num .num {
float: left;
width: 1em;
margin-right: 5px;
}
#company .phiBox .phileft_num .text {
float:left;
width:550px;
margin-bottom:0.5em;
}


/*------------------------------------------------------------
 profile/governance.html
------------------------------------------------------------*/
#company #mainContents02 .govBox{ width:600px; margin:1em 0 0 25px; }

#company .govBox #govimg {
clear: both;
margin:0 auto;
padding:2em 0;
width:590px;
text-align:center;
}

#company .govBox p.text01 {
margin:0.5em auto;
}

#company #govPDF {
float:right;
width:300px;
border:1px solid #b4b4b4;
font-size:83.3%;
margin-top:1.5em;
}
#company #govPDFTop {
border-bottom:1px solid #b4b4b4;
width:300px;
padding:0 0 0 0;
}
#company #govPDFTop .left {
float:left;
}
#company #govPDFTop .right {
float:right;
padding-right:10px;
}
#company #govPDFInner01{
width:290px;
}
#company #govPDFInner01 .icon {
float:left;
width:30px;
padding:0 8px;
}
#company #govPDFInner01 .text01 {
width: 244px;
padding-top:10px;
float:left;
}

#company #govPDFInner02 {
border-top:#aaaaaa 1px solid;
width:280px;
margin:0 auto;
padding: 0.5em 0;
}
#company #govPDFInner02 p a {
color:#223bb8;
text-decoration:underline;
padding-bottom:1px;
}


/*------------------------------------------------------------
 profile/ethics.html
------------------------------------------------------------*/
#company .ethContainer { width: 610px; margin-left: 15px; }
#company .ethContainer p { padding: 0 0 0.5em 0; }
#company .ethContainer h3 {
display: list-item;
list-style-type: square;
margin-left: 1.5em;
}
#company .ethBox01 p, #company .ethBox02 p {
display: list-item;
list-style-type: square;
margin-left: 1.5em;
}
#company .ethBox02 p {
margin-left: 1.5em;
}

#company .ethBox02 {
width:588px;
padding: 10px;
margin:1em 0 0 0;
border:#b4b4b4 1px solid;
}

#company .ethimg {
float:left;
width:160px;
}
#company .ethimg p {
padding:0px 3px 5px 3px;
font-size: 83.3%;
list-style: none;
margin: 0;
}
#company .ethRight {
float:left;
width:428px;
}

#company .ethBox02 h3 {
clear: both;
font-weight: bold;
display: block;
margin:0;
text-indent: -1.4em;
padding: 0 0 0.5em 1.4em;
}
#company .ethBox02 h4 {
clear: both;
font-weight: bold;
display: block;
margin:0;
text-indent: -2.8em;
padding: 0 0 0 2.8em;
}


/*------------------------------------------------------------
 profile/management.html
------------------------------------------------------------*/
#company #manBox{ width:600px; margin:1em 0 0 25px; }

#company #manBox .manimg {
float: left;
margin: 10px 8px 20px 8px;
width: 130px;
text-align: left;
}
#company #manBox .manimg p { margin: 3px 0 3px 3px; }

#company #manBox #w_menber{
width:558px;
padding:8px;
margin:10px auto 20px auto;
border:1px #b4b4b4 solid;
}
#company #manBox #w_menber .manimg{
float:left;
margin:10px 3px 20px 3px;
width:130px;
text-align:left;
}
#company #manBox .manimg p.text01{ font-size: 83.3%; }


/*------------------------------------------------------------
 profile/history.html
------------------------------------------------------------*/
#company #historyCont {
width: 600px;
margin-left: 25px;
padding-top: 0.5em;

}
#company #historyCont em { font-style: italic; padding:0; margin:0; }
#company #historyCont .hide { visibility: hidden; }

/* history.html dl */
#company #historyCont .dl01 {
width: 590px;
}
#company #historyCont .dl01 dt { font-weight: bold; margin-bottom: 0.2em; }

/* ul */
#company .historyList01, #company .historyList02 {
width: 590px;
border-top: #AAA 1px solid;
padding: 1em 0 0 0;
margin: 1em 0 0 0;
}
#company .historyList01 li, #company .historyList02 li {
width: 590px;
border-bottom: #AAA 1px solid;
padding-bottom: 1em;
margin-bottom: 1em;
}
#company .historyList02 li.line {
border-bottom: none;
background: url(../images/common_line03.gif) repeat-x 0 100%;
}
#company .historyList02 li.noline {
border-bottom: none;
padding-bottom: 1em;
margin-bottom: 1em;
}

#company .historyLeft {
width: 425px;
float: left;
padding-right: 10px;
}
#company .historyLeft dt { font-weight: bold; }
#company .historyLeft dd { padding-bottom: 1em; }

#company .historyImg { width: 150px; float: right; }

/* historyList01 */
#company .historyList01 h3 { margin-bottom: 0.2em; font-size: 116.6%; }
#company .historyList01 h3 a {
background: url(../images/common_icon03.gif) no-repeat 0 40%;
padding-left: 10px;
font-weight: bold;
}

/* historyList02 */
#company .historyList02 dl { font-size: 116.6%; }
#company .historyList02 dt { width: 4em; text-align: right; }
#company .historyList02 dd { margin: -1.5em 0 2em 5em; }
#company .historyList02 .txt { font-size: 85.7%; }

#company .historyImg02 { width: 400px; margin: 1em 0 0 0; }
#company .historyImg02 div { float: left; width: 150px; margin-right: 15px; }
#company .historyImg02 p.clear { padding-right: 15px; }
#company .historyImg02 .slogan { width: 200px; margin: 0; }
#company .historyImg02 .slogan img { margin: 15px 0 16px 0; }

#company .historyImg p { margin-bottom: 0.5em; }
#company .historyImg02 p { margin-bottom: 0.5em; font-size: 85.7%; }
#company .historyImg span,
#company .historyImg02 span { display: block; padding: 0.1em 0.2em 0 0.2em; font-size: 83.3%; line-height: 1.2; }

#company #historyCont .backTop{ text-align: right; }
#company .historyList02 li dd ul li{
width: auto;
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
margin-left: 1.5em;
font-size: 85.7%;
list-style-type:disc;
}
#company .historyList02 li dd div.disc{
width:14px;
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
margin-left: 0;
float:left;
display:block;
font-size: 12px;
list-style-type:none;
}
#company .historyList02 li dd div.txt{
width: 280px;
display:block;
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
font-size: 85.7%;
margin-left: 14px;
list-style-type:none;
}
#company .historyList02 li dd div.txt2{
width: 450px;
display:block;
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
font-size: 85.7%;
margin-left: 14px;
list-style-type:none;
}

#company .historyList02 li dd ul li.line {
border: 0;
background: none;
}
#company .historyList02 li dd ul li.noline {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}

/*------------------------------------------------------------
 profile/network/
----------------------------------------------------------- */
/* index
---------------------------------------- */
#company #netwCont { width: 600px; margin: 1em 0 0 25px; }
#company #netwCont img { vertical-align: bottom; }

#company #netwCont h2.Uline { margin-bottom: 0em; }
#company #netwCont .Uline2 h2.Uline { margin-bottom: 0; }

#company #netwCont .netwBox { width: 590px; padding-top: 2em; }
#company #netwCont .netwBox .netwTxt01 { float: left; width: 370px; }
#company #netwCont .netwBox .netwImg01 { float: right; width: 200px; }

#company #netwCont .netwBox .netwTxt02 { float: left; width: 410px; }
#company #netwCont .netwBox .netwImg02 { float: right; width: 160px; }

#company #netwCont .netwBox .netwTxt03 { float: left; width: 310px; }
#company #netwCont .netwBox .netwImg03 { float: right; width: 260px; }

#company #netwCont .netwBox .netwImg04 { float: right; width: 160px; }

#company #netwCont .netwBox p { padding: 0 0 1em 0; }
#company #netwCont .netwBox p.note { padding: 5px 5px 0 5px; color: #555; font-style: italic; }

#company #netwCont .netwBox li a {
background: url(../images/common_icon_li02.gif) no-repeat left center;
padding-left: 12px;
}
#company #netwCont .netwBox .ul01 li a {
background: url(../images/common_icon_li01.gif) no-repeat left center;
padding-left: 12px;
}

#company #netwCont .netwBox .netwList li { padding-top: 2em; }
#company #netwCont .netwBox .netwList li li { padding-top: 0.5em; }
#company #netwCont .netwBox .netwList img { margin-bottom: 0.5em; }

#company #netwCont .netwBox .netwList strong {
display: block;
font-size: 116.6%;
border-left: 3px solid #504184;
margin: 0 0 1em 0;
padding: 0;
}
#company #netwCont .netwBox .netwList strong span {
display: block;
border-left: 2px solid #8176a7;
padding: 0 0 0 6px;
color: #504084;
font-weight: bold;
}

/* map
---------------------------------------- */
#company #map { margin: 0 15px; padding-top: 2em; }
#company #map #mapleft{ float: left; margin: 0 10px 0 0; }
#company #map #mapright{ float: right; width: 250px; }

#company #map p { margin-bottom: 1em; }

#company #map ul{ margin:25px 0 15px 10px; }
#company #map li a {
background: url(../images/common_icon_li01.gif) no-repeat left center;
padding-left: 12px;
}
#company #map #mapright span{ padding-left:0.6em; }


/*------------------------------------------------------------
 profile/service/
------------------------------------------------------------*/
/* index
---------------------------------------- */
#company #serIdx { margin: 1em 0 0 25px; width: 600px; }
#company #serIdx h2.Uline {
margin-bottom: 0.5em;
}

#company #serIdx .serIdxCont { padding-bottom: 1em; width:590px; }

#company #serIdx #banner { padding: 1em 0; }

#company #serIdx #serIdxBox { margin:0 0 1em 0; width:590px; }
#company #serIdx #boxTxt {
float:left;
width:465px;
}
#company #serIdx #boxImg { float:right; width:115px; padding-left: 10px; }

#company #serIdx dt { font-weight: bold; padding-top: 0.5em; }
#company #serIdx dd { margin-bottom: 0.5em; }

#company #serIdx .serIdxCont p a {
color:#223bb8;
text-decoration:underline;
}


/*------------------------------------------------------------
 profile/demo/
------------------------------------------------------------*/
#company #demo {
width: 610px;
padding: 20px 0 15px 15px;
}

#company #demo .demoImg {
width: 615px;
padding-bottom: 20px;
}
#company #demo .demoImg img {
float: left;
margin-left: 40px;
}

#company #demo p {
margin: 0 40px 0 20px;
padding-bottom: 1em;
}

/*------------------------------------------------------------
##############################################################
 06 company/group/
##############################################################
------------------------------------------------------------*/
#company #groupCont { margin: 1em 0 0 0; padding-bottom: 1em; }

#company #groupCont img { vertical-align: bottom; }

#company #groupCont .toTop2{ text-align: right; margin: 20px 0 0 0; }
#company #groupCont .toTop2 a { background: none; }

#company #groupCont .toTop{ text-align:right; margin: 25px 15px 0 0; }


/* Navigation
---------------------------------------- */
#company #groupLink {
width: 600px;
margin: 0 0 20px 15px;
padding: 10px 0 8px 10px;
background-color: #E8E8E8;
}
#company #groupLink ul { width: 600px; }
#company #groupLink li { width: 150px; float: left; }
#company #groupLink li a {
display: block;
width: 142px;
height: 27px;
text-indent: -9999em;
/*\*/
overflow: hidden;
/**/
}

/*これ以降MacIE5.xのみに適用される\*//*/
#company #groupLink li a img { display: none; }
/*これ以降MacIE5.x以外にも適用される*/

#company #groupLink #btn01 a { background: url(../images/company_group_btn.gif) no-repeat 0 0; text-indent: -9999em;}
#company #groupLink #btn02 a { background: url(../images/company_group_btn.gif) no-repeat -142px 0; text-indent: -9999em;}
#company #groupLink #btn03 a { background: url(../images/company_group_btn.gif) no-repeat -284px 0; text-indent: -9999em;}
#company #groupLink #btn04 a { background: url(../images/company_group_btn.gif) no-repeat -426px 0; text-indent: -9999em;}

#company #groupLink #btn01 a:hover { background: url(../images/company_group_btn.gif) no-repeat 0 -27px; }
#company #groupLink #btn02 a:hover { background: url(../images/company_group_btn.gif) no-repeat -142px -27px; }
#company #groupLink #btn03 a:hover { background: url(../images/company_group_btn.gif) no-repeat -284px -27px; }
#company #groupLink #btn04 a:hover { background: url(../images/company_group_btn.gif) no-repeat -426px -27px; }
/* ---------------------------------------- */


/* index
---------------------------------------- */
#company #groupCont .txt01 { padding: 1em 0; }
#company #groupCont .center { padding: 1.5em 0 0 0; }

/* 下層
---------------------------------------- */
#company #groupCont .groupList dt { font-weight: bold; padding: 20px 0 0 0; }
#company #groupCont .groupList dd p { margin-bottom: 3px; }
#company #groupCont .groupList dd p a { color: #223bb8; text-decoration: underline; }

/* japan */
#company #groupCont .groupList01 li, #company #groupCont .groupList02 li {
display: inline;
padding-left: 12px;
margin-left: 5px;
margin-right: 10px;
}
#company #groupCont .groupList01 li { background: url(../images/common_icon_li02.gif) no-repeat left center; }
#company #groupCont .groupList02 li { background: url(../images/common_icon_li01.gif) no-repeat left center; }

/* 海外 */
#company .groupAsia { width: 610px; margin-left: 15px; margin-bottom: 20px; }
#company .groupAsia em { font-style: italic; }
#company .groupForeign { width: 610px; margin-left: 15px; display:block}
#company .groupForeign li { width: 610px; margin-bottom: 50px;}

#company .groupForeign .groupSub01 { float: left; width: 460px; }
#company .groupForeign .groupSubImg01 { float: right; width: 120px; padding-right: 10px; }

#company .groupForeign .groupSub02 { float: left; width: 420px; }
#company .groupForeign .groupSubImg02 { float: right; width: 160px; padding-right: 10px; text-align:right; }

#company .groupForeign .groupSub03 { float: left; width: 320px; }
#company .groupForeign .groupSubImg03 { float: right; width: 260px; padding-right: 10px; }

#company .groupForeign h2 {
border-left: 3px solid #504184;
margin: 0 0 10px 0;
padding: 0;
}
#company .groupForeign h2 span {
display: block;
border-left: 2px solid #8176a7;
padding: 0 0 0 6px;
color: #504084;
font-weight: bold;
}

#company .groupForeign li p { padding: 0 0 5px 10px; }
#company .groupForeign li p a {
background: url(../images/common_icon_li02.gif) no-repeat left center;
padding-left: 12px;
}
#company #groupCont .groupForeign img { margin-bottom: 5px; }

#company .groupForeign .groupList {
background: url(../images/company_group_line.gif) no-repeat left top;
margin-left: 10px;
}
#company .groupForeign p.groupList { padding: 10px 0 0 0; }

#company #groupCont .groupForeign .groupList dt { padding-top: 13px; line-height:100%}
#company #groupCont .groupForeign .groupList dd { padding-top: 5px; }

.back2top{ text-align: right; margin: 15px; }