@charset "utf-8";





/* ---- css irregular  ------------------ */



/* company index */


.txt-in{
padding:10px 0px 10px 0px;
}

.txt-in p {
padding:5px 0 10px;
}

.txt-in h4{
margin:0;
padding:10px 0px 0px 0px;
}


/*---------------------------------------*/

/* company subindex */

.s-box{
width:320px;
margin:10px 0 0px 0;
padding:0 0 10px 0;
float:left;
}

.s-box div.s-tl{
width:320px;
height:42px;
margin:0;
padding:0;
text-align:left;
background-image:url(http://www.hikari.co.jp/images/new/goods/subindex/sub_s_bg.gif);
background-repeat:repeat-x;
background-position:left top;
}

.s-box h4.title{
margin:0;
padding:14px 0px 0px 10px;
float:left;
}

.s-box p.tl{
width:100px;
padding:12px 10px 0 0;
text-align:right;
float:right;
}

.s-box div.s-tl img{
margin-right:5px;
}

.s-box p{
width:165px;
margin:0;
padding:0 0 0 10px;
float:left;
}

.s-box img.pic{
width:125px;
margin:0;
float:right;
}

.s-rbox{
width:320px;
margin:10px 0 0px 0;
padding:0 0 10px 0;
float:right;
}

.s-rbox div.s-tl{
width:320px;
height:42px;
margin:0;
padding:0;
text-align:left;
background-image:url(http://www.hikari.co.jp/images/new/goods/subindex/sub_s_bg.gif);
background-repeat:repeat-x;
background-position:left top;
}

.s-rbox h4.title{
margin:0;
padding:14px 0px 0px 10px;
float:left;
}

.s-rbox p.tl{
width:100px;
padding:12px 10px 0 0;
text-align:right;
float:right;
}

.s-rbox div.s-tl img{
margin-right:5px;
}

.s-rbox p{
width:165px;
margin:0;
padding:0 0 0 10px;
float:left;
}

.s-rbox img.pic{
width:125px;
margin:0;
float:right;
}

.s-box span.tl02, .s-rbox span.tl02{
color:#0066CC;
font-weight:bold;
}

.s-box h5, .s-rbox h5{
margin:0 10px;
padding:0 0 10px 0;
color:#0066CC;
font-weight:bold;
}

/*---------------------------------------*/

/* company table td */


.td-nonborder-right{
border-right:solid #FFFFFF 2px;
}

.td-nonborder-left{
border-left:solid #FFFFFF 2px;
}


/*---------------------------------------*/


/* president layout */


#president-txt {
margin-top: 20px;
float: left;
width: 445px;
}

#president-txt h4{
margin: 10px 0px 30px 0px;
padding: 0px;
font-size: 18px;
display: block;
}

#president-txt strong{
margin: 0px 0px 5px 0px;
padding: 0px 5px;
display: block;
color:#333333;
}


#president-txt span{
margin: 5px 0px 0px 0px;
padding: 0px 5px;
font-size: 9px;
display: block;
color:#333333;
}

strong#coo{
font-size: 120%;
}

#ttl-coo{
padding:0px;
}


#president-pic {
margin-top: 20px;
float: left;
width: 200px;
padding-top: 0px;
padding-left: 18px;
}

#president-txt p{
padding-left: 7px;

}


/*---------------------------------------*/


/* grp layout */


#hikari-grp {
width: 664px;
height: 306px;
background: url(../images/new/company/hikarigrp_bg.gif) no-repeat left top;
}


#hikari-grp #grp01 {
width: 614px;
height: 100px;
}

#hikari-grp #grp02 {
width: 278px;
height: 200px;
float: left;
}

#hikari-grp #grp03 {
width: 336px;
height: 200px;
float: left;
}

#hikari-grp .shop {
height: 46px;
width: 180px;
text-align: left;
padding-top: 24px;
margin-left: 258px;
}

