@charset "utf-8";

/*サイト全体に関する設定ここから-----------------------------------------------------------------*/

* {/*ユニバーサルセレクタ*/
margin: 0;
padding: 0;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
list-style-type: none;
font-weight: normal;
}

a {
outline: none;/*fire fox対策*/
}

body {
width: 960px;
color: #000000;
background: url(../img/layout/bg_body.jpg) repeat-y;
font-family: "ＭＳ Ｐゴシック";
}

img {
border-style: none;
}

/*サイト全体に関する設定ここまで-----------------------------------------------------------------*/

/*レイアウトに関する設定ここから-----------------------------------------------------------------*/

#header {
height: 90px;
width: 960px;
background: url(../img/layout/bg_header.jpg);
}

#container {
height: auto;
width: 960px;
}

#incontainer {
float: left;
width: 770px;
}

#main {
float: right;
width: 580px;
height: auto;
padding-right: 10px;
padding-bottom: 40px;
padding-left: 10px;
font-size: 13px;
}

/*main部分のみのリンク変化ここから*/

#main a:link {
color: #06C;
}

#main a:visited {
color: #06C;
}

#main a:hover {
color: #999;
text-decoration: none;
position: relative;
top: 1px;
}

#main a:active {
color: #CCC;
text-decoration: underline;
}

/*main部分のみのリンク変化ここまで*/

#menu-l {
float: left;
width: 170px;
height: auto;
padding-bottom: 100px;
background: no-repeat left top;
font: 12px "ＭＳ Ｐゴシック";
color: #333;
}

#menu-r {
float: right;
width: 190px;
padding-bottom: 50px;
}

#footer {
width: 960px;
float: left;
}

/*レイアウトに関する設定ここまで-----------------------------------------------------------------*/

/*main部分に関する設定ここから-------------------------------------------------------------------*/

h1 {/*サイト最上部の文言、ページ毎にキチンと書くこと*/
font-size: 11px;
display: block;
color: #FFF;
text-indent: 5px;
height: 18px;
line-height: 16px;
font-weight: normal;
}

#title {/*タイトルロゴ*/
text-indent: -5541px;
display: block;
height: 67px;
width: 277px;
float: left;
margin: 0px;
background: url(../img/layout/title_logo_hover.jpg);
}

#title a {
height: 67px;
width: 277px;
display: block;
background: url(../img/layout/title_logo.jpg);
}

#title a:hover {
position: relative;
left: 0px;
top: 0px;
background: url(../img/layout/title_logo_hover.jpg);
}

#title a:active {
top: 1px;
}

#main #navi {/*パンくずリスト*/
padding: 9px 0px 0px 15px;
display: block;
height: 17px;
width: 555px;
font-size: 11px;
background: url(../img/layout/bg_navi.jpg);
margin: 0px auto;
color: #333;
}

#main #navi a {
color: #999;
text-decoration: none;
}

#main #navi a:hover {
color: #333;
text-decoration: none;
}

#main #navi a:active {
color: #C00;
text-decoration: none;
}

h2 {/*各ページ一回のみ出現、キーワードを絡める*/
text-indent: -5541px;
display: block;
height: 118px;
width: 570px;
margin: 0px auto 20px;
height: 29px;
color: #FFF;
text-indent: 15px;
padding: 11px 0px 0px;
background: url(../img/layout/h2_d.jpg);
font: bold 14px Tahoma, Geneva, sans-serif;
letter-spacing: 0.1em;
}

h2.home_top {/*トップの見出し*/
display: block;
height: 170px;
margin-bottom: 25px;
width: 570px;
background-image: none;
margin-left: -9px;
padding: 0px;
}

.galleria {/*ガレリア デスクトップ*/
background: url(../img/layout/h2_galleria.jpg);
}

/*PC一覧用個別クラススタイルここまで*/

#main h3 {/*main部分用h3、ページ内何度でも使用可*/
color: #384B7C;
width: 560px;
display: block;
padding: 42px 0px 0px;
background: url(../img/layout/h3.jpg) no-repeat left 20px;
clear: left;
margin: 0px auto 30px;
font: bold 19px/23px "メイリオ", "ＭＳ Ｐゴシック";
}

#main .h3_top {
margin: -5px auto 30px;
padding: 7px 0px 0px 0px;
font-family: "メイリオ", "ＭＳ Ｐゴシック";
line-height: 21px;
background: url(none);
}

h4 {/*ページ内何度でも使用可*/
color: #333;
width: 528px;
display: block;
margin: 5px auto 25px 14px;
padding: 10px 0px 0px 23px;
background: url(../img/layout/h4.jpg) no-repeat left 10px;
letter-spacing: 0em;
font: bold 15px/20px "メイリオ";
word-spacing: 0em;
}

#main h4 a:link {
font-weight: bold;
text-decoration: none;
}

#main h4 a:hover {
text-decoration: underline;
}

h5 {
color: #444;
width: 528px;
font-size: 14px;
display: block;
font-weight: bold;
margin: 5px auto 20px 14px;
padding: 10px 0px 0px 21px;
background: url(../img/layout/h5.jpg) no-repeat 1px 12px;
letter-spacing: 0em;
line-height: 20px;
}

/*文章、文字装飾に関する設定ここから*/

p {
width: auto;
display: block;
margin: 0px 15px 25px;
line-height: 1.7em;
font-family: Arial, Helvetica, sans-serif;
}

