@import url("/css/gfooter.css");
/* INFO
--------------------------------------------------
CSS File for "+D Style"
FileName: d-style_base.css
-------------------------------------------------- */
/* BASIC
-------------------------------------------------- */
body {
display:table;
width:100%;
height:100%;
margin:0px;
padding:0px;
color:#333;
font-family:"‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Lucida Grande",sans-serif;
background:#000;
line-height:100%;
}
a:link {
color:#036;
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
color:#C00;
text-decoration:underline;
}
img {
border-width:0px;
}
hr {
visibility:hidden;
clear:both;
}
/* GNV
-------------------------------------------------- */
.gnav-out {display:table;width:100%;font-size:12px;background:url(//image.itmedia.co.jp/images0509/gnv003.gif) 0px -105px repeat-x;text-align:center;}
.gnav-in {display:block;float:none;width:1000px;margin:0px auto;height:30px;background:url(//image.itmedia.co.jp/images0509/gnv003.gif) 0px 0px no-repeat;overflow:hidden;}
.gnav-in div span {display:block;float:left;text-indent:-9999px;width:74px;padding-bottom:5px;overflow:hidden;}
.gnav-in div span a {display:block;width:100%;height:25px;float:left;}
.gnav-in div small {display:none;}
.gnav-in div span#gnv-top a:hover {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) 0px -35px no-repeat;}
.gnav-in div span#gnv-news a:hover {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) -74px -35px no-repeat;}
.gnav-in div span#gnv-enterprise a:hover {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) -148px -35px no-repeat;}
.gnav-in div span#gnv-techtarget a:hover {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) -222px -35px no-repeat;}
.gnav-in div span#gnv-executive a:hover {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) -296px -35px no-repeat;}
.gnav-in div span#gnv-pcuser a:hover {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) -370px -35px no-repeat;}
.gnav-in div span#gnv-mobile a:hover {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) -444px -35px no-repeat;}
.gnav-in div span#gnv-lifestyle a:hover {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) -518px -35px no-repeat;}
.gnav-in div span#gnv-games a:hover {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) -592px -35px no-repeat;}
.gnav-in div span#gnv-shopping a:hover {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) -666px -35px no-repeat;}
.gnav-in div span#gnv-d-style a:hover {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) -740px -35px no-repeat;}
.gnav-in div span#gnv-career a:hover {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) -814px -35px no-repeat;}
.gnav-in div span#gnv-d-style {background:url(//image.itmedia.co.jp/images0509/gnv003.gif) -740px -70px no-repeat;}

/* RAP
-------------------------------------------------- */
#rap-out {
width:100%;
}
#rap-out #rap-in {
display:table;
width:1010px;
margin:0px auto;
}
/* HEADER
-------------------------------------------------- */
#header {
clear:both;
display:table;
width:100%;
margin:4px 0px 5px 0px;
}
#logo {
display:block;
float:left;
width:270px;
margin:10px 0px 0px 5px;
text-align:left;
}
#logo p {
margin:0px;
}
#logo p span {
font-weight:normal;
font-size:13px;
color:#FFF;
}
#logo p a {
display:block;
width:168px;
height:80px;
margin:0px;
background:url(//image.itmedia.co.jp/makoto/images/logo_makoto_style2.gif) no-repeat 0px 3px;
text-indent:-9999px;
}
#header h1 {
float:left;
width:270px;
margin:3px 0px 0px 0px;
}
#header h1 small {
font-weight:normal;
font-size:13px;
color:#FFF;
}
#header h1 a {
display:block;
width:168px;
height:64px;
margin:0px;
background:url(//image.itmedia.co.jp/d-style/img/logo.gif) no-repeat;
text-indent:-9999px;
}
#header .ITN {
float:right;
}
.adc {
font-size:13px!important;
width:150px!important;
padding:10px!important;
float:left!important;
background:red!important;
color:#FFF!important;
text-align:center!important;
}

#header .makotonav ul {
float:right;
margin:0px;
padding-right:5px;
list-style-type:none;
}
#header .makotonav ul li {
font-family:Arial, Helvetica, sans-serif;
float:left;
line-height:100%;
border-right:1px solid #999;
margin-top:7px;
padding:2px 5px 0px 5px;
font-size:10px;
}
#header .makotonav ul li#end {
border-right:none;
}
#header .makotonav ul li a {
text-decoration:none;
color:#CCC;
}
#header .makotonav h4 {
margin:0px;
height:28px;
font-size:12px;
text-indent:-9999px;
background:url(//image.itmedia.co.jp/makoto/images/tagline_style_top.gif) no-repeat 0px 0px;
}

/* MAIN
-------------------------------------------------- */
.main-out {
clear:both;
position:relative;
display:block;
width:100%;
padding:1px 1px 15px;
background:#FFF;
}
/* .main-in {background:#FFF url(//image.itmedia.co.jp/d-style/images/bg.gif) repeat-y;} */