#hikari-grp .corporate {
width: 128px;
height: 86px;
padding-top: 28px;
text-align: right;
}

#hikari-grp .insurance {
width: 230px;
height: 46px;
padding-top: 46px;
padding-left: 150px;
}

#hikari-grp .fund {
width: 178px;
height: 66px;
padding-top: 42px;
padding-left: 26px;
}


/*---------------------------------------*/


/* outline layout */


/* table big format */


.outline-table {
width:100%;
margin:0px 0px 10px 0px;
}

.outline-table caption{
width:auto;
padding:5px 0px 3px 0px;
text-align:left;
}

.outline-table thead{
margin:5px 0px 0px 0px;
}

.outline-table td{
padding:5px;
background-color:#ffffff;
/* border:#cccccc solid 1px; */
color: #333333;
line-height:20px;
}

.outline-table .th-wb{
margin:0px 0px 0px 5px;
padding:5px;
line-height:20px;
border-bottom:#ffffff solid 1px;
color: #333333;
background: #eff5fc;
}

.outline-table.th-wr{
margin:0px 0px 0px 5px;
padding:5px;
line-height:20px;
color: #333333;
/* border:#cccccc solid 1px; */
background: #FFEEEE;
}

/* table small format */

.small-outtable{
margin:0px 0px 10px 0px;
/* border:#cccccc solid 1px; */
border-collapse:collapse;
float: left;
}

.small-outtable caption{
width:auto;
padding:5px 0px 3px 0px;
text-align:left;
}

.small-outtable thead{
margin:5px 0px 0px 0px;
}

.small-outtable td{
padding:0px 0px 0px 5px;
background-color:#ffffff;
/* border:#cccccc solid 1px; */
line-height:20px;
color: #333333;
}

.small-outtable .th-wb{
padding:0px 0px 0px 5px;
line-height:20px;
/* border:#cccccc solid 1px; */
background: #eff5fc;
color: #333333;
}

.small-outtable .th-wr{
padding:0px 0px 0px 5px;
line-height:20px;
/* border:#cccccc solid 1px; */
background: #FFEEEE;
color: #333333;
}

.small-outtable .th-head{
padding:0px 0px 0px 5px;
line-height:20px;
/* border:#cccccc solid 1px; */
background: #ffffff url(http://www.hikari.co.jp/images/new/goods/t_bg.gif) repeat-x left bottom;
font-weight: normal;
}

/* ----------------- */


/* vision ul li */

.vision-col02 {
width:250px;
margin:25px 16px 15px 0px;
padding:0;
border:1px solid #cccccc;
float: left;
}

.vision-col02 p {
width:250px;
margin: 0;
background: #eff5fc;
text-align: center;
color: #333333;
font-weight: bold;
}

.vision-col02 ul {
margin: 0;
padding: 0;
list-style: none;
}

.vision-col02 li {
background-color:#FFFFFF;
background-image:url(http://www.hikari.co.jp/images/new/ir/ico/yellowarrow.gif);
background-repeat:no-repeat;
border-bottom:medium none;
color:#666666;
font-weight:normal;
padding:0 0 0 20px;
margin: 5px 0 0 0;
text-align:left;
}

.vision-col02 .last {
padding:0px 0px 14px 20px;
}

/*---------------------------------------*/

/* vision ordered list */

.list-no {
margin: 10px 0;
padding: 0 0 0 22px; /*--Distance between the order #--*/
}

.list-no li{
margin: 0;
padding: 10px 15px 15px;
color: #333333;
font-size: 12px;
font-weight: bold;
/*--The bevel look is styled with various colors in the border properties below--*/
border-bottom: 1px solid #ccc;
background: #fff;
}

.list-no li span{
font-weight: normal;
}

.list-no li strong{
padding-bottom: 2px;
display:block;
}

/*---------------------------------------*/

/* history table format */


#history-table {
width:100%;
margin:0px 0px 10px 0px;
}