.tb {
color: #00F;
text-decoration: underline;
font-weight: bold;
}

.ta {
color: #00F;
text-decoration: underline;
}

#can {
width: 570px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
height: 70px;
}

strong {
font-weight: bold;
}

.red {
color: #BF0000;
}

.orange {
color: #FF9900;
}

.green {
color: #060;
}

.pink {
color: #CD6588;
}

/*文章、文字装飾に関する設定ここまで*/

/*画像に関する設定ここから*/


.imgl-a {
float: left;
padding-right: 20px;
}

.imgl-b {
float: left;
padding-right: 10px;
}

.imgl-c {
float: left;
padding-right: 10px;
}

.imgr-a {
float: right;
padding-right: 15px;
}

.imgr-b {
float: right;
padding-left: 20px;
padding-bottom: 10px;
}

.imgr-c {
float: right;
padding-left: 10px;
}

.imgr_line {
float: right;
padding-left: 10px;
}

.imgl_line {
float: left;
padding-right: 10px;
}

.imgr-d {
float: right;
padding-left: 10px;
padding-right: 20px;
padding-bottom: 5px;
}

.img-ra {
float: right;
}

.img-cpu {/*cpu-amd,cpu-intelのページのCPU画像専用*/
margin-left: 15px;
}

.linup_list {
margin-bottom: 30px;
}

/*画像に関する設定ここまで*/

/*PC機種詳細に関する設定ここから*/

.pc-a {/*機種名*/
color: #333;
display: block;
width: 550px;
margin-right: auto;
margin-left: auto;
font: bold 19px Tahoma, Geneva, sans-serif;
margin-bottom: 3px;
}

.pc-n {/*新しい機種名*/
color: #036;
display: block;
width: 550px;
margin-right: auto;
margin-left: auto;
margin-bottom: 5px;
font: bold 17px Tahoma;
}

.pc-blue {/*Primeという文字*/
color: #003399;
font-weight: bold;
}

.pc-gray {/*機種のカタカナ名*/
color: #333;
font: bold 14px "メイリオ";
}

.pc-l {/*機種の詳細TABLE設定*/
border-style: none;
margin-left: 20px;
width: 300px;
overflow: hidden;
margin-bottom: 0px;
}

.pc-l td {/*機種の詳細TABLE線打消し*/
border-style: none;
}

.pc-b {/*機種の紹介文*/
color: #000000;
padding-bottom: 12px;
padding-top: 5px;
width: 550px;
margin-right: auto;
margin-left: auto;
display: block;
font: bold 12px/16px Tahoma, Geneva, sans-serif;
}

.pc_com {/*機種の紹介文2*/
color: #333333;
width: 518px;
display: block;
margin: 15px auto 0px;
padding: 12px 16px 10px;
background: #FFEEEE;
font: 13px/20px Arial, Helvetica, sans-serif;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.pc-c {/*機種の特徴文*/
padding-top: 18px;
font: 10px/1.6em Arial, Helvetica, sans-serif;
color: #000;
}

.pc-d {/*特価＆値段*/
color: #CE0002;
height: 13px;
text-align: right;
padding-top: 15px;
font: 12px;
}

.price {/*価格*/
font-size: 20px;
font-weight: bold;
font-family: ;
font-family:"Century Gothic", Tahoma, sans-serif;
}

.pc-e {/*詳細ページを開く*/
text-align: right;
padding-bottom: 25px;
padding-top: 18px;
}

.pc-h {/*アウトレット系ページの売り文句*/
font-size: 13px;
line-height: 16px;
padding-top: 8px;
color: #069;
font-weight: bold;
}

.pc-g {/*アウトレット系ページの詳細*/
font-size: 12px;
line-height: 15px;
padding-top: 8px;
padding-bottom: 5px;
color: #360;
}

.pc-r {/*商品画像右周り*/
float: right;
margin-right: 19px;
}

/*PC機種詳細に関する設定ここまで*/

#lineup {/*PCラインアップ最下部リスト*/
width: 570px;
margin-left: 5px;
text-align: center;
background: #F3F2EB;
padding-top: 12px;
padding-bottom: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-top: 15px;
display: block;
clear: left;
float: left;
margin-bottom: 30px;
}

#main #lineup a {
color: #333;
text-decoration: none;
font-size: 13px;
}

 #main #lineup a:visted {
color: #333;
text-decoration: none;
}

#main #lineup a:hover {
color: #999;
text-decoration: none;
position: relative;
top: 1px;
}

#main #lineup a:active {
color: #C00;
text-decoration: none;
}

/*main部分に関する設定ここまで-------------------------------------------------------------------*/

/*menu-l部分に関する設定ここから-----------------------------------------------------------------*/

#menu-l h3 {
margin: 0px;
padding: 0px;
height: 30px;
width: 170px;
}

.top-blue {
width: 170px;
background-image: url(../img/bg-top-blue.jpg);
text-indent: 15px;
display: block;
font-weight: bold;
color: #FFF;
line-height: 30px;
font-size: 12px;
margin: 0px;
padding: 0px;
}

a.top-red {
width: 170px;
background-image: url(../img/bg-top-red.jpg);
text-indent: 15px;
display: block;
font-weight: bold;
color: #FFF;
line-height: 30px;
font-size: 12px;
margin: 0px;
padding: 0px;
height: 30px;
text-decoration: none;
}