/* PAN
-------------------------------------------------- */
p.pan {
clear:both;
width:100%;
margin:0px;
padding:3px 0px;
font-size:13px;
background:#EEE;
color:#666;
text-align:left;
}
p.pan strong {
font-size:12px;
}
p.pan a {
text-decoration:none;
}
/* LC
-------------------------------------------------- */
#lc-out {
clear:both;
float:left;
display:table;
width:100%;
margin:0px -309px 0px 0px;
}
#lc-out #lc-in {
clear:both;
margin:0px 309px 0px 0px;
padding:1px 1px 1px 0px;
}
/* RC
-------------------------------------------------- */
#rc {
position:relative;
float:right;
margin:0px;
padding:1px 0px 0px 1px;
width:302px;
text-align:left;
}
br.clearRap {clear:both;}
* html br.clearRap {display:none;}
.rectangle,
.ad-rec {
display:block;
clear:both;
width:300px;
margin:0px auto;
text-align:center;
}
.ad-smb {
margin:0px 1px;
margin-top:5px;
}
/* FOOTER
----------------------------------------------- */
.footer {
clear:both;
display:block;
width:100%;
margin:0px 0px -2px 0px;
padding:0px 1px;
background:#FFF;
border-top:1px #DDD solid;
color:#444;
}
.footer a {
color:#036;
}
.footer dl dd a:hover {
color:#C00;
}
.footer #cpy{line-height:150%;}

