@charset "utf-8";
/**************************************************************************************************
Initialization
**************************************************************************************************/
a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {margin:0;padding:0;outline:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
body {font-size:small;-webkit-text-size-adjust:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
del {text-decoration:line-through;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff0;color:#000;}
table {border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
input, textarea, select {font-family:inherit;font-weight:inherit;font-size:100%;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;}
img {vertical-align:top;}

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after {display:block;clear:both;height:0;content:"";overflow:hidden;}
.clearfix {overflow:hidden;}
/* FOR MAC IE \*/
* html .clearfix {height:1%;overflow:visible;}
.clearfix {display:block;}
/* END OF FOR MAC IE */

/* LINK
-------------------------------------------------------------------------------------------------*/
a:link,a:active,a:visited {text-decoration:none;color:#333333;}
a:hover,a:focus {text-decoration:underline;color:#333333;}
a.linkLine {text-decoration:none;}
a.linkLine:hover,a.linkLine:focus {text-decoration:underline;}

/* Mouseover */
a:hover img.over,a:focus img.over {opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}

/* OUTLINE
-------------------------------------------------------------------------------------------------*/
body {line-height:1;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, Arial, Helvetica, sans-serif;
}
/*
body.index {background:url(/parts/img/bg_demo.jpg) repeat-x center 35px;}
*/
#wrapper {background:url(/common/img/wrapper_bg.jpg) repeat-x 0 bottom;border-bottom:1px solid #8c8c8c;}
/*
body.index #wrapper {background:none;}
*/
#wrapper #inner {margin:0 auto;width:980px;padding:18px 0 13px;line-height:1.3;}

/* header
-------------------------------------------------------------------------------------------------*/
#topMenu {background:#212121;padding:7px 0;}
#topMenu .inner {margin:0 auto;width:980px;}
#topMenu #socialBtn {float:left;}
#topMenu #socialBtn ul li {float:left;display:inline;margin:0 7px 0 0;}
#topMenu #SearchForm {float:right;margin:0 0 0 15px;}
#topMenu #SearchForm input#s {margin:0 7px 0 0;padding:0 5px;border:1px solid #7e7e7f;vertical-align:top;width:120px;color:#999;}
#topMenu ul.menu {float:right;margin:5px 0 0;}
#topMenu ul.menu li {display:inline;margin:0 0 0 13px;white-space: nowrap; }
#topMenu ul.menu li a {color:#fff;text-decoration:none;}
#topMenu ul.menu li a:hover {text-decoration:underline;}

header {margin: 0 0 10px;}
header h1 {width:268px;float:left;}
header .headGenre {width:649px;padding:2px 12px 2px 13px;float:right;background:url(../img/header_bg.jpg) repeat-x 0 0;}
header .headGenre ul {}
header .headGenre ul li {float:left;}

/* main
-------------------------------------------------------------------------------------------------*/
#main {line-height:1.5;margin:10px 0 0;height:1000px;}
div#inner > #main {height:auto;min-height:1000px;}
#main.index {margin-top:20px;}
*+html #main.index {padding-bottom:80px;}

/* contents
-------------------------------------------------------------------------------------------------*/
#contents {float:left;width:650px;margin:0 0 100px;}
#contents #content {float:right;width:500px;}
#contents #sideMenu {float:left;width:136px;font-size:85%;}

/* sidebar
-------------------------------------------------------------------------------------------------*/
#sidebar {float:right;width:300px;font-size:92%;}
#sidebar dt.sideTt {margin:0 0 5px;}
#sidebar .squareBnr {margin:0 0 10px;}

#sidebar .sideLink li {margin:0 0 10px;line-height:1.3;background:url(../img/i_arrow_red.gif) no-repeat 0 0;padding:0 0 0 13px;}

#sidebar .sideSerialization {margin: 15px 0;}
#sidebar .sideSerialization ul {margin-top: 10px;}
#sidebar .sideSerialization li {margin:0 0 10px;line-height:1.3;background:url(../img/i_arrow_gray.gif) no-repeat 0 0.2em;padding:0 0 0 13px;}
#sidebar .sideSerialization p {text-align: right;}
#sidebar .sideSerialization p a {background:url(../img/i_arrow2.gif) no-repeat 0 0;padding-left: 18px;}

#sidebar .sideReview {margin:0 0 10px;}
#sidebar .sideReview dd {background:#ffede3;padding:8px 7px 1px;border:2px solid #212121;}
#sidebar .sideReview.app dd {background:#e3f5ff;margin:0 0 15px;}
#sidebar .sideReview dd p.photo {width:87px;float:right;position: relative;}
#sidebar .sideReview dd p.photo img {max-width: 100%;}
#sidebar .sideReview dd p.photo .mark {margin: 0;}
#sidebar .sideReview dd p.photo .mark img {position: absolute;bottom:0;right: 0;vertical-align: bottom;margin:0;}
#sidebar .sideReview dd div {float:left;width:180px;padding:3px 5px;line-height:1.3;}
#sidebar .sideReview dd p.tt {font-weight:bold;margin:0 0 5px;}
#sidebar .sideReview dd span {display:block;margin:3px 0 0;font-weight:bold;color: #ff6000;}
#sidebar .sideReview dd span img {vertical-align:middle;margin:0 6px 0 0;}
#sidebar .sideReview dd p.link {margin:7px 0 0;font-size:85%;background:url(/common/img/i_arrow.gif) no-repeat 0 0;padding:0 0 0 16px;}

#sidebar .sidePresent dd {font-size:85%;line-height:1.3;margin:0 0 10px;}

#sidebar .disp {margin:0 0 15px;}
#sidebar .disp ul li {background:url(/common/img/side_rank_bg1.gif) repeat-x 0 bottom;padding:6px;}
#sidebar .disp.rankReview ul li {background-image:url(/common/img/side_rank_bg2.gif);}
#sidebar .disp.rankManual ul li {background-image:url(/common/img/side_rank_bg3.gif);}
#sidebar .disp ul li span {display:block;padding:0 0 0 50px;height:29px;background:no-repeat 0 center;}
#sidebar .disp ul li > span {height:auto;min-height:29px;}
#sidebar .disp ul li.rank1 span {background-image:url(/common/img/i_rank1.png);}
#sidebar .disp ul li.rank2 span {background-image:url(/common/img/i_rank2.png);}
#sidebar .disp ul li.rank3 span {background-image:url(/common/img/i_rank3.png);}
#sidebar .disp ul li.rank4 span {background-image:url(/common/img/i_rank4.png);}
#sidebar .disp ul li.rank5 span {background-image:url(/common/img/i_rank5.png);}

#sidebar .sideSpecial {margin:0 0 15px;}
#sidebar .sideSpecial dd dl {margin:0 0 8px;}
#sidebar .sideSpecial dd dt {float:left;width:80px;text-align:center;}
#sidebar .sideSpecial dd dd {float:right;width:210px;}
#sidebar .sideSpecial dd dd p.tt {font-weight:bold;}

#sidebar ul.sideBnr {margin:0 0 15px;}
#sidebar ul.sideBnr li {margin:0 0 10px;background:#ffffff;}

/* footer
-------------------------------------------------------------------------------------------------*/
#footer {margin:-50px 0 0;}
#footer ul.footMenu {margin:0 0 0 150px;float:left;}
#footer ul.footMenu li {float:left;margin:0 22px 0 0;}
#footer p#pagetop {float:left;padding:8px 0 0 28px;}

/* smartphone & apps common
-------------------------------------------------------------------------------------------------*/
#appContents {float:right;width:499px;}
#appSidebar {float:left;width:136px;background:#ffffff;}
#appSidebar ul.btn li {margin:0 0 10px;}
#appSidebar dl {}
#appSidebar dl dd {padding:5px 0 5px 8px;font-size:85%;}
#appSidebar dl dd ul.list li {margin:0 0 5px;padding:0 0 0 10px;line-height:1.3;background:url(/common/img/i_arrow_gray.gif) no-repeat 0 0.3em;}
#appSidebar dl dd ul.list ul.children {display:none;margin:5px 0 0;}
#appSidebar ul.menu {margin:0 0 5px -8px;}
#appSidebar ul.menu li {float:left;display:inline;margin: 0 0 5px;}
#appSidebar ul.menu li a {display:block;overflow:hidden;background:no-repeat 0 0;width:68px;height:19px;text-indent:-999em;}
#appSidebar ul.menu li.appMenuIphone a  {background-image:url(/img_v2/sp_top/btn_menu_iphone.gif);}
#appSidebar ul.menu li.appMenuIphone a.active {background-image:url(/img_v2/sp_top/btn_menu_iphone_ov.gif);}
#appSidebar ul.menu li.appMenuAndroid a  {background-image:url(/img_v2/sp_top/btn_menu_android.gif);width:66px;margin-left:2px;}
#appSidebar ul.menu li.appMenuAndroid a.active {background-image:url(/img_v2/sp_top/btn_menu_android_ov.gif);}
#appSidebar ul.menu li.appMenuwin a  {background-image:url(/img_v2/sp_top/btn_menu_win.gif);}
#appSidebar ul.menu li.appMenuwin a.active {background-image:url(/img_v2/sp_top/btn_menu_win_ov.gif);}
#appSidebar ul.menu li.appMenuetc a  {background-image:url(/img_v2/sp_top/btn_menu_etc.gif);width:66px;margin-left:2px;}
#appSidebar ul.menu li.appMenuetc a.active {background-image:url(/img_v2/sp_top/btn_menu_etc_ov.gif);}