@charset "utf-8";

/* ---------- 全体 ---------- */
* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;
	font-size: 90%;
	color: #333333;
	padding: 0;
	background:url(../images/backcolor.jpg) left top repeat;
}
table {
	border-collapse: collapse;
}
td {
	text-align: left;
	vertical-align: top;
}
p {
	line-height: 1.5em;
	margin: 0 0 1.0em;
}
img {
	border: 0;
}
li {
	list-style:none;
	line-height:1.5em;
}
textarea {
	width: 95%;
}
p img,li img {
}

a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear {
	clear: both;
}

/* すき間 */
.spaceY {
	margin: 20px 0 0 0;
}
.spaceYs {
	margin: 15px 0 0 0;
}
.spaceYss {
	margin: 10px 0 0 0;
}
.spaceYL {
	margin: 30px 0 0;
}
.spaceX {
	margin:0 0 0 20px;
}
.spaceTX {
	margin:20px 0 0 20px;
}
.spaceH8 {
	margin:0 0 8px 0;
}
.spaceXsss {
	margin:0 0 0 5px;
}
.spaceXss {
	margin:0 0 0 10px;
}
.spaceXX {
	margin:0 20px;
}
.padXYs {
	padding:15px;
}
.padXYs p {
	margin-bottom:0;
}
.align_c {
	text-align:center;
}
.align_l {
	text-align:left;
}
.align_r {
	text-align:right;
}
.nospace {
	margin:0;
	padding:0;
}
/* ---------- レイアウト ---------- */
/* 全体を包むDIV */
#wrapper {
	margin: 0 auto;
}
/* ヘッダ */
#header_wrapper {
	margin:0 auto;
	background:url(../images/bg_head.jpg) left top repeat-x;
}
#logo {
	float:left;
	width: 150px;
	margin-bottom: 20px;
	padding-left: 20px;
	clear:left;
}
#seo {
	float:right;
	width:500px;
	padding-right: 170px;
	padding-top: 5px;
	font-size: 13px;
}
/* ---------- ヘッダ ---------- */
#header {
	width:810px;
	margin:0 auto;
	text-align: right;
}
#header h1 {
	background:none !important;
	margin:0;
	padding:0 0 0 10px;
	float: left;
	width: 88px;
}
#header li {
	display:inline;
	padding-left: 5px;
}
#header ul {
	padding: 3px 0 9px;
}

/* ヘッダーメニュー */
#head_menu {
	padding:20px 0 0;
}
#head_menu ul {
	margin:0;
	padding:0;
	display: block;
	clear:both;
}
#head_menu li {
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
	display:inline;
}

/* グローバルメニュー */
#menu {
	margin:0;
	padding:0;
	height:50px;
	width:715px;
	list-style:none;
	overflow:hidden;
	text-align:left;
	clear:both;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu li {
	text-align:center;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#menu a {
	float:left;
	padding:50px 0 0 0;
	overflow:hidden;
	height:0 !important;
	height/**/:32px; /*IE5/Winのみが解釈 */
}

#menu a:hover {
	background-position:0 -50px;
}
#menu1 a {
	width:119px;
	background:url(../images/menu01.gif) top left no-repeat;
}
#menu2 a {
	width:96px;
	background:url(../images/menu02.gif) top left no-repeat;
}
#menu3 a {
	width:121px;
	background:url(../images/menu03.gif) top left no-repeat;
}
#menu4 a {
	width:110px;
	background:url(../images/menu04.gif) top left no-repeat;
}
#menu5 a {
	width:118px;
	background:url(../images/menu05.gif) top left no-repeat;
}
#menu6 a {
	width:151px;
	background:url(../images/menu06.gif) top left no-repeat;
}
/* パンくず */
div#crumb {
	font-size: 12px;
	padding:20px 0 0;
	clear: both;
	text-align: left;
	width: 645px;
}
/* コンテンツ（メインコンテンツ+ナビ） */
#contents_wrapper {
	width:850px;
	margin:20px auto;
	text-align: left;
	clear: both;
	background:url(../images/bg_mukashi.gif) 680px top no-repeat;
}

/* メインコンテンツ */
div#mainTOP, div#main {
	margin: 0 0 20px 0;
	width: 653px;
	float: left;
	text-align: left;
	clear: both;
	padding-left: 20px;
}
div#mainTOP {
	padding-top:8px;
}
/* メインコンテンツナビなし */
div#main_wide {
	margin: 0;
	width: 760px;
	text-align: left;
}