/* Common
-------------------------------------------------- */
.ico-r {float:right;margin:2px 0px 6px 7px;border-width:0px!important;}
.ico-l {float:left;margin:2px 7px 6px 0px;border-width:0px!important;}
.box-out {
padding:0px 10px 10px 10px;
background:#000 url(//image.itmedia.co.jp/d-style/images/bg_box_top.jpg) no-repeat left top;
}
.box-out .box-in {display:table;}
.box-out .box-heading p.heading {color:#CCC;}
/* For RC - Series & News
-------------------------------------------------- */
#rc #rc-series,
#rc #rc-news {
margin:5px 0px 0px 0px;
padding:0px 0px 5px 0px;
background:#CCC;
}
#rc #rc-series h3,
#rc #rc-news h3 {
height:26px;
margin:0px;
background:#000;
}
#rc #rc-series h3 strong,
#rc #rc-news h3 strong {
float:left;
width:80px;
margin:6px 0px 0px 5px;
text-indent:-9999px;
}
#rc #rc-series h3 strong {background:url(//image.itmedia.co.jp/d-style/images/heading_rc_series.gif) no-repeat left top;}
#rc #rc-news h3 strong {background:url(//image.itmedia.co.jp/d-style/images/heading_rc_news.gif) no-repeat left top;}
#rc #rc-series h3 a,
#rc #rc-news h3 a{
display:block;
float:right;
width:50px;
margin:3px 3px 0px 0px;
background:url(//image.itmedia.co.jp/d-style/images/bt_view_on.gif) no-repeat left top;
}
#rc #rc-series h3 a span,
#rc #rc-news h3 a span {
display:block;
height:19px;
background:url(//image.itmedia.co.jp/d-style/images/bt_view.gif) no-repeat left top;
text-indent:-9999px;
cursor:pointer;
}
#rc #rc-series h3 a:hover span,
#rc #rc-news h3 a:hover span {background-image:none;}
#rc #rc-series p {
width:290px;
margin:6px auto 0px auto;
background:#000;
border:1px #FFF solid;
}
#rc #rc-series p a {text-decoration:none;}
#rc #rc-series p a span {
display:block;
padding:4px;
font-size:13px;
font-weight:bold;
color:#99C;
}
#rc #rc-series p a strong {
display:block;
padding:2px 4px 6px 4px;
font-size:14px;
color:#DDB;
line-height:130%;
}
#rc #rc-series p a:hover span {color:#BBD;}
#rc #rc-series p a:hover strong {color:#FFFFE8;}
#rc #rc-news .index {
width:290px;
margin:5px auto 0px auto;
padding:1px 0px 0px 0px;
background:#FFF;
}
#rc #rc-news .index p {
clear:both;
margin:5px 5px 0px 5px;
padding:0px;
font-size:13px;
line-height:118%;
}
/* For RC - Special
-------------------------------------------------- */
#rc #rc-special {
margin:-5px 0px 0px 0px;
padding:0px 0px 5px 0px;
background:#CCC;
}
#rc #rc-special h3 {
height:26px;
margin:0px;
background:#000;
}
#rc #rc-special h3 strong {
float:left;
width:80px;
margin:6px 0px 0px 5px;
text-indent:-9999px;
}
#rc #rc-special h3 strong {background:url(//image.itmedia.co.jp/d-style/images/heading_rc_series.gif) no-repeat left top;}
#rc #rc-special p {
width:290px;
margin:5px auto 0px auto;
background:#000;
border:1px #FFF solid;
}
#rc #rc-special p a {text-decoration:none;}
#rc #rc-special p a span {
display:block;
padding:4px;
font-size:13px;
font-weight:bold;
color:#99C;
}
#rc #rc-special p a strong {
display:block;
padding:2px 4px 6px 4px;
font-size:14px;
color:#DDB;
line-height:130%;
}
#rc #rc-special p a:hover span {color:#BBD;}
#rc #rc-special p a:hover strong {color:#FFFFE8;}
/* For COVER
-------------------------------------------------- */
#cover {
width:700px;
height:250px;
background:#000;
overflow:hidden;
}
#cover h3 {
float:left;
width:495px;
margin:0px;
padding:0px;
}
#cover ul {
float:right;
margin:0px;
padding:2px 2px 1px 0px;
list-style:none;
}
#cover ul li {
display:inline;
margin:0px;
padding:0px;
list-style:none;
}
#cover li a {
display:block;
width:200px;
height:80px;
margin:1px 0px 2px 0px;
text-decoration:none;
overflow:hidden;
}
#cover li a span {
position:relative;
top:-80px;
left:0px;
border:0px;
}
/* typeB - for 2 page */
.typeB#cover li a {
margin:0px 0px 2px 0px;
display:block;
height:122px;
}
.typeB#cover li a span {
top:-122px;
}
#cover li a:hover span img {
visibility:hidden;
}
* html #cover li a:hover {
position:relative;
}
.ad-txt {
clear:both;
border:none;
margin:0px;
padding:0px;
}
.ad-txt a {text-decoration:none;}
/* For TOP - BOX - What's New
-------------------------------------------------- */
.box-out#whatsNew .box-heading {height:24px;padding:6px 0px 0px 0px;}
.box-out#whatsNew .box-heading p {
float:left;
margin:0px;
padding:0px;
}
.box-out#whatsNew .box-heading p.heading {
display:block;
float:left;
width:380px;
height:18px;
background:url(//image.itmedia.co.jp/d-style/images/boxbar_whatsnew.gif) no-repeat 0px 0px;
text-indent:-9999px;
}
.box-out#whatsNew .box-heading .search #serchtbx {
float:left;
width:110px;
height:18px;
margin-right:2px;
padding:0px;
background:#FFF;
border:none;
}
.box-out#whatsNew .box-heading .search #serchBtn {
display:block;
float:left;
width:50px;
height:18px;
margin-right:2px;
padding:0px;
background:transparent url(//image.itmedia.co.jp/d-style/images/bt_search.gif) no-repeat right bottom;
border:none;
text-indent:-9999px;
cursor:pointer;
}
.box-out#whatsNew .box-heading .search a#searchArtlist {
display:block;
float:left;
width:100px;
height:18px;
margin-right:2px;
padding:0px;
background:transparent url(//image.itmedia.co.jp/d-style/images/bt_search_artlist_on.gif) no-repeat right bottom;
text-indent:-9999px;
border:none;
cursor:pointer;
}
.box-out#whatsNew .box-heading .search a#searchArtlist span {
display:block;
height:18px;
background:url(//image.itmedia.co.jp/d-style/images/bt_search_artlist.gif) no-repeat right bottom;
}
.box-out#whatsNew .box-heading .search a:hover#searchArtlist span {background-image:none;}
.box-out#whatsNew .index {
clear:both;
}
.box-out#whatsNew .box-in .index p {
margin:0px;
border-top:1px #BBB solid;
background:#EEE;
font-size:13px;
line-height:110%;
}
.box-out#whatsNew .box-in .index p a {
display:block;
padding:2px 5px 0px 5px;
background:#E0E0E0;
text-decoration:none;
color:#444;
}
.box-out#whatsNew .box-in .index p a strong {color:#036;}
.box-out#whatsNew .box-in .index p a:hover {background:none;}
.box-out#whatsNew .box-in .index p a:hover strong {
color:#C00;
text-decoration:underline;
}
.box-out#whatsNew .box-in .index p a img {
margin:0px 2px -2px;
}
.box-out#whatsNew .box-in .index p a span img {
margin:2px 7px 6px 0px;
}
.box-out#whatsNew .box-in .search form,
.box-out#whatsNew .box-in .search form input {
margin:0px;
padding:0px;
}
/* wnType3 ----------------------------------------- */
.box-out#whatsNew .box-in .index.wnType3 div.artbox {
width:680px;
position:relative;
}
.box-out#whatsNew .box-in .index.wnType3 p a {
display:inline-block;
width:655px;
padding-right:20px;
}
.box-out#whatsNew .box-in .index.wnType3 p a:link,
.box-out#whatsNew .box-in .index.wnType3 p a:visited {background:#E0E0E0;}
.box-out#whatsNew .box-in .index.wnType3 p a:active,
.box-out#whatsNew .box-in .index.wnType3 p a:hover {background:#EEE;}
.box-out#whatsNew .box-in .index.wnType3 p.kwoutBtn {
position:absolute;
top:0px;
right:0px;
width:20px;
height:20px;
margin:0px;
padding:0px;
background:none;
}
.box-out#whatsNew .box-in .index.wnType3 p.kwoutBtn a:link,
.box-out#whatsNew .box-in .index.wnType3 p.kwoutBtn a:visited,
.box-out#whatsNew .box-in .index.wnType3 p.kwoutBtn a:active,
.box-out#whatsNew .box-in .index.wnType3 p.kwoutBtn a:hover {
width:20px;
height:20px;
margin:2px 0px 0px 0px;
padding:0px;
background:none;
}
/* For TOP - BOX - Occasional Information
-------------------------------------------------- */
.box-out#occasionalInfo {
clear:both;
margin:15px 0px;
}
.box-out#occasionalInfo .box-heading {height:20px;padding:6px 0px 0px 0px;}
.box-out#occasionalInfo .box-heading p.heading {
display:block;
width:380px;
height:18px;
margin:0px;
padding:0px;
background:url(//image.itmedia.co.jp/d-style/images/boxbar_occasional_info.gif) no-repeat 0px 2px;
text-indent:-9999px;
}
.box-out#occasionalInfo .box-in .index {
clear:both;
}
.box-out#occasionalInfo .box-in .index p {
width:680px;
margin:0px;
border-top:1px #BBB solid;
background:#EEE;
font-size:13px;
line-height:110%;
}
.box-out#occasionalInfo .box-in .index p a {
display:block;
padding:2px 5px 0px 5px;
background:#E0E0E0;
text-decoration:none;
color:#444;
}
.box-out#occasionalInfo .box-in .index p a strong {color:#036;}
.box-out#occasionalInfo .box-in .index p a:hover {background:none;}
.box-out#occasionalInfo .box-in .index p a:hover strong {
color:#C00;
text-decoration:underline;
}
.box-out#occasionalInfo .box-in .index p strong {
display:block;
margin:2px 0px;
}
/* For TOP - Pre-Features
-------------------------------------------------- */
.pre-features {
width:670px;
margin:15px auto;
}
.pre-features .box {
display:block;
width:670px;
background:#EEE;
margin:7px 0px 15px;
padding:2px;
}
.pre-features .box div {
display:block;
margin:0px;
padding:0px 0px 4px 0px;
background:#000;
}
.pre-features .box div p {
clear:both;
margin:0px;
padding:4px;
color:#FFF;
line-height:130%;
font-size:small;
}
.pre-features .box div p.pre-features-abs {
padding:2px 10px 7px 10px;
color:#CCC;
}
.pre-features .box div a {
display:block;
margin:0px;
padding:0px 0px 0px 4px;
text-decoration:none;
color:#E0E0E0;
}
.pre-features .box div a:hover {color:#FFF;}
.pre-features .box .ico-r {margin:0px;}
.pre-features .box p strong {
line-height:150%;
letter-spacing:-1px;
}
.pre-features .box p strong span {
display:block;
margin:1px 0px 3px 0px;
color:#BA9B38;
font-size:14px;
}
.pre-features .box p a:hover strong span {
color:#CBAC49;
}
.pre-features .box p strong small {font-size:13px;}
.pre-features .box p strong big {font-size:17px;line-height:135%;}
.pre-features .box a div {
margin:5px 0px 0px 3px;
padding-bottom:0px;
}
.pre-features .box a div img {
margin-right:5px;
}
/* wnType3 ----------------------------------------- */
.pre-features .box-out {
display:block;
width:670px;
background:#E0E0E0;
margin:7px 0px 15px;
padding:2px;
}
.pre-features .box-out .box-in {
display:block;
margin:0px;
padding:6px;
background:#000;
}
.pre-features .box-out .box-in p {
clear:both;
margin:0px;
padding:0px 0px 0px 3px;
color:#FFF;
line-height:130%;
font-size:small;
}
.pre-features .box-out .box-in p .ico-r {margin:0px;}
.pre-features .box-out .box-in p a.update {
float:left;
margin:10px 0px 0px;
}
.pre-features .box-out .box-in p a.kwoutBtn {
float:right;
margin:0px 0px 10px 10px;
}
.pre-features .box-out .box-in p.pre-features-abs {
padding:5px 4px 7px 4px;
color:#CCC;
}
.pre-features .box-out .box-in a {
margin:0px;
padding:0px;
text-decoration:none;
color:#E0E0E0;
}
.pre-features .box-out .box-in a:hover {color:#FFF;}
.pre-features .box-out p strong {
line-height:150%;
letter-spacing:-1px;
}
.pre-features .box-out p strong span {
display:block;
margin:1px 0px 3px 0px;
color:#BA9B38;
font-size:14px;
}
.pre-features .box-out p a:hover strong span {
color:#CBAC49;
}
.pre-features .box-out p strong small {font-size:13px;}
.pre-features .box-out p strong big {font-size:17px;line-height:135%;}
.pre-features .box-out a div {
margin:5px 0px 0px 3px;
padding-bottom:0px;
}
.pre-features .box-out a div img {
margin-right:5px;
}

/* For TOP - BOX - Back Number List
-------------------------------------------------- */
.box-out#backnumList .box-heading ul {
width:680px;
height:29px;
margin:0px auto;
padding:9px 0px 0px 0px;
list-style:none;
background:url(//image.itmedia.co.jp/d-style/images/bg_menu01_03.jpg) no-repeat 0px 9px;
overflow:hidden;
}
.box-out#backnumList .box-heading li {
display:block;
float:left;
height:29px;
margin:0px;
padding:0px;
list-style:none;
text-indent:-9999px;
background:url(//image.itmedia.co.jp/d-style/images/bg_menu01_02.jpg) no-repeat left top;
}
.box-out#backnumList .box-heading li a {
display:block;
height:29px;
background:url(//image.itmedia.co.jp/d-style/images/bg_menu01_01.jpg) no-repeat left top;
}
.box-out#backnumList .box-heading li#menu01-01,
.box-out#backnumList .box-heading li#menu01-01 a {width:84px;background-position:0px 0px;}
.box-out#backnumList .box-heading li#menu01-02,
.box-out#backnumList .box-heading li#menu01-02 a {width:75px;background-position:-84px 0px;}
.box-out#backnumList .box-heading li#menu01-03,
.box-out#backnumList .box-heading li#menu01-03 a {width:74px;background-position:-159px 0px;}
.box-out#backnumList .box-heading li#menu01-04,
.box-out#backnumList .box-heading li#menu01-04 a {width:73px;background-position:-233px 0px;}
.box-out#backnumList .box-heading li#menu01-05,
.box-out#backnumList .box-heading li#menu01-05 a {width:77px;background-position:-306px 0px;}
.box-out#backnumList .box-heading li#menu01-06,
.box-out#backnumList .box-heading li#menu01-06 a {width:74px;background-position:-383px 0px;}
.box-out#backnumList .box-heading li#menu01-07,
.box-out#backnumList .box-heading li#menu01-07 a {width:75px;background-position:-457px 0px;}
.box-out#backnumList .box-heading li#menu01-08,
.box-out#backnumList .box-heading li#menu01-08 a {width:74px;background-position:-532px 0px;}
.box-out#backnumList .box-heading li#menu01-09,
.box-out#backnumList .box-heading li#menu01-09 a {width:74px;background-position:-606px 0px;}
.box-out#backnumList .box-heading li a:hover {background-image:none;}
.box-out#backnumList .box-heading li.selected,
.box-out#backnumList .box-heading li.selected a {background:url(//image.itmedia.co.jp/d-style/images/bg_menu01_03.jpg) no-repeat 0px 0px;}
.box-out#backnumList .box-heading li.selected#menu01-01,
.box-out#backnumList .box-heading li.selected#menu01-01 a {width:84px;background-position:0px 0px;}
.box-out#backnumList .box-heading li.selected#menu01-02,
.box-out#backnumList .box-heading li.selected#menu01-02 a {width:75px;background-position:-84px 0px;}
.box-out#backnumList .box-heading li.selected#menu01-03,
.box-out#backnumList .box-heading li.selected#menu01-03 a {width:74px;background-position:-159px 0px;}
.box-out#backnumList .box-heading li.selected#menu01-04,
.box-out#backnumList .box-heading li.selected#menu01-04 a {width:73px;background-position:-233px 0px;}
.box-out#backnumList .box-heading li.selected#menu01-05,
.box-out#backnumList .box-heading li.selected#menu01-05 a {width:77px;background-position:-306px 0px;}
.box-out#backnumList .box-heading li.selected#menu01-06,
.box-out#backnumList .box-heading li.selected#menu01-06 a {width:74px;background-position:-383px 0px;}
.box-out#backnumList .box-heading li.selected#menu01-07,
.box-out#backnumList .box-heading li.selected#menu01-07 a {width:75px;background-position:-457px 0px;}
.box-out#backnumList .box-heading li.selected#menu01-08,
.box-out#backnumList .box-heading li.selected#menu01-08 a {width:74px;background-position:-532px 0px;}
.box-out#backnumList .box-heading li.selected#menu01-09,
.box-out#backnumList .box-heading li.selected#menu01-09 a {width:74px;background-position:-606px 0px;}

.box-out#backnumList .index {
clear:both;
display:table;
width:680px;
margin:0px;
padding:0px 0px 5px 0px;
background:#FFF url(//image.itmedia.co.jp/d-style/images/heading_backnumlist_latest.gif) no-repeat 8px 7px;
}
.box-out#backnumList .index .bnListBox {
clear:both;
margin-top:25px;
}
.box-out#backnumList .index h3 {
clear:both;
margin:5px 0px;
padding:5px;
background:#000;
font-size:small;
color:#FFF;
}
.box-out#backnumList .index p {
float:left;
width:322px;
margin:6px 6px 3px 6px;
padding:0px;
font-size:13px;
}
.box-out#backnumList .index p.bt-andMore {
clear:both;
float:right;
width:122px;
margin:0px 5px 5px;
padding:0px;
}
.box-out#backnumList .index p a {
text-decoration:none;
}
.box-out#backnumList .index p strong {
font-size:14px;
letter-spacing:-1px;
line-height:135%;
}
.box-out#backnumList .index p strong span {
display:block;
color:#92822F;
font-size:13px;
}
.box-out#backnumList .index p.col-l {clear:both;}
.box-out#backnumList .index p.col-r {float:right;}
.box-out#backnumList .index .ico-l span,
.box-out#backnumList .index .ico-r span {
display:block;
padding:2px 3px;
background:#000;
color:#FFF;
font-size:small;
}
.box-out#backnumList .index .main {display:block;}
.box-out#backnumList .index .sub {display:none;}
.box-out#backnumList .index p .kwoutBtn {
float:right;
margin:0px 0px 10px 10px;
}