#history-table caption{
width:auto;
padding:5px 0px 3px 0px;
text-align:left;
}

#history-table thead{
margin:5px 0px 0px 0px;
}

#history-table td{
padding:10px;
background-color:#ffffff;
/* border:#cccccc solid 1px; */
color: #333333;
line-height:20px;
}

#history-table .th-wb{
margin:0px 0px 0px 5px;
padding:5px;
line-height:20px;
border-bottom:#ffffff solid 1px;
color: #ffffff;
background: #999999;
}

#history-table .th-wr{
margin:0px 0px 0px 5px;
padding:5px;
line-height:20px;
color: #ffffff;
/* border:#cccccc solid 1px; */
background: #FF8E8E;
}


/*---------------------------------------*/



/* ---------------------------------------------------------
                       会社概要
--------------------------------------------------------- */

.sp-10o{
margin:18px 0 0 10px;
}

dl.company-outline{
width:650px;
padding:0;
margin:15px 0 0 10px;
overflow:hidden;
background-color:#eff5fc;
}

* html dl.company-outline{
overflow:visible;
height:1em;
}

.company-outline dt{
width:200px;
min-height:1.8em;
margin:0;
padding:8px 10px;
float:left;
overflow:hidden;
border-top:3px solid #ffffff;
font-weight:bold;
}

.company-outline dd{
width:405px;
min-height:1.8em;
margin:0;
padding:8px 10px 8px 15px;
float:left;
overflow:hidden;
border-top:3px solid #ffffff;
background-color:#ffffff;
}

dd.map-textbox p{
float:left;
}

dd.map-textbox img{
margin:0 0 0 20px;
float:right;
}

ul.listname-com{
margin:0 0 15px 0;
padding:0;
}

.listname-com li{
margin:0;
padding:3px 0;
list-style:none;
display:block;
}

.listname-com li p{
width:200px;
float:left;
}

.listname-com li a:link{
color:#333333;
}

.listname-com li a:visited{
color: #333333;
}

.listname-com li a:hover{
color:#FF0000 !important;
text-decoration:underline;
}




/* ---------------------------------------------------------
                       会社沿革
--------------------------------------------------------- */

#company-history {
width: 675px;
}

#company-history h3 {
background-image:url(http://www.hikari.co.jp/images/new/e-ship/h3.gif);
text-align:right;
}

#company-history h4 {
padding: 21px 0 0 0;
}

#company-history .history-cont {
width: 670px;
margin: 10px 0 0 5px;
border-bottom: 1px solid #CCCCCC;
clear: both;
}

#company-history .top {
margin-top: 5px;
}

#company-history .last {
margin-bottom: 45px;
border-bottom: none;
}


#company-history .history-cont p {
width: 55px;
padding-bottom: 10px;
text-align: left;
float: left;
}

#company-history .history-cont p span {
font-weight: bold;
}

#company-history .history-inner {
width: 580px;
float: right;
}

#company-history .history-cont dl {
margin: 0;
clear: both;
}

#company-history .history-cont dt {
width: 30px;
padding-right: 20px;
text-align: right;
float: left;
}

#company-history .history-cont dd {
width: 500px;
margin: 0;
padding-bottom: 10px;
text-align: left;
float: left;
}

#company-history .history-cont dd.txt-col {
width: 230px;
float: left;
}


#company-history .history-cont dd.img-col {
width: 200px;
padding: 5px 60px 0 0;
float: right;
}

/* ---------------------------------------------------------
                       会社概要
--------------------------------------------------------- */

#company-network h3 {
background-image:url(http://www.hikari.co.jp/images/new/e-ship/h3.gif);
text-align:right;
}

#company-network h4 {
margin: 20px 0 20px 0;
}

.map-img {
float: right;
}

/* ---------------------------------------------------------
                       グループ概要
--------------------------------------------------------- */
#company-group h3 {
background-image:url(http://www.hikari.co.jp/images/new/e-ship/h3.gif);
text-align:right;
}

