/* CSS Document */

body {
	background: #FFFFF6;
	margin: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.84em;
	line-height: 1.5;
	color: #666;
}

h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

li { list-style-type: none; }

span { visibility: hidden; }

a { color: #8A6F54; }
a:hover { color: #EE2F72; }

iframe, object { margin-bottom: 14px; }

.clear { clear: both; }

.backtop { text-align: right; }
.backtop a {
	background: url(../images/jewel.png) right no-repeat;
	padding-right: 16px;
	color: #F69;
	text-decoration: none;
	border-bottom: 1px dotted #F69;
}
.backtop a:active {
	color: #8A6F54;
	border-bottom: 1px dotted #8A6F54;
}
/* image */

img { border: 0; }
.img-left {
	float: left;
	margin-right: 10px;
}
.img-right {
	float: right;
	margin: 0 0 15px 10px;
}

/* font */

.pink { color: #F69; }
.big { font-size: 26px; }
.center { text-align: center; }
.dot-border_u { border-bottom: 1px dotted #CCC; }
.jewel li {
	background: url(../images/jewel.png) 0 3px no-repeat;
	padding-left: 18px;
}
.jewel a {
	background: url(../images/jewel.png) left no-repeat;
	padding-left: 18px;
}
.leaf a {
	background: url(../images/leaf.png) no-repeat;
	padding-left: 24px;
}
.leaf a:hover {
	background: url(../images/leaf-red.png) no-repeat;
	color: #EE2F72;
}
.box-txt {
	background: #F69;
	color: #FFF;
	padding: 3px 6px;
	margin-right: 10px;
}
.jeweldeco {
	background: url(../images/jewel.png) 0 3px no-repeat;
	padding-left: 18px;
}

/* layout */

#container,
#header {
	width: 770px;
	margin: 0 auto;
}
#footer {
	width: 750px;
	margin: 0 auto;
}

.tw #alpha {
	width: 530px;
	float: left;
}

.tw #beta {
	width: 225px;
	float: right;
}
.tw #alpha,
.tw #beta { margin-bottom: 10px; }

/* header */

#header { margin-top: 5px; }

.logo { float: left; }
.seo {
	margin-bottom: 5px;
	color: #593D18;
	text-align: right;
}

.h-menu { float: right; }
.h-menu a { text-decoration: none; }
.h-menu li { float: left; }
.h-menu li.shopping a {
	background: url(../images/header/h-menu.png) no-repeat;
	background-position: 0 0;
	width: 135px;
	height: 24px;
	margin-right: 2px;
	display: block;
}
.h-menu li.shop-guide a {
	background: url(../images/header/h-menu.png) no-repeat;
	background-position: -135px 0;
	width: 135px;
	height: 24px;
	margin-right: 2px;
	display: block;	
}
.h-menu li.contact a {
	background: url(../images/header/h-menu.png) no-repeat;
	background-position: -270px 0;
	width: 80px;
	height: 24px;
	display: block;
}
.h-menu li.shopping a:hover { background-position: 0 -24px; }
.h-menu li.shop-guide a:hover { background-position: -135px -24px; }
.h-menu li.contact a:hover { background-position: -270px -24px; }

/* menu */

.menu {
	background: #3E2609;
	height: 50px;
	margin-bottom: 1px;
	padding: 0 10px;
}
.menu li { float: left; }
.menu a {
	background: url(../images/header/menu.png) no-repeat;
	width: 125px;
	height: 50px;
	display: block;
	text-decoration: none;
}
.menu .menu-01 a { background-position: 0 0; }
.menu .menu-02 a { background-position: -125px 0; }
.menu .menu-03 a { background-position: -250px 0; }
.menu .menu-04 a { background-position: -375px 0; }
.menu .menu-05 a { background-position: -500px 0; }
.menu .menu-06 a { background-position: -625px 0; }
.menu .menu-01 a:hover { background-position: 0 -50px; }
.menu .menu-02 a:hover { background-position: -125px -50px; }
.menu .menu-03 a:hover { background-position: -250px -50px; }
.menu .menu-04 a:hover { background-position: -375px -50px; }
.menu .menu-05 a:hover { background-position: -500px -50px; }
.menu .menu-06 a:hover { background-position: -625px -50px; }
.menu .menu-01 a:active { background-position: 0 -100px; }
.menu .menu-02 a:active { background-position: -125px -100px; }
.menu .menu-03 a:active { background-position: -250px -100px; }
.menu .menu-04 a:active { background-position: -375px -100px; }
.menu .menu-05 a:active { background-position: -500px -100px; }
.menu .menu-06 a:active { background-position: -625px -100px; }

/* footer */

#footer {
	margin-top: 15px;
	padding: 10px;
	border-top: 1px solid #CECEB2;
	color: #B6B68F;
	text-align: center;
}

/* container */

/* index */

.selects li { float: left; margin-bottom: 20px; }
.selects a {
	background: url(../images/index/select.png) no-repeat;
	width: 128px;
	height: 90px;
	display: block;
	text-decoration: none;
}
.selects .selects-01 a { background-position: 0 0; margin-right: 6px; }
.selects .selects-02 a { background-position: -128px 0; margin-right: 6px; }
.selects .selects-03 a { background-position: -256px 0; margin-right: 6px; }
.selects .selects-04 a { background-position: -384px 0; }
.selects .selects-01 a:hover { background-position: 0 -90px; }
.selects .selects-02 a:hover { background-position: -128px -90px; }
.selects .selects-03 a:hover { background-position: -256px -90px; }
.selects .selects-04 a:hover { background-position: -384px -90px; }
.selects .selects-01 a:active { background-position: 0 -180px; }
.selects .selects-02 a:active { background-position: -128px -180px; }
.selects .selects-03 a:active { background-position: -256px -180px; }
.selects .selects-04 a:active { background-position: -384px -180px; }