/* For Middle - +D Style NAVI
-------------------------------------------------- */
.d-style-navi {width:100%;margin-bottom:1px;}
.d-style-navi .box-out#backnumList {margin:0px;padding:2px 10px;}
.d-style-navi .box-out#backnumList .box-heading ul,
.d-style-navi .box-out#backnumList .box-heading ul li,
.d-style-navi .box-out#backnumList .box-heading ul li a {
height:23px;
}
.d-style-navi .box-out#backnumList .box-heading ul {
padding:0px;
background:url(//image.itmedia.co.jp/d-style/images/bg_menu01_03.jpg) no-repeat 0px 0px;
}
.d-style-navi .box-out#backnumList .box-heading li.belong {background-image:url(//image.itmedia.co.jp/d-style/images/bg_menu01_05.jpg);}
.d-style-navi .box-out#backnumList .box-heading li.belong a {background-image:url(//image.itmedia.co.jp/d-style/images/bg_menu01_04.jpg);}
.d-style-navi .box-out#backnumList .box-heading li.belong a:hover {background-image:none;}
.d-style-navi .box-out#backnumList .box-heading li.current {background-image:none;}
.d-style-navi .box-out#backnumList .box-heading li.current a {display:none;}
/* For Middle - Back Number Archive
-------------------------------------------------- */
.backnumArchive {
display:table;
width:680px;
margin:0px auto;
}
.backnumArchive h2 {
margin:10px 0px;
padding:6px;
}
.backnumArchive h4 {
margin:5px 0px;
padding:6px;
}
.backnumArchive .lclc {
float:left;
width:460px;
}
.backnumArchive .lcrc {
float:right;
width:200px;
}
.backnumArchive ul {
margin:5px 0px;
padding:2px 0px 2px 20px;
}
.backnumArchive .index p {
line-height:130%;
}
.backnumArchive .index p strong {
font-size:14px;
}
.backnumArchive .index p strong span {
display:block;
margin:3px 0px;
color:#985;
font-size:small;
}
.newslist .calendar {
margin:15px 10px;
}
.newslist .calendar dl {
height:20px;
}
.newslist .calendar dl dt {
display:block;
width:100%;
margin:5px;
}
.newslist .calendar dl dd {
margin:0px 0px 10px;
}
.newslist .calendar dl dd a {
margin-right:3px;
}
.backnumlist ul.TypeA {
padding-left:5px;
}
.backnumlist ul.TypeA li {
list-style:none;
margin:0px;
padding:2px 0px;
}
.BNnewslistNew ul,
.BNnewslistOld ul {
padding-left:5px;
}
.BNnewslistNew ul li {
list-style:none;
margin:0px;
padding:4px 0px;
line-height:120%;
color:#777;
}
.BNnewslistOld ul li {
list-style:none;
margin:0px;
padding:2px 0px;
}
.BNnewslistOld img {
width:40px;
height:30px;
}
.BNnewslistNew ul li strong {
display:block;
margin:0px 0px 3px 0px;
}

