@charset "utf-8"; 
@import url("import2old.css");


body {
margin: 0; 
padding: 0; 
font-family: メイリオ, Meiryo, Osaka-Mono, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; 
font-size: 12px; 
line-height: 24px; 
text-align: center; 
  width:930px;
  margin:5px auto 0px auto;
}

div, p, span, 
a, 
h1, h2, h3, h4, h5, h6, 
ul, ol, li, 
em, address, 
from, fieldset, 
dfn, del, 
ins, q, blockquote, abbr, code, 
img, object {
margin: 0; 
padding: 0; 
font-size: 100%; 
font-style: normal; 
font-weight: normal; 
text-decoration: none; 
text-align: left; 
vertical-align: baseline; 
border: none; 
outline: none; 
list-style-type: none; 
background: transparent; 
}

a span{
cursor: pointer; 
}

input, textarea, buttan{
font-size: 100%; 
text-align: left; 
}

img {
border: none; 
}

/*  */

a{
color: #0066cc; 
text-decoration: underline; 
}

a:hover{
color: #ff8000; 
}

p {
margin: 5px 0 5px 0;
letter-spacing: 0pt;
}

strong {
color : #FF0000;
font-weight: bold;
}

.cboth {
clear: both; 
}



/* header-v2 */

div#header-v2 {
width: 920px; 
height: 122px; 
margin: 5px 0 0 5px; 
}

div#header-v2 div.logo {
width: 212px; 
height: 80px; 
margin: 13px 0 0 10px; 
float: left; 
}

div#header-v2 div.header_title {
width: 380px; 
height: 50px; 
margin: 35px 0 0 40px; 
float: left; 
}

div#header-v2 div.header_menu {
width: 200px; 
height: 80px; 
margin:13px 0 0 0;
background: url(../img/header_menu.png) no-repeat 0 0; 
float: right; 
}

div#header-v2 div.header_menu p.login {
width: 150px; 
height: 20px; 
margin: 5px auto 0; 
}

div#header-v2 div.header_menu p.login a {
display: block; 
width: 148px; 
height: 18px; 
text-align: center; 
line-height: 18px; 
border: 1px solid #; 
background-color: #ffffff; 
}

div#header-v2 div.header_menu p.login a:hover {
background-color: #ffffff; 
}

div#header-v2 div.header_menu p.regist {
width: 150px; 
height: 30px; 
margin: 3px auto 0; 
}

div#header-v2 div.header_menu p.word {
width: 200px; 
height: 20px; 
/*line-height: 20px; */
line-height: 10px;
text-align: center; 
font-size: 10px; 
color: #333333; 
}

div#header-v2 p.header_word {
width: 100%; 
height: 20px; 
text-indent: 5px; 
line-height: 20px; 
color: #ffffff;  
font-size: 12px; 
border-top: 10px solid #ffffff; 
background-color: #996600; 
clear: both; 
}

/* wrapper-v2 */

div#wrapper-v2 {
width: 920px; 
margin-left: 5px; 
}


div#pan-v2 {
margin-top: 10px;  
font-size: 12px; 

}


/* main-v2 */

div#main-v2 {
width: 745px;
float: right;
font-size: 13px;
}

div#main-v2 span {
text-indent: 10px; 
}

div#main-v2 p {
margin: 5px 0 10px 0;
}

div#main-v2 h1 {
/* width: 745px;  */
height: 50px; 
margin: 10px 0 10px 0; 
padding: 0; 
text-align: center; 
line-height: 50px; 
font-size: 20px; 
font-weight: bold; 
color: #333333;
background: url(../img/block_bg.png) repeat-x 0 bottom; 
border-top: 1px solid #996600;  
border-bottom: 1px solid #996600;  
border-left: 10px solid #996600;  
border-right: 10px solid #996600;  
}

