/* CSS Document */

/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Reset
==========================================================*/
*        { margin:0;padding:0; }
img      { border:none;vertical-align:top; }
p        { margin:0;padding:0; }
b,strong { font-weight:bold; }
ul       { margin:0;padding:0; }
li       { margin:0;padding:0;list-style:none; }
dl       { margin:0;padding:0; }
dt       { margin:0;padding:0; }
dd       { margin:0;padding:0; }
.clear   { clear:both;}

h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	clear:both;
	}


/* ---------- reset ---------- */

*
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

/* ---------- reset_end ---------- */

/* ---------- body ---------- */

body
{
	text-align:center;
	background:#000 url(img/back.jpg) repeat-x top;
}

a
{
	text-decoration:none;
	color:#f8657a;
}

a:hover
{
	text-decoration:underline;
	color:#bc3a4c;
}

div.separate
{
	clear:both;
}

hr.clear
{
	display:none;
}

/* ---------- body_end ---------- */

/* ---------- container ---------- */

div#wrap-container {
	position:relative;
	width:806px;
	margin:0 auto;
	clear:both;
	background-color:#000000;
  background-image:url(http://www.ats-collection.com/img/container-bg.jpg);
  background-position:center top;
  background-position:left top;
	}

div#container
{
	width:800px;
	margin:0 auto;
	clear:both;
}

/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,
div#container:after,
div#wrapper:after,
div#content:after,
div#header:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   overflow: hidden;
}
.clearfix,
div#container,
div#wrapper,
div#content,
div#header { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,
* html div#container,
* html div#wrapper,
* html div#content,
* html div#header  { height: 1% }
.clearfix,
div#container,
div#wrapper,
div#content,
div#header  {display:block;}


/* ---------- container_end ---------- */

/* ---------- header ---------- */

div#header
{
  width:806px;
  height:310px;
  overflow:hidden;
  display:block;
	/*background:url(img/header.jpg) no-repeat;*/
}

body#category div#header
{
	width:806px;
	/*background:url(img/header2.jpg) no-repeat;*/
}

div#header img
{
	float:left;
	margin:22px 0 0 0;
}

div#header p
{
	text-align:right;
	font-size:70%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	position:relative;
	top:45px;
	left:0;
}

/* ---------- header_end ---------- */

/* ---------- banner ---------- */

div#banner
{
	width:800px;
	margin:0;
	text-align:left;
}

div#banner-inner
{
	color:#374d67;
}

div#banner-inner h1
{
	position:relative;
	left:0;
	font-size:80%;
	font-weight:100;
	font-family:sans-serif, "ＭＳ ゴシック", Verdana, osaka;
	letter-spacing:0.1em;
	width:95%;
}

div#banner-inner h1 a
{
	color:#374d67;
	text-decoration:none;
}

div#banner-inner h1 a:hover
{
	text-decoration:underline;
}

div#banner-inner h2
{
	position:relative;
	left:0;
	font-size:80%;	
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	width:95%;
}

/* ---------- banner_end ---------- */

/* ---------- wrapper ---------- */

div#wrapper
{
	width:800px;
	margin:0 auto;
	background:#000 url(img/container-bg.jpg) repeat-y;
}

/* ---------- wrapper_end ---------- */

/* ---------- main ---------- */


div#wrap-main {
  float:right;
  clear:right;
  width:590px;
}
	
div.main-head {
	width:576px;
	height:10px; 
	overflow:hidden;
	}

div#main {
	width:576px;
	overflow:hidden;
	text-align:left;
  margin:0px auto;
	}

div.main-foot {
	width:576px;
	height:10px;
	overflow:hidden;
	}
	
div.main p
{
	font-size:12px;
	color:#ffffff;
	line-height:20px;
	padding-bottom:10px;
}

div.main-contents {
	padding:10px 10px;
	padding-top:0;
	color:#FFFFFF;
	}

