@charset "UTF-8";
@import "_initialize.css"; /*初期化*/
@import "base.css"; /*便利*/

html{font-family:'Helvetica','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif,'メイリオ',Meiryo;}

body{
	font-size:13px;
	/*\*/
	font-size:small;
	font:x-small;
	/**/
	line-height:1.231;
}
h1,h2,h3,h4{font-size:100%;}
table{font-size:inherit;font:100%;}


/* LAYOUT
-------------------------------------------- */
body{text-align:center;}
#wrap{
width:980px;
margin:0 auto;
text-align:left;
}

#header{}

#body{float:left;
width:770px;}
#side{float:right;
width:200px;}

#content{float:right;
width:580px;
}
#menu{float:left;
width:180px;}

#footer{clear:both;}


/* DETAIL
-------------------------------------------- */

h1{
font-size:12px; font-weight:normal;
color:#fff;
height:20px; line-height:20px; padding:0 5px;
background-color:#003663;
}

#header{
background:url(../images/header.jpg) no-repeat bottom;
width:980px; height:100px;
}

#header h2,#header p{text-indent:-9999em;}

#news{}
#news li{
float:left; width:280px;
padding:0 5px 10px;
}

#main{margin-bottom:20px;}
#main li{
float:left;
}

.textBox{margin-bottom:15px;}
.textBox h2{
background:url(../images/mid_title.jpg) no-repeat;
height:30px; line-height:30px;
font-size:14px; color:#fff;
padding-left:15px;
margin-bottom:10px;
}



.textBox a{
font-size:12px;
color:#000;
text-decoration: none;

}







#prime-ranking{ margin-bottom:15px;}
#prime-ranking h2{
background:url(../images/mid_rank_head.jpg);
height:30px;
text-indent:-9999em;
}
#prime-ranking ul{
background:url(../images/mid_rank_bg.jpg) repeat-y;
padding:1px 1px 0;
border-bottom:1px solid #666;
}

#prime-ranking li{
float:left;
width:145px;
position:relative; height:180px;
padding-bottom:30px;
}

#prime-ranking li.gamepc{width:144px;}
#prime-ranking li.tower{}
#prime-ranking li.minitower{}
#prime-ranking li.notepc{width:144px;}

#prime-ranking li h3{text-indent:-999em;
background-repeat:no-repeat;
height:30px;
background-position:5px 2px;
}

#prime-ranking li.gamepc h3{ background-image:url(../images/mid_rank_1.jpg);}
#prime-ranking li.tower h3{background-image:url(../images/mid_rank_2.jpg);}
#prime-ranking li.minitower h3{background-image:url(../images/mid_rank_3.jpg);}
#prime-ranking li.notepc h3{background-image:url(../images/mid_rank_4.jpg);}

#prime-ranking dl{font-size:12px;}
#prime-ranking dt{
padding:0 5px 5px;
}
#prime-ranking dd{
text-align:right;
color:#f00;
padding-right:5px;
padding-bottom:8px;
}

#prime-ranking p.lineup{
position:absolute;
width:144px;
bottom:0;
background:#fc0;
height:30px; line-height:30px;
font-size:10px;
}

#prime-ranking li.gamepc p.lineup{width:143px;}
#prime-ranking li.tower p.lineup{}
#prime-ranking li.minitower p.lineup{}
#prime-ranking li.notepc p.lineup{}

#prime-ranking p.lineup a:link{
color:#333;
}


#ichiran{ margin-bottom:20px;}
#ichiran h2{
background:url(../images/mid_ichiran_head.jpg) no-repeat;
height:30px; line-height:30px;
color:#fff;
padding-left:15px; margin-bottom:5px;
}

#ichiran table{border:1px solid #666; background:#DCE1E6;}

#ichiran table td{border-right:#036 solid 1px;}
#ichiran table td.galleria,#ichiran table td.compact{border:none;}

#ichiran h3{
text-align:center;
color:#fff; font-size:12px; font-weight:normal;
border-top:5px solid #999;
height:25px; line-height:25px;
background:#44649C;
}

#ichiran td p{
font-size:12px;
padding:10px 5px 10px 80px;
background-position:5px center;
background-repeat:no-repeat;
}

#ichiran td.tower p{ background-image:url(../images/mid_ichiran_1towerpc.jpg);}
#ichiran td.minitower p{ background-image:url(../images/mid_ichiran_2minitower.jpg);}
#ichiran td.compact p{ background-image:url(../images/mid_ichiran_3compact.jpg);}
#ichiran td.notebook p{ background-image:url(../images/mid_ichiran_4notebook.jpg);}
#ichiran td.netbook p{background-image:url(../images/mid_ichiran_5netbook.jpg);}
#ichiran td.galleria p{background-image:url(../images/mid_ichiran_6galleria.jpg);}


/* MENU
-------------------------------------------- */
#genre{margin-bottom:20px;}

#genre h2{
color:#fff;
background:url(../images/menu1_head.jpg) no-repeat;
height:32px; line-height:32px;
padding:0 10px;
}

#genre li a{display:block;
height:40px;
text-indent:-9999em;
background-repeat:no-repeat;
}

#genre li.tower a{background-image:url(../images/menu1_1.jpg);}
#genre li.minitower a{background-image:url(../images/menu1_2.jpg);}
#genre li.compact a{background-image:url(../images/menu1_3.jpg);}
#genre li.notebook a{background-image:url(../images/menu1_4.jpg);}
#genre li.netbook a{background-image:url(../images/menu1_5.jpg);}
#genre li.galleria a{background-image:url(../images/menu1_6.jpg);}

#genre li a:link,#genre li a:visited{background-position:0 0;}
#genre li a:hover{background-position:-180px 0;}


#price{margin-bottom:20px;}

