/* FEATURES
----------------------------------------------- */
.features {
clear:both;
width:100%;
margin-top:12px;
font-family:"‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Lucida Grande",sans-serif;
overflow:hidden;
}
.features div#update {
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
width:200px;
font-size:12px;
font-weight:bold;
color:#667;
line-height:100%;
text-align:right;
float:right;
background:url(//image.itmedia.co.jp/images0509/update.gif) no-repeat left top;
}

.features h1 {
margin:12px 0px 7px;
font-size:145%;
color:#02336C;
line-height:135%;
clear:both;
}
.features h1 big {
font-size:100%;
}
.features h1 small {
display:block;
margin:7px 0px;
font-size:60%;
color:#951;
line-height:125%;
clear:both;
}
.features h2 {
margin:15px 0px;
font-size:96%;
line-height:130%;
color:#335;
clear:both;
}
.features h1 small {
font-size:60%;
}
.features p {
margin-top:0px;
line-height:150%;
}

/* Decoration
----------------------------------------------- */
.heading1.decotitle {
display:block;
width:100%;
margin:0px;
padding:0px;
}
.heading1.decotitle div {
display:block;
padding:0px;
text-decoration:none;
}
.heading1.decotitle div h1 {
margin:0px;
padding:0px;
text-indent:-9999px;
}
.heading1.decotitle div h1 big,
.heading1.decotitle div h1 small {
text-indent:-9999px;
}
.index .heading2 div h2 {font-size:small;}

.decoheading {
margin:5px 0px;
font-size:12px;
}
.decoheading div {
background-repeat:no-repeat;
}
.decoheading div h4 {
margin:0px;
font-size:small;
}
.at-news {display:none;}
#update {display:none;}

/* COLOR - MB2008
----------------------------------------------- */
#colorMB2008 {margin:0px 0px 30px 0px;background:url(//image.itmedia.co.jp/navi/color/mb2008/bg_top.gif) repeat-x 0px 0px;}
#colorMB2008 .colorChart {margin:5px 0px;text-align:center;}

.top#colorMB2008 p {font-size:84%;line-height:120%;margin:0px 0px 7px;}
.top#colorMB2008 .howto {display:block;margin:0px 170px 10px 0px;padding:7px;background:#E9E9E9;}
.top#colorMB2008 .howto p {margin:0px;font-weight:bold;color:#666;font-size:12px;line-height:130%;}
.top#colorMB2008 .howto p strong {display:block;margin:0px 0px 3px;color:#08659E;}
.top#colorMB2008 .decotitle h1 {background:url(//image.itmedia.co.jp/navi/color/mb2008/title.jpg) no-repeat -8px 0px;height:85px;}
.top#colorMB2008 .subImg {float:right;margin:3px 0px 5px 10px;}

.sub#colorMB2008 p {font-size:84%;line-height:120%;margin:0px 0px 7px;}
.sub#colorMB2008 .decoheader p {margin:0px;padding:0px;}
.sub#colorMB2008 .decoheader p a {display:block;width:100%;height:65px;background:url(//image.itmedia.co.jp/navi/color/mb2008/title_sub.jpg) no-repeat 0px 0px;text-indent:-9999px;}
.sub#colorMB2008 #colorMB2008cts {margin:0px;padding:14px 10px;background:url(//image.itmedia.co.jp/navi/color/mb2008/bg_sub_cts.jpg) no-repeat 7px 0px;}
.sub#colorMB2008 #colorMB2008main {margin:0px 0px 0px 10px;padding:0px 0px 15px;}
.sub#colorMB2008 h1 {width:595px;margin:0px 0px 10px;padding:6px 0px 6px 20px;background:url(//image.itmedia.co.jp/navi/color/mb2008/heading.jpg) no-repeat 0px 0px;font-size:96%;color:#465B6C;}
.sub#colorMB2008 h1 span {width:440px;}
.sub#colorMB2008 h1 a {display:block;float:right;width:60px;height:30px;margin:0px 20px;text-indent:-9999px;}
* html .sub#colorMB2008 h1 a {margin:0px 10px;}
.sub#colorMB2008 .photo {float:left;margin:0px 15px 0px 0px;border:1px #D0D0D0 solid;text-align:center;}
.sub#colorMB2008 .photo a.detail {display:block;width:288px;}
.sub#colorMB2008 .photo a:hover.detail {text-decoration:none;}
.sub#colorMB2008 .photo a.detail img {border:none;}
.sub#colorMB2008 .photo a.detail span {display:block;width:288px;height:19px;background:url(//image.itmedia.co.jp/navi/color/mb2008/bt_detail.jpg) no-repeat 0px 0px;text-indent:-9999px;}
.sub#colorMB2008 .txt {float:left;width:295px;}
.sub#colorMB2008 .cpy {display:block;padding:3px 0px;font-size:12px;color:#888;}
.sub#colorMB2008 .related .career {clear:both;margin:0px 0px 10px;padding:5px;background:#E7E7E7;}
.sub#colorMB2008 .related .careerIn {display:block;background:#FFF url(//image.itmedia.co.jp/navi/color/mb2008/bg_sub_career.jpg) repeat-x 0px 0px;}
.sub#colorMB2008 .related .careerIn p {float:left;width:120px;margin:0px;padding:14px 10px 20px;background:url(//image.itmedia.co.jp/navi/color/mb2008/bg_sub_career_h.jpg) no-repeat right 5px;font-size:84%;}
.sub#colorMB2008 .related .otherMdl {display:block;float:left;width:440px;padding-bottom:5px;}
.sub#colorMB2008 .related .otherMdl a {display:block;float:left;width:58px;margin:5px 0px 0px 10px;}
.sub#colorMB2008 .related .otherMdl a img {border:1px #E6E6E6 solid;width:58px;height:58px;}
.sub#colorMB2008 .related .cpy {padding:0px 3px;font-size:11px;text-align:right;}