@charset "UTF-8";

/*==============================
	基本タグ設定
==============================*/
body {
	color: #333333;
	background-color: #808080;
	font: normal normal 75%/150% "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	padding: 0;
	margin: 0;
}

p {
	margin: 0 0 1em;
}

a {
	color: #333333;
	backgroung-color: transparent;
	text-decoration: none;
	border-bottom: solid 1px #999999;
}

a:hover {
	color: #FF0000;
	border-bottom: solid 1px #FF9999;
}

a.img {
	text-decoration: none;
	border: none;
}

a.img:hover {
	backgroung-color: transparent;
	border: none;
}

img {
	border: none;
}

strong {
	color:red;
	font-weight: bold;
	font-size: 125%;
	line-height: 100%;
}
em {
	color: red;
	font-weight: normal;
	font-style: normal;
}
sup {
	vertical-align : 20%;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0 0 0.5em;
	padding: 0;
	line-height: 100%;
	font-weight: bold;
}

h1 {
	font-size: 140%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 110%;
}

dt {
	font-weight: bold;
}

dl,ul,ol,form,li {
	margin: 0;
	padding: 0;
}

form p{
	margin: 1px;
	line-height: 120%;
}

textarea {
	font-size: 100%;
	overflow: auto;
}

input, select {
	font-size: 100%;
	line-height: 120%;
}

.clear {
	clear: both;
}

/*==============================
	レイアウト
==============================*/

#base {
	width: 74em;
	margin: 0 auto;			/*	padding を指定すると Fx で高さが異常になる	*/
	background-color: #FFFFFF;
	overflow: hidden;		/*	これがあると float のものも含むようにサイズを維持する	*/
}

#mainblock {
	width: 60em;
	float: left;
}

#main {
	width: 46em;		/*	IE で計算が合わないときはここを調節	*/
	float: right;
	overflow: hidden;	/*	これをしないと IE では崩れやすい	*//*	firefox でこれをつけると計算がおかしくなる	*/
}

#index {
	width: 14em;
	float: left;		/*	これをしないと IE では崩れやすい	*/
	overflow: hidden;	/*	これをしないと IE では崩れやすい	*/
}

#link {
	width: 14em;
	float: left;		/*	これをしないと IE では崩れやすい	*/
	overflow: hidden;	/*	これをしないと IE では崩れやすい	*/
}

/*==============================
	round 基本
==============================*/

.rtop, .rbottom {
	display:block;
	background-color: transparent;
}
.rtop *, .rbottom * {
	display: block;
	height: 1px;
	overflow: hidden;
}

.r1 {
	margin: 0 4px;
}

.r2{
	margin: 0 2px;
}

.r3{
	margin: 0 1px;
	height: 2px;
}

/*==============================
	インデックス/リンクエリア
==============================*/

/*-----------------------------
	タイトル
-----------------------------*/
#titleblock {
	margin: 0.8em;
	padding: 0;
}

#title {
	padding: 0.4em 0;		/*	下を上より大きくあけないと Fx では次のブロック(.r1)と1dot空いてしまうことがある。ただし今はサブタイトルがあるので OK らしい	*/
	font: normal bold 200%/100% "ＭＳ Ｐ明朝", "平成明朝", serif;
	text-align: center;
	vertical-align: center;
	color: #FFFFFF;
}

#title, #titleblock .r1, #titleblock .r2, #titleblock .r3 {
	background-color: #8080FF;
}

#title a {
	color: #FFFFFF;
	backgroung-color: transparent;
	text-decoration: none;
	border-bottom: none;
}

#title a:hover {
	color: #FFFFFF;
	border-bottom: none;
}

#title {
}

#subtitle {
	font-size: 40%;
	font-weight: normal;
	line-height: 140%;
	margin: 0.2em 0 0;
}

/*-----------------------------
	ブロック
-----------------------------*/
.block {
	margin: 0.8em;
	padding: 0;
}

