﻿@charset "UTF-8";

/*
* サイト名: ゲームソフト くらべえ
* URL: http://game.kurabee.net/
*/


body {
 margin: 0;
 padding: 0;
 font: normal normal normal 90%/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-seri;
 color: #000000;
}

a, a:link, a:visited {
 color: #003399;
}

a:hover, a:active {
 color: #F59623;
}

img, a img {
 margin: 0;
 padding: 0;
 border: none;
 text-decoration: none;
}

fieldset {
 border: none;
}

.clear {
 margin: 0;
 padding: 0;
 line-height: 0;
 clear: both;
}

strong {
 font-weight: bold;
}

em {
 font-style: italic;
}

span.strike {
 text-decoration: line-through;
}

span.red {
 color: red;
}

span.red_bold {
 color: red;
 font-weight: bold;
}

span.pink {
 color: #F86B90;
}

span.pink_bold {
 color: #F86B90;
 font-weight: bold;
}

span.white {
 padding: 0 0 0 2px;
 color: #FFF;
 font-weight: bold;
 vertical-align: bottom;
}

span.green_bold {
 color: #66BB50;
 font-weight: bold;
}

span.small {
 font-size: 80%;
}

span.bold {
 font-weight: bold;
}

ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

li {
 margin: 0;
 padding: 0;
}

form {
 margin: 0;
 padding: 0;
}

/**************************************** コンテナ *******************/

div#container {
 width: 900px;
}

div#wrap {
 padding: 10px 0 50px 10px;

}

/***************************** ヘッダー *******************/

div#header {
 zoom: 1;
}

div#header:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div#logo {
 width: 245px;
 float: left;
}

h1 {
 margin: 0;
 padding: 0;
}

div#logo div#description {
 margin: 3px 0 0 0;
}

div#header div.right {
 margin: 0 0 0 275px;
}

div.menu {
 margin: 10px 0 0 0;
}

div.menu ul {
 margin: 0 0 5px 0;
}

div.menu li {
 display: inline;
}

div.header_form {
 width: 545px;
 background: #F2F2F2;
}

div.header_form span.header {
 margin: 0 5px 0 0;
 float: left;
}

div.header_form div.wrap {
 padding: 3px 5px;
}

div.header_form input.text {
 width: 200px;
}

div#header div.go_calendar {
 margin: 5px 0 0 0;
 padding: 0 0 0 20px;
 background: url('items/circle_green_small.gif') no-repeat left center;
}

/***************************** メイン *******************/

div#contents {
 margin: 20px 0 0 0;
}

div#contents:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div#contents div#right {
 width: 625px;
 float: right;
}

div#contents div#left {
 margin: 0 640px 0 0;
}

/***************************** ホーム *******************/

div.home {
}

div.home:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div.home div.left {
 width: 625px;
 float: left;
}

div.home div.right {
 margin: 0 0 0 640px;
}

div.home div.best_seller {
}

div.home div.best_seller h2 {
 margin: 0;
 padding: 0;
 color: #99C81E;
 font-size: 120%;
 line-height: 100%;
}

div.home div.best_seller ul {
 margin: 10px 0 20px 0;
 padding: 0 0 0 20px;
 border-bottom: 1px solid #99C81E;
}

div.home div.best_seller li {
 display: inline;
}

div#best_seller_body {
 height: 300px;
 font-size: 75%;
 zoom: 1;
}

div#best_seller_body:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div#best_seller_body div.item {
 width: 125px;
 height: 150px;
 float: left;
}

div#best_seller_body div.item div.wrap {
 padding: 0 15px 0 0;
}

div.home div.hardware {
}

div.home div.hardware h2 {
 margin: 0;
 padding: 0;
 color: #99C81E;
 font-size: 120%;
 line-height: 100%;
}

div.home div.hardware p {
 margin: 10px 0 0 0;
 padding: 0;
 font-size: 80%;
}

div.hardware_body {
 font-size: 80%;
}

div.hardware_item {
 margin: 20px 0 0 0;
 zoom: 1;
}

div.hardware_item:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div.hardware_left {
 text-align: center;
 width: 75px;
 float: left;
}

div.hardware_right {
 margin: 0 0 0 85px;
}

div.hardware_right ul {
}

div.hardware_right li {
 margin: 0 10px 0 0;
 display: inline;
}

div.home div.release_calendar {
 margin: 30px 0 0 0;
}