a:link.top-red {
width: 170px;
background-image: url(../img/bg-top-red.jpg);
text-indent: 15px;
display: block;
font-weight: bold;
color: #FFF;
line-height: 30px;
font-size: 12px;
margin: 0px;
padding: 0px;
height: 30px;
text-decoration: none;
}

a.top-blue {
width: 170px;
background-image: url(../img/bg-top-blue.jpg);
text-indent: 15px;
display: block;
font-weight: bold;
color: #FFF;
line-height: 30px;
font-size: 12px;
margin: 0px;
padding: 0px;
height: 30px;
text-decoration: none;
}

a:link.top-blue {
width: 170px;
background-image: url(../img/bg-top-blue.jpg);
text-indent: 15px;
display: block;
font-weight: bold;
color: #FFF;
line-height: 30px;
font-size: 12px;
margin: 0px;
padding: 0px;
height: 30px;
text-decoration: none;
}

.p_line li a {/*売れ筋モデル共通*/
display: block;
height: 38px;
width: 104px;
text-decoration: none;
color: #000;
padding-left: 54px;
line-height: 15px;
padding-top: 12px;
padding-right: 10px;
text-shadow: 1px 1px 1px #fff;
}

a.line_ta {
background: url(../img/lineup/ta.jpg);
}

a:hover.line_ta {
background: url(../img/lineup/ta_hover.jpg);
}

a.line_tb {
background: url(../img/lineup/tb.jpg);
}

a:hover.line_tb {
background: url(../img/lineup/tb_hover.jpg);
}

a.line_tc {
background: url(../img/lineup/tc.jpg);
}

a:hover.line_tc {
background: url(../img/lineup/tc_hover.jpg);
}

.m_line li a {/*ドスパラPC一覧共通*/
display: block;
height: 23px;
width: 113px;
text-decoration: none;
color: #000;
padding-left: 57px;
padding-top: 12px;
text-shadow: 1px 1px 1px #fff;
}

a.line-a {
background: url(../img/lineup/a.jpg);
}

a:hover.line-a {
background: url(../img/lineup/a-hover.jpg);
color: #FFF;
text-shadow: 0px 0px 0px #333333;
}

a.line-b {
background: url(../img/lineup/b.jpg);
}

a:hover.line-b {
background: url(../img/lineup/b-hover.jpg);
color: #FFF;
text-shadow: 0px 0px 0px #333333;
}

a.line-c {
background-image: url(../img/lineup/c.jpg);
}

a:hover.line-c {
background-image: url(../img/lineup/c-hover.jpg);
}

a.line-d {
background-image: url(../img/lineup/d.jpg);
}

a:hover.line-d {
background-image: url(../img/lineup/d-hover.jpg);
}

a.line-e {
background: url(../img/lineup/e.jpg);
}

a:hover.line-e {
background-image: url(../img/lineup/e-hover.jpg);
}

a.line-f {
background-image: url(../img/lineup/f.jpg);
}

a:hover.line-f {
background-image: url(../img/lineup/f-hover.jpg);
}

a.line-g {
background-image: url(../img/lineup/g.jpg);
}

a:hover.line-g {
background-image: url(../img/lineup/g-hover.jpg);
}

a.line-h {
background-image: url(../img/lineup/h.jpg);
}

a:hover.line-h {
background-image: url(../img/lineup/h-hover.jpg);
}

a.line-i {
background-image: url(../img/lineup/i.jpg);
}

a:hover.line-i {
background-image: url(../img/lineup/i-hover.jpg);
}

a.line-j {
background-image: url(../img/lineup/j.jpg);
}

a:hover.line-j {
background-image: url(../img/lineup/j-hover.jpg);
}

a.line-k {
background-image: url(../img/lineup/k.jpg);
}

a:hover.line-k {
background-image: url(../img/lineup/k-hover.jpg);
}

a.line-l {
background-image: url(../img/lineup/l.jpg);
}

a:hover.line-l {
background-image: url(../img/lineup/l-hover.jpg);
}

a.line-m {
background-image: url(../img/lineup/m.jpg);
}

a:hover.line-m {
background-image: url(../img/lineup/m-hover.jpg);
}

a.line-n {
background-image: url(../img/lineup/n.jpg);
}

a:hover.line-n {
background-image: url(../img/lineup/n-hover.jpg);
}

a.line-reputation {/*ネットで見るドスパラの評判**/
text-decoration: none;
width: 170px;
display: block;
height: 66px;
text-indent: -5400px;
background: url(../img/bg-line_reputation.jpg);
}

a:link.line-reputation {
text-decoration: none;
background: url(../img/bg-line_reputation.jpg);
width: 170px;
display: block;
height: 66px;
}

a:hover.line-reputation {
background: url(../img/bg-line_reputation_hover.jpg);
display: block;
}

a:active.line-reputation {
position: relative;
top: 1px;
}

.contents-red li a {/*ドスパラ徹底解説共通*/
text-decoration: none;
background-image: url(../img/bg-contents-red.jpg);
width: 170px;
display: block;
height: 18px;
text-indent: 23px;
color: #333;
padding-top: 7px;
text-shadow: 1px 1px 1px #fff;
}

