@charset "utf-8"; @media print,screen and (min-width: 641px) { header .headerInner h1 { padding: 16px 0 0 30px; } header .headerInner h1 img { width: 200px; height: auto; } /* mv ---------------------------------------------*/ #mv { position: relative; width: 1164px; /* height: 349px; */ /* background: #fff; */ overflow: hidden; margin: 0 auto; } #mv .flexslider ul.slides { position: absolute; left: 50%; margin-left: -582px; } /* IE8 */ #mv .flexslider ul.slides { left: 0\9; margin-left: 582px\9; } #mv .flexslider ul.slides li { width: 1164px !important; } #mv .flexslider ul.slides li a { display: block !important; } #mv .flexslider ul.slides li img { line-height: 1; } .flex-viewport { /*height: 320px;*/ overflow:inherit!important; } .flex-control-nav { text-align: center; padding: 335px 0 10px; } .flex-control-nav li { display: inline-block; } .flex-control-nav li a { background: #ccc; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .flex-control-nav li a.flex-active { background: #c2140c; } /* ページング */ flex-direction-nav { display: none; } /*.flex-direction-nav { position: absolute; z-index: 100; top: 50%; } .flex-direction-nav li { position: absolute; left: 10px; top: -45px; width: 25px; height: 45px; } .flex-nav-prev a { display: block; background: url(../img/arrow_prev.png) left center no-repeat; width: 25px; height: 45px; } .flex-direction-nav li.flex-nav-next { left: 1135px; } .flex-nav-next a { display:block; background: url(../img/arrow_next.png) left center no-repeat; width: 25px; height: 45px; }*/ /* nav ---------------------------------------------*/ /* subNav */ nav .subNav { top: 62px; } /* mainContents ---------------------------------------------*/ #mainContents { width: 632px; float: left; padding: 40px 0 0; } #mainContents h2 { text-indent: 100%; white-space: nowrap; overflow: hidden; } #mainContents #philosophy h2 a, #mainContents #management h2 a { width: 632px !important; height: 45px !important; margin: 0 !important; } /* philosophy */ #mainContents #philosophy { margin: 0 0 50px; } #mainContents #philosophy h2 { width: 632px; height: 45px; background: url(../img/ttl_philosophy.gif) no-repeat; } #mainContents #philosophy a { display: inline-block; width: 201px; float: left; margin: 15px 0 0 9px; line-height: 0; } #mainContents #philosophy dl.philosophy, #mainContents #philosophy dl.leader { margin-left: 0px; } #mainContents #philosophy dl dt { width: 199px; height: 137px; margin: 0 1px; text-indent: 150%; white-space: nowrap; overflow: hidden; display: inline-block; } #mainContents #philosophy a:hover dl dt { opacity:0.8; filter: alpha(opacity=80); /* ie lt 8 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */ -moz-opacity:0.8; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.8; /* Safari 1.x */ } #mainContents #philosophy dl.philosophy dt { background: url(../img/btn_philosophy.gif) no-repeat; } #mainContents #philosophy dl.life dt { background: url(../img/btn_life.gif) no-repeat; } #mainContents #philosophy dl.work dt { background: url(../img/btn_work.gif) no-repeat; } #mainContents #philosophy dl.leader dt { background: url(../img/btn_leader.gif) no-repeat; } #mainContents #philosophy dl.oneself dt { background: url(../img/btn_management.gif) no-repeat; } #mainContents #philosophy dl.challenge dt { background: url(../img/btn_challenge.gif) no-repeat; } #mainContents #philosophy dl dd { font-size: 14px; color: #fff; font-weight: bold; width: 182px; height: 57px; line-height: 57px; text-align: center; background: url(../img/bg_btn_philosophy.gif) no-repeat; padding: 0 9px 0 10px; } #mainContents #philosophy dl dd:after{ content: ""; display: inline-block; width: 9px; height: 12px; background: url(../img/arrowTop.png) no-repeat; margin-left: 8px; } #mainContents #philosophy a:hover dl dd { text-decoration: underline; } /* management */ #mainContents #management { margin: 0 0 50px; } #mainContents #management h2 { width: 632px; height: 45px; background: url(../img/ttl_management.gif) no-repeat; } #mainContents #management a { width: 304px; height: 141px; padding: 4px; float: left; display: inline-block; margin-top: 15px; } #mainContents #management dl { width: 296px; height: 133px; padding: 4px; background: url(../img/bg_management.gif) no-repeat; } #mainContents #management dl.ameba { margin-right: 24px; } #mainContents #management dl dt, #mainContents #management dl dd { float: left; } #mainContents #management a dl dd { width: 132px; height: 133px; line-height: 133px; background: url(../img/bg_btn_management.gif) no-repeat; color: #fff; text-align: center; } #mainContents #management a dl dd:after{ content: ""; display: inline-block; width: 9px; height: 12px; background: url(../img/arrowTop.png) no-repeat; margin-left: 8px; } /* news */ #mainContents #news h2 { width: 632px; height: 31px; background: url(../img/ttl_news.gif) no-repeat; position: relative; margin: 0 0 15px; } #mainContents #news h2 a { display: block; width: 129px; height: 14px; background: url(../img/btn_news_list.gif) no-repeat; position: absolute; top: 3px; right: 10px; } #mainContents #news h2 a { display: block; width: 129px; height: 14px; background: url(../img/btn_news_list.gif) no-repeat; position: absolute; top: 3px; right: 10px; } #mainContents #news ul.tabs li { width: 126px; height: 37px; line-height: 42px; text-align: center; color: #666; font-size: 14px; background: url(../img/tab_off.gif) no-repeat top center; float: left; cursor: pointer; } #mainContents #news ul.tabs li.selected { color: #333; background: url(../img/tab_on.gif) no-repeat top center; } #mainContents #news ul.tabs li.event.selected { background: url(../img/tab_on_event.gif) no-repeat top center; } #mainContents #news ul.tabs li.event.selected { background: url(../img/tab_on_event.gif) no-repeat top center; } #mainContents #news ul.tabs li.media.selected { background: url(../img/tab_on_media.gif) no-repeat top center; } #mainContents #news ul.tabs li.press.selected { background: url(../img/tab_on_press.gif) no-repeat top center; } #mainContents #news ul.tabs li.other.selected { background: url(../img/tab_on_other.gif) no-repeat top center; } #mainContents #news .newsBox { min-height: 452px; width: 588px; padding: 15px 20px 0; background: #fff; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; } #mainContents #news .newsBox .newsList { display: none; } #mainContents #news .newsBox .newsList.selected { display: block; } #mainContents #news .newsBox article { clear: both; border-top: 1px solid #d7d7d7; padding: 15px 0; } #mainContents #news .newsBox article:first-child { border-top: 0; } #mainContents #news .newsBox article a { color: #333; } #mainContents #news .newsBox article p.image, #mainContents #news .newsBox article div { float: left; } #mainContents #news .newsBox article a > div { display: table; height: 120px; } #mainContents #news .newsBox article .newsInner { display: table-cell; vertical-align:middle; } #mainContents #news .newsBox article p.image { line-height: 0; width: 120px; height: 120px; } #mainContents #news .newsBox article p.image img { width: 100%; height: auto; } #mainContents #news .newsBox article div { width: 420px; margin-left: 30px; } /*#mainContents #news .newsBox article div span { font-size: 12px; display: inline-block; margin: 0 0 15px; padding: 4px 7px; vertical-align: 4px; color: #fff; }*/ #mainContents #news .newsBox article div span.event { background-color: #c2140c; } #mainContents #news .newsBox article div span.media { background-color: #bc8123; } #mainContents #news .newsBox article div span.press { background-color: #3a618a; } #mainContents #news .newsBox article div span.other { background-color: #818181; } #mainContents #news .newsBox article div time, #mainContents #news .newsBox article div p { font-size: 14px; } #mainContents #news .newsBox article a:hover div time, #mainContents #news .newsBox article a:hover div p { text-decoration: underline; } #mainContents #news .newsBox article div time { display: block; margin: 0 0 10px; } #mainContents #news .newsBox article div p { line-height: 1.4; } #mainContents #news .newsBox article img.new { vertical-align: top; width: 28px; height: auto; margin-left: 5px; } #mainContents #news .newsBox article a[target="_blank"] div > p:after { content: url(../common/img/icon_lnk2.gif); padding-left: 5px; } /* sideContents ---------------------------------------------*/ #sideContents { float: right; width: 256px; min-height: 1450px; padding: 40px 0 0 54px; background: url(../img/bg_side_line.gif) repeat-y left top; } #sideContents h2 { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 256px; height: 41px; } #sideContents #voice, #sideContents #news, #sideContents #movie, #sideContents #manga, #sideContents #books, #sideContents #ameba { padding-bottom: 23px; margin-bottom: 23px; border-bottom: 1px solid #d3d2cf; } #sideContents #books p:first-child { margin-bottom: 15px; } /* voice */ #sideContents #voice h2 { background: url(../img/ttl_side_voice.gif) no-repeat; } #sideContents #voice .side_voice { list-style: outside none none; height: 100px; overflow: hidden; position: relative; top: 10px; width: 250px; margin: 10px auto; } /* news */ #sideContents #news h2 { background: url(../img/ttl_side_news.gif) no-repeat; } #sideContents #news a { display: block; background: #fff; padding: 7px; } #sideContents #news a p.image, #sideContents #news a div { float: left; } #sideContents #news a div { width: 135px; margin-left: 10px; } #sideContents #news a > div { display: table; height: 94px; } #sideContents #news a .sideNewsInner { display: table-cell; vertical-align:middle; } #sideContents #news a p.image img { width: 95px; height: 95px; } #sideContents #news a div span { font-size: 12px; display: inline-block; margin: 0 0 7px; padding: 4px 7px; color: #fff; } #sideContents #news a div span.event { background-color: #c2140c; } #sideContents #news a div span.other { background-color: #818181; } #sideContents #news a div span.media { background-color: #bc8123; } #sideContents #news a div span.press { background-color: #3a618a; } #sideContents #news a div time, #sideContents #news a div p { font-size: 12px; color: #333; } #sideContents #news a div time { display: block; margin: 0 0 5px; } #sideContents #news a div time img{ vertical-align: top; margin: 0 0 0 5px; width: 28px; height: auto; } #sideContents #news a div p { line-height: 1.4; } #sideContents #news a:hover div p { text-decoration: underline; } /* bannerGroup */ #sideContents #bannerGroup h2 { width: 91px; height: 35px; background: url(../img/ttl_side_link.gif) no-repeat; margin: 0 0 8px; } #sideContents #bannerGroup ul li { margin-top: 5px; } #sideContents #bannerGroup ul li:first-child { margin-top: 0; } #sideContents #bannerGroup span { padding-top: 12px; float: right; } }