div.home div.release_calendar h2 {
 margin: 0;
 padding: 0;
 color: #99C81E;
 font-size: 120%;
 line-height: 100%;
}

div.home div.release_calendar h3 {
 margin: 15px 0;
 padding: 0;
 font-size: 80%;
}

div.home div.release_calendar ul {
 margin: 0 0 0 20px;
 font-size: 80%;
}

div.home div.release_calendar li {
 list-style-type: square;
}

div.home div.release_calendar div.go_calendar {
 margin: 20px 0 0 0;
}

div.home_ads {
 margin: 0 0 5px 0;
}

/***************************** サイドバー *******************/

div.future {
}

div.future ul {
 margin: 15px 5px 0 20px;
 font-size: 80%;
}

div.future li {
 margin: 5px 0 0 0;
 list-style-type: square; 
}

div.future div.go {
 margin: 10px 0 0 5px;
 padding: 0 0 0 17px;
 font-size: 80%;
 font-weight: bold;
 background: url('items/arrow_green_square.gif') no-repeat left center;
}

div.future div.go a:link, div.future div.go a:visited {
 color: #99C81E;
}

div.future div.go a:hover, div.future div.go a:active {
 color: #F59623;
}

/***************************** 検索 *******************/

div.results {
 padding: 0 0 10px 0;
 border-bottom: 1px solid #CCC;
}

div.results h2 {
 margin: 0;
 padding: 0 0 0 20px;
 color: #E62E00;
 font-size: 100%;
 line-height: 100%;
 background: url('items/circle_gray_small.gif') no-repeat left 0.1em;
}

div.no_item {
 margin: 10px 0 0 0;
 padding: 10px 0 0 0;
 border-top: 1px solid #CCC;
}

div.results div.item {
 margin: 10px 0 0 0;
 padding: 10px 10px 0 10px;
 border-top: 1px solid #CCC;
 zoom: 1;
}

div.results div.item:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div.results div.item div.left {
 text-align: center;
 width: 80px;
 float: left;
}

div.results div.item div.left img.platform {
 margin: 3px 0 0 0;
}

div.results div.item div.right {
 margin: 0 0 0 100px;
}

div.results div.item div.right div.title {
 font-weight: bold;
}

div.results div.item dl {
 margin: 0;
 padding: 0;
 font-size: 80%;
 zoom: 1;
}

div.results div.item dl:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div.results div.item dt {
 margin: 0 5px 0 0;
 padding: 0;
 float: left;
}

div.results div.item dd {
 margin: 0;
 padding: 0;
}

div.side_parts {
 padding: 3px;
 border: 1px solid #CCC;
 background: #F2F2F2;
}

div.side_parts div.wrap {
 padding: 3px 3px 10px 3px;
 border: 1px solid #CCC;
 background: #FFF;
}

div.side_parts h3 {
 margin: 0;
 padding: 0 0 0 10px;
 font-size: 100%;
 border-left: 5px solid #91CC18;
}

div.side_parts form {
 margin: 10px 0 0 0;
 padding: 0;
}

div.side_parts input.text {
 width: 180px;
}

div.side_ads {
}

/***************************** カテゴリー *******************/

div.side_parts div.category ul {
 font-size: 80%;
}

div.side_parts div.category li {
 margin: 3px 0 0 0;
}

div.side_parts div.category li a {
 text-decoration: none;
}

div.side_parts div.category li.current {
 padding: 5px 0 5px 10px;
 font-weight: bold;
}

div.side_parts div.category li.children {
 padding: 0 0 0 20px;
}


/****************************** シングル ********************/

h2.single {
 margin: 0 0 20px 0;
 padding: 10px 5px 0 20px;
 font-size: 100%;
 line-height: 100%;
 border-top: 1px solid #CCC;
 background: url('items/circle_green_small.gif') no-repeat left 0.7em;
}

div.single {
 zoom: 1;
}

div.single:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div.single div.left {
 width: 625px;
 float: left;
}

div.single div.right {
 margin: 0 0 0 640px;
}

div.single div.item {
 zoom: 1;
}

div.single div.item:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div.single div.item div.left {
 font-size: 80%;
 width: 180px;
 text-align: center;
 float: left;
}

div.single div.item div.right {
 margin: 0 0 0 200px;
}

div.single div.item ul {
}

div.single div.item li {
 padding: 3px;
 border-bottom: 1px solid #CCC;
}

div.single div.item li span {
 margin: 0 5px 0 0;
 font-weight: bold;
}

