@charset "UTF-8";

/********************************************
 common Tag style 
********************************************/

body {
	background-color:#CCCC99;
	background-image:url(http://www.bartokdesign.com/pics/bg.gif);
	color:#666633;
        line-height:1.2;
}

acronym {
	cursor: help;
	border-style:dashed;
	border-width:0px;
	border-bottom-width:1px;
	border-color:#333333;
}

acronym.noUnderline {
	border-width:0px;
}

p {
	text-align:left;
	line-height:1.2;
	letter-spacing:0.01em;
	font-size:0.9em;
}

input.submit {
	color:#333333;
	border-width:1px;
	border-color:#CCCC99;
	border-style: solid;
	background-color:#FFFFFF;
}

.strong {
	font-weight:bold;
	color:#9b7c58;
}

a {
	color:#663300;
	text-decoration:underline;
}
* html li {
	line-height: 0;
}
* html a {
	line-height: normal;
}

a:visited {
	color:#663300;
}

a:hover {
	color:#669999;
}


.em {
	font-weight:bold;
}
h2 {
	font-size:12px;
	font-weight:bold;
}
h3 {
	text-align:left;
	font-size:12px;
	font-weight:bold;
}
select {
	width:180px;
}


.input {
	width:200px;
}


/****************************************************/

#whole {
	margin-top: 20px;
	line-height: 1;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
line-height:1.2;
	letter-spacing:0.01em;
	font-size:0.9em;
}
#wrapper {
	background-color: #FFFFFF;
	width: 800px;
	padding-top: 10px;
	margin: 0px;
	padding-bottom: 0px;
}

#brand {
}

/****************************************************/
#whole div#alpha {
	float: right;
	width: 590px;
	padding-left: 0px;
	font-size: 12px;
}
* html #whole div#alpha {
	width: 588px;
}
#whole div#alpha-inner {
}
#whole div#beta {
	width: 190px;
	float: left;
	padding-left: 10px;
}
#whole div#beta-inner {
}

/****************************************************/

#contents {
}
	
.contentsP {
	margin-left:12px;
	margin-right:24px;
}
div#contents div#mainContents {
}
div#contentsFootCol {
float: left;
}
#wrapper #footer {
	padding: 0px;
	height: 20px;
	width: 800px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#bottom-navi {
        background:#cccc99;
	padding: 5px 10px 10px 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
        font-weight:bold;
        font-size: 11px;
        line-height: 160%;
}

#bottom-navi a {
	color:#494938;
}

#bottom-navi a:hover {
	color:#669999;
}

#bottom-links{
	padding: 5px 10px 10px 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
        font-weight:bold;
        font-size: 10px;
        line-height: 160%;
}

#bottom-links a {
	color:#494938;
text-decoration:none;
}

#bottom-links a:hover {
	color:#669999;
}

.search-box {
        background:#cccc99;
	padding: 0px;
	text-align:center;
        font-size: 10px;
}


/**************************************************
  コンテンツスタイル
***************************************************/



/******************************
フッター注意書きボックス
*******************************/

/********************/
div#contentsFootCol #attentionSize {
	text-align:center;
	font-weight:normal;
	width:280px;
	background:#FFFFFF;
	border-width:1px;
	border-color:#CCCC99;
	border-style:solid;
	left: 10px;
	float: left;
	margin-bottom: 10px;

}

div#contentsFootCol #attentionSize li {
	font-weight:normal;
	display:inline;
	margin:0px;
	padding:0px;
	padding-right:2px;
	padding-left:5px;
	border-width:0px;
	border-left-width:1px;
	border-style:solid;
	border-color:#CCCC99;
	font-size:11px;
}
div#contentsFootCol #attentionSize li.first {
	border-left-width:0px;
}

div#contentsFootCol #attentionSize p {
	padding-top:5px;
	padding-bottom:5px;
}

/********************/
div#contentsFootCol #attentionPeriod {
	text-align:center;
	font-weight:normal;
	width:280px;
	background:#FFFFFF;
	border-width:1px;
	border-color:#CCCC99;
	border-style:solid;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
        right:10px;
}

