/* ------------------------------------------
Style Sheet
	/index.html
------------------------------------------ */

/*  company メニュー  各製品のsub-menuを参考にしているので、クラス名そのまま。 */

#sub-menu_c {
    width:155px;
    margin-top :8px;
    padding-left:0;
    float:left;
}

#sub-menu_c ul {
    margin-top:0px;
    padding: 0;
}

#sub-menu_c li {
    list-style-type: none;
    width: 154px;
    height: 50px;
    padding: 0;
    margin: 0;
}

/*  代表ご挨拶 */
#sub-menu_c li.greeting a {
    display: block;
    width: 154px;
    height: 50px;
    background: url('../images/company/company-menu.gif') 0 0 no-repeat;
    text-decoration: none;
}

#sub-menu_c li.greeting a:hover {
    display: block;
    width: 154px;
    height: 50px;
    background: url('../images/company/company-menu.gif') -154px 0 no-repeat;
    text-decoration: none;
}


/*  経営理念  */
#sub-menu_c li.principle a {
    display: block;
    width: 154px;
    height: 50px;
    background: url('../images/company/company-menu.gif') 0 -50px no-repeat;
    text-decoration: none;
}

#sub-menu_c li.principle a:hover {
    display: block;
    width: 154px;
    height: 50px;
    background: url('../images/company/company-menu.gif') -154px -50px no-repeat;
    text-decoration: none;
}


/*  会社概要  */
#sub-menu_c li.about a {
    display: block;
    width: 154px;
    height: 50px;
    background: url('../images/company/company-menu.gif') 0 -100px no-repeat;
    text-decoration: none;
}

#sub-menu_c li.about a:hover {
    display: block;
    width: 154px;
    height: 50px;
    background: url('../images/company/company-menu.gif') -154px -100px no-repeat;
    text-decoration: none;
}


/*  会社沿革  */
#sub-menu_c li.history a {
    display: block;
    width: 154px;
    height: 50px;
    background: url('../images/company/company-menu.gif') 0 -150px no-repeat;
    text-decoration: none;
}

#sub-menu_c li.history a:hover {
    display: block;
    width: 154px;
    height: 50px;
    background: url('../images/company/company-menu.gif') -154px -150px no-repeat;
    text-decoration: none;
}


/*  アクセス */
#sub-menu_c li.access a {
    display: block;
    width: 154px;
    height: 50px;
    background: url('../images/company/company-menu.gif') 0px  -200px no-repeat;
    text-decoration: none;
}

#sub-menu_c li.access a:hover {
    display: block;
    width: 154px;
    height: 50px;
    background: url('../images/company/company-menu.gif') -154px  -200px no-repeat;
    text-decoration: none;
}


/*  採用情報 */
#sub-menu_c li.recruit a {
    display: block;
    width: 154px;
    height: 50px;
    background: url('../images/company/company-menu.gif') 0px  -250px no-repeat;
    text-decoration: none;
}

#sub-menu_c li.recruit a:hover {
    display: block;
    width: 154px;
    height: 50px;
    background: url('../images/company/company-menu.gif') -154px  -250px no-repeat;
    text-decoration: none;
}



#sub-menu_c span {
    visibility : hidden;
    text-indent:-9999px;
}



#company ul {
    padding:0;
    margin:0 0 20px 40px;
    border:0;
    background:#ffffff;
    color:#5b5b5b;
}

#company ol ul {
    margin-left:20px !important;
}

#company li {
    margin-bottom:0.1em;
    font-size:85%;
    line-height:125%;
}

#company li li {
    font-size:80%;
}

#company dl {
    font-size:80%;
    margin:0 40px 20px 40px;
}

#company dl dt {
    border-bottom:1px #5b5b5b solid;
}

#company h4 {
    border-bottom:1px #999999 dotted;
    margin:20px 0 5px 20px;
    padding:3px 5px;
    color:#5b5b5b;
    font-size:90%;
}