div.single div.item div.powered {
 margin: 3px 0 0 0;
 padding: 0 0 0 3px;
 font-size: 70%;
}

div.single div.item div.powered a {
 text-decoration: none;
}

span.price {
 color: #990000;
 font-size: 120%;
 font-weight: bold;
}

div.single div.powered {
 margin: 3px 0 0 0;
 padding: 0 0 0 3px;
 font-size: 70%;
}

/****************************** 価格比較 ********************/

div#hikaku {
 margin: 10px 0 0 0;
 font-size: 80%;
}

div#hikaku div.notes {
 font-size: 90%;
}

div.price_header {
 padding: 3px;
 color: #FFF;
 text-align: center;
 background: #91CC18;
 zoom: 1;
}

div.price_header:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div.price_header_left {
 width: 515px;
 float: left;
}

div.price_header_left div.left {
 width: 385px;
 float: left;
}

div.price_header_left div.center {
 margin: 0 0 0 395px;
 text-align: center;
}

div.price_header_right {
 margin: 0 0 0 525px;
}

div.new {
 padding: 10px 0 0 0;
 zoom: 1;
 background: #F4FBE4;
 border-bottom: 1px solid #CCC;
}

div.used {
 padding: 10px 0 0 0;
 zoom: 1;
 background: #FAFAFA url('items/bg_used.gif') no-repeat right bottom;
 border-bottom: 1px solid #CCC;
}

div.new:after, div.used:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}


div.price div.header {
 background: #91CC18;
}

div.price_left {
 width: 515px;
 float: left;
}

div.price_left div.left {
 width: 385px;
 float: left;
}

div.price_left div.left div.wrap {
 padding: 0 0 0 5px;
}

div.price_left div.left p {
 margin: 10px 0;
}

span.shipping {
 color: #33A02C;
}

div.price_left div.center {
 margin: 0 0 0 395px;
 padding: 20px 0 0 0;
 text-align: center;
}

div.price_right {
 margin: 0 0 0 520px;
 padding: 20px 0 0 0;
}


/****************************** レビュー・評価 ********************/

div#reviews {
 margin: 10px 0 0 0;
}

div.review_header {
 color: #91CC18;
 font-size: 120%;
 font-weight: bold;
}

div.customer_review {
 margin: 0 0 10px 0;
 padding: 10px;
 border: 1px solid #CCC;
}

div.helpful_votes {
 margin: 0 0 5px 0;
 font-size: 80%;
}

div#reviews div.content {
 margin: 10px 0 0 0;
}

div.go_price {
}

div.go_price a:link, div.go_price a:visited {
 padding: 0 0 0 20px;
 color: #91CC18;
 background: url('items/arrow_green.gif') no-repeat left 0.2em;
}

div.go_price a:hover, div.go_price a:active {
 color: #F59623;
 background: url('items/arrow_orange.gif') no-repeat left 0.2em;
}

div.go_amazon_review_page {
}

div.go_amazon_review_page a:link, div.go_amazon_review_page a:visited {
 padding: 0 0 0 20px;
 color: #003399;
 background: url('items/arrow_sky.gif') no-repeat left 0.2em;
}

div.go_amazon_review_page a:hover, div.go_amazon_review_page a:active {
 color: #F59623;
 background: url('items/arrow_orange.gif') no-repeat left 0.2em;
}

div.ads_reviews_bottom {
 margin: 10px 0 0 0;
 padding: 10px 0 0 0;
 border-top: 1px solid #CCC;
}


/****************************** おすすめ商品 ********************/

div.similar_item {
 margin: 10px 0 0 0;
 padding: 10px 0 0 0;
 font-size: 80%;
 border-top: 1px dashed #CCC;
}

div.similar_left {
 text-align: center;
 width: 75px;
 float: left;
}

div.similar_right {
 margin: 0 0 0 85px;
}

/****************************** イベント情報 ********************/

div.event {
 margin: 10px 0 0 0;
 padding: 10px 0 0 0;
 font-size: 80%;
 border-top: 1px dashed #CCC;
}

div.event h4 {
 margin: 0;
 padding: 0;
}

div.event span.term {
 color: #E62E00;
 font-weight: bold;
}

div.event_left {
 text-align: center;
 width: 76px;
 float: left;
}

div.event_right {
 margin: 0 0 0 85px;
}



/****************************** ページャー *******************/

div.pager {
 margin: 20px 0 0 0;
}