.block h4 {
	margin: 0em;
	padding: 0.2em 0 0.3em;		/*	下を上より大きくあけないと Fx では次のブロック(.frame)と1dot空く頻度が高くなる	*/
	color: #FFFFFF;
	font: normal bold 100%/100% "ＭＳ Ｐ明朝", "平成明朝", serif;
	text-align: center;
	vertical-align: center;
}

.block h4, .block .r1, .block .r2, .block .r3 {
	background-color: #8080FF;
}

.block .frame {
	margin: 0em;
	padding: 0.3em;
	border: solid 2px #8080FF;
	line-height: 140%;
	overflow: hidden;
}

/*-----------------------------
	ブロック内
-----------------------------*/
.frame .counter {
	text-align: center;
	line-height: 100%;
}

.frame .rss {
	text-align: center;
}

/*	関連商品	*/
.frame .similar {
	text-align: center;
}

.frame .similar div {
	margin: 0.8em 0;
	line-height: 130%;
}

.frame .banner {
	margin: 0.8em 0;
	text-align: center;
	line-height: 110%;
}

.frame .banner a {
	text-decoration: none;
	border: none;
}

.frame .banner a:hover {
	backgroung-color: transparent;
	border: none;
}

/*	ランダムカテゴリー	*/
.frame .random {
	text-align: center;
}

.frame .random h5 {
	margin: 0;
	font-size: 100%;
	font-weight: bold;
}

.frame .random div {
	margin: 0.8em 0;
	line-height: 130%;
}

.frame .random div h5 {
	margin: 0.1em 0;
	font-size: 100%;
	font-weight: bold;
}

/*	エントリーリスト	*/
.frame .entrylist {
	margin: 0;
}

.frame .entrylist span.type {
	border-top: solid 1px #FFCCCC;
	border-left: solid 1px #FFCCCC;
	border-right: solid 1px #7F6666;
	border-bottom: solid 1px #7F6666;
	padding: 0.1em;
	background-color: #FFCCCC;
	font-size: 90%;
}

.frame .entrylist span.date {
	font-size: 90%;
}

.frame .entrylist span.category {
	font-size: 90%;
}

/*	BlogPeople	*/
.frame .blogpeople-main {
}

.frame .blogpeople-powered-by {
	text-align: center;
}

.frame .blogpeople-powered-by a {
	text-decoration: none;
	border: none;
}

.frame .blogpeople-powered-by a:hover {
	backgroung-color: transparent;
	border: none;
}

/*	by	*/
.frame .by {
	margin: 0.5em 0 0;
	text-align: center;
}

/*==============================
	本文エリア
==============================*/

/*-----------------------------
	ブラウズメニュー
-----------------------------*/
.browsemenu {
	margin: 0.8em 0;	/*	padding 指定すると崩れる	*/
	border-top: solid 1px #FFFFFF;	/*	これがないと IE で submenu との分裂がおこる	*/
}

ul.mainmenu {
	list-style-type: none;
}

li.mainmenu, li.mainmenu_s {
	float: left;
	width: 4.5em;
	margin-right: 2px;
}

li.mainmenu div, li.mainmenu .r1, li.mainmenu .r2, li.mainmenu .r3 {
	background-color: #6969D2;
}

li.mainmenu_s div, li.mainmenu_s .r1, li.mainmenu_s .r2, li.mainmenu_s .r3 {
	background-color: #8080FF;
}

li.mainmenu div, li.mainmenu_s div {
	border-right: solid 1px #292953;
}

ul.mainmenu div {
	padding: 0.2em 0 0.35em;		/*	下を上より大きくあけないと Fx では次のブロック(.submenu)と1dot空いてしまうことがある	*/
	text-align: center;
	font-size: 120%;
	white-space: nowrap;
}

ul.mainmenu div a, ul.mainmenu div a:hover {
	color: #F0F0F0;
	text-decoration: none;
	border-bottom: none;
}

li.mainmenu_s div a {
	font-weight: bold;
	color: #FFFFFF;
}

li.mainmenu div a:hover, li.mainmenu_s div a:hover {
	color: #FF9999;
}