/*  タイトル  h1 p などbase.cssファイルに */
/* .read h2 { */
/* 	font-size:16px; */
/* 	color:#5b5b5b; */
/* 	background-color:#f6f6f6; */
/* 	border-top:1px solid #cccccc; */
/* 	border-right:1px solid #cccccc; */
/* 	border-bottom:1px solid #cccccc; */
/* 	border-left:7px solid #cccccc; */
/* 	line-height:130%; */
/* 	margin:0 0 3px 0 ; */
/* 	padding:5px 10px; */
/* } */

.read h3 {
    font-size:13px;
    color:#5b5b5b;
    background-color:#ffffff;
    border-top:1px  dotted #cccccc;;
    border-bottom:3px double #dddddd;
    line-height:170%;
    margin:30px 0 10px 0;
    padding: 10px 0 0 5px;

}


.read span.leader {
    color:#0066FF;
}


.read ul span {
    font-size:85%;
    color:#5b5b5b;
    margin-left:10px;
}


h2 span.company {
    display: block;
    background: url('../images/company/title_company.gif') no-repeat;
    height: 34px;
    width: 510px;
    color:#333333;
    font-size: 17px;
    letter-spacing: 0.1em;
    margin-top: 8px;
    padding-top: 5px;
    *padding-top: 8px;
    padding-left: 14px;
    *margin-left: 5px;
}

/*  会社概要  */
#company table {
    color:#5b5b5b;
    margin:0 ;
    border-collapse: separate ;
    border-spacing: 10px;
    border: none;
    font-size:80%;
    width:auto;
}

#company table th {
    padding: 3px 3px;
    border-right: 3px #dddddd solid;
    border-bottom:1px #cccccc dotted;
    font-weight:normal;
    background:#ffffff;
    white-space: nowrap;
}

#company table td {
    padding: 3px 3px;
    border-bottom:1px #cccccc dotted;
        line-height:1.9em;
}

#company table td ul li{
    margin-bottom: 0;
    line-height:1.9em;
    list-style: none;
    margin-left: -40px;
    font-weight: normal;
}

#company table td ul li.c-set {
    font-weight: bold;
    list-style: square;
    margin-left: -10px;
}



/*  沿革  */

#history table {
	color:#5b5b5b;
	margin:0 ;
	border-collapse: separate ;
	border-spacing: 10px;
	border: none;
	font-size:80%;
	width:auto;

}




#history table th {
	padding: 3px 10px;
	border-right: 3px #cccccc solid;
	font-weight:normal;
	background:#ffffff;
	white-space: nowrap;

}

#history table td {
	padding: 3px 10px;
}

#history table td ol {
	margin-bottom: 0;
}

#history table td ol li {
	margin: 0;
}


/*  強調  */
.point {
	color:#0033ff;
}

.hid{
    position: static;
    height:47px;
}


 /*  代表ご挨拶   */
#sub-contents div .greeting-title {
    background-image: none !important;
    font-size: 120%!important;
    font-weight: bold;
    color: #333333!important;
    line-height: 180% !important;
    letter-spacing: 0.2em;
    padding: 8px 10px !important;
    margin: 20px 20px 5px 5px !important;
    border-top: 1px dotted #cdcdcd;
    border-bottom: 3px double #cdcdcd;
}
.read-point {
    color: #000000;
    font-size:80% !important;
    margin-top: 4px !important;
    margin-left: 40px !important;
    line-height: 170%;

}

.box-company {
    border-color:#aaaaaa; border-width: 1px; border-style: dotted;
    margin:15px;
}
.box-company-space {
    margin-top: 15px;
 }

.lfloat {
    float: left;
}


  /*  背景配色   */

.bk_blue {
    background-color: #f6f6f6;
    border-color:#aaaaaa; border-width: 1px; border-style: dotted;
    padding: 20px;
    margin: 5px 0;
    line-height: 170%;
 }

.porttower {
    margin-left: 200px;
    margin-top: -40px;
 }