div#main-v2 h2 {
height: 30px; 
padding: 2px 0 0 30px; 
margin: 30px 0 10px 0;
font-size: 18px; 
font-weight: bold; 
line-height: 30px; 
color: #333333; 
background: #eeeeee url(../img/cat_title_bg2.png) no-repeat 0 center;
border-top: 1px solid #996600;  
border-bottom: 3px solid #996600; 
clear: both; 
}

div#main-v2 h2 a {
font-size: 18px; 
font-weight: bold; 
color: #333333; 
text-decoration:none;
}

div#main-v2 h3 {
height: 30px; 
padding: 0 0 0 25px; 
margin: 20px 0 5px 0;
font-size: 16px; 
font-weight: bold; 
line-height: 30px; 
color: #333333; 
background: #ffffff url(../img/cat_title_bg2.png) no-repeat 0 center;
border-bottom: 0px solid #666;  
clear: both; 
}

div#main-v2 h3 a {
font-size: 16px; 
font-weight: bold; 
color: #333333; 
text-decoration:none;
}


/* tw_board */

div#main-v2 div.tw_board {
width: 745px; 
}

div#main-v2 div.tw_board div {
width: 358px; 
height: 130px; 
margin: 0 5px 10px 0; 
padding: 5px; 
border: 1px solid #cccccc; 
background: url(../img/block_bg.png) repeat-x 0 bottom; 
float: left; 
}

div#main-v2 div.tw_board div.last {
margin-right: 0; 
border: 1px solid #cccccc; 
background: url(../img/block_bg.png) repeat-x 0 bottom; 
float: left; 
}

div#main-v2 div.tw_board div h3 {
margin: 0;
font-size: 12px; 
padding-left: 10px; 
font-weight: normal;
color: #ff6600; 
background: url(../img/arrow_ico.png) no-repeat 0 center; 
}

div#main-v2 div.tw_board div p {
font-size: 12px; 
margin-top: 10px; 
}

div#main-v2 div.tw_board div p img {
width: 70px; 
height: 70px; 
margin: 0 10px 10px 0; 
float: left; 
}


/* on_board(1段組み。新着記事など) */

div#main-v2 div.on_board {
width: 733px; 
margin: 10px 0 0 0; 
padding: 5px; 
border: 1px solid #cccccc; 
background: url(../img/block_bg.png) repeat-x 0 bottom; 
}

div#main-v2 div.on_board ul li {
padding-left: 10px; 
line-height: 20px; 
text-decoration: underline; 
background: url(../img/arrow_ico.png) no-repeat 0 8px; 
}

div#main-v2 div.on_board div {
width: 733px; 
margin-bottom: 10px; 
clear: both; 
}

div#main-v2 div.on_board div h3 {
margin: 0;
font-size: 12px; 
padding-left: 10px; 
font-weight: normal;
color: #ff6600; 
background: url(../img/arrow_ico.png) no-repeat 0 center; 
}

div#main-v2 div.on_board div h3 a{
margin: 0;
font-size: 12px; 
font-weight: normal;
color: #0066cc; 
text-decoration: underline;
}

div#main-v2 div.on_board div p {
font-size: 12px; 
margin: 0px; 
}

div#main-v2 div.on_board div p img {
width: 70px; 
/*height: 70px; */
margin: 0 10px 10px 0; 
float: left; 
}

div#main-v2 div.on_board div p.h1-p3 {
  text-align : left;
}


/* table_5 */

table.fv_table {
width: 745px; 
margin-top: 10px; 
border: 1px solid #cccccc; 
}

table.fv_table tr td {
width: 20%; 
padding: 3px; 
font-size: 85%; 
border: 1px solid #cccccc; 
}

table.fv_table tr.img td {
text-align: center; 
}

table.fv_table tr.img td a {
display: block; 
text-align: center; 
margin: 0 auto; 
}

table.fv_table tr.odd td {
}

table.fv_table tr.eve td {
background-color: #eeeeee; 
}

/* table_4 */

table.fo_table {
width: 745px; 
margin-top: 10px; 
border: 1px solid #cccccc; 
}

table.fo_table tr td {
width: 25%; 
padding: 3px; 
font-size: 85%; 
border: 1px solid #cccccc; 
}