div.main-contents p{
    font-size:12px;
	margin-bottom:10px;
	line-height:150%;
	}

div.info-box {
	height: 200px;
	width: 535px;
	padding:0px 10px 10px 20px;
       overflow: auto;
}

div.info-box ul li {
	list-style:none;
	text-align:left;
	line-height:20px;
	font-size:12px;
	}

div.info-box p
{
	font-size:80%;
	color:#ffffff;
	line-height:150%;
	margin:0 10px 10px 0;
}

div#info-box li{font-size: 12px}

div.news-box
{
	margin-bottom:40px;
}

div.news-box h3
{
	font-size:2px;
	text-indent:-9999px;
	background-image:url(img/new-topics.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:inherit;
	width:540px;
	height:25px;
}

div.news-box-inner ul
{
	list-style-type:none;
	width:540px;
}

div.news-box-inner li
{
	font-size:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#666666;
	line-height:150%;
	list-style-position:outside;
	display:block;
	color:inherit;
	border-bottom:1px solid #dddcdc;
	padding-bottom:1px;
	width:100%;
}

span.list-border
{
	display:block;
	padding: 6px 0 6px 26px;
	background-color:transparent;
	background-image:url(img/link-h6.gif);
	background-position:7px 12px;
	background-repeat:no-repeat;
}

/* ---------- main_end ---------- */



/* ---------- category-archives ---------- */

div.side-title {
	height:45px;
	background:url(img/side-title.jpg) no-repeat center;
	line-height:45px;
	text-align:left;
	padding-left:15px;
	color:#FFFFFF;
	font-size:14px;
	}

div#sidebar
{
  float:left;
  width:210px;
  clear:left;
}

div.side-form {
	padding-left:13px;
	margin-top:5px;
	}
div.side-cont-wrap {
	width:182px;
	}

div.side-cont ul li {
	background:url(img/side-body-title.jpg) no-repeat;
	height:32px;
	line-height:36px;
	text-align:left;
	list-style:none;
	padding-left:15px;
	color:#FFFFFF;
	font-size:15px;
	display:block;
	}

div.side-cont ul li a {
	color:#FFFFFF;
	}

div.side-cont ul li a:hover {
	color:#f8657a;
	}
div.side-body-wrap {
	width:175px;
	background-color:#040001;
	padding-bottom:3px;
	}

div.side-body ul li {
	background:url(img/side-menu.jpg) no-repeat;
	height:28px;
	padding-left:30px;
	line-height:28px;
	font-size:14px;
	color:#FFFFFF;
	list-style:none;
	text-align:left;
	display:block;
}

div.side-body ul li a {
	color:#FFFFFF;
}


/* ---------- category-archives_end ---------- */

/* ---------- footer ---------- */

div#footer {
  clear:both;
  display:block;
	width:800px;
	height:48px;
	background:url(img/footer.jpg) repeat;
	padding:5px 0;
	font-size:12px;
}

div#footer a{
	color:#FFFFFF;
}

div#footer p
{
	color:#FFFFFF;
	font-size:80%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 0;
}


div#footer ul {
	text-align:center;
	}
	
div#footer ul li{
	display:inline;
	color:#FFFFFF;
	}

	
div#footer ul li a{
	display:inline;
	color:#FFFFFF;
	}

	
div#footer ul li a:hover{
	display:inline;
	text-decoration:underline;
	}



/* ---------- footer_end ---------- */

/* ---------- archives ---------- */

div#main p.navi
{
	font-size:60%;
	font-weight:normal;
	padding:0 10px 5px 0;
	margin-bottom:15px;
}

div#main p.navi a
{
	text-decoration:none;
}

div#main p.navi a:hover
{
	text-decoration:underline;
}

div.entry
{
	color:#fff;
}

div.entry-content {
	}