/* サイドバー */
div#navi {
	margin: 480px 0 0;
	width: 157px;
	float: right;
	text-align: left;
	background:url(../images/bg_navi.jpg) left top no-repeat;
	height: 236px;
	padding-right: 20px;
}
/* ナビ */
#navi ul {
	margin:10px 0 0 0;
	font-size:12px;
}
#navi li {
	margin:10px 14px 0 14px;
	background:url(../images/line_dot.gif) right bottom repeat-x;
	padding:0 10px 3px;
}
/* goTOP */
#gotop {
	width:760px;
	margin:15px auto;
	text-align:right;
}
/* フッタ */
#footer_wrapper {
	margin: 20ox auto 0;
	text-align: center;
	border-top: #CCCCCC solid 1px;
	padding: 10px 0;
	clear: both;

}
#footer_wrapper li {
	display:inline;
	padding-right:10px;
	font-size:12px;
} 
p#copyright {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 20px 0;
	font-size:12px;
}



/* ---------- トップページ ---------- */
#topmainimg {
	margin-top:8px;
	margin-bottom:8px;
}
.top_info,.item_info {
	background:url(../images/bg_info.jpg) center top no-repeat;
	padding:25px 25px 10px;
}
.top_info dl,.item_info dl {
	color:#333333;
	font-size:12px;
}
.top_info dt,.item_info dt {
	display:block;
	padding-top:10px;
}
.top_info dd,.item_info dd {
	 background:url(../images/line_dot.gif) left bottom repeat-x;
	 display:block;
	 padding-bottom:10px;
	 padding-top:5px;
}
.item_info .form {
	width:180px;
}
/* 検索BOX */
.box {
	padding:0px;
	background: #FEFADE url(../images/bg_searchbox.jpg) left top repeat-y;
	padding: 10px;
}

.box h2 {
	font-size: 132%;
	vertical-align: center;
	background: #FFF url(../images/top_box_title_bg.gif) no-repeat;
	padding: 10px 10px 5px!important;
	margin: 0 !important;
	border: none !important;
}
.boxcontent {
	margin: 0;
	padding: 10px;
	background:url(../images/bg_search_btm.gif) left bottom no-repeat;
}
.boxbottom {
	font-size: 1px;
	background: #FFF url(../images/top_box_bottom.gif) no-repeat;
	height: 10px;
}

/* ---------- 基本情報（検索結果・詳細） ---------- */
/* ---------- フォームでも使っている ---------- */
h6 {
	font-size: 130%;
	border-left: 5px solid #CC6636;
	padding: 3px 6px;
	margin: 15px 0 3px;
}
h6 img {
	vertical-align: middle;
}
table.list {
	width: 100%;
	margin: 1em 0 1em 0;
	font-size: 90%;
}
table.list th,
table.list td {
	font-size: 90%;
	border: 1px solid #CCCCCC;
	line-height: 125%;
}
table.list th {
	background-color: #f0f0f0;
	width: 20%;
	padding: 0.5em 10px;
}
table.list td {
	padding: 0 10px;
	vertical-align: middle;
}

/* ---------- サイトマップ ---------- */
ul.sitemap {
	margin: 20px 0 20px 20px;
	padding: 0;
	list-style: none;
}
ul.sitemap li {
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/arrow_index.gif) left 3px no-repeat;
}
ul.sitemap ul {
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;
}
ul.sitemap li {
	margin: 0.5em 4px;
}
ul.sitemap li li {
}


/* ---------- 見出し ---------- */
h1 {
	background:url(../images/bg_h1.gif) top left no-repeat;
	margin:0 0 20px;
	padding-top:20px;
	padding-left:10px;
	font-size:20px;
	padding-bottom: 20px;
}
#main_wide h1 {
	background:url(../images/bg_h1wide.gif) top left no-repeat;
}
#logo h1 {
	margin:0;
	padding:0;
	background:none;
}
h2 {
	font-size: 15px;
	padding: 7px 10px 10px;
	background:url(../images/bg_h2.gif) left top no-repeat;
	margin-bottom: 15px;
}
.headline_img {
	background:none ;
	margin:0 ;
	padding:0 ;
	border:none;
}
h3 {
	padding-bottom: 3px;
	font-size:16px;
	background: url(../images/line_dot.gif) left bottom repeat-x;
	margin-bottom: 10px;
	color:#333333;
}
h4 {
	font-size: 16px;
	background:url(../images/bg_h4.gif) left top repeat-y;
	padding-left: 10px;
	padding: 5px 0 5px 10px;
	margin-bottom: 10px;
}