.contents-red li a:hover {
text-decoration: none;
color: #000;
background-image: url(../img/bg-contents-red-hover.jpg);
display: block;
}

.contents-red li a:active {
text-decoration: none;
position: relative;
top: 1px;
}

.custom li a {
text-decoration: none;
background-image: url(../img/bg-custom.jpg);
width: 170px;
display: block;
height: 16px;
text-indent: 24px;
color: #000;
padding-top: 6px;
text-shadow: 1px 1px 1px #fff;
font-size: 11px;
}

.custom li a:hover {
text-decoration: none;
color: #000;
background-image: url(../img/bg-custom-hover.jpg);
display: block;
}

.custom li a:active {
text-decoration: none;
position: relative;
top: 1px;
}

.top-gray {
width: 170px;
text-indent: 13px;
display: block;
color: #FFF;
font-size: 12px;
background-color: #808080;
height: 30px;
line-height: 30px;
}

.top_yellow {
width: 168px;
text-indent: 15px;
display: block;
color: #FFF;
font-size: 12px;
height: 30px;
line-height: 30px;
font-weight: bold;
background: #CE0002;
border-right: 1px solid #666;
border-left: 1px solid #666;
}

.top-grays {
width: 170px;
text-indent: 18px;
display: block;
color: #FFF;
font-size: 12px;
background-color: #808080;
height: 20px;
line-height: 20px;
}

#link-af a {
background-image: url(../img/link_01_190_60.gif);
display: block;
text-indent: -5541px;
height: 60px;
margin-bottom: 3px;
}

#link-af a:hover {
display: block;
text-indent: -5541px;
position: relative;
top: 1px;
}

#ranking {
display: block;
margin-bottom: 5px;
}

#rank_top {
text-indent: -5541px;
height: 66px;
background: url(../img/layout/bg_rank_top.jpg);
}

.rank-one {
background-image: url(../img/bg-rank-one.jpg);
height: 70px;
background-repeat: repeat-y;
padding-top: 7px;
padding-right: 3px;
}

.rank-two {
background-image: url(../img/bg-rank-two.jpg);
height: 70px;
background-repeat: repeat-y;
padding-top: 7px;
padding-right: 3px;
}

#ranking ul li {
padding-left: 0px;
padding-bottom: 2px;
}

#menu-r #ranking p {
padding: 0px;
margin: 0px 0px 5px 7px;
font: bold 12px/15px Arial, Helvetica, sans-serif;
letter-spacing: 0em;
}

#menu-r #ranking p a {
color: #003399;
text-decoration: underline;
font: 10px/1.4em "ＭＳ Pゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

#menu-r #ranking p a:hover {
color: #003399;
text-decoration: none;
position: relative;
top: 1px;
}

#menu-r #ranking p a:active {
color: #CD0001;
text-decoration: none;
}

#ranking img:hover {
position: relative;
top: 1px;
}

.place {
background: #003399;
padding: 1px 3px;
margin-right: 5px;
color: #FFF;
font-size: 11px;
line-height: 11px;
}

a.other {
font-size: 12px;
color: #FFF;
line-height: 25px;
text-decoration: underline;
width: 183px;
text-align: right;
padding-right: 7px;
background-color: #CE0002;
display: block;
}

a:hover.other {
color: #FFF;
text-decoration: none;
}

a:active.other {
color: #FF3535;
text-decoration: none;
}

#other a:active {
text-decoration: underline;
position: relative;
top: 1px;
}

#intel a {/*Intel CPU 比較バナー*/
display: block;
text-indent: -5541px;
margin-top: 5px;
height: 70px;
background: url(../img/layout/hikaku_intel.png);
}

#intel a:hover {
background: url(../img/layout/hikaku_intel_hover.png);
display: block;
text-indent: -5541px;
position: relative;
top: 1px;
}

#amd a {/*AMDCPU 比較バナー*/
background: url(../img/layout/hikaku_amd.png);
display: block;
text-indent: -5541px;
height: 70px;
margin-top: 5px;
margin-bottom: 5px;
}

#amd a:hover {
background: url(../img/layout/hikaku_amd_hover.png);
display: block;
text-indent: -5541px;
position: relative;
top: 1px;
}

#news h3 {
font-weight: bold;
color: #FFF;
background-image: url(../img/bg-news.jpg);
height: 21px;
width: 190px;
text-indent: 10px;
font-size: 12px;
font-family: "ＭＳ Ｐゴシック";
padding-top: 7px;
}

.r-text li a {
font-size: 12px;
background-image: url(../img/bg-news-class.jpg);
display: block;
padding-right: 5px;
padding-left: 20px;
color: #333;
text-decoration: none;
list-style-type: none;
line-height: 22px;
}

.r-text li a:hover {
color: #CA0000;
text-decoration: underline;
background-image: url(../img/bg-news-class-hover.jpg);
}

.r-text li a:active {
color: #999;
text-decoration: none;
}

.r-text-end {
height: 11px;
}

.g-text li a {
font-size: 11px;
background-image: url(../img/bg-news-class.jpg);
display: block;
padding-right: 5px;
padding-left: 20px;
color: #333;
text-decoration: none;
list-style-type: none;
line-height: 22px;
}

.g-text li a:hover {
color: #CA0000;
text-decoration: underline;
background-image: url(../img/bg-news-class-hover.jpg);
}

.g-text li a:active {
color: #999;
text-decoration: none;
}