h3.entry-header
{
	font-size:80%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#fff;
	background: url(img/h3.gif) repeat-x left bottom;
	padding:0 5px 5px 5px;
	borde:none;
	line-height:150%;
	margin:0 10px 20px 0;
}

h3.entry-header a
{
	color:#fff;
	background-color:transparent;
	text-decoration:none;
}

h3.entry-header a:hover
{
	color:#4e6a8a;
	background-color:transparent;
	text-decoration:underline;
}

div.entry p,
div.comments-body p,
p.comments-open-moderated
{
	font-size:12px;
	color:#ffffff;
	line-height:20px;
	text-align:left;
	margin:15px;
}

div.entry-body {
	padding:10px 10px;
	}

div.entry blockquote,
div.entry-body blockquote
{
	font-size:80%;
	line-height:150%;
	color:#555555;
	background:#eeeeee;
	padding:15px;
	margin-bottom:20px;
}


h1 {
	color:#FFFFFF;
	font-size:13px;
	text-align:left;
	margin-left:30px;
}

h2 {
	background:url(img/h2.jpg) no-repeat;
	height:27px;
	line-height:27px;
	text-align:left;
	padding-left:15px;
	color:#FFFFFF;
	font-size:14px;
	margin-bottom:10px;
}


div.trackbacks h4,
div.comments h4
{
	font-size:80%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#fff;
	background:transparent url(img/h4.gif) repeat-x left bottom;
	padding:0 15px 5px 5px;
	borde:none;
	line-height:150%;
	margin:0 10px 20px 0;
}


h3 {
	background:url(img/h3.jpg) no-repeat bottom left;
	text-align:left;
	padding:0 0 7px 5px;
	margin:0 2px;
	font-size:14px;
	color:#FFFFFF;
}



div.entry h4,
div.entry-body h4
{
	font-size:80%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#fff;
	background:transparent url(img/h4.gif) repeat-x left bottom;
	padding:0 5px 5px 5px;
	borde:none;
	line-height:150%;
	margin-bottom:20px;
}

div.entry h5,
div.entry-body h5
{
	font-size:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#5b5b5b;
	background:transparent url(img/h5.gif) no-repeat 2px 6px;
	padding: 0 10px 0 16px;
	line-height:150%;
	margin-bottom:10px;
}

div.entry h6,
div.entry-body h6
{
	font-size:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#5b5b5b;
	background:transparent url(img/link-h6.gif) no-repeat 0 6px;
	padding: 0 10px 0 16px;
	line-height:150%;
	margin-bottom:10px;
}

div.entry-tags h4
{
	font-size:80%;
	font-weight:bold;	font-family:Verdana,"ＭＳ ゴシック";
	color:#fff;
	background:transparent url(img/h6_bg.gif) no-repeat 2px 2px;
	padding: 0 10px 0 25px;
	line-height:150%;
	margin-bottom:5px;
	border:0;
}
div.entry-tags-inner
{
	color:inherit;
	background-color:#e4f1f1;
	padding:15px 15px 10px 15px;
}
div.entry-tags ul
{
	list-style-type:none;
	margin-bottom:20px;
}
div.entry-tags ul li
{
	color:#339999;
	background-color:transparent;
	font-size:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	float:left;
	margin-right:10px;
}

div.entry-info
{
	margin-bottom:20px;
}

div.entry-info ul
{
	list-style-type:none;
	text-align:right;
	border-top:2px solid #d8d8d8;
	padding:5px 0 10px 0;
	width:100%;
}

div.entry-info ul li
{
	font-size:60%;
	color:#666666;
	background-color:inherit;
	display:inline;
}

div.entry-content
{
	padding-bottom:5px;
}

div.entry-content p.posted
{
	margin-bottom:40px;
}


div.entry-content h3 a
{
	color:#fff;
	background-color:transparent;
	text-decoration:none;
}
div.entry-content h3 a:hover
{
	color:#fff;
	background-color:transparent;
	text-decoration:underline;
}