#company-group h4 {
margin: 20px 0 6px 0;
}

#company-group p {
padding-bottom: 40px;
}

#company-group p.last {
padding-bottom: 0;
}

/* ---------------------------------------------------------
                       キャラクター
--------------------------------------------------------- */
#company-character h3 {
background-image:url(http://www.hikari.co.jp/images/new/e-ship/h3.gif);
text-align:right;
}

/* ---------------------------------------------------------
                       vision
--------------------------------------------------------- */
#company-vision {
width: 675px;
}

#company-vision h3 {
background-image: url(http://www.hikari.co.jp/images/new/e-ship/h3.gif);
text-align: right;
}

#company-vision .vision-top {
margin-top: 30px;
}

#company-vision .vision-top h4 {
text-align: center;
}

#company-vision .vision-top p {
margin-bottom: 15px;
}

#company-vision .vision-top .hikari-img {
margin-top: 50px;
text-align: center;
}

#company-vision .vision-top .vision-col01 {
width: 385px;
margin-top: 25px;
float: left;
}

#company-vision .vision-top .vision-col01 dl {
background-color: #FFFFEC;
border: 1px solid #0066CC;
float: left;
margin: 1em 0;
padding: 10px;
width: 360px;
}

#company-vision .vision-top .vision-col01 dt {
margin-top: 12px;
padding-left: 1em;
text-indent: -1em;
color: #0066cc;
font-weight: bold;
}

#company-vision .vision-top .vision-col01 dt.top {
margin-top: 2px;
}

#company-vision .vision-top .vision-col01 dd {
margin: 0;
padding: 0;
}

#company-vision .vision-top .vision-col01 dfn {
color:#FF0000;
font-style:normal;
font-weight:bold;
}

#company-vision .vision-top .vision-col02 {
width:250px;
margin:25px 0 15px 18px;
padding:0;
border:1px solid #0066CC;
float: right;
}

#company-vision .vision-top .vision-col02 p {
width:250px;
margin: 0;
background: #0066CC;
text-align: center;
color: #FFFFFF;
font-weight: bold;
}

#company-vision .vision-top .vision-col02 ul {
margin: 0;
padding: 0;
list-style: none;
}

#company-vision .vision-top .vision-col02 li {
background-color:#FFFFFF;
background-image:url(http://www.hikari.co.jp/images/new/ir/ico/yellowarrow.gif);
background-repeat:no-repeat;
border-bottom:medium none;
color:#666666;
font-weight:normal;
padding:0 0 0 20px;
margin: 5px 0 0 0;
text-align:left;
}

#company-vision .vision-top .vision-col02 li.last {
margin: 5px 0 5px 0;
}

#company-vision .principle .hikari-img {
text-align: center;
margin-bottom: 20px;
}

#company-vision .principle dt {
width: 80px;
padding-right:15px;
font-weight: bold;
text-align: right;
clear:both;
float: left;
}

#company-vision .principle dd {
width: 540px;
margin: 0;
padding: 0 0 15px 2em;
text-indent: -2em;
float: left;
}


#company-vision .principle dd span {
margin-right: 15px;
}

#company-vision .basis p.top {
margin: 15px 0;
}

#company-vision .basis p.attention {
color: #FF0000;
font-weight: bold;
}

#company-vision .basis ol {
margin: 0;
padding: 0;
}

#company-vision .basis li {
margin: 20px 0 0 35px;
color: #CC0000;
font-weight: bold;
}

#company-vision .basis li span {
color: #000000;
font-weight: normal;
}


/* ---------------------------------------------------------
                       光通信関連会社
--------------------------------------------------------- */
p.content-ex{
padding: 10px;
}


.ico-listtext{
margin: 0px 5px 0px 0px;
vertical-align: middle;
}

.list-company{
width: 660px;
margin: 0px 0px 0px 10px;
padding: 15px 0px 20px 0px;
border-bottom: 1px dashed #cccccc;
overflow:visible;
}