#price h2{
color:#fff; font-weight:normal;
background:url(../images/menu2_head.jpg) no-repeat;
height:32px; line-height:32px;
padding:0 10px;
border-bottom:1px solid #666;
}

#price h3{
border-right:1px solid #666;
border-left:1px solid #666;
color:#fff; font-weight:normal;
text-align:center; padding:2px;
background-color:#C18799;
}

#price li a{display:block;
height:40px;
text-indent:-9999em;
background-repeat:no-repeat;
}

#price li.p3-5 a{background-image:url(../images/menu2_1.jpg);}
#price li.p5-7 a{background-image:url(../images/menu2_2.jpg);}
#price li.p7-10 a{background-image:url(../images/menu2_3.jpg);}
#price li.p10-15 a{background-image:url(../images/menu2_4.jpg);}
#price li.p15over a{background-image:url(../images/menu2_5.jpg);}
#price li.p10less a{background-image:url(../images/menu2_6.jpg);}
#price li.p10over a{background-image:url(../images/menu2_7.jpg);}

#price li a:link,#price li a:visited{background-position:0 0;}
#price li a:hover{background-position:-180px 0;}


#dosparanews{
border:1px solid #960;
background-color:#F2F2E5;
margin-bottom:20px;
}
#dosparanews h2{
background-color:#FF934C;
height:30px; line-height:30px;
padding:0 5px; color:#fff;
font-weight:normal;
border-bottom:5px solid #DEB89A;
}

#dosparanews li{
padding:5px;
list-style:inside disc;
font-size:12px;
border-bottom:#D3D3C8 1px solid;
}
#dosparanews li.last{border:none;}


#green{margin-bottom:20px;}
#green h2{
color:#fff; font-weight:normal;
background:url(../images/menu3_head.jpg) no-repeat;
height:32px; line-height:32px;
padding:0 10px;
border-bottom:1px solid #666;
}

#green ul{
border:1px solid #666;
background-color:#CDEFC1;
}

#green li{
padding:5px;
padding-left:20px;
background:url(../images/menu3_arrow.jpg) no-repeat 7px 7px;
line-height:1.5; font-size:14px;
border-bottom:1px solid #fff;
}
#green li.last{border:none;}

#green li a{
color:#000; text-decoration:none;
}

#ninki{margin-bottom:20px;}
#ninki h2{
color:#fff; font-weight:normal;
background:url(../images/menu4og_head.jpg) no-repeat;
height:32px; line-height:32px;
padding:0 10px;
border-bottom:1px solid #666;
}


/* SIDE
-------------------------------------------- */

#ranking{border-bottom:#A5CF00 1px solid; margin-bottom:20px;}
#ranking h2{
background:url(../images/rgt_rank_head.jpg) no-repeat;
width:200px; height:70px;
text-indent:-999em;
border-bottom:5px solid #f90;
}

#ranking li{
border-right:#A5CF00 1px solid;
border-left:#A5CF00 1px solid;
padding:10px 5px 5px;
font-size:12px;
background-color:#ff9;
background-position:120px 25px;
background-repeat:no-repeat;
}

#ranking li.rank1{background-image:url(../images/rgt_rank_1.jpg);}
#ranking li.rank2{background-image:url(../images/rgt_rank_2.jpg); background-color:#ffc;}
#ranking li.rank3{background-image:url(../images/rgt_rank_3.jpg);}

#ranking h3{
color:#030;
margin-bottom:5px;
}

#ranking h3 span{
color:#fff;
background-color:#003300;
padding:5px 3px 3px 8px;
margin-right:10px;
}


#ranking p{
color:#069;
width:110px;
}
#ranking p.price{
font-weight:bold;
color:#f00;
}

#galleria{margin-bottom:20px;}
#galleria h2 a{display:block; text-indent:-9999em;
background:url(../images/rgt_bnr_galleria.jpg);
width:200px; height:70px;
}

/* --------------------------------------
menu:180px
content:580px
side:200px
-------------------------------------- */

/*--------------------------------------------------------
■フッターメニュー
--------------------------------------------------------*/

div#footer{
	clear: both;
	width: 980px;
	text-align: center;
	padding-top: 20px;
	padding-left: 0px;
}


/*--------------------▽フッター内で使用する線*/

div#footer hr{
	clear: both;
	color: #aaa;
}


/*/*--------------------▽メニューリスト*/

div#footer .menu{
	margin: 0 0 7px 0;
background-color:#333;
padding:10px 10px;
color:#fff; margin-bottom:10px;
}

div#footer .menu ul{
padding:10px 10px;
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
}

div#footer .menu li{
	display: inline;
	margin-right: 8px;
	padding-left: 10px;
	color: #666;
	font-size: 8.5pt;
	line-height: 14pt;
	border-left: 1px solid #666;
}

div#footer .menu a{ color: #666; text-decoration: none; }
div#footer .menu a:hover{ color: #666; text-decoration: none; }

div#footer p{
	clear: both;
	margin-left: 20px;
	margin-right: 20px;
	color: #666;
	text-align: left;
}



div#footer dl{
	clear: both;
	margin-left: 20px;
	margin-right: 20px;
	color: #666;
	font-size: 8.5pt;
	text-align: left;
}


/*--------------------------------------------------------
■Copyright
--------------------------------------------------------*/

div#footer #copyright{
	clear: both;
	padding: 5px 0 5px 0;
	width: 980px;
	font-size: 10pt;
	line-height: 14pt;
	color: #666;
}

div#footer #copyright a{ color: #666; text-decoration: none; }
div#footer #copyright a:hover{ color: #666; text-decoration: none; }
#main-area .contents2 .ranking .gzou1 {
	float: left;
	height: 300px;
	width: 200px;
}