div.trackbacks,
div#comments
{
	margin:0 0 15px 0;
}

div.entry form
{
	width:80%;
}

div.typekey-text
{
display:none;
}

div.trackbacks p
{
	font-size:80%;
	color:#666666;
	background-color:inherit;
}

div.trackbacks p input
{
	border:1px solid #cccccc;
}

div.trackbacks dl
{
	padding:10px 0 0 0;
}

div.trackbacks dt
{
	font-size:80%;
}

div.trackbacks dd p
{
	padding:0 0 5px 0;
}

div.trackbacks ul.trackback-info,
div#comments ul.comments-info
{
	border-top:1px solid #efefef;
	list-style:none;
	padding:5px 0;
	text-align:right;
	margin-bottom:10px;
}

div.trackbacks ul.trackback-info li,
div#comments ul.comments-info li
{
	color:#666666;
	background-color:inherit;
	font-size:60%;
	display:inline;
}

div.comments-post 
{
	width:80%;
}

div.comments-post h5
{
	color:#333333;
	background-color:inherit;
	font-size:80%;
	font-weight:normal;
	margin:0 0 5px 0;
}

div#comments-open-data legend
{
	font-size:80%;
	margin: 0 0 5px 0;
	padding:0;
}

div#comments-open-data label
{
	font-size:80%;
	color:#333333;
	background-color:inherit;
}

dl#name-email input,
dl#comments-open-text textarea
{
	color:#333333;
	background-color:inherit;
	font-size:80%;
	border:1px solid #cccccc;
	width:80%;
}

ul.cookie,
div#comments-open-data ul.inline
{
	list-style:none;
	padding:3px 0;
}

div#comments-open-data ul.comments-open-footer
{
	list-style:none;
	padding:10px 0 20px 0;
}

div#comments-open-data ul.comments-open-footer li
{
	display:inline;
	margin:0 10px 0 0;
	color:#ffffff;
}

div#comments-open-data ul.comments-open-footer li input
{
	color:#ffffff;
	background-color:#788da5;
	font-size:60%;
	padding:4px 7px 3px 7px;
}

input#comment-preview,
input#comment-post,
input#comment-cancel
{
	font-size:80%;
	color:#ffffff;
	width:80px;
	height:20px;
	cursor: pointer;	
}


input#comment-preview,
input#comment-post,
input#comment-cancel
{
	margin-top:5px;
}

div.comment p
{
	font-size:80%;
	color:#333333;
	background-color:inherit;
}

input.search-input
{
	color:#333333;
	background-color:#ffffff;
	border:1px solid #b4b4b4;
	width:300px;
	padding:2px;
}

input.searchsubmit
{
	color:#ffffff;
	background-color:#788da5;
	font-size:70%;
	padding:4px 7px 3px 7px;
	position:relative;
	top:0;
	left:-1px;
}

h2.module-header
{
	color:#000000;
	background:transparent url(img/entry_title.gif) no-repeat left top;
	font-size:80%;
	font-weight:normal;
	padding:11px;
	margin-bottom:10px;
}

div.module-content
{
	color:#333333;
	background-color:#ffffff;
	padding:15px;
	margin-bottom:20px;
}

div.module-content ul
{
	list-style-type:disc;
	line-height:150%;
	padding:0 15px;
}

div.module-content ul li
{
	font-size:80%;
	font-weight:normal;
}



/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,
div.main-text-body:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix,
div.main-text-body { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,
* html div.main-text-body { height: 1% }
.clearfix,
div.main-text-body {display:block;}
/* end MacIE5 */


/* option
==========================================================*/
.img-border{
    padding:2px;
	border:1px solid #996633;
	}

.img-right{
    float:right;
	margin:0 0 10px 10px;
	}
	
/* top
==========================================================*/
div#main-image{
    margin-bottom:10px;
    width:550px;
	height:340px;
    background:url(img/main-image.jpg) no-repeat top left;
	}