.list-company:after {
content: "";
clear: both;
height: 0px;
display: block;
visibility: hidden;
}


.list-company h4{
width: 166px;
margin: 8px 15px 0px 0px;
padding: 0px;
float: left;
}

.list-company div{
width: 470px;
margin: 10px 0px;
padding: 0px;
float: left;
}


.list-company p{
margin: 0px;
padding: 0px 0px 7px 2px;
color:#333333;
text-align: left;
}


.list-company table{
width: 100%;
margin: 0px;
padding: 0px;
border-collapse:collapse;
font-size: 1em;
line-height: 140%;
}

.list-company th{
width: 110px;
margin: 0px;
padding: 0px;
color:#333333;
text-align: center;
background-color:#ECF5FF;
border-right: 1px dotted #999999;
}



.bbottom{
border-bottom: 1px dotted #999999;
}



.list-company ul{
margin: 7px 0px 7px 7px;
padding: 0px;
list-style: none;
text-align: left;
color:#666666;
}

.list-company li{
margin: 0px;
padding: 0px;
display: inline;
text-align: left;
}



#subsidiary {
text-align:center;
}

#subsidiary p {
margin:20px auto 0;
text-align:left;
}

#subsidiary img {
margin:20px auto;
}

#subsidiary th {
vertical-align:top;
}




/* -----------------------------------------
           foreign.html
----------------------------------------- */

.sp-tit {
margin-top:48px;
padding-top:10px;
}

.for-top-ttl {
display:block;
margin-top:15px;
}

.for-leftbox {
margin:5px 0;
width:350px;
float:left;
}

.for-leftbox2 {
margin:5px 0;
width:400px;
float:left;
}

.for-leftbox3 {
margin:0 0 5px 0;
width:320px;
float:left;
height:400px;
}

.for-rightbox3 {
margin:0 0 5px;
width:320px;
float:right;
height:400px;
}

.for-leftbox4 {
margin:20px 0;
width:300px;
text-align:center;
}


.for-rightimg {
margin:5px 0;
padding:5px;
float:right;
width:270px;
height:auto;
}

.for-rightimg2 {
margin:5px 0;
padding:5px 0;
float:right;
width:230px;
height:auto;
}

.for-rightimg3 {
display:block;
vertical-align: middle;
}

.for-contentsbox {
display:block;
padding:5px 0 0 0;
}

.for-contentsbox2 {
display:block;
border:1px dashed #808080;
margin:20px 0;
padding:15px;
}

.for-imgcen {
text-align:center;
}

.for-texbox {
margin:0;
padding:0;
}

.for-texbox li {
background-image:url(http://www.hikari.co.jp/images/new/sitemap/list.gif);
background-position:left top;
background-repeat:no-repeat;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5px 0 0;
padding:0 0 0 17px;
}

.content-table {
border:1px solid #CCCCCC;
border-collapse:collapse;
font-size:1em;
margin:0 0 10px;
text-align:left;
width:100%;
}


.fore-table {
border-collapse:collapse;
border:1px solid #CCCCCC;
font-size:1em;
text-align:left;
margin:5px;
width:290px;
}

.fore-table th {
background-color:#EFF5FC;
border:1px solid #CCCCCC;
line-height:20px;
margin:0 0 0 5px;
padding:10px;
font-weight: bold; 
}

.fore-table td {
background-color:#ffffff;
border:1px solid #CCCCCC;
line-height:20px;
margin:0 0 0 5px;
padding:10px;
font-weight: normal; 
}

.fore-titcol {
color:#005BAC;
font-size:12px;
font-weight:bold;
margin:20px 0 0 0;
padding:0 0 0 10px;
}

.fore-titcol2 {
color:#005BAC;
font-size:12px;
font-weight:normal;
margin:20px 0 0 6px;
padding:0 0 0 10px;
}