@import url("/css/gnav.css");
/* BASIC
-------------------------------------------------- */
* {
}
body {
margin:0px;
padding:0px;
font-family:'MS UI Gothic','‚l‚r ‚oƒSƒVƒbƒN','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Lucida Grande',sans-serif;
color:#444;
}
a:link {
color:#26A;
text-decoration:none;
}
a:visited {
text-decoration:none;
color:#A26;
}
a:hover {
text-decoration:underline;
}
img {
border-width:0px;
}
/* Header
-------------------------------------------------- */
#header {
display:block;
width:100%;
margin:0px 0px 5px 0px;
padding:0px 0px 10px 0px;
background:#FFF;
border-bottom:1px solid #BBC;
}
#header-in {
margin:3px 10px 0px 10px;
width:980px;
}
#header .logo {
display:table;
width:242px;
padding:0px;
float:left;
}
#header .logo#w150 {
width:148px;
}
#header .logo strong,
#header .logo h1 {
display:block;
margin:0px 0px 10px 0px;
background:url("http://image.itmedia.co.jp/enterprise/images/logo_eprenew.gif") no-repeat left center;
}
#header .logo strong {
background:url("http://image.itmedia.co.jp/enterprise/images/logo_eprenew_s.gif") no-repeat left center;
}
#header .logo strong a,
#header .logo h1 a {
display:block;
width:100%;
height:88px;
text-indent:-9999px;
overflow:hidden;
}
#header .logo strong a {
height:21px;
}
#header {
display:block;
width:100%;
margin:0px 0px 5px 0px;
padding:0px;
background:#FFF;
border-bottom:1px solid #BBC;
}
#header-in {
margin:0px 10px 0px 10px;
width:980px;
}
#header .sp-logo {
display:table;
width:242px;
padding:0px;
float:left;
}
#header .sp-logo strong {
display:block;
margin:0px 0px 3px 0px;
background:url("http://image.itmedia.co.jp/enterprise/images/logo_ep_special.gif") no-repeat left center;
}
#header .sp-logo strong a {
display:block;
width:100%;
height:88px;
text-indent:-9999px;
overflow:hidden;
}
.bar-search-out {
width:242px;
display:table;
float:left;
}
.bar-search-in {
float:left;
}
.bar-search-in .toolbox-out {
margin:1px 0px 2px 1px;
float:left;
}
.bar-search-in form {
margin:0px;
padding:0px;
}
.bar-search-in form input.query {
margin:0px 1px 0px 1px;
padding:3px;
width:120px;
font-size:12px;
border:1px solid #BBC;
float:left;
}
.pastform form span,
.bar-search-in form span {
display:block;
margin:0px 1px;
border:1px solid #BBC;
float:left;
}
.pastform form span {
line-height:100%;
}
.pastform form span button,
.bar-search-in form span button {
border:1px solid #FFF;
background:url("http://image.itmedia.co.jp/images0509/bm.gif") repeat-x #D7D9E4;
color:#555;
}
.dir {
padding:3px 0px 0px 28px;
font-size:small;
color:#667;
background:url("http://image.itmedia.co.jp/enterprise/images/tree.gif") no-repeat 4px 4px;
float:left;
}
.dir small {
font-family:arial;
}
.tabs {
margin-bottom:5px;
font-size:12px;
float:left;
}
.tabs .tabs-in {
float:left;
}
.tabs .tabs-in p {
margin:0px;
float:left;
}
.tabs .tabs-in p span {
margin:0px;
display:block;
float:left;
overflow:hidden;
background:url("http://image.itmedia.co.jp/enterprise/images/menu-r.gif") no-repeat right top;
border-right:1px solid #FFF;
}
.tabs .tabs-in p span span {
background:url("http://image.itmedia.co.jp/enterprise/images/menu-l.gif") no-repeat left top;
}
.tabs .tabs-in p span span a {
display:block;
padding:4px 10px 1px 14px;
height:17px;
float:left;
text-decoration:none;
color:#446;
border-bottom:2px solid #EEE;
}
.tabs .tabs-in p span span a:hover {
border-bottom:2px solid #FDA;
}
.tabs .tabs-in p .tab-on {
font-weight:normal;
background:url("http://image.itmedia.co.jp/enterprise/images/menu-r2.gif") no-repeat right top;
}
.tabs .tabs-in p .tab-on span {
background:url("http://image.itmedia.co.jp/enterprise/images/menu-l2.gif") no-repeat left top;
}
.tabs .tabs-in p .tab-on span a {
border-bottom:2px solid #FFF;
color:#99A;
}
.tabs .tabs-in p small {
display:none;
}
.sep {
width:100%;
height:2px;
font-size:1px;
margin-bottom:5px;
clear:both;
text-indent:-9999px;
background:#EEF;
border-top:1px solid #BBC;
}
#ITN {
width:728px;
height:90px;
margin-bottom:2px;
float:left;
}
/* Box
-------------------------------------------------- */
#rap-out {
min-width:1000px;
background:url("http://image.itmedia.co.jp/enterprise/images/bodybg.gif") repeat-x left bottom #DEE0E9;
}
#rap-out #rap-in {
margin:0px auto;
}
.lc-out {
width:100%;
margin:0px -320px 0px 0px;
float:left;
line-height:130%;
}
.lc-out .lc-in {
margin:0px 320px 0px 0px;
}
.rc {
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
width:300px;
float:right;
line-height:130%;
}
.rc * {
font-size:small!important;
}
.rc h2, .rc p {
margin:0px;
}
.lc-out .lc-in .lc-2c {
padding:0px 0px 0px 10px;
clear:both;
}
.lc-out .lc-in .lc-2c .lc-2c-in {
}
.lc-out .lc-in .lc-lc {
float:left;
width:200px;
padding:0px 0px 0px 10px;
}
.lc-out .lc-in .lc-lc * {
font-size:small;
}
.lc-out .lc-in .lc-cc {
display:table;
width:100%;
float:right;
margin:0px 0px 0px -224px;
}
.lc-out .lc-in .lc-cc .lc-cc-in {
margin:0px 0px 0px 224px;
}
.andmore {
display:block;
margin:0px;
padding:0px 0px 0px 16px;
font-size:13px;
background:url("http://image.itmedia.co.jp/images0509/submenubg6.gif") no-repeat left center;
font-weight:bold;
float:right!important;
clear:both;
}
/* box
-------------------------------------------------- */
.box-out {
margin:0px 0px 12px 0px;
font-size:12px;
background:#FFF;
border:3px solid #EEEFF4;
clear:both;
}
.box-out .box-in {
border:1px solid #b2c7d8;
}
.box-out .box-in .box-bar {
margin:1px;
border-bottom:1px solid #EEE;
}
.box-out .box-in .box-bar div {
border-bottom:1px solid #FFF;
}
.box-out .box-in .box-bar strong {
display:block;
padding:1px 5px;
border-bottom:1px solid #d5c9c4;
background:#3E81B8;
color:#FFF;
}
.ccft .box-out {
border:3px solid #EED;
}
.ccft .box-out .box-in {
border:1px solid #CC8;
}
.ccft .box-out .box-in .box-bar strong {
background:#AA5;
}
.box-out .box-in .box-body {
padding:0px 4px;
}
.box-out .box-in .box-body .box-body-in {
display:table;
width:100%;
}
.box-out .box-in .box-body p {
display:table;
width:100%;
margin:5px 0px;
}
.box-out .box-in .box-body p strong a span {
display:block;
color:#A70;
}
.box-out .box-in .box-body p strong a big {
font-size:150%;
line-height:130%;
}
/* Indexing
-------------------------------------------------- */
.ico {
display:block;
margin:3px 9px 3px 0px;
float:left;
border-right:1px solid #EEF;
border-bottom:1px solid #EEF;
clear:both;
}
.lc-out .lc-in .lc-lc .ico {
margin:3px 0px;
float:left;
}
.ico span {
display:block;
border:1px solid #CCD;
float:left;
}
.ico span img {
margin:0px;
padding:0px;
border:3px solid #FFF;
float:left;
}
.abs {
display:block;
margin-left:100px;
}
/* Indexing LinkSet
-------------------------------------------------- */
.linkset {
clear:both;
margin:0px;
padding:0px;
list-style-type:none;
}
.linkset li {
padding:0px 0px 0px 16px;
background:url("http://image.itmedia.co.jp/images0509/arr_file.gif") no-repeat 0px 3px;
}
.wpkwdset,
.kwdset {
width:98%;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
clear:both;
list-style-type:none;
}
.wpkwdset li,
.kwdset li {
margin:0px 5px 0px 0px;
padding-left:15px;
font-size:12px;
float:left;
background:url("http://image.itmedia.co.jp/images0509/arr_key2.gif") no-repeat 0px 3px;
}
.kwdset li a {
word-break:keep-all;
}
.lc-lc .wpkwdset li,
.lc-lc .kwdset li {
margin:0px 5px 0px 0px;
width:70px;
}
.lc-lc .kwdset li a {
word-break:break-all;
}
.wpkwdset li {
background:url("http://image.itmedia.co.jp/images0509/arr_wpkw.gif") no-repeat;
}
/* AD
-------------------------------------------------- */
.rc-other,
.rcsp {
margin:0px 0px 5px 0px;
padding:1px;
border:3px solid #EEEFF4;
background:#B2C7D8;
}
.rcsp {
border:3px solid #e5eee5;
background:#c4d6c3;
}
.rcsp #fyi {
border:1px solid #FFF;
background:#FFF;
}
.rc-other h2,
.rcsp #fyi h2 {
margin:0px;
padding:1px 5px!important;
background:#3e81b8!important;
color:#FFF!important;
font-family:arial!important;
}
.newart #fyi h2 {
font-size:small!important;
padding:3px 5px;
line-height:150%;
}
.rcsp #fyi h2 {
font-size:12px;
background:#7C9F7B!important;
}
#fyi h2 {height:20px;}
#fyi p {
width:286px;
margin:1px 0px 0px 0px;
padding:2px;
background:#FFF;
border-top:1px solid #DDE;
}
.rcsp #fyi p a {
text-decoration:none!important;
font-size:12px!important;
line-height:120%!important;
}
.rcsp #fyi p a img {
margin:2px 4px 2px 2px;
float:left;
border-width:0px;
}
.rcsp .rcsp-pr {
width:286px;
font-size:10px!important;
font-family:arial, sans-serif;
color:#CDE;
text-align:right;
position:absolute;
}
.rc-other h2 {
width:280px!important;
text-indent:0px!important;
border:1px solid #FFF!important;
}
.rc-other p {
width:284px!important;
margin:0px!important;
border:0px solid #FFF!important;
border-top:1px solid #DDE!important;
background:#FFF;
padding:2px 4px;
}
.rc-other p a img {
margin:4px 8px 0px 0px;
border-width:0px;
}
.rc-other .cbox {
background:#FFF;
}
.rc-other .cbox .linkset {
width:200px;
padding:5px;
}
/* footer
-------------------------------------------------- */
.copyright {
font-size:12px;
margin-top:10px;
clear:both;
}
.copyright a {
text-decoration:none;
}
.copyright img {
border-width:0px;
}
.copymark {
}
.copymark span#mark {
position:static!important;
float:none;
}
.copymark span#mark a {
float:none;
}
.copymark span#mark img {
position:static!important;
float:right;
border:2px solid #FFF;
border-width:4px 20px;
}
/* setbox
-------------------------------------------------- */
#setbox10,
#setbox9,
#setbox8,
#setbox7,
#setbox6,
#setbox5,
#setbox4,
#setbox3,
#setbox2,
#setbox1,
#setbox0 {
margin:auto;
}
.adc {
font-size:13px!important;
width:150px!important;
padding:10px!important;
float:left!important;
background:red!important;
color:#FFF!important;
text-align:center!important;
}
#sf0805header h1 {margin:15px 0px 10px;padding:0px;text-align:center;}
#sf0805header h1 img {margin:0px auto;}
#sf0805header p {margin:20px 10px;line-height:140%;font-weight:bold;color:#666;font-size:94%;}
#sf0805pInfoList {height:100px;margin:20px 20px 0px;padding:10px;background:#FFF url("http://image.itmedia.co.jp/enterprise/special/images/sflash0805_bg_pinfolist.jpg") repeat-x left top;border:1px #EEEFF4 solid;}
#sf0805pInfoList ul {margin:0px;padding:0px;list-style:none;}
#sf0805pInfoList ul li {clear:both;list-style:none;}
#sf0805pInfoList ul li strong span {font-size:15px;}
#sf0805pInfoList ul li img {float:left;margin-right:10px;border:1px #FFF solid;}
#sf0805features {clear:both;display:table;width:640px;margin:30px auto 0px auto;padding:10px 0px;border:5px #EEEFF4 solid;background:#FFF;}
#sf0805features h2 {margin:0px 10px;font-size:120%;}
#sf0805features p {margin:10px;line-height:140%;}
#sf0805features p img {float:left;margin-right:10px;}
#sf0805features div p {float:right;margin:0px 10px;padding:0px;}
#sf0805features div p span {display:block;padding:0px 0px 0px 20px;background:url("http://image.itmedia.co.jp/images0509/arr_file2.gif") no-repeat left top;font-size:15px;}
.sf0805pInfo {margin:20px 0px 10px;}
.sf0805pInfo div {clear:both;display:table;width:650px;margin:0px auto 20px auto;padding:10px 0px 5px;background-color:#EEEFF4;border:1px #FFF solid;}
* html .sf0805pInfo div {display:inline-block;}
.sf0805pInfo div h3 {margin:0px 10px 5px;padding:1px 0px 2px 13px;border-bottom:1px #CFCFCF solid;background:url("http://image.itmedia.co.jp/enterprise/special/images/sflash0805_bg_heading.gif") no-repeat 0px 0px;}
.sf0805pInfo div h3 br {display:none;}
.sf0805pInfo div h3 span {display:block;text-align:right;font-size:15px;}
.sf0805pInfo div p {margin:0px 10px;font-size:13px;}
.sf0805pInfo div p img {float:right;margin-left:10px;}
.sf0805pInfo div div {margin:0px;padding:0px;border:none;}
.sf0805pInfo div div p {margin:5px 10px 0px 10px;padding:0px;}
.sf0805pInfo div div p span {display:block;float:right;padding:0px 0px 0px 20px;background:url("http://image.itmedia.co.jp/images0509/arr_file2.gif") no-repeat left top;}
.credit {margin:0px 5px 15px;padding:10px;color:#777;font-size:small;border:1px #CCC solid;}
* html .credit {margin:0px 5px 5px;}
.rc .rc-other {margin:2px 0px 3px;}
.rc .sf0805pInfo {margin:0px;}
.rc .sf0805pInfo div {width:296px;margin:0px 0px 10px;line-height:135%;}
.rc .sf0805pInfo div h3 {padding:0px 0px 2px 11px;background:url("http://image.itmedia.co.jp/enterprise/special/images/sflash0805_bg_heading2.gif") no-repeat 0px 1px;}
.rc .sf0805pInfo div p img {display:none;}
.rc .sf0805pInfo div div {display:block;}
.rc .ttwp p strong {padding:0px 0px 0px 10px;background:url("http://image.itmedia.co.jp/enterprise/special/images/sflash0805_bg_heading3.gif") no-repeat 2px 3px;}
.lc-out .lc-in {margin:0px 330px 0px 10px;}
#setbox0,#setbox1,#setbox2,#setbox3 {width:1000px;}