.submenu {
	padding: 0.5em;
	background-color: #8080FF;
	clear: left;
	line-height: 200%;
	vertical-align: middle;
}

.submenu a {
	margin: 0;
	padding: 0.2em 0.3em;
	background-color: #E8E8FF;
	border-top: solid 1px #E8E8FF;
	border-left: solid 1px #E8E8FF;
	border-right: solid 1px #404080;
	border-bottom: solid 1px #404080;
	font-size: 110%;
	white-space: nowrap;
}

.submenu a.selected {
	background-color: #FFFFFF;
	border-top: solid 1px #404080;
	border-left: solid 1px #404080;
	border-right: solid 1px #E8E8FF;
	border-bottom: solid 1px #E8E8FF;
}

.submenu a:hover, .submenu a.selected:hover {
	background-color: #FFE0E0;
	border-top: solid 1px #404080;
	border-left: solid 1px #404080;
	border-right: solid 1px #E8E8FF;
	border-bottom: solid 1px #E8E8FF;
	color: #333333;
}

/*==============================
	ECS 出力
==============================*/

/*-----------------------------
	共通
-----------------------------*/

.item {
	margin: 0.8em 0;
}

.item h1 {
	margin: 0.5em 0;
}

.item h1 .opt {
	font-size: 90%;
	font-weight: normal;
}

.item h2 {
	margin: 0.1em 0 0.8em;
}

.item hr {
	width: 98%;
	height: 1px;
	background-color: #8080FF;
	border: none;
}

/*-----------------------------
	個別商品表示
-----------------------------*/

/*	共通	*/
.itemdata, .track, .editreview, .customreview, .shoplist, .summary {
	clear: both;
	margin: 1em 0;
	padding: 0.2em 0 0;
	border-top: solid 2px #6969D2;
}

.itemdata table .editreview p, .customreview p {
	margin: 0 0 0.5em;
}

/*	イメージ	*/
.itemsummary {
	margin: 1em 0;
}

.itemsummary .itembutton {
	margin: 0.5em 1em;
	width: 20em;
	float: right;
	text-align: left;
}

.itemsummary .itembutton img {
	border: none;
}

/*	商品データ	*/
.itemdata table {
	border: none;
}

.itemdata th, .itemdata td {
	margin: 0;
	padding: 0 0.2em;
	border: none;
	font-weight: normal;
	line-height: 130%;	/*	リンクする可能性はないので詰める	*/
	vertical-align: top;
}

.itemdata th {
	text-align: right;
	white-space: nowrap;
}

/*	トラック	*/
.track h3 {
	margin: 1em 0 0;
	font-size: 110%;
	font-weight: noraml;
}

.track ol {
}

.track ol li {
	margin-left: 2em;
	line-height: 130%;	/*	リンクする可能性はないので詰める	*/
}

/*	カスタマーレビュー	*/

.customreview h3 {
	margin: 0.5em 0 0;
	font-size: 110%;
	font-weight: bold;
}

.customreview h3 .date {
	font-size: 100%;
	font-weight: normal;
}

/*	販売リスト	*/
.shoplist table {
	width: 100%;
}

.shoplist td, .shoplist th {
	padding: 0 1em 0 0;
	text-align: left;
	vertical-align: top;
}

.shoplist th {
	white-space: nowrap;
}

.shoplist hr {
	width: 100%;
}

.shoplist .condition, .shoplist .price {
	white-space: nowrap;
}

.shoplist .price {
	text-align: right;
}

/*	アダルト警告	*/
.adult_w {
	margin: 2em 0;
	font-weight: bold;
	font-size: 150%;
	text-align: center;
	line-height: 180%;
}

/*-----------------------------
	商品リスト表示
-----------------------------*/

.selsort {
	text-align: center;
	font-weight: bold;
}

.selsort a {
	font-weight: normal;
}

.navi {
}

.navi .prev {
	float: left;
	width: 8em;
	text-align: left;
}

.navi .next {
	float: right;
	width: 8em;
	text-align: right;
}