div.pager a:link, div.pager a:visited {
 padding: 2px 6px;
 color: #003399;
 text-decoration: none;
 border: 1px solid #666699;
}

div.pager a:hover, div.pager a:active {
 color: #FFF;
 border: 1px solid #F59623;
 background: #F59623;
}

div.pager span.current {
 padding: 2px 6px;
 border: 1px solid #000;
}

/****************************** カレンダー *******************/

div.calendar {
}

div.navi {
 margin: 10px 0 0 0;
 padding: 5px 10px;
 background: #EDF4F8;
}

div.navi ul {
}

div.navi li {
 margin: 0 5px 0 0;
 display: inline;
}

div.calendar h2 {
 margin: 20px 0 0 0;
 padding: 0;
 color: #99C81E;
 font-size: 120%;
 line-height: 100%;
}

div.calendar div.date {
 margin: 20px 0 0 0;
 zoom: 1;
}

div.calendar div.date:after {
 height: 0;
 content: '';
 display: block;
 clear: both;
}

div.calendar div.date div.item {
 font-size: 75%;
 width: 125px;
 height: 120px;
 float: left;
 overflow: hidden;
}

/****************************** アバウト *******************/

div.about {
 margin: 30px 0 0 20px;
 padding: 10px;
}

div.about h3 {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

div.about p {
 margin: 0 0 10px 0;
 padding: 0;
}

div.about div.add_plugin {
 margin: 10px 0 0 0;
 padding: 0;
}

div#mail_form {
}

div#mail_form input.text {
 width: 200px;
}

/****************************** 404 *******************/

div.best_seller_404 {
 margin: 20px 0 0 0;
 padding: 3px;
 border: 1px solid #CCC;
 background: #F2F2F2;
}

div.best_seller_404 div.wrapper {
 padding: 3px 3px 10px 3px;
 border: 1px solid #CCC;
 background: #FFF;
}

div.best_seller_404 h3 {
 margin: 0 0 10px 0;
 padding: 0 0 0 10px;
 font-size: 100%;
 border-left: 5px solid #91CC18;
}

/****************************** フッター *******************/

div#footer {
}

div#footer div.notes {
 margin: 20px 0 0 0;
 font-size: 80%;
 width: 625px;
 border: 1px solid #CCC;
}

div#footer div.notes div.wrap {
 padding: 10px 5px;
}

div#footer div.notes_header {
 color: #91CC18;
 font-weight: bold;
}

div#footer div.notes p {
 margin: 0 0 10px 0;
 padding: 0;
}

div#history {
 margin: 20px 0 0 0;
}

div#history ul {
 margin: 10px 0 0 20px;
 font-size: 80%;
}

div#history li {
 list-style-type: square;
}

div#up {
 margin: 10px 0 0 0;
 text-align: right;
}

div#footer div.powered {
 margin: 10px 0 0 0;
 padding: 10px 0 0 0;
 font-size: 80%;
 text-align: center;
 border-top: 1px solid #CCC;
}

div#footer div.powered img {
 vertical-align: middle;
}

div#footer div.credit {
 margin: 4px 0 15px 0;
 font-size: 80%;
 text-align: center;
}

div#footer div.credit ul {
}

div#footer div.credit li {
 margin: 0 8px;
 display: inline;
}

div#footer div.go_mobile {
 margin: 5px 0 0 0;
 text-align: center;
}

/**************************** HIGHTSLIDE *****/

.highslide {
 cursor: url('js/highslide/graphics/zoomin.cur'), pointer;
}

.highslide-loading {
 display: block;
 color: black;
 font-size: 8pt;
 font-family: sans-serif;
 font-weight: bold;
 text-decoration: none;
 padding: 2px;
 border: 1px solid black;
 background-color: white;
 padding-left: 22px;
 background-image: url('js/highslide/graphics/loader.white.gif');
 background-repeat: no-repeat;
 background-position: 3px 1px;
}

a.highslide-full-expand {
 background: url('js/highslide/graphics/fullexpand.gif') no-repeat;
 display: block;
 margin: 0 10px 10px 0;
 width: 34px;
 height: 34px;
}

.highslide-caption {
 font-size: 80%;
 display: none;
 border: 5px solid white;
 border-top: none;
 padding: 10px 5px 5px 5px;
 background-color: white;
}

.highslide-display-none {  
 display: none;  
}  


.highslide-credits {
 font-size: 70%;
}