/* For Middle - Rensai Index
-------------------------------------------------- */
#rensaiIndex {

}
/* for left column */
#rensaiIndex .boxOuter {
display:block;
width:460px;
margin-bottom:20px;
padding:2px;
background:#DBDBDB;
}
#rensaiIndex .deselect.boxOuter {
display:none;
}
#rensaiIndex .boxInner {
display:block;
width:100%;
background:#FFF url(//image.itmedia.co.jp/d-style/images/bg_rensaibox_btm.jpg) repeat-x left bottom;
}
#rensaiIndex .boxInner h3 {
margin:0px;
padding:0px;
background:url(//image.itmedia.co.jp/d-style/images/bt_article_index_repeat.gif) repeat-x 0px 0px;
border-bottom:1px #E1E1E1 solid;
}
#rensaiIndex .boxInner h3 strong {
display:block;
width:200px;
padding:8px 0px 7px 10px;
font-size:small;
color:#666;
}
#rensaiIndex .boxInner h3 a {
float:right;
width:94px;
height:28px;
}
#rensaiIndex .boxInner h3 a span {
display:block;
width:94px;
height:28px;
font-size:small;
cursor:pointer;
background:url(//image.itmedia.co.jp/d-style/images/bt_article_index.gif) no-repeat 0px 0px;
text-indent:-9999px;
}
#rensaiIndex .boxInner ul {
float:left;
margin:5px 5px 10px;
padding:0px;
width:340px;
list-style:none;
}
#rensaiIndex .boxInner ul li {
margin:0px;
padding:6px 5px 6px 10px;
background:url(//image.itmedia.co.jp/images0509/arr_nxt.gif) no-repeat 0px 6px;
border-bottom:1px #DDD dotted;
line-height:120%;
}
#rensaiIndex .boxInner strong.gotoIndex {
float:right;
margin:-29px 0px 0px;
background:url(//image.itmedia.co.jp/d-style/images/bt_article_index.gif) no-repeat 0px 0px;
text-indent:-9999px;
overflow:hidden;
cursor:pointer;
}
#rensaiIndex .boxInner strong.gotoIndex a {
display:block;
width:94px;
height:28px;
}
#rensaiIndex .boxInner .backNumBox strong {
display:none;
}
#rensaiIndex img.rensaiIcon {
float:left;
margin:6px;
padding:3px;
border:1px #EEE solid;
}
#rensaiIndex .boxInner p {
clear:both;
margin:5px 15px;
line-height:120%;
color:#777;
}