.navi .pagelist {
	text-align: center;
}

.navi .pagelist .nowpage {
	font-weight: bold;
}

.listitem {
	margin: 0;
	padding:0;
}

.listitem hr {
	width: 100%;
	background-color: #333333;
	clear: both;
}

.listitem h3 {
	margin: 0 0 0.3em;
	font-size: 120%;
	font-weight: bold;
}

.listitem .listimage {
	float: left;
	margin: 0.5em 0.5em 0.5em 0;
}

.listitem .listprice {
	margin: 0 0 0.5em;
	width: 10em;
	float: right;
	text-align: left;
	border: solid 1px #6969D2;
	padding: 0.3em;
}

.listprice tabe {
	margin: 0;
}

.listprice .datetime {
	margin: 0;
	padding: 0;
	text-align: center;
}

.listdata {
	margin: 0 1em 0.5em 0;
}

.listdata th, .listdata td, .listprice th, .listprice td {
	font-weight: normal;
	line-height: 110%;
	vertical-align: top;
}

.listdata th, .listprice th {
	text-align: right;
	white-space: nowrap;
}

.listdata td img {
	vertical-align: top;
}

.item #escape {
	margin: 0.5em 0;
	color: #FF0000;
}

.item .noitem {
	margin: 1em 0;
	color: #FF0000;
	text-align: center;
}

/*-----------------------------
	商品ランキング&サマリー
-----------------------------*/

.summary div {
	float: left;
	width: 8.5em;
	margin: 0 0.2em 0.5em;
	text-align: center;
	line-height: 130%;
	overflow: hidden;
}

.summary div h3 {
	margin: 0 0 0.2em;
	font-size: 100%;
	font-weight: bold;
}

/*-----------------------------
	サーチインデックス
-----------------------------*/
.search_index {
	margin: 0 1em;
	overflow: hidden;	/*	firefox ではこれがないと矩形を保てない	*/
}

.search_index div {
	float: left;
	width: 13em;
	margin: 0 1em 0.5em 0;
	line-height: 120%;
}

/*	Opera では clear をいれないと hidden によって矩形が完全に消失する	*/
.search_index div.clear {
	float: none;
	width: auto;
	margin: 0;
}

/*-----------------------------
	ブラウズノードメニュー
-----------------------------*/

.browse {
	margin: 1em 0;
	border: solid 1px #6969D2;
	padding: 0.5em;
}

.browse h3 {
	margin: 0 0 0.8em;
	font-size: 120%;
	font-weight: bold;
}

.browse div a {
	white-space: nowrap;
	margin-right: 1em;
}

/*==============================
	記事関係
==============================*/

.articlelist {
	margin: 0;
	padding: 0;
}

.article {
	margin: 0 0 2em;
	padding: 0;
	clear: both;
}

.article h1, .articlelist {
	margin: 0 0 0.5em;
	font-size: 140%;
	font-weight: bold;
}

.article h1 span.type, .articlelist span.type {
	border-top: solid 1px #FFCCCC;
	border-left: solid 1px #FFCCCC;
	border-right: solid 1px #7F6666;
	border-bottom: solid 1px #7F6666;
	padding: 0.1em;
	background-color: #FFCCCC;
	font-size: 90%;
}

.article h1 span.date, .articlelist span.date {
	font-size: 80%;
}

.article h1 span.category, .articlelist span.category {
	font-size: 80%;
}

.article hr {
	width: 98%;
	height: 1px;
	background-color: #8080FF;
	border: none;
	clear: both;
}

/*	記事本文	*/
.article .text {
	margin: 0 0 1em;
	padding: 0.5em 0 0;
	border-top: solid 2px #6969D2;
}

.article blockquote {
	margin: 0 1em 1em;
	padding: 0.5em;
	border: solid 1px #333333;
	background-color: #FFFFF0;
}

.article blockquote p {
	margin: 0em;
}

/*	記事中テーブル	*/
.article table {
	margin: 1em auto;
	border: none;
	background-color: #8080FF;
}