.flower-pr table,
.flower-pr p {
	margin-bottom: 10px;
	color: #8A6F54;
}
.flower-pr .more {
	background: url(../images/leaf.png) no-repeat;
	padding-left: 20px;
}
.flower-pr a.more { color: #8A6F54; }
.flower-pr a.more:hover {
	background: url(../images/leaf-red.png) no-repeat;
	color: #EE2F72;
}

.sub p { margin-bottom: 10px; }
ul.sub-menu { margin-bottom: 30px; }
.sub-menu li { margin-bottom: 10px; }
.sub-menu a {
	background: url(../images/index/sub-menu.png) no-repeat;
	width: 225px;
	height: 35px;
	display: block;
	text-decoration: none;
}
.sub-menu .sub-menu-01 a { background-position: 0 0; }
.sub-menu .sub-menu-02 a { background-position: 0 -35px; }
.sub-menu .sub-menu-03 a { background-position: 0 -70px; }
.sub-menu .sub-menu-01 a:hover { background-position: -225px 0; }
.sub-menu .sub-menu-02 a:hover { background-position: -225px -35px; }
.sub-menu .sub-menu-03 a:hover { background-position: -225px -70px; }

.mobile {
	float: right;
	width: 140px;
}
.mobile li {
	margin-bottom: 5px;
}

.news li { padding-left: 18px; }
.news li.day { background: url(../images/jewel.png) left no-repeat; }
.news li.txt {
	padding-bottom: 4px;
	margin-bottom: 5px;
}

/* navi */

.navi {
	background: #ECE7E1;
	margin-bottom: 1px;
	padding: 3px 10px;
	color: #6D5029;
	font-size: 10px;
}
.navi a {
	text-decoration: none;
	color: #6D5029;
}
.navi a:hover { color: #EE2F72; }

/* title */

.midashi-01 {
	background: url(../images/title/midashi-01.png) no-repeat;
	width: 750px;
	height: 40px;
	color: #F5779A;
	font-size: 16px;
	padding: 10px;
}

.midashi-02 {
	background: url(../images/title/midashi-02.png) no-repeat;
	width: 735px;
	height: 30px;
	margin-bottom: 10px;
	padding: 5px 0 0 35px;
	color: #6D5029;
	font-size: 14px;
	border-bottom: 1px dotted #CCC;
}

.midashi-03 {
	border-bottom: 1px dotted #AAA;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
.midashi-04 {
	background: url(../images/title/midashi-04.png) no-repeat;
	width: 750px;
	height: 40px;
	color: #94826A;
	font-size: 16px;
	padding: 10px;
}

/* table */

td { vertical-align: top; }

table.table-01 {
	background: #CECEB2;
	margin: 10px 0;
}
.table-01 td,
.table-01 th {
	background: #FFFFF6;
	padding: 3px 10px;
}
.table-01 .td1,
.table-01 th {
	background: #F5F5E8;
}
.table-01 .td2 {
	padding: 0 5px;
	text-align: center;
	vertical-align: middle;
}
table.table-center { margin: 10px auto; }

.table-02 td {
	padding: 3px 0;
}
.table-02 td.photo {
	background: url(../images/contents/photo_frame.png) no-repeat 0px 10px;
	padding-top: 38px;
}
.shop td.item {
	background: url(../images/contents/photo_frame.png) no-repeat;
	padding-top: 18px;
}
.shop h4 {
	background: url(../images/jewel.png) left 2px no-repeat;
	padding-left: 18px;
	border-bottom: 1px dotted #CECEB2;
	margin-top: 15px;
	margin-bottom: 8px;
}
.shop .price {
	border-bottom: 1px dotted #CECEB2;
	margin-bottom: 10px;
	padding: 0 16px;
}
.shop a {
	margin-bottom: 10px;
	display: block;
}
.shop .pic1 {
	margin: 23px 0px;
}

/* list */

.list-01 li {
	background: url(../images/jewel.png) left no-repeat;
	padding-left: 18px;
}

.list-02 li {
	list-style-type: disc;
	margin-left: 16px;
}

.list-03 li {
	list-style-type: decimal;
	margin-left: 40px;
}

.list-04 li {
	list-style-type: none;
	margin-left: 16px;
}

ul.list-margin { margin: 10px 0; }

/* box */

.box-01 {
	background: #F5F5E8;
	border: 1px solid #CCC;
	margin: 15px auto;
	padding: 10px;
	width: 300px;
}

/* contact */

.contactform iframe,
.contactform object {
	width: 770px; 
    height: 600px; 
    border: 0; 
    margin: 0; 
    padding: 0; 
    clear: both; 
}

/* cart */

p.item-image { margin: 10px 0; }

.shop form {
	padding: 0;
	margin: 0;
}
.shop input {
	padding: 0;
	margin: 0;
}
.shop .inputtxt {
	padding: 0 10px 3px 16px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CECEB2;
}
.shop .inputtxt input {
	width: 30px;
	margin: 0 5px;
}
.shop input.inputimg {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
.shop select {
	padding: 0;
	margin: 0;
}

.shopcategory {
	margin:10px 0px;
	padding:15px;
	border:1px solid #ccc;
	background-color:#FAFAEF;
	}

.shopcategory img {
	margin:5px 2px;
	padding:0px;
	}
.marginleft_16{
	margin-left:16px;
}