/* for right column */
#rensaiMenu h2 {
width:200px;
height:30px;
margin:0px;
padding:0px;
background:#2C2C2C url(//image.itmedia.co.jp/d-style/images/heading_rensaiindex_menu.jpg) no-repeat 0px 0px;
font-size:small;
text-indent:-9999px;
}
#rensaiMenu .boxOuter {
display:block;
width:200px;
margin:0px;
padding:0px 0px 1px;
background:#C3C3C3;
}
#rensaiMenu .boxInner {
display:block;
width:198px;
margin:0px 1px;
padding:0px 0px 1px;
background:#2C2C2C;
}
#rensaiMenu .boxInner ul {
margin:0px;
padding:0px 1px;
list-style:none;
}
#rensaiMenu .boxInner ul li {
border-bottom:1px #CCC solid;
background:#E6DFC6;
}
#rensaiMenu .boxInner ul li.current {
background:#ECECE6 url(//image.itmedia.co.jp/d-style/images/bg_rensaibox_li.gif) no-repeat 0px 0px;
}
#rensaiMenu .boxInner ul li a {
display:block;
color:#666;
}
#rensaiMenu .boxInner ul li a:hover {
text-decoration:none;
}
#rensaiMenu .boxInner ul li a span {
display:block;
padding:10px 10px 10px 15px;
background:#FCFCFC;
}
#rensaiMenu .boxInner ul li.current a span {
background:none;
}
#rensaiMenu .boxInner ul li a:hover span {
background:none;
}