.article table th, .article table td {
	border: none;
	background-color: #FFFFFF;
	padding: 0.3em;
	vertical-align: top;
}

.article table th {
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
	background-color: #E8E8FF;
}

.article table thead th {
	text-align: center;
}

.article table td.num {
	text-align: right;
}

.article table td.graph img {
	vertical-align: middle;
}

/*	商品	*/
.article table td.amazonitem {
	text-align: center;
}

/*	アクセス解析	*/
.article table td .referer {
	width: 20em;
	overflow: hidden;
}

/*-----------------------------
	商品紹介
-----------------------------*/

.itemblock {
	width: 12em;
	clear: both;
	float: left;
	border: solid 1px #333333;
	background-color: #F0FFFF;
	margin: 0 0.5em 0.5em 0;
}

.amazonitem {
	margin: 0.5em;
	text-align: center;
}

.amazonitem .itemimage {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

.amazonitem .itemimage a {
	text-decoration: none;
	border: none;
}

.amazonitem .itemimage a:hover {
	backgroung-color: transparent;
	border: none;
}

.amazonitem .itemattribute {
	margin: 0;
	font-size: 90%;
	line-height: 130%;
}

.amazonitem .itemattribute .itemtitle {
}

.amazonitem .itemattribute .itemcreator {
}

.itemfull .amazonitem {
	margin: 0.5em;
	width: 10em;
	float: left;
	text-align: center;
}


/*-----------------------------
	ナビ
-----------------------------*/

.forthback {
	margin: 0 auto 1em;
}

.forthback p {
	margin: 0;
	text-align: center;
}

/*==============================
	BBS
==============================*/
.bbs_form {
	background-color: white;
	border:2px groove white;
	margin-bottom:16px;
	padding:8px;
	text-align:right;
}
.bbs_AuthorUrl {
	font-size:92%;
	line-height:100%;
	text-align:right;
	margin:0px;
	padding:0px;
}

/*==============================
	ツッコミ関係
==============================*/
.writeback {
	margin: 0;
	padding: 0;
	border-top: solid 2px #6969D2;
	text-align: right;
	line-height: 130%;
	clear: both;
}

.writeback form {
	text-align: right;
	margin: 0.5em 0;
}

.writeback form p {
	margin: 0.5em 0;
}

.writeback .url {
	margin: 0.5em 0;
}

.writeback dl, .writeback ul {
	border: 1px solid #6969D2;
	background: #F0FFFF;
	padding: 0.5em;
	margin: 0 0 1em;
	text-align: left;
	overflow: hidden;
}
.writeback dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.writeback dt small {
	font-size: 90%;
}

.writeback dd {
	font-weight: normal;
	margin: 0 0 0.5em 2em;
}

.writeback ul li {
	margin-left: 1.5em;
}

/*==============================
	エラー
==============================*/

.errorblock {
	margin: 0.8em 0;
	padding: 0;
}

.errorblock h2 {
	margin: 0em;
	padding: 0.2em 0 0.3em;		/*	下を上より大きくあけないと Fx では次のブロック(.frame)と1dot空く頻度が高くなる	*/
	color: #FFFFFF;
	font: normal bold 140%/100% "ＭＳ Ｐ明朝", "平成明朝", serif;
	text-align: center;
	vertical-align: center;
}

.errorblock h2, .errorblock .r1, .errorblock .r2, .errorblock .r3 {
	background-color: #8080FF;
}

.errorblock .frame {
	margin: 0em;
	padding: 0.3em;
	border: solid 2px #8080FF;
	overflow: hidden;
	text-align: center;
	font-size: 120%;
	line-height: 140%;
}

/*==============================
	その他
==============================*/
/*	広告(大)	*/

.lbanner {
	margin: 0.8em 0;
	text-align: center;
	clear: both;
}

.lbanner a {
	text-decoration: none;
	border: none;
}

.lbanner a:hover {
	backgroung-color: transparent;
	border: none;
}


/*==============================
	デバッグ
==============================*/
.debug {
	clear: both;
}