/* ---------- テキスト ---------- */
.textS {
	font-size: 79%;
	line-height: 127%;
	margin: 2px;
}
.textM {
	font-size: 87%;
}

.textB {
	font-size: 105%;
	line-height: 140%;
	font-weight: bolder;
}
.fborderR {
	border: 2px solid #FF0000;
}
.ftextR {
	color: #FF0000;
}
.textC {
	font-size: 74%;
	line-height: 127%;
	margin: 5px 0 0 0;
}
.textIndent {
	text-indent:-0.5em;
	margin-left: 0.5em;
}
.textItemname {
	line-height:100%;
	font-weight:bold;
	color:#333333;
	margin:0;
}
.textPrice {
	color:#FF0000;
	line-height:100%;
	padding-top:5px;
	margin:5px 0;
}
.item_info .textPrice {
	text-align:right;
	font-weight:bold;
	padding-bottom: 3px;
	font-size:16px;
	background: url(../images/line_dot.gif) left bottom repeat-x;
}
.textabout {
	font-size: 13px;
}

/* ライン */
.line_dot {
	background:url(../images/line_dot.gif) left bottom repeat-x;
	padding:0 0 5px 0;
}

p.arrow {
	background:url(../images/arrow.gif) left top no-repeat;
	font-size: 87%;
	line-height: 150%;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
}

/* テーブル内の高さの中央寄せ */
.valign_mid {
	vertical-align:middle;
}

/* テーブル内のテキストの位置 */
table p { 
	margin:10px;
} 
.table2 p { 
	margin:0;
} 
.table3 p { 
	margin:5px;
}

/* 背景色 */
.bg_yellow {
	background:#FFFFCC;
	padding:10px;
	margin-top:5px;
}

table.gray {
	border-collapse : collapse ;
	border:solid 1px #dadada;
	margin:1px 0 0;
}

table.gray thead tr {
	background-color:#FFFFCC;
	font-weight:bold;
}
table.gray td {
	border:solid 1px #dadada;
	padding:5px 10px;
}
.bg_gray {
	background-color:#F3F3F3;
}
table.gray p.textM {
	margin:0;
}

.iteminfo {
	background:url(../images/bg_iteminfo.jpg) left top no-repeat;
	padding:8px 0;
}
.iteminfo p {
	padding:0 10px;
}
/* サイトマップ */
#sitemap {
	padding-left:20px;
}
#sitemap ul ul {
	margin-left:40px;
}
#sitemap li {
	padding: 10px 0 10px 0;
	font-size:12px;
}
#sitemap .branch1 {
	background:url(../map/images/branch.gif) left top no-repeat;
	padding-left:20px;
}
.wid300 {
	width:300px;
}
.wid200 {
	width:200px;
}

.textM .textM {
	font-size:100%;
}
.itemImg {
	padding-bottom:10px;
}
.itemImg a img {
	border:#CCCCCC solid 3px;
}
.itemImg a:hover img {
	border-color:#D6AE62;
}
.thumImg a img {
	border:#CCCCCC solid 1px;
}
.thumImg a:hover img {
	border-color:#D6AE62;
}
ul.itemDescription li {
	display:block;
	float:left;
	width:130px;
	border-top:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
	background:#FFFFFF;
	text-align:center;
	margin-right:2px;
	margin-top:20px;
	padding:5px auto;
}
div.itemDescription {
	width:603px;
	background:#FFFFFF url(../images/bg_caption.jpg) right top no-repeat;
	text-align:left;
	margin:0;
	padding:10px;
	margin:20px 0 0 0;
	border:#CCCCCC solid 1px;
	clear:both;
}
object.itemDescription {
	padding: 10px;
	border:none !important;
	clear:both;
	width:645px;
	height:300px;
	background:#FFFFFF;
}
div.itemsize {
	width:603px;
	background:#FFFFFF;
	text-align:left;
	margin:0;
	padding:10px;
	margin:20px 0 0 0;
	border:#CCCCCC solid 1px;
	clear:both;
}
div.itemDescriptionW {
	width:603px;
	background:#FFFFFF url(../tatamiw/images/bg_caption.jpg) right top no-repeat;
	text-align:left;
	margin:0;
	padding:10px;
	margin:20px 0 0 0;
	border:#CCCCCC solid 1px;
	clear:both;
}

#paypal img{
	vertical-align:middle;
}