@charset "utf-8";

/* CSS作者 戸部 */

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

* {/*ユニバーサルセレクタ*/
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;
font-family: "ＭＳ Ｐゴシック";
color: #4C4C4C;
background-image: url(../img/bg-container.jpg);
background-repeat: repeat-y;
}

img {
border-style: none;
}

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

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

#header {
height: 90px;
width: 960px;
background-image: url(../img/bg-header.jpg);
}

#container {
height: auto;
width: 960px;
background-image: url(../img/bg-container.jpg);
background-repeat: repeat-y;
}

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

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

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

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

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

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

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

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

#menu-l {
float: left;
width: 170px;
height: auto;
padding-bottom: 100px;
}

#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: 275px;
background-image: url(../img/title.jpg);
float: left;
margin: 0px;
}

#title a {
background-image: url(../img/title.jpg);
height: 67px;
width: 275px;
display: block;
}

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

#navi {/*パンくずリスト*/
padding: 0px;
background-image: url(../img/bg-navi.jpg);
text-indent: 30px;
display: block;
height: 28px;
width: 580px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 3px;
margin-left: auto;
font-size: 11px;
line-height: 28px;
}

h2 {/*各ページ一回のみ出現、キーワードを絡める*/
padding: 0px;
background-image: url(../img/img-top-01.jpg);
text-indent: -5541px;
display: block;
height: 118px;
width: 570px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}

/*PC一覧用個別クラススタイルここから*/

.sa {/*タワー型*/
height: 27px;
background-image: url(../img/bg-h2-sa.jpg);
font-weight: bold;
color: #FFF;
text-indent: 10px;
font-size: 14px;
padding-top: 13px;
margin-bottom: 15px;
}

.sb {/*ミニタワー型*/
height: 27px;
background-image: url(../img/bg-h2-sb.jpg);
font-weight: bold;
color: #FFF;
text-indent: 10px;
font-size: 14px;
padding-top: 13px;
margin-bottom: 15px;
}

.sc {/*スリム・省スペース*/
height: 27px;
background-image: url(../img/bg-h2-sc.jpg);
font-weight: bold;
color: #FFF;
text-indent: 10px;
font-size: 14px;
padding-top: 13px;
margin-bottom: 15px;
}

.sd {/*コンパクトPC*/
height: 27px;
background-image: url(../img/bg-h2-sd.jpg);
font-weight: bold;
color: #FFF;
text-indent: 10px;
font-size: 14px;
padding-top: 13px;
margin-bottom: 15px;
}

.se {/*ノートブック*/
height: 27px;
background-image: url(../img/bg-h2-se.jpg);
font-weight: bold;
color: #FFF;
text-indent: 10px;
font-size: 14px;
padding-top: 13px;
margin-bottom: 15px;
}

.sf {/*ガレリア デスクトップ*/
height: 27px;
background-image: url(../img/bg-h2-sf.jpg);
font-weight: bold;
color: #FFF;
text-indent: 10px;
font-size: 14px;
padding-top: 13px;
margin-bottom: 15px;
}

.sj {/*ガレリア ノートブック*/
height: 27px;
background-image: url(../img/bg-h2-sj.jpg);
font-weight: bold;
color: #FFF;
text-indent: 10px;
font-size: 14px;
padding-top: 13px;
margin-bottom: 15px;
}

.sg {/*ビジネスパソコン*/
height: 27px;
background-image: url(../img/bg-h2-sg.jpg);
font-weight: bold;
color: #FFF;
text-indent: 10px;
font-size: 14px;
padding-top: 13px;
margin-bottom: 15px;
}

.sh {/*フルカスタムPC*/
height: 27px;
background-image: url(../img/bg-h2-sh.jpg);
font-weight: bold;
color: #FFF;
text-indent: 10px;
font-size: 14px;
padding-top: 13px;
margin-bottom: 15px;
}

.si {/*自作・組立てキット*/
height: 27px;
background-image: url(../img/bg-h2-si.jpg);
font-weight: bold;
color: #FFF;
text-indent: 10px;
font-size: 14px;
padding-top: 13px;
margin-bottom: 15px;
}

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

#main h3 {/*main部分用h3、ページ内何度でも使用可*/
color: #384B7C;
width: 550px;
background-image: url(../img/bg-h3.jpg);
background-repeat: no-repeat;
font-size: 14px;
line-height: 18px;
display: block;
font-weight: bold;
margin: 5px auto 15px;
padding: 3px 0px 0px 13px;
}

h4 {/*ページ内何度でも使用可*/
color: #333;
width: auto;
font-size: 13px;
display: block;
font-weight: bold;
margin: 5px auto 15px;
padding: 5px 0px 0px 15px;
}
h5 {
font-size: 12px;
padding-left: 15px;
margin-bottom: 10px;
padding-top: 5px;
font-weight: bold;
}


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

p {
width: auto;
line-height: 160%;
display: block;
margin: 0px 15px 20px;
}

strong {
font-weight: bold;
}

.red {
color: #CE0002;
}