div#main-image p {
    padding:0;
	margin:0;
    width:275px;
	height:170px;
	float:left;
	}
	
div#main-image p a {
    width:275px;
	height:170px;
	display:block;
	}

div#main-image p#img01 a:hover {
    background:url(img/main-image.jpg) no-repeat 0 -340px;
	cursor:default;
	}

div#main-image p#img02 a:hover {
    background:url(img/main-image.jpg) no-repeat -275px -340px;
	cursor:default;
	}

div#main-image p#img03 a:hover {
    background:url(img/main-image.jpg) no-repeat 0px -510px;
	cursor:default;
	}
	
div#main-image p#img04 a:hover {
    background:url(img/main-image.jpg) no-repeat -275px -510px;
	cursor:default;
	}

	
/* category
==========================================================*/
table.pic-table{
    margin-bottom:10px;
	}
	
table.pic-table td{
    padding-bottom:10px;
	text-align:center;
	}

table.pic-table td a{
    font-size:80%;
	}

table.pic-table td img{
    margin-bottom:5px;
	}

table.banner-table{
    margin-bottom:10px;
	}
	
table.banner-table td p{
    text-align:center;
	}

/* category-pic-table
==========================================================*/
div#string-m-pic,
div#dining-m-pic,
div#original-m-pic,
div#desk-m-pic,
div#fitting-m-pic,
div#lighting-m-pic,
div#collectable-m-pic,
div#chair-m-pic{
    width:165px;
	height:230px;
	margin:0 auto;
	}

div#string-m-pic p,
div#dining-m-pic p,
div#original-m-pic p,
div#desk-m-pic p,
div#fitting-m-pic p,
div#lighting-m-pic p,
div#collectable-m-pic p,
div#chair-m-pic p {
    margin-bottom:0;
	color: #990033;
	}

div#string-m-pic{ background:url(img/string/string_5.jpg) no-repeat;}
div#dining-m-pic{ background:url(img/dining/dining_11.jpg) no-repeat;}
div#original-m-pic{ background:url(img/original/original_1.jpg) no-repeat;}
div#desk-m-pic{background:url(img/desk/desk_10.jpg) no-repeat;}


div#fitting-m-pic{background:url(img/fitting/fitting_10.jpg) no-repeat;}
div#lighting-m-pic{background:url(img/lighting/lighting_10.jpg) no-repeat;}
div#collectable-m-pic{background:url(img/collectable/collectable_10.jpg) no-repeat;}
div#chair-m-pic{background:url(img/chair/chair_10.jpg) no-repeat;}
	
/* category-banner-table
==========================================================*/
p.banner02 a{
	text-indent:-9999px;
	outline:none;
	background:url(img/banner-2.jpg) no-repeat;
	height:74px;
	width:255px;
	display:block;
	}
	
p.banner02 a:hover{
	background:url(img/banner-2_r.jpg) no-repeat;
	}
	
p.banner03 a{
	text-indent:-9999px;
	outline:none;
	background:url(img/banner-3.jpg) no-repeat;
	height:74px;
	width:255px;
	display:block;
	}
	
p.banner03 a:hover{
	background:url(img/banner-3_r.jpg) no-repeat;
	}
	
/* lightwindow */
.accToggler{
   font-size:80%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#fff;
	background:#000000 url(img/h4.gif) repeat-x left bottom;
	padding:0 5px 5px 5px;
	borde:none;
	line-height:150%;
	cursor: pointer;
}
.accContent{
        margin: 0px auto;
}

div.side-info {
	background:#fff;
	padding:10px;
	text-align:left;
	margin:10px;
	margin-right:20px;
	font-size:12px;
	}


.info-box {
	overflow: auto;
	height:150px;
	width546px;
}

.kodawari p{
	color:#fff;
	}

.word {
	color: #FFFFFF;
	font: bold;
}

div.main-img{
	font-size:12px;

}