.g-text-end {
height: 11px;
}

#updata {
font-weight: bold;
color: #FFF;
background-image: url(../img/bg-updata.jpg);
height: 21px;
width: 190px;
text-indent: 10px;
font-size: 12px;
font-family: "ＭＳ Ｐゴシック";
padding-top: 7px;
}

#game_pc h3 {
font-weight: bold;
color: #FFF;
background-image: url(../img/bg-updata.jpg);
height: 21px;
width: 190px;
text-indent: 10px;
font-size: 12px;
font-family: "ＭＳ Ｐゴシック";
padding-top: 7px;
}

#comfort a {
display: block;
text-indent: -5541px;
height: 90px;
margin-bottom: 5px;
background: url(../img/layout/bg_comfort.png);
}

#comfort a:hover {
background: url(../img/layout/bg_comfort.png);
position: relative;
top: 1px;
}

#free-soft a {
background-image: url(../img/layout/bg_freesoft.jpg);
display: block;
text-indent: -5541px;
height: 60px;
margin-bottom: 5px;
}

#free-soft a:hover {
display: block;
text-indent: -5541px;
position: relative;
top: 1px;
}

#glossary a {
background-image: url(../img/layout/bg_glossary.jpg);
display: block;
text-indent: -5541px;
height: 60px;
margin-bottom: 5px;
}

#glossary a:hover {
display: block;
text-indent: -5541px;
position: relative;
top: 1px;
}

#dostora a {
display: block;
text-indent: -5541px;
height: 60px;
margin-bottom: 5px;
background: url(../img/layout/bg_dostora.png);
}

#dostora a:hover {
display: block;
text-indent: -5541px;
position: relative;
top: 1px;
}

#footer ul {
text-decoration: none;
float: right;
display: block;
background-color: #000666;
width: 950px;
padding-right: 10px;
font-size: 10px;
letter-spacing: 0.1em;
padding-top: 6px;
padding-bottom: 6px;
}

#footer li {
color: #FFF;
text-decoration: none;
float: right;
display: block;
}

#footer li a {
color: #FFF;
text-decoration: none;
}

#footer li a:hover {
color: #FFF;
text-decoration: underline;
}

#footer h3 {
font-size: 12px;
background: url(../../css/none);
font-weight: normal;
margin: 0px auto 2px;
padding: 0px;
}

#footer h3 a {
font-size: 12px;
letter-spacing: 0em;
color: #000066;
text-decoration: none;
}

#footer h3 a:visited {
color: #000066;
text-decoration: none;
}

#footer h3 a:hover {
color: #000066;
text-decoration: underline;
position: relative;
top: 0px;
}

#copyright {
text-align: center;
font-size: 12px;
color: #000066;
background-color: #FFF;
line-height: 20px;
padding-top: 4px;
width: 960px;
float: left;
}

#tag {
font-weight: bold;
color: #FFF;
background-image: url(../img/bg-link.jpg);
height: 21px;
width: 190px;
text-indent: 10px;
font-size: 12px;
font-family: "ＭＳ Ｐゴシック";
padding-top: 7px;
}

#rank-three {
background-image: url(../img/bg-rank-one.jpg);
height: 70px;
background-repeat: repeat-y;
padding-top: 7px;
padding-right: 5px;
padding-left: 5px;
}

.bl {
background: url(../img/layout/line.jpg) no-repeat center bottom;
padding-bottom: 30px;
}

/*TABLEに関する設定ここから----------------------------------------------------------------------*/

/*全てのTABLEに共通する設定ここから*/

table {
border-left: solid 1px #666;
border-bottom: solid 1px #666;
width: 550px;
margin-left: 15px;
font-size: 12px;
line-height: 17px;
margin-bottom: 25px;
}

th,
td {
padding: 0px;
border-top: 1px solid #666;
border-right: 1px solid #666;
}

th {
background-color: #bbddff;
}

/*全てのTABLEに共通する設定ここまで*/

/*ベーシックなTABLEはこれ。ここから*/

.basic th {
padding: 8px;
border-color: #999;
color: #FFF;
background: #036;
}

.basic td {
padding: 5px 5px 5px 8px;
border-color: #666;
}

.basic_a th {
padding: 8px;
border-color: #999;
color: #FFF;
font-weight: bold;
background: #265098;
letter-spacing: 0.1em;
}

.basic_a td {
padding: 5px 5px 5px 8px;
border-color: #666;
font-size: 13px;
line-height: 19px;
}

.basic_b th {
padding: 8px;
border-color: #999;
color: #FFF;
font-weight: bold;
background: #0A6518;
letter-spacing: 0.1em;
}

.basic_b td {
padding: 5px 5px 5px 8px;
border-color: #666;
font-size: 13px;
line-height: 19px;
}

.t_a {
text-align: center;
}

.t_a td {
padding: 7px 5px 5px;
font-size: 11px;
}

.t_b {
text-align: center;
font: bold 13px Arial, Helvetica, sans-serif;
}

.t_b th {
padding: 7px 5px;
font-size: 13px;
}

.t_b td {
padding: 5px;
font-size: 14px;
}

.t_c {
text-align: center;
font: bold 12px Arial, Helvetica, sans-serif;
}

.t_c th {
padding: 7px 5px;
font-size: 13px;
font-weight: bold;
color: #FFF;
background: #C30;
}

