@charset "utf-8";

/*¿¡½º¸µÅ©*/
.overview{margin-top:100px}

.overview.row1{margin-top:88px}
.overview.row1 img{float:left; margin-left:126px}
.overview.row1 p{float:left; width:480px; margin-left:100px}
.overview.row1 p span{display:block; margin-top:10px; font-size:1.125em; color:#555; line-height:1.45em}

.overview .iso_value{position:relative; width:100%; margin-top:30px}
.overview .iso_value .title{position:absolute; z-index:1; width:357px; height:357px; left:50%; top:14px;  margin-left:-178px; padding-top:40px; background-color:rgba(255, 204, 155, 0.25); border-radius:300px; -webkit-border-radius:300px; -moz-border-radius:300px}
.overview .iso_value .title p{width:280px; height:280px; margin:0 auto; background-color:rgba(235, 119, 7, 0.08); background-image:url(../img/icon_value_01.png); background-repeat:no-repeat; background-position:center 97px; border-radius:200px; -webkit-border-radius:200px; -moz-border-radius:200px; text-align:center}
.overview .iso_value .title p span{display:block; padding-top:170px; font-size:1.5em; color:#eb7707}
.overview .iso_value .value{}
.overview .iso_value .value li{display:inline-block; width:470px; margin-bottom:93px}
.overview .iso_value .value li p{display:inline-block; width:145px; height:145px; padding-top:90px; background-image:url(../img/icon_value.png); background-repeat:no-repeat; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; text-align:center; font-size:1.5em; color:#FFF}
.overview .iso_value .value li span{display:inline-block; padding:55px 15px 0 15px; font-size:0.875em; color:#555; line-height:1.25em}
.overview .iso_value .value .left_box{margin-right:120px; text-align:right;}
.overview .iso_value .value .right_box{margin-left:120px; text-align:left;}
.overview .iso_value .value li.value03, .overview .iso_value .value li.value04{margin-bottom:0}
.overview .iso_value .value li.value01 p{background-color:#36b3bc; background-position:center 36px}
.overview .iso_value .value li.value02 p{background-color:#368cdc; background-position:center -114px}
.overview .iso_value .value li.value03 p{background-color:#ed5925; background-position:center -264px}
.overview .iso_value .value li.value04 p{background-color:#eb7707; background-position:center -414px}

.overview .iso_summary{width:868px; margin:110px auto 0 auto; border-bottom:1px solid #DDD; border-left:1px solid #DDD}
.overview .iso_summary td{width:33.3333%; height:70px; padding-left:73px; border-top:1px solid #DDD; border-right:1px solid #DDD; background-image:url(../img/icon_summary.png); background-repeat:no-repeat; vertical-align:middle; font-size:0.938em}
.overview .iso_summary td p{color:#222}
.overview .iso_summary td span{color:#555; line-height:1.5em}
.overview .iso_summary td.col01{background-position:20px 13px}
.overview .iso_summary td.col02{background-position:20px -87px}
.overview .iso_summary td.col03{background-position:20px -187px}
.overview .iso_summary td.col04{background-position:20px -287px}
.overview .iso_summary td.col05{background-position:20px -387px}
.overview .iso_summary td.col06{background-position:20px -387px}


.overview .con_tabs{position:relative; height:43px}
.overview .con_tabs ul{position:absolute; z-index:1; top:0; right:0}
.overview .con_tabs ul li{float:left; border:1px solid #BBB; border-bottom:none}
.overview .con_tabs ul li a{display:block; width:129px; height:43px; padding-top:14px; border-bottom:1px solid #BBB; text-align:center; font-size:1em; color:#444}
.overview .con_tabs ul li a.active{background:#f6f6f6; border-bottom:1px solid #f6f6f6}

.history_wrap{position:relative; width:1184px; height:418px; background:#f6f6f6; border-top:1px solid #BBB}
.history_area{position:relative; height:418px; padding-top:30px; overflow-x:scroll}
.history_list{padding:0 0 0 55px}
.history_list li{float:left; display:table; min-width:130px; height:355px; margin-left:-50px; background:url(../img/history_bar_02.png) repeat-x center center}
.history_list li .inner{display:table-cell; height:355px; background:url(../img/circle.png) no-repeat 30px center; line-height:1.25em}
.history_list li.col_top .inner{padding-bottom:198px; vertical-align:bottom}
.history_list li.col_bottom .inner{padding-top:198px}
.history_list li .inner span{display:block; font-size:0.875em; color:#555}
.history_list li .inner p{display:block; font-size:0.938em; color:#222}
.history_list li .inner img{margin:5px 0}
.history_list .year{min-width:160px; padding-left:20px; margin:0}
.history_list .year.first{background:url(../img/history_bar_01.png) no-repeat 20px center}
.history_list .year .inner{background:none}
.history_list .year h4{font-size:2em; font-weight:400; color:#222}
.history_list .last_right{margin:0; background:#f6f6f6 url(../img/history_bar_03.png) no-repeat right center}
.history_wrap .control{position:absolute; z-index:2; width:100%; height:0; top:175px}
.history_wrap .control li.prev{float:left; margin-left:-60px}
.history_wrap .control li.next{float:right; margin-right:-60px}
.history_wrap .control li a{display:block; width:38px; height:69px; background-image:url(../img/icon_arrow1.png); background-repeat:no-repeat; text-indent:-9999px}
.history_wrap .control li.next a{background-position:0 -100px}

.y2016{width:5200px}
.y2010{width:3500px}
.y2005{width:2350px}
.y2000{width:2650px}

.family_map{position:relative; margin-top:30px}
.family_map ul{width:100%}
.family_map ul li{text-align:right; background-image:url(../img/f_bar1.gif); background-repeat:no-repeat}
.family_map ul li a{display:inline-block; width:204px; padding:2px 0; text-align:left; background:url(../img/f_arrow.gif) no-repeat right top}
.family_map ul li.iso{height:209px; background-position:52px 10px}
.family_map ul li.japan{height:111px; background-position:364px 10px}
.family_map ul li.snc{height:97px; background-position:535px 10px}
.family_map ul li.security{height:108px; background-position:643px 10px}
.family_map ul li.soft{height:85px; background-position:840px 10px}
.family_map ul li.comms{height:44px; background-position:888px 10px}
.family_map .con_col{position:absolute}
.family_map .con_col p.title{padding:4px; background:#f6f6f6; font-size:1em; color:#555; text-align:center; line-height:1.2em}
.family_map .con_col p.title span{display:block; font-size:0.813em; color:#767676}
.family_map .con_col .con{float:left; min-width:100px; min-height:30px; padding-top:25px; background:url(../img/circle_01.gif) no-repeat center 3px}
.family_map .con_col .desc{float:left; display:table; margin-top:25px}
.family_map .con_col .desc p{display:table-cell; height:66px; padding-left:12px; vertical-align:middle}
.family_map .con_col .desc p span{background:#FFF; font-size:0.813em; color:#555}
.family_map .type1{background-image:url(../img/circle_02.gif); background-repeat:no-repeat}
.family_map .type2{background-image:url(../img/circle_02.gif); background-repeat:no-repeat}
.family_map .col01{top:0; left:0; z-index:1}
.family_map .col02{top:0; left:115px; z-index:1}
.family_map .col03{top:0; left:185px; padding-top:165px; background-position:46px 3px; z-index:5}
.family_map .col04{top:0; left:284px; padding-top:278px; background-position:40px 3px; z-index:4}
.family_map .col05{top:0; left:373px; padding-top:375px; background-position:53px 3px; z-index:3}
.family_map .col06{top:0; left:472px; padding-top:0; background-position:75px 3px; z-index:2}
.family_map .col06 .con.row2{clear:both; margin:375px 0 0 29px}
.family_map .col06 .desc.row2{margin-top:400px}
.family_map .col07{top:0; left:640px; padding-top:0; background-position:42px 3px; z-index:1}
.family_map .col07 .con.row2{clear:both; margin-top:532px}
.family_map .col07 .desc.row2{margin-top:560px}
.family_map .iso_family{position:absolute; z-index:1; left:0; bottom:0; color:#555; line-height:1.25em}
.family_map .iso_family img{margin-left:7px}
.family_map .iso_family p{margin:18px 0 8px 0; font-size:1.125em}
.family_map .iso_family span{display:block; font-size:0.875em}

.overview_symbol{display:table; width:100%; margin-top:85px; border:1px solid #DDD; background:url(../img/bg_grid.gif)}
.overview_symbol .symbol_inner{display:table-cell; height:189px; vertical-align:middle; background:url(../img/symbol.png) no-repeat 780px bottom}
.overview_symbol .symbol_inner img{margin:20px 0 0 35px}
.overview_symbol .symbol_inner p{margin-left:35px; display:inline-block; font-size:0.875em; color:#555; line-height:1.5em}