.orange {
color: #FF9900;
}

.green {
color: #060;
}

.pink {
color: #CD6588;
}

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

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


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

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

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

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

.imgr-c {
float: right;
padding-left: 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;
}

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

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

.pc-a {/*機種名*/
font-size: 17px;
font-weight: bold;
color: #333;
font-family: Tahoma;
display: block;
width: 550px;
margin-right: auto;
margin-left: auto;
}

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

.pc-gray {/*機種のカタカナ名*/
color: #666;
font-size: 12px;
font-weight: normal;
font-family: "Times New Roman";
}

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

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

.pc-b {/*機種の紹介文*/
font-size: 12px;
font-weight: bold;
color: #666;
padding-bottom: 12px;
padding-top: 5px;
line-height: 13px;
width: 550px;
margin-right: auto;
margin-left: auto;
display: block;
}

.pc-c {/*機種の特徴文*/
padding-top: 8px;
font: 10px/14px Tahoma;
letter-spacing: 0.1em;
}

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

.price {/*価格*/
font-size: 18px;
font-weight: bold;
font-family: Tahoma;
letter-spacing: 0.1em;
}

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

.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: 10px;
}

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

#lineup {/*PCラインアップ最下部リスト*/
line-height: 140%;
width: 550px;
margin-right: auto;
margin-left: auto;
text-align: center;
}

/*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;
}

a.line-a {
text-decoration: none;
background-image: url(../img/line-a.jpg);
width: 170px;
display: block;
height: 22px;
text-indent: 58px;
font-size: 12px;
padding-top: 13px;
color: #333;
}

a:link.line-a {
text-decoration: none;
background-image: url(../img/line-a.jpg);
width: 170px;
display: block;
height: 22px;
text-indent: 58px;
font-size: 12px;
padding-top: 13px;
color: #333;
}

a:hover.line-a {
text-decoration: none;
color: #CA0000;
background-image: url(../img/line-a-hover.jpg);
display: block;
}

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

a.line-b {
text-decoration: none;
background-image: url(../img/line-b.jpg);
width: 170px;
display: block;
height: 22px;
text-indent: 58px;
font-size: 12px;
padding-top: 13px;
color: #333;
}

a:hover.line-b {
text-decoration: none;
color: #CA0000;
background-image: url(../img/line-b-hover.jpg);
display: block;
}

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

a.line-c {
text-decoration: none;
background-image: url(../img/line-c.jpg);
width: 170px;
display: block;
height: 22px;
text-indent: 58px;
font-size: 12px;
padding-top: 13px;
color: #333;
}

a:hover.line-c {
text-decoration: none;
color: #CA0000;
background-image: url(../img/line-c-hover.jpg);
display: block;
}

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

a.line-d {
text-decoration: none;
background-image: url(../img/line-d.jpg);
width: 170px;
display: block;
height: 22px;
text-indent: 58px;
font-size: 12px;
padding-top: 13px;
color: #333;
}

a:hover.line-d {
text-decoration: none;
color: #CA0000;
background-image: url(../img/line-d-hover.jpg);
display: block;
}

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

a.line-e {
text-decoration: none;
background-image: url(../img/line-e.jpg);
width: 170px;
display: block;
height: 22px;
text-indent: 58px;
font-size: 12px;
padding-top: 13px;
color: #333;
}

a:hover.line-e {
text-decoration: none;
color: #CA0000;
background-image: url(../img/line-e-hover.jpg);
display: block;
}

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

a.line-f {
text-decoration: none;
background-image: url(../img/line-f.jpg);
width: 170px;
display: block;
height: 22px;
text-indent: 58px;
font-size: 12px;
padding-top: 13px;
color: #333;
}

a:hover.line-f {
text-decoration: none;
color: #FFF;
background-image: url(../img/line-f-hover.jpg);
display: block;
}

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

a.line-g {
text-decoration: none;
background-image: url(../img/line-g.jpg);
width: 170px;
display: block;
height: 22px;
text-indent: 58px;
font-size: 12px;
padding-top: 13px;
color: #333;
}

a:hover.line-g {
text-decoration: none;
color: #CA0000;
background-image: url(../img/line-g-hover.jpg);
display: block;
}

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

a.line-h {
text-decoration: none;
background-image: url(../img/line-h.jpg);
width: 170px;
display: block;
height: 22px;
text-indent: 58px;
font-size: 12px;
padding-top: 13px;
color: #333;
}

a:hover.line-h {
text-decoration: none;
color: #CA0000;
background-image: url(../img/line-h-hover.jpg);
display: block;
}

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

a.line-i {
text-decoration: none;
background-image: url(../img/line-i.jpg);
width: 170px;
display: block;
height: 22px;
text-indent: 58px;
font-size: 12px;
padding-top: 13px;
color: #333;
}

a:hover.line-i {
text-decoration: none;
color: #CA0000;
background-image: url(../img/line-i-hover.jpg);
display: block;
}

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

a.line-j {
text-decoration: none;
background-image: url(../img/line-j.jpg);
width: 170px;
display: block;
height: 22px;
text-indent: 58px;
font-size: 12px;
padding-top: 13px;
color: #333;
}

a:hover.line-j {
text-decoration: none;
color: #CA0000;
background-image: url(../img/line-j-hover.jpg);
display: block;
}

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

a.line-k {
text-decoration: none;
background-image: url(../img/line-k.jpg);
width: 170px;
display: block;
height: 22px;
text-indent: 58px;
font-size: 12px;
padding-top: 13px;
color: #333;
}

a:hover.line-k {
text-decoration: none;
color: #FFF;
background-image: url(../img/line-k-hover.jpg);
display: block;
}

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

a.line-ff {/*FF14専用**/
text-decoration: none;
width: 170px;
display: block;
height: 66px;
text-indent: -5400px;
background: url(../img/bg-ff14.jpg);
}

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

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

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

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;
}


