/* BASIC
---------------------------------------------------------------------------------------------- */
* {
font-size:13px!important;
}
body {
width:100%;
margin:0;
padding:0;
color:#333;
font-family:"メイリオ", "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande",sans-serif;
text-align:center;
background:#FFF;
}
a:link {
color:#03A;
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
color:#C00;
text-decoration:underline;
}
img {
border-width:0;
}
hr {
clear:both;
visibility:hidden;
}
/* BODY RAP
---------------------------------------------------------------------------------------------- */
#bodyRap {
margin:0 auto;
text-align:left;
}
.iphone#bodyRap  {
width:600px;
}
.enq#bodyRap {
width:550px;
}
/* HEADER
---------------------------------------------------------------------------------------------- */
#header {
width:100%;
margin:0 0 15px 0;
padding:0 0 5px 0;
float:left;
border-bottom:1px solid #CCC;
background:#FFF;
background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EEE));
background:-moz-linear-gradient(top,#FFF,#EEE);
}
#header #header-in {
width:860px;
margin:auto;
padding:10px;
}
#header #logo {
margin:0;
padding:5px 0 0 0;
font-size:16px;
line-height:150%;
}
#header #logo a:link,
#header #logo a:visited {
color:#444;
}
#header #logo a:hover {
color:#666;
text-decoration:none;
}
#header #logo a img {
margin:0 10px 5px 0;
float:left;
}
#header #logo strong {
display:block;
padding:10px 0 0 0;
float:left;
}
/* CONTENTS
---------------------------------------------------------------------------------------------- */
#contents {
width:860px;
margin:auto;
}
/* MAIN
---------------------------------------------------------------------------------------------- */
#main {
display:block;
width:630px;
float:left;
}
.iphone #main {
width:400px;
}
#main #txtarea {
width:610px;
margin:0 0 50px 0;
padding:10px;
background:#FFF;
}
/* HEADING ------------------------- */
#main #ptitle {
clear:both;
}
#main #ptitle h1 {
margin:0 10px;
padding:10px;
color:#444;
font-size:120%;
line-height:120%;
background:#F30;
color:#FFF;
}
#txtarea h2 {
clear:both;
margin:5px 0 10px 0;
padding:7px 10px 6px 5px;
border-bottom:2px solid #F30;
line-height:120%;
color:#F30;
}
#txtarea h3 {
margin:15px 0;
padding-left:5px;
font-size:105%;
}
#txtarea h3 a {
color:#555;
}
#txtarea h4 {
clear:both;
margin:5px 5px 10px 5px;
padding-left:2px;
border-bottom:2px solid #444 ;
color:#555;
font-size:96%;
}
#txtarea h4.question {
padding:0 0 2px 23px;
background:url("http://image.itmedia.co.jp/corp/images/2012/mark_q.png") no-repeat 0 2px;
border-bottom:1px dotted #AAA;
font-weight:normal;
}
#txtarea h5 {
clear:both;
background:#EEE;
margin:5px 0 10px;
padding:5px 10px;
}
/* PARAGRAPH ----------------------- */
#main p {
margin:0 5px 20px;
font-size:86%;
line-height:150%;
}
#main p.answer {
margin:8px 0 15px 22px;
}
/* NEXT */
#main p.next {
height:1%;
margin:0;
padding:10px 5px;
}
#main p.next a {
background:url("http://image.itmedia.co.jp/corp/images/2012/arrow02.gif") no-repeat left center;
padding-left:18px;
}
#main p.next02 {
margin:0;
padding:10px 5px;
text-align:right;
}
#main p.next02 a {
background:url("http://image.itmedia.co.jp/corp/images/2012/arrow02.gif") no-repeat left center;
padding-left:18px;
}
/* LIST ----------------------------- */
#main ul.list {
margin:5px 10px 15px 10px;
padding:0;
font-size:86%;
line-height:130%;
list-style-type:none;
}
#main ul.list span {
display:block;
font-weight:bold;
margin-bottom:7px;
color:#999;
}
#main ul.list li {
background:url("http://image.itmedia.co.jp/corp/images/2012/mark_list.png") no-repeat 0 4px;
margin-bottom:5px;
padding-left:10px;
}
/* BOX MENU ------------------------- */
#main .boxmenu {
height:1%;
margin:0 0 20px;
padding-bottom:5px;
border:2px solid #DCDCDC;
font-size:84%;
overflow:hidden;
}
#main .boxmenu ul {
clear:both;
margin:0;
padding:5px 10px 0;
list-style-type:none;
}
#main .boxmenu ul li {
float:left;
padding:0 20px 0 15px;
background:url("http://image.itmedia.co.jp/corp/images/2012/arrow_cir.png") no-repeat 0 4px;
line-height:150%;
}
.noFloat ul li {
clear:both;
}
#main .boxmenu ul li a {
display:block;
}
#main .boxmenu ul li a.none:hover {
color:#666;
text-decoration:none;
}
/* COMMENT BOX ---------------------- */
#main .commentbox {
clear:both;
width:500px;
margin:0 auto 5px;
padding:0;
background:#EEE;
border:2px solid #f8f8f8;
font-size:84%;
}
#main .commentbox p {
margin:0;
padding:10px;
}
#main .commentbox img {
float:right;
margin:0 0 5px 8px;
}
/* PHOTO ---------------------------- */
#main .photo.center {
margin:0;
text-align:center;
}
#main .photo.center p,
#main .photo.center img {
margin:5px 0 15px;
}
#main .photo.right {
float:right;
}
#main .photo.right p,
#main .photo.right img {
margin:5px 5px 15px 15px;
}
#main .photo.left {
float:left;
}
#main .photo.left p,
#main .photo.left img {
margin:5px 15px 15px 5px;
}
#main .photo p {
font-size:12px;
}
/* TABLE */
#main table.tbl {
margin:5px 0px 20px 3px;
font-size:13px;
line-height:130%;
border-collapse:collapse;
border:1px solid #CCC;
border-bottom:0px solid #CCC;
}
#main table.tbl tr {
vertical-align:top;
}
#main table.tbl tr span {
color:#999;
}
#main table.tbl thead tr th {
font-weight:bold;
background:#CDE;
}
#main table.tbl thead tr td {
font-weight:bold;
background:#E7EFF7;
}
#main table.tbl tr th {
padding:3px 4px;
background:#E7EFF7;
border:1px solid #CCC;
}
#main table.tbl tr td {
padding:3px 4px;
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;
}
/* SOCIAL BUTTON -------------------- */
#socialBtn {
margin:7px 0 0 10px;
padding:0;
float:right;
}
#socialBtn span.btn {
float:left;
line-height:100%;
margin:0;
}
#socialBtn span.btn small {
border:1px solid #FFF;
display:block;
float:left;
font-size:10px;
height:16px;
padding:0 3px 1px;
white-space:nowrap;
}
#socialBtn span.btn small a {
color:#666;
padding:0 0 1px;
text-decoration:none;
}
#socialBtn span.btn a img {
border:medium none;
margin:0 3px 2px 1px;
vertical-align:middle;
}
#socialBtn .hatena-bookmark-button,
#socialBtn .hatena-bookmark-button-frame {
float:left;
margin:0 5px 0 0;
}
#socialBtn .twitter-share-button {
float:left;
margin:0 5px 0 0;
}
#socialBtn iframe.facebook-button {
float:left;
width:100px;
height:21px;
margin:0 5px 0 0;
border:none;
overflow:hidden;
}
#socialBtn .mixi-check-button {
float:left;
margin:0 5px 0 0;
}
#socialBtn .evernote-button {
float:left;
margin:0 5px 0 0;
}
#socialBtn .evernote-button {
float:left;
margin:0 5px 0 0;
}
/* for JOBS
---------------------------------------------------------------------------------------------- */
/* JOB INFO ------------------------- */
#main .jobinfo h4 {
clear:none;
margin:20px 0 0;
border-bottom:none;
}
/* STAFF --------------------- */
#main .staff {
clear:both;
margin:0 0 20px;
}
#main .staff .schedule {
width:540px;
height:390px;
margin-bottom:5px;
}
#main #staff-shinki01 .schedule {background:url("http://image.itmedia.co.jp/corp/images/2012/jobs_photo_shinki01.jpg") no-repeat 0 0;height:440px;}
#main #staff-shinki02 .schedule {background:url("http://image.itmedia.co.jp/corp/images/2012/jobs_photo_shinki02.jpg") no-repeat 0 0;height:360px;}
#main #staff-eigyo01 .schedule {background:url("http://image.itmedia.co.jp/corp/images/2012/jobs_photo05.jpg") no-repeat 0 0;height:410px;}
#main #staff-eigyo02 .schedule {background:url("http://image.itmedia.co.jp/corp/images/2012/jobs_photo06.jpg") no-repeat 0 0;height:360px;}
#main #staff-dev01 .schedule {background:url("http://image.itmedia.co.jp/corp/images/2012/jobs_photo_dev01.jpg") no-repeat 0 0;}
#main #staff-dev02 .schedule {background:url("http://image.itmedia.co.jp/corp/images/2012/jobs_photo_dev02.jpg") no-repeat 0 0;}
#main #staff-editor01 .schedule {background:url("http://image.itmedia.co.jp/corp/images/2012/jobs_photo01.jpg") no-repeat 0 0;}
#main #staff-editor02 .schedule {background:url("http://image.itmedia.co.jp/corp/images/2012/jobs_photo02.jpg") no-repeat 0 0;}
#main #staff-editor03 .schedule {background:url("http://image.itmedia.co.jp/corp/images/2012/jobs_photo03.jpg") no-repeat 0 0;}
#main #staff-marketing01 .schedule {background:url("http://image.itmedia.co.jp/corp/images/2012/jobs_photo_marketing01.jpg") no-repeat 0 0;}
#main .staff .schedule p {
display:none;
}
#main .staff .comments {
margin:0 0 15px;
}
#main .staff .comments h4 {
margin:10px 15px 0;
color:#C78F73;
font-size:86%;
border:none;
}
#main .staff .comments .comment {
width:560px;
margin:0 15px 15px;
padding:5px 10px;
background:#F8ECE6;
}
#main .staff .comments p {
margin:0 0 5px;
font-size:84%;
}
/* for INTERVIEW
---------------------------------------------------------------------------------------------- */
#main .interviewTitle h2 {
margin:0;
padding:0;
border-bottom:none;
}
#main #interviewtop .interviewTitle h2 {
height:180px;
margin:0 auto 20px;
background:url("http://image.itmedia.co.jp/corp/images/2012/int_tptitle.gif") no-repeat 0 0;
text-indent:-9999px;
}
#main .interview .interviewTitle {
display:block;
height:170px;
margin:0 0 20px;
text-align:right;
}
#main .interview#aoyamawataru .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_aoyama_key.jpg") no-repeat 0 0;}
#main .interview#virtualevent .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_virtualevent_key.jpg") no-repeat 0 0;}
#main .interview#yoshikawahiroki .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_yoshikawa_key.jpg") no-repeat 0 0;}
#main .interview#hiroshiayako .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_hiroshi_key.jpg") no-repeat 0 0;}
#main .interview#araiako .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_arai_key.jpg") no-repeat 0 0;}
#main .interview#hishiyamahumino .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_hishiyama_key.jpg") no-repeat 0 0;}
#main .interview#engineer .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_engineer_key.jpg") no-repeat 0 0;}
#main .interview#sekidoyuu .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_sekidoyuu_01.jpg") no-repeat 0 0;}
#main .interview#takizawanagisa .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_takizawanagisa_01.jpg") no-repeat 0 0;}
#main .interview#kanetakeasuka .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_kanetakeasuka_01.jpg") no-repeat 0 0;}
#main .interview#saitoukenji .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_saitoukenji_01.jpg") no-repeat 0 0;}
/* archive */
#main .interview#kawamuraizumi .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_kawamura_key.jpg") no-repeat 0 0;}
#main .interview#tadayorimasa .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_tada_key.jpg") no-repeat 0 0;}
#main .interview#suzukinaoto .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_suzukin_key.jpg") no-repeat 0 0;}
#main .interview#sonobeosamu .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_sonobe_key.jpg") no-repeat 0 0;}
#main .interview#yoshiokaayano .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_yoshioka_key.jpg") no-repeat 0 0;}
#main .interview#nishiotaizo .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_nishio_key.jpg") no-repeat 0 0;}
#main .interview#sugimototsukasa .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_sugimoto_key.jpg") no-repeat 0 0;}
#main .interview#suzukikazuto .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_suzukik_key.jpg") no-repeat 0 0;}
#main .interview#uekitatsuro .interviewTitle {background:url("http://image.itmedia.co.jp/corp/images/2012/interview_ueki_key.jpg") no-repeat 0 0;}
#main .interview .interviewTitle h2 {
float:right;
width:290px;
padding:0;
background:#FFF;
color:#666;
}
#main .interview .interviewTitle h2 strong {
display:block;
margin:0 0 3px;
padding:25px 5px 3px;
background:#990134;
font-size:24px;
line-height:110%;
color:#FFF;
}
#main .interview .interviewTitle h2 span {
font-size:12px;
padding:10px;
}
#main .interview .interviewTitle h2 strong span {
line-height:110%;
}
#main .interview .interviewTitle h2 span b {
font-size:15px;
}
/* TOP - INTERVIEWEE LIST ----------- */
#main .interviewee {
float:left;
display:block;
width:265px;
padding:0 10px 20px;
}
#main .interviewee h4 {
margin:0 0 5px 0;
padding:0 0 0 15px;
background:url("http://image.itmedia.co.jp/corp/images/2012/arrow02.gif") no-repeat 0 1px;
border-bottom:none;
font-size:84%;
line-height:120%;
}
#main .interviewee p {
margin:0;
padding:0 0 5px 15px;
font-size:84%;
}
#main .interviewee p a.icon {
float:right;
}
#main .interviewee p a.icon img {
margin:0 0 15px 5px;
}
#main .interviewee p strong {
display:block;
line-height:120%;
}
#main .interviewee p span {
font-size:84%;
color:#999;
}
/* for SENKO STEP
---------------------------------------------------------------------------------------------- */
/* SENKO FLOW ----------------------- */
#main #senkoflow {
clear:both;
display:block;
height:1%;
margin:5px 0 10px;
padding:10px 0;
border:1px solid #CCC;
}
#main #senkoflow p {
clear:both;
font-size:82%;
margin:0 10px;
height:1%;
}
#main #senkoflow p.entry {
text-align:center;
}
#main #senkoflow p img {
float:left;
margin:0 10px 3px 0;
}
/* SENKO MESSAGE -------------------- */
#main #senkomsg {
display:block;
margin:10px 10px 10px 5px;
padding:2px 5px;
background:#EEE;
}
#main #senkomsg p {
margin:0;
padding:5px 5px 10px;
}
/* for SEMINAR
---------------------------------------------------------------------------------------------- */
#main .direction p {
clear:both;
}
#main .direction p img {
float:left;
margin:0 10px 10px 0;
}
/* for OUR MEDIA
---------------------------------------------------------------------------------------------- */
#main .mediaBox {
}
/* MEDIA INFO ----------------------- */
#main .mediainfo {
height:1%;
margin-bottom:20px;
}
.ourmedia-top #main .mediainfo {
text-align:center;
}
.ourmedia-top #main .mediainfo h3 {
text-align:left;
}
/* MEDIA LOGO AREA ------------------ */
#main .logoarea {
clear:both;
line-height:130%;
}
.ourmedia-top #main .logoarea {
margin:0 auto;
}
.ourmedia-top #main #media-news .logoarea {width:110px;}
.ourmedia-top #main #media-enterprise .logoarea {width:550px;}
.ourmedia-top #main #media-digilife .logoarea {width:440px;}
.ourmedia-top #main #media-engineer .logoarea {width:220px;}
.ourmedia-top #main #media-business .logoarea {width:330px;}
.ourmedia-top #main #media-music .logoarea {width:110px;}
.ourmedia-top #main #media-movie .logoarea {width:220px;}
.ourmedia-top #main #media-em .logoarea {width:220px;}
.ourmedia-top #main #media-iphone .logoarea {width:110px;}
.ourmedia-top #main #media-social .logoarea {width:220px;}
.ourmedia-top #main .logoarea p {
float:left;
}
#main .logoarea p {
margin:0 0 10px;
padding:0;
}
#main .logoarea .logo {
float:left;
margin:0;
padding:0 5px;
}
.ourmedia-detail #main .logoarea .logo {
padding:0 15px;
}
#main .logoarea .logo img {
float:left;
}
#main .logoarea02 {
width:490px;
margin:0;
padding:5px 0 0 25px;
float:left;
line-height:1.3;
clear:both;
}
#main .logoarea02 img {
float:right;
padding:0 20px 0px 0;
}
/* for PHOTOS
---------------------------------------------------------------------------------------------- */
.photos table {
margin:0 auto 20px auto;
}
/* FAQ
---------------------------------------------------------------------------------------------- */
#main .faq-q {
clear:both;
margin:2px 5px 10px 9px;
padding:2px 0 2px 25px;
background:url("http://image.itmedia.co.jp/corp/images/2011/faq_q.gif") no-repeat 0 1px;
color:#039;
}
#main .faq-q p {
margin:0;
}
#main .faq-a {
clear:both;
margin:2px 5px 10px 9px;
padding:2px 0 10px 25px;
background:url("http://image.itmedia.co.jp/corp/images/2011/faq_a.gif") no-repeat 0 1px;
}
#main .faq-a p {
margin:0 0 10px;
}
/* ENTRY
---------------------------------------------------------------------------------------------- */
#main #formBox {
margin:10px;
background:#E7E7E7;
border:1px solid #D5D5D5;
}
#main #formBox #form-in {
margin:10px;
}
#main #formBox table {
display:table;
font-size:small;
}
#main #formBox table tr {
line-height:2.5;
}
#main #formBox table th.form_r {
text-align:right;
}
#main #formBox table td {
padding:5px 0;
vertical-align:middle;
}
#main #formBox .policy {
background:#f7f7f7;
margin:10px;
padding:5px;
border:1px solid #d5d5d5;
color:#777;
}
#main #formBox .policy p {
font-size:12px;
}
#main #formBox .kome {
color:#c40000;
font-size:84%;
}
#main #formBox input.text {
width:200px;
}
/* for iPhone formBox
---------------------------------------------------------------------------------------------- */
.iphone #txtarea #formBox {
margin:10px 0;
background:#e7e7e7;
border:1px solid #d5d5d5;
}
.iphone #txtarea #formBox #form_in {
margin:10px;
}
.iphone #txtarea #formBox #form_in h3 {
border-bottom:2px solid #666;
border-left:none;
color:#666;
line-height:1.5;
margin:0;
}
.iphone #txtarea #formBox #form_in table {
display:table;
font-size:small;
text-align:left;
}
.iphone #txtarea #formBox #form_in table tr {
line-height:2;
}
.iphone #txtarea #formBox #form_in table th.form_r {
text-align:right;
}
.iphone #txtarea #formBox #form_in table td {
vertical-align:middle;
padding:5px 0 10px;
}
.iphone #txtarea #formBox .policy {
background:#f7f7f7;
margin:10px;
padding:5px;
border:1px solid #d5d5d5;
color:#888;
}
.iphone #txtarea #formBox #form_in .kome {
color:#c40000;
font-size:80%;
}
.iphone #txtarea #formBox input {
font-size:180%;
}
.iphone #txtarea #formBox input.text {
width:170px;
}
.iphone #txtarea form p{
margin:20px 0;
}
.iphone #txtarea #formBox select {
width:170px;
}
/* ENQ
---------------------------------------------------------------------------------------------- */
.enq {
}
.enq .oubo {
margin:0px;
padding: 10px 10px 30px 10px;
line-height: 1.6;
text-align: center;
font-size: 90%;
}
.enq a#close-button {
display:block;
margin: 20px 90px 0;
padding:6px 4px 4px 4px;
font-size:12px;
color:#444;
line-height:100%;
text-align:center;
text-decoration:none;
background-color:#ccc;
border:1px solid #666;
}
/* SIDE
---------------------------------------------------------------------------------------------- */
#side {
width:200px;
float:right;
}
/* LIST ----------------------------- */
#side ul.list {
margin:3px 7px;
padding:0;
font-size:86%;
line-height:130%;
list-style-type:none;
}
#side ul.list span {
display:block;
font-weight:bold;
margin-bottom:4px;
color:#999;
}
#side ul.list li {
background:url("http://image.itmedia.co.jp/corp/images/2012/mark_list.png") no-repeat 0 4px;
margin-bottom:3px;
padding-left:10px;
}
/* TERMINOLOGY ---------------------- */
#side #terminology {
clear:both;
margin:0 0 15px 0;
padding:0;
background:url("http://image.itmedia.co.jp/corp/images/2012/terminology_repepat.png") repeat-y 0 0;
}
#side #terminology-in {
padding:0 0 22px;
background:url("http://image.itmedia.co.jp/corp/images/2012/terminology_footer.png") no-repeat left bottom;
}
#side #terminology h3 {
clear:both;
display:block;
width:200px;
height:69px;
margin:0;
padding:0;
background:url("http://image.itmedia.co.jp/corp/images/2012/terminology_header_2.jpg") no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}
#side #terminology p {
margin:5px 8px;
padding:0;
font-size:13px;
line-height:140%;
}
* html #side #terminology p {height:1%;}
*+html #side #terminology p {height:1%;}
#side #terminology p a.word {
padding:0;
font-size:14px;
font-weight:bold;
color:#684e2c;
line-height:160%;
}
#side #terminology p.via {
clear:both;
display:block;
margin:0 8px;
font-size:10px;
text-align:right;
}
#side #terminology p.via a {
color:#555;
}
#side #terminology p.more {
float:right;
margin:0 8px 4px;
}
#side #terminology p.more a {
float:right;
display:block;
width:70px;
height:15px;
background:url("http://image.itmedia.co.jp/corp/images/2012/terminology_more.png") no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}
/* NAVI ----------------------------- */
#navi {
clear:both;
width:200px;
}
#navi-area {
margin:0;
}
*html #navi-area {
height:1%;
}
#navi ul {
float:left;
margin:0;
padding:0;
list-style-type:none;
border-bottom:1px solid #CCC;
}
#navi ul li {
float:left;
border:1px solid #CCC;
border-bottom:0px;
background:#FFF;
background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EEE));
background:-moz-linear-gradient(top,#FFF,#EEE);
}
.top #navi ul li#nav-top,
.message #navi ul li#nav-message,
.business #navi ul li#nav-business,
.jobs #navi ul li#nav-jobs,
.jobs-eigyo #navi ul li#nav-jobs,
.jobs-hensyu #navi ul li#nav-jobs,
.jobs-shinkijigyou #navi ul li#nav-jobs,
.jobs-engineer #navi ul li#nav-jobs,
.jobs-mediamark #navi ul li#nav-jobs,
.interview #navi ul li#nav-interview,
.interview-top #navi ul li#nav-interview,
.interview-virtualevent #navi ul li#nav-interview,
.interview-yoshikawahiroki #navi ul li#nav-interview,
.interview-hiroshiayako #navi ul li#nav-interview,
.interview-araiako #navi ul li#nav-interview,
.interview-hishiyamafumino #navi ul li#nav-interview,
.interview-kawamuraizumi #navi ul li#nav-interview,
.interview-tadayorimasa #navi ul li#nav-interview,
.interview-suzukinaoto #navi ul li#nav-interview,
.interview-yoshiokaayano #navi ul li#nav-interview,
.interview-sonobeosamu #navi ul li#nav-interview,
.interview-nishiotaizo #navi ul li#nav-interview,
.interview-suzukikazuto #navi ul li#nav-interview,
.interview-uekitatsuro #navi ul li#nav-interview,
.interview-sugimototsukasa #navi ul li#nav-interview,
.interview-sekidoyuu #navi ul li#nav-interview,
.interview-takizawanagisa #navi ul li#nav-interview,
.interview-kanetakeasuka #navi ul li#nav-interview,
.interview-saitoukenji #navi ul li#nav-interview,
.president #navi ul li#nav-president,
.entry #navi ul li#nav-senkostep,
.senkostep #navi ul li#nav-senkostep,
.seminor #navi ul li#nav-seminor,
.ourmedia-top #navi ul li#nav-ourmedia,
.condition #navi ul li#nav-condition,
.condition-kyuyo #navi ul li#nav-condition,
.faq #navi ul li#nav-faq,
.photos #navi ul li#nav-photos {
background:#EEE;
background:-webkit-gradient(linear,left top,left bottom,from(#DDD),to(#EEE));
background:-moz-linear-gradient(top,#DDD,#EEE);
}
#navi ul li a {
display:block;
width:190px;
margin:0;
padding:5px;
font-size:100%;
line-height:110%;
text-decoration:none;
overflow:hidden;
color:#333;
}
.message #navi ul li#nav-message a,
.business #navi ul li#nav-business a,
.jobs #navi ul li#nav-jobs a,
.jobs-eigyo #navi ul li#nav-jobs a,
.jobs-hensyu #navi ul li#nav-jobs a,
.jobs-shinkijigyou #navi ul li#nav-jobs a,
.jobs-engineer #navi ul li#nav-jobs a,
.jobs-mediamark #navi ul li#nav-jobs a,
.interview #navi ul li#nav-interview a,
.interview-top #navi ul li#nav-interview a,
.interview-virtualevent #navi ul li#nav-interview a,
.interview-yoshikawahiroki #navi ul li#nav-interview a,
.interview-hiroshiayako #navi ul li#nav-interview a,
.interview-araiako #navi ul li#nav-interview a,
.interview-hishiyamafumino #navi ul li#nav-interview a,
.interview-kawamuraizumi #navi ul li#nav-interview a,
.interview-tadayorimasa #navi ul li#nav-interview a,
.interview-suzukinaoto #navi ul li#nav-interview a,
.interview-yoshiokaayano #navi ul li#nav-interview a,
.interview-sonobeosamu #navi ul li#nav-interview a,
.interview-nishiotaizo #navi ul li#nav-interview a,
.interview-suzukikazuto #navi ul li#nav-interview a,
.interview-uekitatsuro #navi ul li#nav-interview a,
.interview-sugimototsukasa #navi ul li#nav-interview a,
.interview-sekidoyuu #navi ul li#nav-interview a,
.interview-takizawanagisa #navi ul li#nav-interview a,
.interview-kanetakeasuka #navi ul li#nav-interview a,
.interview-saitoukenji #navi ul li#nav-interview a,
.president #navi ul li#nav-president a,
.entry #navi ul li#nav-senkostep a,
.senkostep #navi ul li#nav-senkostep a,
.seminor #navi ul li#nav-seminor a,
.ourmedia-top #navi ul li#nav-ourmedia a,
.condition #navi ul li#nav-condition a,
.condition-kyuyo #navi ul li#nav-condition a,
.faq #navi ul li#nav-faq a,
.photos #navi ul li#nav-photos a {
color:#999;
}
/* span ----------------------------*/
#navi li#nav-message a span,
#navi li#nav-buiness a span,
#navi li#nav-jobs a span,
#navi li#nav-interview a span,
#navi li#nav-president a span,
#navi li#nav-senkostep a span,
#navi li#nav-seminor a span,
#navi li#nav-ourmedia a span,
#navi li#nav-photos a span {
}
#navi li.sub {
background:#DDD;
}
#navi li.sub a span {
display:block;
margin:0;
padding-left:10px;
font-size:10px;
}
#navi li.sub a:hover span {
color:#C00;
}
#navi li.sub a.current span,
#navi li.sub a.current:hover span {
font-weight:bold;
color:#C00;
}
/* BUTTON ENTRY ----------------------- */
.btn-entry {
clear:both;
width:200px;
height:70px;
margin:10px 0;
padding:7px 0;
}
.senkostep .btn-entry {
margin:auto;
}
.entry #side .btn-entry,
.senkostep #side .btn-entry {
display:none;
}
.btn-entry a {
background:url("http://image.itmedia.co.jp/corp/images/2011/btn_entry2012.png") no-repeat 0 0;
display:block;
height:70px;
text-indent:-9999px;
}
.senkostep .btn-entry a {
background:url("http://image.itmedia.co.jp/corp/images/2011/btn_entry2012_2.png") no-repeat 0 0;
}
.btn-entry a:hover {
background-position:0 -70px;
}
/* subnavi
----------------------------------------------- */
#subnavi {
margin:7px;
padding:0;
}
#subnavi ul {
margin:0;
padding:0;
}
#subnavi ul li {
display:block;
width:180px;
float:left;
list-style-type:none;
background:url("http://image.itmedia.co.jp/corp/images/2012/arrow_cir.png") no-repeat left center;
}
#subnavi ul li a {
float:left;
display:block;
padding:0 0 0 15px;
}
/* a ----------------------------*/
#subnavi li.faq a {background-position:0 0;}
#subnavi li.info a {background-position:0px -30px;}
#subnavi li.condition a {background-position:0px -60px;}
#subnavi li.corp a {background-position:0px -90px;}
/* hover ----------------------------*/
#subnavi li.faq a:hover {background-position:-180px 0;}
#subnavi li.info a:hover {background-position:-180px -30px;}
#subnavi li.condition a:hover {background-position:-180px -60px;}
#subnavi li.corp a:hover {background-position:-180px -90px;}
/* link ----------------------------*/
#subnavi li.faq a.Link,
#subnavi li.faq a.Link:hover {
background-position:-360px 0;
}
#subnavi li.info a.Link,
#subnavi li.info a.Link:hover {
background-position:-360px -30px;
}
#subnavi li.condition a.Link,
#subnavi li.condition a.Link:hover {
background-position:-360px -60px;
}
#subnavi li.corp a.Link,
#subnavi li.corp a.Link:hover {
background-position:-360px -90px;
}
/* span ----------------------------*/
#subnavi li.faq a span,
#subnavi li.info a span,
#subnavi li.condition a span,
#subnavi li.corp a span {
display:none;
}
/* FOOTER
---------------------------------------------------------------------------------------------- */
#footer {
clear:both;
display:block;
margin:0;
padding:0 0 10px;
text-align:center;
}
#footer p {
height:15px;
margin:0;
padding:5px;
font-size:10px;
}
p.backtop {
clear:both;
margin:0;
padding:10px 40px 10px 490px;
}
/* for TOP
---------------------------------------------------------------------------------------------- */
/* information ---------------------*/
.top .information {
margin:10px 0 20px;
}
.top .information h2 {
margin:0;
padding:0;
font-size:13px;
}
.top .information .infolist {
padding:0;
height:100px;
border:1px solid #CCC;
overflow:auto;
}
.top .information .infolist dl {
margin:5px;
padding:0;
font-size:12px;
}
.top .information .infolist dl dt {
clear:both;
float:left;
width:75px;
margin:0;
padding:0 0 5px;
color:#666;
}
.top .information .infolist dl dd {
float:left;
margin:0;
padding:0 0 5px;
width:500px;
}
/* ITmedia News ---------------------*/
.top .itmNews {
float:left;
width:200px;
}
.top .itmNews h3 {
margin:0 0 5px;
padding:0;
font-size:12px;
}
.top #main .itmNews ul.list {
width:180px;
height:370px;
margin:0;
padding:5px;
border:1px #DDD solid;
overflow:auto;
}
.top .itmNews ul li {
border-bottom:1px #DDD dotted;
font-size:12px;
}
/* Widget ---------------------------*/
.top .fbWidget {
float:left;
width:200px;
}
.top .fbWidget h3 {
margin:0 0 5px;
padding:0;
font-size:12px;
}
.top .twtrWidget {
float:left;
}
.top .twtrWidget h3 {
margin:0 0 5px;
padding:0;
font-size:12px;
}
/* NAVI -----------------------------*/
.top #navi {
}
.bread {
margin:0 0 10px 10px;
}
.inteviews .icon {
margin:3px 9px 6px 0px;
float:left;
}
.inteviews .rightAlign {
margin:3px 0px 6px 9px;
float:right;
}
.mediaLogo {
width:100px;
margin:2px 15px 10px 0;
float:left;
padding:12px 5px;
border:1px solid #CCC;
}
.photoAlubm img {
margin:0 2px 0 0;
width:75px;
height:52px;
border:2px solid #03A;
padding:1px;
}
#photoArea {
padding:10px;
background:#000;
text-align:center;
}
#photoArea img {
height:300px;
}