table.fo_table tr.img td {
text-align: center; 
}

table.fo_table tr.odd td {
}

table.fo_table tr.eve td {
background-color: #eeeeee; 
}

/* table_3 */

table.tr_table {
width: 745px; 
margin-top: 10px; 
border: 1px solid #cccccc; 
}

table.tr_table tr td {
width: 33.3%; 
padding: 3px; 
font-size: 85%; 
border: 1px solid #cccccc; 
}

table.tr_table tr.img td {
text-align: center; 
}

table.tr_table tr.odd td {
}

table.tr_table tr.eve td {
background-color: #eeeeee; 
}

/* table_2 */

table.tw_table {
width: 745px; 
margin-top: 10px; 
border: 1px solid #cccccc; 
}

table.tw_table tr td {
width: 50%; 
padding: 3px; 
font-size: 85%; 
border: 1px solid #cccccc; 
}

table.tw_table tr.img td {
text-align: center; 
}

table.tw_table tr.odd td {
}

table.tw_table tr.eve td {
background-color: #eeeeee; 
}











/* menu */

div#menu {
width: 165px; 
float: left; 
}

div#menu div.right_block {
width: 163px; 
margin: 10px 0 5px 0; 
border: 1px solid #cccccc; 
/* background-color: #FBFBFB; */
}

div#menu div.right_block h2 {
width: 155px; 
height: 40px; 
margin: 5px auto 5px; 
font-weight: bold; 
text-align: center; 
line-height: 40px; 
color: #333333; 
background: url(../img/left_title_bg.png) no-repeat 0 bottom; 
clear: both; 
}

div#menu div.right_block div {
width: 155px; 
margin: 2px auto 5px;
}

div#menu div.right_block div.no_bg {
background-color: #FDFDFD;
}

div#menu div.right_block div h3 {
line-height: 25px; 
text-align: center;
font-weight: bold; 
border-top: 1px solid #cccccc; 
border-bottom: 1px solid #cccccc; 
background: url(../img/block_bg4.png) repeat-x 0 top;
}

div#menu div.right_block div img {
display: block; 
width: 64px; 
/*height: 64px; */
margin: 0 auto; 
}

div#menu div.right_block div p {
margin: 0px; 
padding: 2px 0 0 0; 
text-align: center; 
line-height: 130%; 
}

div#menu div.right_block div p.rank1 {
background: url(../img/rank1.gif) no-repeat 0 center;
margin-left: 13px;
padding: 2px 0 0 17px; 
font-weight: bold; 
}
div#menu div.right_block div p.rank2 {
background: url(../img/rank2.gif) no-repeat 0 center;
margin-left: 13px;
padding: 2px 0 0 17px; 
font-weight: bold; 
}
div#menu div.right_block div p.rank3 {
background: url(../img/rank3.gif) no-repeat 0 center;
margin-left: 13px;
padding: 2px 0 0 17px; 
font-weight: bold; 
}



div#menu div.right_block div p span {
display: block; 
text-align: center; 
font-size: 150%; 
color: #ffcc00; 
}

div#menu div.right_block div p span span {
display: inline; 
font-size: 100%; 
color: #eeeeee; 
}

div#menu div.right_block div ul li {
padding: 5px 0 5px 10px; 
line-height: 20px; 
font-size: 100%; 
background: url(../img/arrow_ico.png) no-repeat 0 center; 
border-bottom: 1px dotted #cccccc; 
}


div#menu p.pagetop {
width: 165px; 
height: 40px; 
margin-top: 10px; 
}

/* footer */

div#footer {
position: relative; 
width: 920px; 
height: 60px; 
margin-left: 5px; 
border-top: 10px solid #ffffff; 
background-color: #996600; 
clear: both; 
}

div#footer ul {
height: 20px; 
margin: 10px 10px 0; 
}

div#footer ul li {
margin-right: 10px; 
line-height: 20px; 
float: left; 
}

div#footer ul li a {
color: #ffffff; 
}