/********************/
div#contentsFootCol #attentionOrder {
	visibility:visible;
	text-align:center;
	font-weight:normal;
	width:280px;
	background:#FFFFFF;
	border-width:1px;
	border-color:#CCCC99;
	border-style:solid;
	float: left;
	margin-bottom: 10px;
         margin-left: 10px;
	
}

div#contentsFootCol #attentionOrder2 {
	visibility:hidden;
	text-align:center;
	font-weight:normal;
	background:#FFFFFF;
	border-width:1px;
	border-color:#CCCC99;
	border-style:solid;
	width: 280px;
	float: left;
	margin-bottom: 10px;
	position: relative;
	left: 0px;
	top: 0px;
}

div#contentsFootCol #attentionOrder2 p.attP {
	padding-bottom:0px;
	margin-bottom:0px;
}

/********************/

div#contentsFootCol #attentionContact {
	text-align:center;
	font-weight:normal;
	right:10px;
	width:280px;
	background:#FFFFFF;
	border-width:1px;
	border-color:#CCCC99;
	border-style:solid;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}

div#contentsFootCol #attentionContact img {
		padding:3px;
	float:left;
}

.attH2 {
	font-size:12px;
	height:15px;
	margin:0px;
	border-style:solid;
	border-color:#CCCC99;
	border-width:0px;
	border-bottom-width:1px;
	background-image:url(http://www.bartokdesign.com/pics/bg.gif);
	width:100%;
	background-color: #CCCC99;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.attP {
	padding:10px;
	font-size:12px;
}

.attP-underline {
	text-decoration:underline;
        padding:10px;
	font-size:12px;
}

.attP img {
	padding:3px;
	float:left;
}

/*************************************************************/


/**************
メニュー
***************/

.menuTop {
	width:190px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	background-image:url(http://www.bartokdesign.com/pics/menuTop.gif);
	background-repeat:no-repeat;
	padding-left:12px;
	padding-top: 2px;
	padding-bottom: 1px;
}

.menuList {
	border-width:1px;
	border-style:solid;
	border-color:#CCCC99;
	margin-bottom:20px;
	padding-top: 6px;
	padding-bottom: 6px;
	list-style-type: none;
}

.menuList li {
	background-color:#FFFFFF;
	line-height: 0;
}
.menuList li.rightLink {
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
}
.menuList li.rightLink a {
	padding-right: 10px;
}

.menuList li a {
	text-decoration:none;
	display: block;
	line-height: normal;
	padding-left: 14px;
}

.menuList li a:hover {
	color:#FFFFFF;
	background-color: #CCCC99;
}

.menuList li a.itemImg:hover {
	background-color: #FFFFFF;
}

#menu p.description {
	border-bottom-width:0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCC99;
	border-right-color: #CCCC99;
	border-bottom-color: #CCCC99;
	border-left-color: #CCCC99;
	font-size: 11px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-right: 5px;
	padding-left: 5px;
}
#menu p.description2 {
	border-bottom-width:0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCC99;
	border-right-color: #CCCC99;
	border-bottom-color: #CCCC99;
	border-left-color: #CCCC99;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -20px;
	white-space: normal;
	text-align: center;
}

.menuList select {
	margin-top:12px;
}

.menuTitle {
	text-align:left;
	font-weight:bold;
}



/*************************************************************/

/* パンくずメニュー */

#naviList {
	margin-bottom: 5px;
}

#naviList li {
	font-size:12px;
	font-weight:bold;
	display:inline;
	list-style-type:none;
}
#naviList li img {
	vertical-align: middle;
	padding-bottom: 12px;
}

#naviList a {
	text-decoration:none;
	font-weight:bold;
}


/********
for plate
*********/

div.items {
	margin-bottom: 20px;
}
p.itemMes {
	margin-bottom: 10px;
}
p.itemNum {
	margin-bottom: 10px;
}
div.showWindow {
	margin-bottom: 20px;
}
div.showWindow table.itemtable {
	text-align: center;
	line-height: 1.5;
	border-collapse:separate;
	margin-bottom: 60px;
}
div.showWindow table.itemtable td {
	width: 180px;
	text-align: center;
	vertical-align: bottom;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

div.showWindow dl {
	width: 32%;
	text-align: center;
	line-height: 1.5;
	float: left;
	margin-bottom: 15px;
}	
div.showWindow dl dt {
	text-align: center;
	margin-bottom: 5px;
}	
div.showWindow dl dd {
	text-align: center;
}	


div.items div.mainCol {
	float: left;
	width: 360px;
}
div.items div.cartCol {
	float: right;
	width: 205px;
	position: relative;
}
div.items div#cart {
	position: absolute;
}