.t_c td {
padding: 5px;
font-size: 12px;
}

.t_d {
text-align: center;
font: bold 12px Arial, Helvetica, sans-serif;
}

.t_d th {
padding: 7px 5px;
font-size: 13px;
font-weight: bold;
color: #FFF;
background: #C30;
}

.t_d td {
padding: 8px;
font-size: 13px;
text-align: left;
line-height: 18px;
}

/*ベーシックなTABLEはこれ。ここまで*/

/*お買い得情報・用語辞典・フリーソフトなどTABLEここから*/

.list th {
padding-top: 4px;
padding-bottom: 4px;
}

.list td {
padding: 5px 6px 5px 10px;
line-height: 160%;
}

.list_term {
border: 3px solid #3D5190;
background: #FFFFF4;
}

.list_term th {
padding-top: 4px;
padding-bottom: 4px;
border-style: none;
}

.list_term td {
padding: 5px 6px 5px 10px;
line-height: 20px;
border-style: none;
font-size: 13px;
}

.list_affordable {
border: 3px solid #CE0002;
background: #FEFEEF;
margin-bottom: 15px;
}

.list_affordable th {
padding-top: 4px;
padding-bottom: 6px;
border-style: none;
font-weight: bold;
color: #FFF;
background: #CE0002;
}

.list_affordable td {
padding: 5px 6px 5px 10px;
line-height: 20px;
border-style: none;
font-size: 13px;
}

/*お買い得情報・用語辞典・フリーソフトなどTABLEここまで*/

/*インテルCPU一覧TABLEここから*/

.intel {
margin-bottom: 30px;
font-size: 12px;
}

.intel th {
padding: 7px 5px;
}

.intel td {
text-align: center;
padding: 7px 5px;
}

#main .intel_b {/*新：Intel CPU 比較表*/
margin-bottom: 30px;
font-size: 13px;
text-align: center;
margin-top: -17px;
}

#main .intel_b th {
color: #FFF;
background: #0071C5;
padding-top: 8px;
padding-bottom: 8px;
}

#main .inte_b td {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}

#main .amd_b {/*新：AMD CPU 比較表*/
margin-bottom: 30px;
font-size: 13px;
text-align: center;
margin-top: -17px;
}

#main .amd_b th {
color: #FFF;
background: #C1161D;
padding-top: 8px;
padding-bottom: 8px;
}

#main .amd_b td {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}

.blue-p {
background-color: #EDFAFE;
text-align: center;
}

.white-p {
background-color: #FFF;
text-align: center;
}

/*インテルCPU一覧TABLEここまで*/

/*AMDCPU一覧TABLEここから*/

.amd {
margin-bottom: 30px;
display: block;
}

.amd th {
background: #666;
padding: 7px 5px;
color: #FFF;
}

.amd td {
text-align: center;
padding: 7px 5px;
}

.gray-p {
text-align: center;
background: #EFEFEF;
}

/*AMDCPU一覧TABLEここまで*/

/*今月のおすすめ一覧TABLEここから*/

.profit th {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: left;
text-indent: 16px;
background: #FFF url(../img/bg-profit-th.jpg) no-repeat 0px 3px;
vertical-align: text-top;
padding: 0px 0px 7px;
width: 183px;
font-size: 13px;
font-weight: bold;
}

.profit {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.profit td {
border-style: none;
width: 173px;
padding-right: 10px;
}

/*今月のおすすめ一覧TABLEここまで*/

/*ドスパラPC一覧TABLEここから*/

.pcline th {
background-image: url(../img/bg-pcline-th.jpg);
color: #FFF;
padding: 0px;
line-height: 27px;
}

.pcline td {
background-color: #e5e5cd;
margin: 0px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 0px;
}

/*ドスパラPC一覧TABLEここまで*/

/*直営店一覧TABLEここから*/

.shop th {
font-size: 12px;
padding-top: 15px;
padding-bottom: 15px;
background-color: #ccddff;
}

.shop td {
padding: 3px 5px;
}

.shoplist td {
font-size: 12px;
width: 90px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}

/*直営店一覧TABLEここまで*/

/*メディア一覧TABLEここから*/

.media th {
font-size: 11px;
background-color: #ccddff;
padding: 3px 0px;
}

.media td {
padding: 0px;
}

/*メディア一覧TABLEここまで*/

/*Windows Vista機能一覧TABLEここから*/

.vista th {
color: #FFF;
background: #DB0000;
line-height: 110%;
font-weight: bold;
width: 70px;
padding-top: 4px;
padding-bottom: 4px;
}

.vista td {
text-align: center;
padding: 8px;
}

.yellow {
background: #FDE937;
}

.yellow-p {
background: #FEF8C0;
}

.yellow_c {
background: #FFFDEE;
}

.blue_a {
background: #B7E2FD;
}

.blue_b {
background: #ECF8FF;
}

.blue_c {
background: #FDFEFF;
}

.red_a {
background: #FFD0D1;
}

.red_b {
background: #FFF0F0;
}

.red_c {
background: #FFFDFD;
}

.red_d {
background: #FFF0F0;
font-weight: bold;
text-align: left;
}

.green_a {
background: #C1E0A3;
}

.green_b {
background: #E4F1D8;
}

.green_c {
background: #F7FBF2;
}

.gray_a {
background: #DDDDDD;
}

.gray_b {
background: #F0F0F0;
}

.gray_c {
background: #FAFAFA;
}

/*Windows Vista機能一覧TABLEここまで*/

/*ケース一覧TABLEここから*/

.case {
margin-left: 15px;
overflow: hidden;
width: 280px;
}

.case th {
width: 80px;
padding-top: 3px;
padding-bottom: 3px;
}

.case td {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
line-height: 110%;
}

/*ケース一覧TABLEここまで*/

/*モニター大きさ一覧TABLEここから*/

.monitor {
overflow: hidden;
width: 285px;
float: left;
margin-right: 15px;
margin-left: 15px;
}

.monitor th {
width: 40px;
padding-top: 8px;
padding-bottom: 8px;
background: #696;
font-weight: bold;
color: #FFF;
}

.monitor td {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
}

/*モニター大きさ一覧TABLEここまで*/

/*TABLEに関する設定ここまで----------------------------------------------------------------------*/

/*その他の設定ここから-----------------------------------------------------------------------------*/

#main .st {
font-size: 10px;
margin-top: -10px;
line-height: 13px;
}