div#footer p {
position: absolute; 
bottom: 0; 
left: 0; 
width: 100%; 
height: 20px; 
line-height: 20px; 
text-align: center; 
color:#ffffff; 
}



/* 小見出し */

.midashi {
margin: 0 0 10px 0; 
padding: 15px;
border: 1px solid #cccccc; 
background-color : #eeeeee;
font-weight: bold;
font-size : 18px;
text-align : center;
}

.midashi img{
 vertical-align:middle;
 margin-right:10px;
}

.midashi_small {
margin: 0 0 10px 0; 
padding: 10px 5px 10px 5px;
border: 1px solid #cccccc; 
background-color : #eeeeee;
font-weight: bold;
font-size : 12px;
text-align : center;
}

.midashi a{
  font-weight: bold;
}


/* 基本文字装飾 */
.p_center{
  text-align : center;
}



/* 比較表のタブ */

div#tab_hikaku {
position: relative; 
width: 745px; 
height: 40px; 
background-color: #ffffff; 
clear: both; 
}

div#tab_hikaku ul {
height: 40px; 
}

div#tab_hikaku ul li {
float: left; 
}

div#main-v2 #tab_hikaku ul.sub_menu li img {
	cursor:pointer;
}

div#main-v2 #tab_hikaku ul.sub_menu li div{
	display:none;
}

div#main-v2 #tab_hikaku ul.sub_menu li:hover div{
	display:block;
	position:absolute;
	top:40px;
	left:0;
	padding-top:10px;
	background-image:url(../img/sub_menu.gif);
	background-repeat:no-repeat;
}

div#main-v2 #tab_hikaku ul.sub_menu li:hover div.owner{
	background-position:112px 0;
}

div#main-v2 #tab_hikaku ul.sub_menu li:hover div.user{
	background-position:362px 0;
}


div#main-v2 #tab_hikaku ul.sub_menu li:hover div.kuchi{
	background-position:610px 0;
}

div#main-v2 #tab_hikaku ul.sub_menu li:hover div ul{
	border:2px solid #91C30E;
	background-color:#FFF;
	width:732px;
	height:auto;
	padding:0;
	margin:0;
	padding:5px;
}

div#main-v2 #tab_hikaku ul.sub_menu li div ul li{
	border-left:1px solid #999;
	padding-left:6px;
	margin-right:2px;
	display:inline;
	float:none;
}

div#main-v2 #tab_hikaku ul.sub_menu li div ul li.fstloop{
	border-left:0;
}


/* 背景がグレーのテーブル */
.gray_tab table{
  width: 100%;
  font-size : 13px;
  border: 0;
}
.gray_tab table tbody tr td {
  background: #eee;
  vertical-align : top;
  padding : 5px 5px 5px 5px;
  width: 50%;
}

/* PCスペック記載用 */
.spec_cpu{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-cpu.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_gra{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-gra.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_disp{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-disp.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_mem{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-mem.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_hdd{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-hdd.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_ssd{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-ssd.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_dvd{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-dvd.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_batt{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-batt.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_mat{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-mat.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_pwr{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-pwr.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_pci{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-pci.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_tv{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-tv.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_tv{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-tv.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_oth{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-oth.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
.spec_md2{
  margin: 0px;
  padding: 0px 0px 0px 75px;
  background : #eeeeee url(../image/parts-md2.gif);
  background-repeat : no-repeat;
  background-position:left top;
}
span.stars{
	color:#FA0;
	font-weight:bold;
}

span.stars span{
	color:#DDD;
}

/* ソーシャルボタン */
div#main-v2 ul.social-box{
	text-align:center;
}

div#main-v2 ul.social-box li{
	display:inline-block;
    margin-right: 3px;
    vertical-align: top;
}

div#main-v2 ul.social-box li.gplus{
	width:60px;
}

div#main-v2 div.fb-like{
	line-height:normal;
	height:20px;
}

div#main-v2 div.fb-like span{
	text-indent:0;
	vertical-align:inherit !important;
}