/* For Features
-------------------------------------------------- */
body.features .newart h1,
body.features .newart h2,
body.features .newart h5,
body.features .newart h6,
body.features .newart #update,
body.features .newart #byline,
body.features .newart .ctrl,
body.features .newart #copyright {display:none!important;}
#featuresNavi {
display:table;
height:70px;
background:#000;
margin:0px auto 15px auto;
}
#featuresNavi ul {
display:block;
width:699px;
margin:0px;
padding:0px 0px 0px 0px;
list-style:none;
overflow:hidden;
}
#featuresNavi ul li {
display:block;
float:left;
margin:0px;
padding:0px 1px 0px 0px;
list-style:none;
}
#featuresNavi li a {
display:block;
width:232px;
height:70px;
margin:0px;
text-decoration:none;
overflow:hidden;
}
.type2#featuresNavi li a {
width:348px;
}
#featuresNavi li a span {
position:relative;
top:-70px;
left:0px;
border:0px;
}
#featuresNavi li a:hover span img {
visibility:hidden;
}
* html #featuresNavi li a:hover {
position:relative;
margin:0px;
}
#featuresNavi2 {
display:table;
height:70px;
background:#fff;
margin:5px 25px 0px 25px;
}
#featuresNavi2 ul {
display:block;
width:651px;
margin:0px;
padding:0px 0px 0px 0px;
list-style:none;
overflow:hidden;
}
#featuresNavi2 ul li {
display:block;
float:left;
margin:0px;
padding:0px 1px 0px 0px;
list-style:none;
}
#featuresNavi2 li a {
display:block;
width:216px;
height:70px;
margin:0px;
text-decoration:none;
overflow:hidden;
}
.type2#featuresNavi2 li a {
width:348px;
}
#featuresNavi2 li a span {
position:relative;
top:-70px;
left:0px;
border:0px;
}
#featuresNavi2 li a:hover span img {
visibility:hidden;
}
* html #featuresNavi2 li a:hover {
position:relative;
margin:0px;
}
#navigation04 {
margin:0px auto;
}
.lifestyle_list {
width:650px;
margin:0px auto;
}
.lifestyle_contents {
width:650px;
margin:6px auto 0px auto;
}
/* For Articles
-------------------------------------------------- */
#d-style .articles .l600 {
margin:0px 0px 0px 0px!important;
}
#d-style .newart {
width:680px;
margin:5px auto;
}
body.features#d-style .newart {
width:700px;
margin:0px auto;
}
.lc, .articles, .entries {
margin-right:0px;
padding:0px;
}
body#d-style .articles .l600 .heading1 h1 small {
position:relative;
top:-10px;
height:16px;
margin-bottom:9px;
padding-bottom:3px;
font-size:65%;
font-family:Arial,Helvetica,sans-serif;
color:#AA9966;
border-bottom:2px solid #AA9966;
}
body#d-style .articles .l600 .heading1 h1 big {
font-size:100%;
}
body#d-style .articles .l600 .heading2 div h2 {
color:#665;
font-family:"‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Lucida Grande",sans-serif;
border:none;
}
.at-news,
.at-burst,
.at-review,
.at-column,
.at-series,
.at-interview,
.at-features,
.at-top10,
.at-keywords,
.at-report,
.at-special {
display:none;
}
/*  TOOL BOX - add 080917
-------------------------------------------------- */
.toolbox-out {
float:right;
margin:0px 10px;
}
.features .toolbox-out {margin:-21px 310px 0px 0px;}
* html .features .toolbox-out {margin:-21px 155px 0px 0px;}