#main .uplist {
margin-bottom: 30px;
margin-left: 15px;
}

#main .uplist li {
background: url(../img/bg_li_a.jpg) no-repeat left 2px;
padding-left: 15px;
font-size: 13px;
margin-bottom: 10px;
}

#main .uplist li:hover {
background: url(../img/bg_li_a_hover.jpg) no-repeat left 2px;
}

#main .list_review {/*レビュー用リスト*/
margin-bottom: 15px;
margin-left: 15px;
margin-top: 15px;
}

#main .list_review li {
background: url(../img/layout/arrow_d.jpg) no-repeat left 0px;
padding-left: 17px;
font-size: 13px;
margin-bottom: 8px;
}

#main .list_review li:hover {
background: url(../img/layout/arrow_d_hover.jpg) no-repeat left 0px;
}

#main .yudo a {
background: url(../img/bg_hikakutable.jpg) no-repeat 0px 5px;
padding-left: 18px;
display: block;
margin-bottom: 0px;
font-size: 14px;
font-weight: bold;
margin-top: -3px;
}

#main .yudo a:hover {
background: url(../img/bg_hikakutable_hover.jpg) no-repeat 0px 5px;
color: #999;
text-decoration: none;
}

#main .yudo a:active {
background: url(../img/bg_hikakutable_hover.jpg) no-repeat 0px 5px;
color: #F00;
}

#main .more a {
background: url(../img/bg_hikakutable.jpg) no-repeat 0px 5px;
padding-left: 18px;
display: block;
margin-bottom: 0px;
font-size: 14px;
margin-top: -3px;
}

#main .more a:hover {
background: url(../img/bg_hikakutable_hover.jpg) no-repeat 0px 5px;
color: #999;
text-decoration: none;
}

#main .more a:active {
background: url(../img/bg_hikakutable_hover.jpg) no-repeat 0px 5px;
color: #F00;
}

/*その他の設定ここまで-----------------------------------------------------------------------------*/

.game_title {
width: 190px;
display: block;
border-bottom: 1px solid #666;
margin-bottom: 5px;
background: url(../img/g/bg_game_title.jpg);
}

.game_title li a {
text-indent: -4649px;
width: 190px;
height: 35px;
display: block;
}

.game_title li a:active {
position: relative;
top: 1px;
}

.ga {
background: url(../img/g/ga.jpg);
}

.ga:hover {
background: url(../img/g/ga_hover.jpg);
}

.gb {
background: url(../img/g/gb.jpg);
}

.gb:hover {
background: url(../img/g/gb_hover.jpg);
}

.gc {
background: url(../img/g/gc.jpg);
}

.gc:hover {
background: url(../img/g/gc_hover.jpg);
}

.gd {
background: url(../img/g/gd.jpg);
}

.gd:hover {
background: url(../img/g/gd_hover.jpg);
}

.ge {
background: url(../img/g/ge.jpg);
}

.ge:hover {
background: url(../img/g/ge_hover.jpg);
}

.gf {
background: url(../img/g/gf.jpg);
}

.gf:hover {
background: url(../img/g/gf_hover.jpg);
}

.gg {
background: url(../img/g/gg.jpg);
}

.gg:hover {
background: url(../img/g/gg_hover.jpg);
}

.gh {
background: url(../img/g/gh.jpg);
}

.gh:hover {
background: url(../img/g/gh_hover.jpg);
}

.gi {
background: url(../img/g/gi.jpg);
}

.gi:hover {
background: url(../img/g/gi_hover.jpg);
}

.gj {
background: url(../img/g/gj.jpg);
}

.gj:hover {
background: url(../img/g/gj_hover.jpg);
}

.gk {
background: url(../img/g/gk.jpg);
}

.gk:hover {
background: url(../img/g/gk_hover.jpg);
}

.gl {
background: url(../img/g/gl.jpg);
}

.gl:hover {
background: url(../img/g/gl_hover.jpg);
}

.gm {
background: url(../img/g/gm.jpg);
}

.gm:hover {
background: url(../img/g/gm_hover.jpg);
}

.gn {
background: url(../img/g/gn.jpg);
}

.gn:hover {
background: url(../img/g/gn_hover.jpg);
}