a.contents-red {
text-decoration: none;
background-image: url(../img/bg-contents-red.jpg);
width: 170px;
display: block;
height: 18px;
text-indent: 23px;
font-size: 12px;
color: #333;
padding-top: 7px;
}

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

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

a.custom {
text-decoration: none;
background-image: url(../img/bg-custom.jpg);
width: 170px;
display: block;
height: 17px;
text-indent: 23px;
font-size: 12px;
color: #333;
padding-top: 5px;
}

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

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

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

#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;
left: 1px;
}

#rank-top {
background-image: url(../img/bg-rank-top.jpg);
text-indent: -5541px;
height: 66px;
}

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

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

.place {
font-size: 11px;
color: #FFF;
background-color: #039;
padding-right: 2px;
padding-bottom: 0px;
padding-left: 3px;
padding-top: 2px;
}

.rank-name {
font-size: 12px;
font-weight: bold;
color: #333;
padding-left: 5px;
}

a.rank-text {
font-size: 12px;
color: #039;
display: block;
padding-top: 5px;
padding-bottom: 4px;
line-height: 16px;
}

a:hover.rank-text {
color: #039;
text-decoration: none;
position: relative;
left: 1px;
top: 1px;
}

a:active.rank-text {
color: #CA0000;
}

.rank-price {
font-size: 12px;
font-weight: bold;
color: #CA0000;
}

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;
position: relative;
}

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

#intel a {
background-image: url(../img/intel-cpu.gif);
display: block;
text-indent: -5541px;
margin-top: 5px;
height: 70px;
}

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

#amd a {
background-image: url(../img/amd-cpu.gif);
display: block;
text-indent: -5541px;
height: 70px;
margin-top: 5px;
margin-bottom: 5px;
}

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

#news {
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;
}

a.r-text {
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;
}

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

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

.r-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;
}

#comfort a {
background-image: url(../img/bg-comfort.jpg);
display: block;
text-indent: -5541px;
height: 65px;
margin-bottom: 5px;
}

#comfort a:hover {
background-image: url(../img/bg-comfort.jpg);
position: relative;
left: 1px;
top: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

#footer h3 a:hover {
color: #036;
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;
}

#win7 {
background-image: url(../img/windows7.jpg);
width: 170px;
display: block;
height: 35px;
text-indent: -5541px;
}

#win7 a {
background-image: url(../img/windows7.jpg);
display: block;
height: 35px;
}

#win7 a:hover {
text-decoration: none;
background-image: url(../img/windows7-hover.jpg);
}

#win7 a:active {
position: relative;
top: 1px;
}

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

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

table {
border-left: solid 1px #666;
border-bottom: solid 1px #666;
width: 550px;
margin-bottom: 15px;
margin-right: auto;
margin-left: auto;
font-size: 12px;
line-height: 140%;
}

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

th {
background-color: #bbddff;
}

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

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

.basic th {
padding: 3px 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.amd th {
background: #999;
padding: 7px 5px;
}

.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: 14px;
background: #FFF url(../img/bg-profit-th.jpg) no-repeat 0px 2px;
vertical-align: text-top;
padding: 0px 0px 5px;
width: 183px;
}

.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;
}

/*直営店一覧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-top: 2px;
padding-bottom: 2px;
}

.yellow {
background: #FDE937;
}

.yellow-p {
background: #FEF8C0;
}

/*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: 30px;
padding-top: 3px;
padding-bottom: 3px;
background: #696;
font-weight: bold;
color: #FFF;
}

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

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


/*TABLEに関する設定ここまで----------------------------------------------------------------------*/
.shoplist td {
font-size: 12px;
width: 90px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}

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

#main ul li {
display: block;
width: 550px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}

#main ul li a {
display: block;
width: 550px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}

#twitter {
height: 300px;
width: 180px;
margin-bottom: 5px;
background: #209bf9;
display: block;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

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

.bglen {
font-size: 12px;
width: 190px;
display: block;
margin: 0px;
padding: 0px;
}

.soku {
height: 125px;
width: 125px;
background: url(../img/bg_soku.jpg);
padding-left: 45px;
}