#yokuarusitumon {
	float: left;
}

div.itemEntryBody {
         position: relative;
         height: 850px;
}

div.itemEntryBody h2.entryTitle {
	margin-bottom: 10px;
	background-image: url(http://www.bartokdesign.com/pics/h_bg.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	background-color: #CCCC99;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 22px;
	padding-bottom: 5px;
	margin-right: 10px;
}
div.itemEntryBody h2.entryTitle a {
}

* html div.itemEntryBody h2.entryTitle {
	margin-bottom: 10px;
	background-image: url(http://www.bartokdesign.com/pics/h_bg.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	background-color: #CCCC99;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 22px;
	padding-bottom: 1px;
}

div.itemEntryBody h3.entryTitle {
	margin-bottom: 10px;
	background-image: url(http://www.bartokdesign.com/pics/h_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #CCCC99;
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 22px;
	padding-bottom: 2px;
	height: 15px;
}
div.items div.mainCol p {
	padding-right: 5px;
	padding-left: 5px;
	line-height: 1.5;
}
p.size_weight {
	margin-top: 10px;
	margin-bottom: 5px;
}
p.sizeMes {
	margin-top: 10px;
	margin-bottom: 5px;
}
ul.sizeWindow {
	margin-bottom: 10px;
	margin-left: 10px;
}
ul.sizeWindow li {
	display: inline;
}
div.mainCol p.image {
	margin-bottom: 30px;
	line-height: 1.5;
	text-align: center;
}
div.mainCol p.image img {
	margin-bottom: 5px;
}

div.itemColor {
	margin-bottom: 20px;
}div.itemColor dl {
	width: 110px;
	float: left;
	margin-bottom: 5px;
	text-align: center;
	margin-right: 10px;
	font-size: 10px;
}
div.itemColor dl dt {
	margin-bottom: 2px;
}
div.itemColor dl dd {
	line-height: 1.5;
}
div.mainCol p.price {
	margin-bottom: 15px;
	text-align: right;
	font-size: 100%;
	font-weight: bold;
}
div.mainCol div.cartIn {

	margin-bottom: 15px;
	text-align: right;
}
div.mainCol dl.intro {
	margin-bottom: 30px;
	line-height: 1.5;
}
div.mainCol dl.intro dt {
	float: left;
	width: 40px;
}
div.mainCol dl.intro dd {
	margin-left: 40px;
}


/********
for without plate
*********/


div#contents ul.categoryList {
	margin-bottom: 10px;
	margin-left: 30px;
	list-style-type: disc;
}
div#contents ul.entryList {
	margin-bottom: 10px;
	margin-left: 30px;
	list-style-type: disc;
}
div.entryBody {
	margin-bottom: 30px;
}
div.entryBody h2.entryTitle {
	margin-bottom: 10px;
	background-image: url(http://www.bartokdesign.com/pics/h_bg.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	background-color: #CCCC99;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 22px;
	padding-bottom: 5px;
	margin-right: 10px;
}
div.entryBody h2.entryTitle a {
}

* html div.entryBody h2.entryTitle {
	margin-bottom: 10px;
	background-image: url(http://www.bartokdesign.com/pics/h_bg.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	background-color: #CCCC99;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 22px;
	padding-bottom: 1px;
}

div.entryBody h3 {
	margin-bottom: 10px;
}
div.entryBody p {
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 1.5;
}
div.items h2.entryTitle {
	margin-bottom: 10px;
	background-image: url(http://www.bartokdesign.com/pics/h_bg.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	background-color: #CCCC99;
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 22px;
	padding-bottom: 5px;
	margin-right: 10px;
}

#size-icon li a { vertical-align: top; }

#top-keyword h1{
                 font-size: 70%;
                 line-height: 80%;
                 color: #fff;
                       }
#double-space { margin: 0 0 1em 0; }

.double-space {
  line-height: 150%;
color: #000000;
}


/********************************************
a.icons{
 width: 150px;
 height:31px;
 display:block;
 text-indent:-9000px;
 margin: 0 auto;
 }

a#only-one{ background:url(http://www.bartokdesign.com/pics/menu_new.gif) top left no-repeat; }

a#simple{ background:url(http://www.bartokdesign.com/pics/menu_simple.gif) top left no-repeat;   }

a#flowers{ background:url(http://www.bartokdesign.com/pics/menu_flower.gif) top left no-repeat; }

a#fruit{ background:url(http://www.bartokdesign.com/pics/menu_fruit.gif) top left no-repeat; }

a#pet{ background:url(http://www.bartokdesign.com/pics/menu_animal.gif) top left no-repeat; }

a#geometric{ background:url(http://www.bartokdesign.com/pics/menu_geometric.gif) top left no-repeat; }

a#italia{ background:url(http://www.bartokdesign.com/pics/menu_italy.gif) top left no-repeat; }

a#kodomo{ background:url(http://www.bartokdesign.com/pics/menu_kodomo.gif) top left no-repeat; }

a.icons2{
 width: 150px;
 height:64px;
 display:block;
 text-indent:-9000px;
 margin: 0 auto;
 }

a.icons3{
 width: 150px;
 height:50px;
 display:block;
 text-indent:-9000px;
 margin: 0 auto;
 }

a#toscana{ background:url(http://www.bartokdesign.com/pics/paesaggi-banner.jpg) top left no-repeat; }

a#wedding{ background:url(http://www.bartokdesign.com/pics/felice-banner.jpg) top left no-repeat; }

a#teikeibun{ background:url(http://www.bartokdesign.com/pics/teikeibun-banner.jpg) top left no-repeat; }

a#memorial{ background:url(http://www.bartokdesign.com/pics/hikidemono-banner.jpg) top left no-repeat; }

a#bartokart{ background:url(http://www.bartokdesign.com/pics/tileArt.gif) top left no-repeat; }

a#custom-order{ background:url(http://www.bartokdesign.com/pics/kanban-topbanner.jpg) top left no-repeat; }

a#blog{ background:url(http://www.bartokdesign.com/pics/nikki-banner.jpg) top left no-repeat; }

a#friends{ background:url(http://www.bartokdesign.com/pics/fanclub-banner.jpg) top left no-repeat; }

a#outlet{ background:url(http://www.bartokdesign.com/pics/banner-outlet.gif) top left no-repeat; }

a#guide{ background:url(http://www.bartokdesign.com/pics/introBartok.gif) top left no-repeat; }

a#mailmaga{ background:url(http://www.bartokdesign.com/pics/maimaga.gif) top left no-repeat; }

a#wood{ background:url(http://www.bartokdesign.com/pics/woodframe.gif) top left no-repeat; }

a#iron{ background:url(http://www.bartokdesign.com/pics/ironframe_1.gif) top left no-repeat; }

.icon-trans{width: 780px; height:1px; display:block; text-indent:-9000px; margin-right:0px; margin-bottom:1px; }

#transparent{ background:url(http://www.bartokdesign.com/pics/bip.gif) top left no-repeat; }

#transparent2{ background:url(http://www.bartokdesign.com/pics/bip.gif) top left no-repeat; }

********************************************/

.icon-trans{
 font-size: 30%;
                 line-height: 80%;
                 color: #fff;
}

.center-box div { 
	text-align: center;
	margin: 0 auto;
  width: 100%;
}

.img-center img { 
	text-align: center;
	margin: 0 auto;
  width: 100%;
}

.center-box table {
text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.width16 {
  width: 16%;
  margin-left: auto;
  margin-right: auto;
}

.red {
	color:#ff0000;
}

.blue {
	color:#0000ff;
}

.green {
	color:#008000;
}

.maroon {
	color:#A52A2A;
}

.gray {
	color:#404040;
}

.100percent {
	font-size: 100%;
}

.90percent {
	font-size: 90%;
}

.size1 {
	font-size:0.9em;
}

.style12{
        color="#94945f";
	font-size:0.8em;
        text-decoration:none;
}