#f a {
background: url(../img/bg_f.jpg);
height: 70px;
width: 190px;
margin-bottom: 5px;
text-indent: -4649px;
display: block;
}

#f a:hover {
position: relative;
top: 1px;
}

#review {/*レビューバナー1*/
background: url(../img/layout/bg_review_hover.png);
height: 101px;
width: 190px;
margin-bottom: 4px;
text-indent: -4649px;
display: block;
}

#review a {
background: url(../img/layout/bg_review.png);
height: 101px;
width: 190px;
display: block;
}

#review a:hover {
background: url(../img/layout/bg_review_hover.png);
position: relative;
}

#review a:active {
background: url(../img/layout/bg_review_active.png);
}

#review_g {/*レビューバナー2*/
height: 100px;
width: 190px;
margin-bottom: 5px;
text-indent: -4649px;
display: block;
}

#review_g a {
background: url(../img/layout/bg_review_g.png);
height: 100px;
width: 190px;
display: block;
}

#review_g a:hover {
background: url(../img/layout/bg_review_g_hover.png);
position: relative;
top: 1px;
display: block;
}

#main .can {
width: 570px;
display: block;
margin: 8px auto 10px;
}

#main .center {
text-align: center;
}

#main #center_top {
text-align: center;
}

#main .up_10 {
display: block;
margin-top: -15px;
}

#main .up_20 {
display: block;
margin-top: -25px;
}

.a_next {/*サイト内移動リンク*/
background: url(../img/bg_a_next.jpg) no-repeat left 5px;
padding-left: 17px;
font-size: 17px;
font-weight: bold;
}

.a_next a {/*サイト内移動リンク*/
font-weight: bold;
}

.a_next:hover {
background: url(../img/bg_a_next_hover.jpg) no-repeat left 5px;
}

.pagetop:hover {/*ページの先頭へ戻るボタンのアニメーション*/
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
filter: alpha(opacity=60);
-moz-opacity: 0.5;
opacity: 0.5;
}

#main .next {/*右*/
background: url(../img/layout/arrow_next.png) no-repeat right top;
padding-right: 16px;
}

#main .next:hover {
background: url(../img/layout/arrow_next_hover.png) no-repeat right top;
position: relative;
left: 0px;
top: 0px;
}

#main .back {/*左*/
background: url(../img/layout/arrow_back.png) no-repeat left top;
padding-left: 16px;
}

#main .back:hover {
background: url(../img/layout/arrow_back_hover.png) no-repeat left top;
position: relative;
left: 0px;
top: 0px;
}

.not_new {
font-weight: bold;
color: #C00;
background: #F7F7F7;
height: 25px;
width: 546px;
border: 2px solid #999;
text-align: center;
vertical-align: middle;
padding-top: 4px;
}

#news h3 a {
font-weight: bold;
color: #FFF;
text-decoration: none;
}

#game_pc h3 a {
font-weight: bold;
color: #FFF;
text-decoration: none;
}

.a_right {
text-decoration: none;
float: right;
margin-bottom: 20px;
margin-left: 20px;
}

.a_left {
text-align: left;
}

#main .sitemap h4 {
background: url(none);
padding-left: 0px;
font-size: 15px;
}

#main .sitemap h4 a {
font-weight: normal;
text-decoration: underline;
background: url(../img/layout/h4.jpg) no-repeat left center;
padding-left: 25px;
padding-top: 2px;
padding-bottom: 2px;
}

#main .intel_b tr td {
padding-top: 5px;
padding-bottom: 5px;
letter-spacing: 0.1em;
}

#main .intel_b tr .intel_left {
text-align: left;
padding-left: 8px;
}

#main .sitemap .url {
color: #063;
margin-top: -12px;
margin-bottom: 0px;
}

.listup {/*下部にあるページリスト*/
width: 550px;
margin-right: auto;
margin-left: auto;
text-align: center;
padding-top: 8px;
height: 20px;
margin-bottom: 15px;
display: block;
}

.listup li {
display: inline;
float: left;
margin-right: 2px;
margin-left: 2px;
font-size: 15px;
text-align: center;
}

blockquote {
background: #F9F9F9;
padding: 17px 8px 0px;
border: 2px solid #CCC;
margin-right: 15px;
margin-left: 15px;
color: #000;
display: block;
margin-bottom: 25px;
}

blockquote p {
margin-bottom: 16px;
}

.list_a {
margin-bottom: 15px;
}

.list_a li {
margin-bottom: 8px;
padding-left: 5px;
}

.rank_footer {
width: 552px;
margin-right: auto;
margin-left: auto;
display: block;
height: 218px;
clear: left;
margin-top: 50px;
padding-left: 18px;
padding-top: 57px;
background: #F7F7F7 url(../img/layout/rank_footer_title.png) no-repeat center 17px;
padding-bottom: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.rank_footer ul li {
display: inline;
float: left;
}

.rank_footer ul .rfo {
margin-right: 15px;
}

.rank_footer ul .rft {
margin-right: 15px;
}

.custom li .a_small {
font-size: 11px;
line-height: 14px;
}

#main .linup_list .pc-r img {
margin-top: 15px;
}

.past {
color: #FFF;
background: #CE0002;
width: 560px;
display: block;
margin-right: auto;
margin-left: auto;
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
margin-bottom: 25px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

img.bi {
display: none;
}