.features#d-style .main-out .main-in .toolbox-out a,
#d-style .articles .l600 .toolbox-out a {
position:relative;
float:left;
display:block;
width:20px;
height:22px;
margin:0px 2px;
text-align:center;
}
.features#d-style .main-out .main-in .toolbox-out a.kwoutBtn,
#d-style .articles .l600 .toolbox-out a.kwoutBtn {
position:relative;
top:2px;
background:none;
}
.features#d-style .main-out .main-in .toolbox-out a img,
#d-style .articles .l600 .toolbox-out a img {
position:relative;
top:2px;
border:none;
}
.features#d-style .main-out .main-in .toolbox-out a:hover img,
#d-style .articles .l600 .toolbox-out a:hover img {
position:absolute;
right:2px;
top:3px!important;
}

/* For Print Style - add 080917
-------------------------------------------------- */
body.printStyle {background:#FFF;}
body.printStyle .d-style-navi,
body.printStyle .toolbox-out {display:none;}

body.printStyle #rap-out #rap-in {width:100%;}
body.printStyle .main-out {padding:0px;}
body.printStyle .main-in {background-image:none;}
body.printStyle #lc-out,
body.printStyle #lc-out #lc-in {float:none;margin:0px;}
body.printStyle#d-style #printStyle .newart {width:99%;}
body.printStyle .articles {float:none;}

/* set for FireFox 2 */
body.printStyle #lc-out,body.printStyle #lc-out #lc-in,x:-moz-any-link {float:left;}
body.printStyle .articles, x:-moz-any-link {float:left;}
/* reset for FireFox 3 */
body.printStyle #lc-out,body.printStyle #lc-out #lc-in,x:-moz-any-link, x:default {float:none;}
body.printStyle .articles, x:-moz-any-link, x:default {float:none;}


/* ARTICLES - CREDIT -
----------------------------------------------- */
.credit-rap {
margin:0px 0px 5px;
}
.credit-rap .credit {
margin:10px 0px;
padding:8px 10px;
font-size:12px;
color:#777;
border:1px solid #888;
background-color:#FFF;
}

/* ARTICLES - MARK -
----------------------------------------------- */
#tmplMark a img {
border:none;
}
#tmplMark #mark {
clear:none;
float:right;
height:auto;
margin:0;
padding:0 0 0 10px;
width:auto;
z-index:auto;
}

/* ARTICLES - Ads by Google -
----------------------------------------------- */
.adsense {
margin:10px auto;
width:680px;
}

/* 20110630
----------------------------------------------- */
#header-in {
float:left;
width:100%;
}