@charset "UTF-8";

/* floatした側のmarginは設定しない */

/* global */

* {
	margin:0;
	padding:0;
	font-family:Arial,Verdana,sans-serif;
}
body {
	line-height:140%;
}
a:link {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	background-color:#E3F4FF;
}
img {
	border:0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-size:100%;
}


/* parts */

div.clear {
	clear:both;
}


/* top page */
div.top_page {
	text-align:center;
}
div.top_page div.logo {
	margin:2em 0 1em 0;
}
div.top_page div.description {
	margin-bottom:1em;
}
div.top_page div.footer {
	font-size:80%;
	margin-top:15px;
	color:#666666;
}


/* result form (header) */

#result_form {
	height: 31px;/* 要検討*/
	margin: 10px; 
}
#result_form #logo {
	float: left;
	/* float側のマージンは設定しない */
	margin-right: 10px;
}
#result_form #form {
	float: left;
}


/* result status bar */

#result_status
{
	clear: both;
	margin:0 10px 0 10px;
	padding: 1px 5px 2px 5px;
	background-color: #E3F4FF;
	border-top: solid 1px #A4DBFF;
}
#result_status h1 {
	display: inline;
}
#result_status .keyword
{
	font-weight:bold;
}


/* results_container */

/* do not set margin , padding and border! */
#results_container {
	width: 100%;
}

/* do not set margin , padding and border! */
#results_container #results_left {
	width: 100%;
	float: left;
	/* nagative margine */
	margin-right: -300px; /* フローティングメニューに潜らせる */
}

/* do not set margin , padding and border! */
/* right menu */

div#results_right
{
	width: 300px;
	float: left;
}

div#results_right div.box {
	width:280px;
	margin-left:10px;
	margin-top:15px;
}

div#results_right h4 {
/*	color:#fff;*/
	background-color:#b0c4de;
	padding:1px 3px;
	border-top:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	/* 指定できる幅は280-1-1=278px */
}
div#results_right ul {
	padding:1px 3px;
	list-style-type:none;
}
div#results_right div.contents {
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
}

/* stock search result */

div.store {
	/* nagative margin */
	margin-right: 300px; /* フローティングメニューに要素を重ねない */
	margin-top: 10px;
	margin-left:10px;
	border-bottom: dashed 1px #CCCCCC;
}
div.store h2.name {
	font-size: 110%;
	font-weight: bold;
}
div.store .stock
{
	margin-bottom: 10px;
	padding-left: 18px;
	background: url("/img/arrow.png") no-repeat 0 50%; /* w15 * h12 */
}
div.store img.loading
{
	margin-right: 3px;
}


/* inlineframe */
body#store_stock_iframe {
	padding:0;
	margin:0;
}
div.store_stock_iframe {
	white-space:nowrap;
}


/* keyword search result */

div.item {
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;
}
div.item div.image {
	float:left;
	width:77px; /* 1+75+1 */
}
div.item div.image img {
	border:solid 1px #999999;
}
div.item div.detail {
	float:left;
}
div.item div.line {
	margin:0;
	padding:0;
	clear:both;
	border-bottom:dashed 1px #CCCCCC;
	width:100%; /* IEのバグ対策 */
	height:10px;
}
div.item h2 {
	display: inline;
	font-weight:bold;
}
div.item div.authors {
	font-size:90%;
}
div.item p.search_this {
	margin-top:0.5em;
}
div.item a.buy_amazon {
	font-size:80%;
}


/* page_index (result_footer) */

div#page_index {
	margin:20px 10px;
	font-size:110%;
	text-align:center;
}
div#page_index span.num
{
	padding:0 0.5em;
/*	padding: 5px;
	border: solid 1px #CCCCCC;*/
}


/* result option (footer) */

#result_option
{
	clear: both;
	margin: 0 10px;
	padding: 2px 5px 1px 5px;
	background-color: #E3F4FF;
	border-bottom: solid 1px #A4DBFF;
	text-align: right;
	font-size: 85%;
}


/* dialog */

.dialog {
	clear: both;
	margin: 30px;
	color: #000000;
	border: dotted 1px #CCCCCC;
}
.dialog .caution {
	padding: 10px 10px 10px 74px; /* 52+12+10 */
	background: url("/img/caution.png") no-repeat 12px 50%; /* 52 * 52 */
}
.dialog .information {
	padding: 10px 10px 10px 74px; /* 58+12+10 */
	background: url("/img/information.png") no-repeat 12px 50%; /* 52 * 52 */
}









/**/

#footer
{
	margin-top: 10px;
	font-size: 80%;
	text-align: center;
	color: #999999;
}
#footer a
{
	color: #999999;
}
noscript
{
	font-size: 120%;
}

#navigation
{
	font-size: 70%;
}





















/* オプション */
form#option {
	margin:10px;
}
form#option input {
	margin-left:3px;
	margin-right:5px;
}
.option_summary
{
	margin: 10px 0 10px 0;
}
.option_category
{
	padding: 10px 0 10px 0;
	border-top: dotted 1px #CCCCCC;
}




/* ----- */

/* for test */
.tooltip,
.actionHint {
  border: 1px solid #666666;
  background-color: #FFFFCC;
  font-family: Tahoma, Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
  width: 400px;
  padding: 2px 4px;
  z-index: 100;
/*  display: none; */
}
.tooltip h4,
.actionHint h4 {
  font-size: 11px;
  background-color: #FFCC99;
  margin: -2px -4px 3px -4px;
  padding: 1px 4px 1px 4px;
}
.tooltip p,
.actionHint p {
  margin: 0;
}
.actionHint {
  width: 140px;
}