@charset "utf-8";

#container {
	width: 920px;
}

#header {
	margin: 25px 12px 0 0;
}

/*----------------------------------------------------------
	contents:SHOP all
----------------------------------------------------------*/
.cartLink {
	padding-left: 30px;
	background: url(../img/bt_cart.gif) no-repeat 0 top;
}

.cartLink a {
	padding: 2px 10px;
	background-color: #66b8aa;
	text-decoration: none;
	font-size: 86%;
	color: #ffffff;
}

.cartLink a:link,
.cartLink a:visited {
	color: #ffffff;
}

.cartLink a:hover {
	color: #ffffff;
	background-color: #80c3b8;
	text-decoration: none;
}

p.num input {
	width: 1.6em;
	margin: 0 5px;
	padding: 0 1px;
	text-align: right;
}

p.oorder {
	padding:10px 10px 0 10px;
}

/*----------------------------------------------------------
	contents:SHOP Yarn List
----------------------------------------------------------*/
#contents {
	width: 920px;
	text-align: left;
	margin: 20px 0 0 0;
}

table#searchArea {
	width: 920px;
}

table#searchArea td#arrow {
	width: 112px;
	height: 63px;
	vertical-align: top;
	background: #e6e6e6 url(../img/h2_search.gif) no-repeat 0 top;
	color: #ffffff;
}

table#searchArea td#arrow p {
	padding: 23px 0 0 0;
	text-align: center;
	font-size: 86%;
}

table#searchArea table {
	margin-top: 14px;
	width: 100%;
	height: 125px;
	font-size: 80%;
	background: #e6e6e6;
}

table#searchArea td#arrow2 {
	background-color: #e6e6e6;
	vertical-align: bottom;
}

table#searchArea table td#keyword {
	height: 35px;
	padding: 0 0 0 10px;
}

table#searchArea table td#keyword input {
	margin: 0 0 0 5px;
}

/*table#searchArea table td#color {
	height: 42px;
	padding: 0 0 0 10px;
}*/

table#searchArea table td div#srch {
	float: left;
	height: 42px;
	padding: 0 20px 0  10px;
}

table#searchArea table td#btSearch {
	height: 48px;
	padding: 0 0 0 10px;
}

table#searchArea table td#btSearch a {
	padding: 3px 10px;
	background-color: #66b8aa;
	text-decoration: none;
	color: #ffffff;
	font-size: 110%;
}

table#searchArea table td#btSearch a:hover {
	background-color: #80c3b8;
	text-decoration: none;
	color: #ffffff;
}

#listHead {
	margin: 35px 0 0 0;
	padding: 0 12px 10px 12px;
	border-bottom: 1px solid #666;
}

/* -- clear float -- */
#listHead {
	min-height: 0;
	display: inline-table;
}

#listHead:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* \*/
* html #listHead {
	height: 0;
}

#listHead {
	display: block;
}

/* */ /* -- end clear float -- */
#listHead #result {
	float: left;
	padding: 0 50px 0 0;
}

#listHead #sort {
	float: left;
}

.paging {
	float: right;
}

.paging li {
	float: left;
	border-right: 1px solid #b3b3b3;
	padding: 0 5px;
}

* html .paging li {
	margin: 3px 0 0 0;
}

*+html .paging li {
	margin: 5px 0 0 0;
}

.paging li.prev,.paging li.next {
	border: none;
}

.paging li.prev a {
	display: block;
	width: 10px;
	height: 9px;
	background: url(../img/icon_prev.gif) no-repeat 0 bottom;
	padding: 6px 0 0 0;
}

.paging li.next a {
	display: block;
	width: 10px;
	height: 9px;
	background: url(../img/icon_next.gif) no-repeat 0 bottom;
	padding: 6px 0 0 0;
}

* html .paging li.prev a {
	background: url(../img/icon_prev.gif) no-repeat 0 bottom;
	margin: 6px 0 0 0;
}

* html .paging li.next a {
	background: url(../img/icon_next.gif) no-repeat 0 bottom;
	margin: 6px 0 0 0;
}

.paging li.prev a span,.paging li.next a span {
	display: none;
}

.paging li.active {
	color: #19946c;
}

.paging li.last {
	border: none;
}

#listMain {
	padding: 35px 0 0 0;
}

/* -- clear float -- */
#listMain {
	min-height: 0;
	display: inline-table;
}

#listMain:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* \*/
* html #listMain {
	height: 0;
}

#listMain {
	display: block;
}

/* */ /* -- end clear float -- */
#listMain .item {
	float: left;
	width: 184px;
	padding: 0 0 20px 0;
}

#listMain .item img.new {
	margin: 0 0 7px 0;
}

/*#listMain .item img.nonew {
	margin: 15px 0 0 0;
}

*+html #listMain .item img.nonew {
	margin: 19px 0 0 0;
}*/

#listMain .item a img {
	border: 1px solid #e6e6e6;
}

#listMain .item a:hover img { /* border: 1px solid #19946c; */
	border: 1px solid #AFAFAF;
}

#listMain .item .itemName {
	width: 155px;
	padding: 5px 0;
}

#listMain .item .itemSpec {
	width: 155px;
	font-size: 82%;
}

#listMain .item .itemSpec span {
	padding: 0 0 0 0.5em;
}

#listMain .item .itemText {
	width: 155px;
	font-size: 82%;
	letter-spacing: 0.04em;
}

#listFoot {
	clear: both;
	margin: 20px 0 0 0;
	padding: 10px 12px 0 12px;
	border-top: 1px solid #666;
}

/* -- clear float -- */
#listFoot {
	min-height: 0;
	display: inline-table;
}

#listFoot:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* \*/
* html #listFoot {
	height: 0;
}

#listFoot {
	display: block;
}

/* */ /* -- end clear float -- */
#listFoot .backLink {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
}

/*----------------------------------------------------------
	contents:SHOP Yarn Detail
----------------------------------------------------------*/
#imageArea {
	width: 340px;
	float: left;
	padding: 45px 0 0 0;
}

#imageArea a img {
	border: 1px solid #e6e6e6;
}

#imageArea a:hover img {
	border: 1px solid #AFAFAF;
}

#centerArea {
	width: 170px;
	float: left;
}

p.item {
	font-size: 80%;
}

p.value {
	font-size: 120%;
}

dl {
	width: 160px;
	margin: 5px 0 0 0;
}

dl dt {
	clear: both;
	float: left;
	width: 7em;
	font-size: 100%;
	background: #e6e6e6;
	margin: 0 0 10px 0;
	padding: 3px;
}

dl dd { /*float: right;*/
	font-size: 100%;
	border: 1px solid #e6e6e6;
	margin: 0 0 10px 0;
	padding: 3px 3px 2px 7.7em;
}

dl dd.num {
	text-align: right;
}

.comment {
	height: 8em;
	overflow: auto;
}

* html dl dd {
	padding: 3px 3px 2px 6.5em;
}

#rightArea {
	width: 410px;
	float: left;
}

#rightArea #right {
	float: right;
}

#rightArea dl {
	width: 410px;
}

#rightArea dl dt {
	width: 6.5em;
}

#rightArea dl dd {
	padding: 3px 3px 2px 7.5em;
}

* html #rightArea dl dd {
	padding: 3px 3px 2px 7.5em;
}

.attention {
	clear: both;
	padding: 30px 0 0 20px;
}

.attention li {
	list-style: disc;
	font-size: 90%;
	padding: 0 0 6px 0;
}

.attention li a {
	color: #19946c;
}

.attention li a:hover { /* color: #333; */
	color: #AFAFAF;
}

.linkArea {
	margin: 35px 8px 0 0;
}

/* -- clear float -- */
.linkArea {
	min-height: 0;
	display: inline-table;
}

.linkArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* \*/
* html .linkArea {
	height: 0;
}

.linkArea {
	display: block;
}

/* */ /* -- end clear float -- */
.linkArea .backLink {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
}

.cartLink {
	float: right;
}

.linkArea p.oorder {
	padding:0 10px 10px 10px;
	text-align:right;
}

#colorArea {
	margin: 35px 0 0;
}

/* -- clear float -- */
#colorArea {
	min-height: 0;
	display: inline-table;
}

#colorArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* \*/
* html #colorArea {
	height: 0;
}

#colorArea {
	display: block;
}

/* */ /* -- end clear float -- */
#colorArea .section { /* width: 105px; */
	width: 145px;
	float: left;
	/* padding: 0 30px 20px 0; */
	padding: 0 0 20px 0;
}

* html #colorArea .section {
	width: 140px;
	padding: 0 25px 20px 0;
}

*+html #colorArea .section {
	width: 120px;
	padding: 0 25px 20px 0;
}

#colorArea .finish {
	padding: 0;
}

* html #colorArea .finish {
	padding: 0 0 20px 0;
}

*+html #colorArea .finish {
	padding: 0;
}

#colorArea .section input.check {
	display: inline;
	margin: 0 3px 47px 0;
}

* html #colorArea .section input.check {
	display: inline;
	margin: 0;
}

#colorArea .section img {
	margin: 0 0 5px 0;
}

#colorArea .section p {
	padding: 0 0 0 18px;
}

#colorArea .section p.colorName {
	margin: 0 0 7px 0;
}

#colorArea .section p.num input {
	margin: 0 2px;
}

#colorArea .section p.gm input {
	margin: 0 2px;
	width: 2.6em;
}

* html #colorArea .section p input {
	width: 25px;
}

/*----------------------------------------------------------
	contents:SHOP Sample List
----------------------------------------------------------*/
.cartArea {
	padding: 20px 13px 0 0;
}

/* -- clear float -- */
.cartArea {
	min-height: 0;
	display: inline-table;
}

.cartArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* \*/
* html .cartArea {
	height: 0;
}

.cartArea {
	display: block;
}

/* */ /* -- end clear float -- */
.cartArea .attention {
	float: left;
	padding: 5px 0 0 20px;
}

.attention li a:hover img {
	opacity: .70; /* 透明 */
	-moz-opacity: .70; /* 古いMozilla */
	filter: alpha(opacity = 70); /* IE */
}

#sampleList .section {
	width: 205px;
	float: left;
	padding: 0 29px 20px 0;
}

* html #sampleList .section {
	width: 230px;
	padding: 0 0 20px 0;
}

*+html #sampleList .section {
	width: 230px;
	padding: 0 0 20px 0;
}

#sampleList .finish {
	padding: 0;
}

* html #sampleList .finish {
	padding: 0 0 20px 0;
}

*+html #sampleList .finish {
	padding: 0 0 20px 0;
}

#sampleList .section input.check {
	display: inline;
	margin: 0 3px 120px 0;
}

* html #sampleList .section input.check {
	display: inline;
	margin: 0;
}

#sampleList .section img {
	margin: 0 0 5px 0;
}

#sampleList .section a img {
	border: 1px solid #e6e6e6;
}

#sampleList .section a:hover img {
	border: 1px solid #AFAFAF;
}

#sampleList .section p {
	padding: 0 0 0 18px;
}

#sampleList .section div p.yarnNo {
	float: left;
}

#sampleList .section p.colorName {
	margin: 0 0 7px 0;
}

#sampleList .section p input {
	width: 20px;
	margin: 0 2px;
}

* html #sampleList .section p input {
	width: 25px;
}

#sampleList .attention .cartLink {
	float: none;
}

#sampleList .attention .cartLink a {
	color: #ffffff;
	font-size: 92%;
}

#sampleList .attention .chkAll a {
	padding: 2px 10px;
	background-color: #999999;
	text-decoration: none;
	font-size: 92%;
	color: #ffffff;
}

#sampleList .attention .chkAll a:hover {
	background-color: #b6b6b6;
	text-decoration: none;
}

/*----------------------------------------------------------
	contents:SHOP Sample Detail
----------------------------------------------------------*/
#sampleDetail #contents {
	text-align: left;
	padding: 0 0 10px 0;
}

#sampleDetail #contents img.img {
	border: 1px solid #e6e6e6;
}

#sampleDetail .attention {
	padding: 20px 0 20px 20px;
}

#sampleDetail p.num { /*float: left;*/ /*padding: 0 30px 0 0;*/
	
}

#sampleDetail .cartLink {
	float: none;
	margin-left: 30px;
}

#yarnNameArea {
	margin: 20px 0;
}

/* -- clear float -- */
#yarnNameArea {
	min-height: 0;
	display: inline-table;
}

#yarnNameArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* \*/
* html #yarnNameArea {
	height: 0;
}

#yarnNameArea {
	display: block;
}

/* */ /* -- end clear float -- */
#yarnNameArea p {
	float: left;
}

#yarnNameArea ul { /* float: right; */ /* width: 680px; */
	/* padding-right:40px; */
	
}

#yarnNameArea ul li {
	float: left;
	padding: 0 7px;
	border-right: 1px solid #666;
}

#yarnNameArea ul li.finish {
	border-right: none;
}

#yarnNameArea ul li a {
	color: #19946c;
}

#yarnNameArea ul li a:hover { /* color: #333; */
	color: #AFAFAF;
}

p#yarnListLink {
	color: #19946c;
}

p#yarnListLink a {
	color: #19946c;
	border: 1px solid #19946c;
	padding: 2px 7px;
}

p#yarnListLink a:hover { /* color: #333; */
	color: #AFAFAF;
	border: 1px solid #AFAFAF;
	text-decoration: none;
}

/*----------------------------------------------------------
	contents:SHOP Kit List
----------------------------------------------------------*/
#kitList #listMain .item {
	float: left;
	width: 153px;
	padding: 0 0 20px 0;
}

* html #kitList #listMain .item {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

#kitList #listMain .item .iconArea {
	width: 105px;
}

* html #kitList #listMain .item .iconArea {
	margin: 0 0 5px 0;
}

*+html #kitList #listMain .item .iconArea {
	margin: 0 0 5px 0;
}

/* -- clear float -- */
.iconArea {
	min-height: 0;
	display: inline-table;
}

.iconArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* \*/
* html .iconArea {
	height: 0;
}

.iconArea {
	display: block;
}

/* */ /* -- end clear float -- */
#kitList #listMain .item .iconArea img.new {
	float: left;
}

#kitList #listMain .item .iconArea img.star {
	float: right;
}

#listMain .item .itemGenre {
	width: 110px;
	font-size: 90%;
	padding: 5px 0;
}

#listMain .item .book {
	background: url(../img/icon_book.gif) no-repeat 0 8px;
	width: 90px;
	padding: 5px 0 5px 20px;
}

* html #listMain .item .book {
	width: 110px;
}

#kitList #listMain .item .itemName {
	width: 110px;
}

#kitList #note {
	padding: 20px 0 0 20px;
}

/*----------------------------------------------------------
	contents:SHOP Kit Detail
----------------------------------------------------------*/
#kitDetails #imageArea {
	width: 350px;
	float: left;
	padding: 20px 0 0 0;
}

#kitDetails #imageArea p {
	font-size: 90%;
	margin: 7px 0 30px 0;
}

#kitDetails #rightArea {
	width: 495px;
	float: left;
	padding: 10px 0 0 75px;
}

#kitDetails #rightArea h2 {
	color: #19946c;
	background: url(../img/icon_k_3_0.gif) no-repeat 0 8px;
	margin: 0 0 10px 0;
	padding: 20px 0 0 60px;
}

#kitDetails #rightArea dl#basic {
	width: 100%;
	margin: 50px 0 30px 0;
}

#kitDetails #rightArea dl#basic dt {
	width: 7.5em;
	font-size: 100%;
	background: none;
}

#kitDetails #rightArea dl#basic dd {
	font-size: 100%;
	padding: 3px 3px 2px 7em;
	border: none;
}

#kitDetails #rightArea dl#basic dd.green {
	font-size: 160%;
	color: #19946c;
	padding: 0 3px 2px 70px;
	font-weight: 600;
}

#kitDetails #rightArea dl#detail {
	width: 100%;
	margin: 50px 0 30px 0;
}

#kitDetails #rightArea dl#detail dt {
	width: 10em;
	font-size: 100%;
	background: #ccece8;
	margin: 0;
	padding: 3px 6px;
}

#kitDetails #rightArea dl#detail dd {
	font-size: 100%;
	padding: 32px 3px 5px 10px;
	border: 1px solid #ccece8;
}

#kitDetails #rightArea dl#detail dd p span {
	margin: 0 0 0 17px;
}

* html #kitDetails #rightArea dl#detail dd p span {
	margin: 0 0 0 26px;
}

*+html #kitDetails #rightArea dl#detail dd p span {
	margin: 0 0 0 26px;
}

#kitDetails #rightArea table {
	margin: 5px 0 5px 0;
}

#kitDetails #rightArea table td {
	padding: 0 10px 0 0;
}

* html #kitDetails #rightArea table td {
	font-size: 80%;
}

#kitDetails #rightArea p.green {
	color: #19946c;
	margin: 5px 0 0 0;
}

#kitDetails p.num { /*float: left;*/ /*padding: 0 30px 0 0;*/
	
}

#kitDetails .cartLink {
	float: none;
	margin-left: 30px;
}

/*----------------------------------------------------------
	contents:SHOP Other List
----------------------------------------------------------*/
table#otherSearchArea {
	width: 920px;
}

table#otherSearchArea td#arrow {
	width: 112px;
	height: 63px;
	background: #e6e6e6 url(../img/h2_search.gif) no-repeat 0 top;
	color: #ffffff;
	vertical-align: top;
}

table#otherSearchArea td#arrow p {
	padding: 23px 0 0 0;
	text-align: center;
	font-size: 86%;
}

table#otherSearchArea table {
	width: 100%;
	margin-top: 14px;
	font-size: 80%;
	background: #e6e6e6;
}

table#otherSearchArea table td#btSearch {
	height: 65px;
	padding: 0 0 5px 10px;
}

table#otherSearchArea table td#btSearch a {
	padding: 3px 10px;
	background-color: #66b8aa;
	text-decoration: none;
	color: #ffffff;
	font-size: 110%;
}

table#otherSearchArea table td#btSearch a:hover {
	background-color: #80c3b8;
	text-decoration: none;
	color: #ffffff;
}

table#otherSearchArea table td#btSearch img#arrow {
	margin: 0 10px 0 20px;
}

/*----------------------------------------------------------
	contents:SHOP Book List
----------------------------------------------------------*/
#BookList #listMain .item {
	float: left;
	width: 230px;
	padding: 0 0 20px 0;
	text-align:center;
	/*vertical-align: top;*/
}

/*
* html #BookList #listMain .item {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}
*/
#BookList #listMain .item .iconArea {
	margin-left:42px;
	text-align:left;
}

#BookList #listMain .item .itemName {
	margin-left:20px;
	width: 190px;
}

#BookList #listMain .item .itemText {
	margin-left:20px;
	width: 190px;
}

/*----------------------------------------------------------
	contents:SHOP Book Detail
----------------------------------------------------------*/
dl#book {
	width: 450px;
	margin: 5px 0 30px 0;
}

dl#book dt {
	width: 8em;
	background: #ccece8;
	padding: 3px 6px;
}

dl#book dd {
	padding-left: 9.5em;
	border: 1px solid #ccece8;
}

dl#book dd p span {
	margin: 0 0 0 17px;
}

/*----------------------------------------------------------
	contents:SHOP Variation List
----------------------------------------------------------*/
table#vSearchArea {
	width: 920px;
}

table#vSearchArea td#arrow {
	width: 162px;
	/*height:104px;*/
	vertical-align: top;
	background: #e6e6e6 url(../img/h2_search_vrtn.gif) no-repeat 0 top;
	color: #ffffff;
}

table#vSearchArea td#arrow p {
	padding: 23px 0 0 0;
	text-align: center;
	font-size: 86%;
}

table#vSearchArea div {
	margin-top: 14px;
	padding-top: 20px;
	width: 100%;
	height: 76px;
	background: #e6e6e6;
}

table#vSearchArea li {
	float: left;
	padding-left: 14px;
	height: 76px;
	font-size: 90%;
}

/* for IE6 */
/** html table#vSearchArea li {
	font-size: 80%;
}*/

table#vSearchArea li img {
	float: left;
	border: 1px solid #ffffff;
}

table#vSearchArea li p {
	float: left;
	padding-left: 10px;
	width: 110px;
}

table#vSearchArea li a {
	color: #9f9f9f;
}

table#vSearchArea li a img {
	border: 1px solid #afafaf;
	opacity: .60; /* 透明 */
	-moz-opacity: .60; /* 古いMozilla */
	filter: alpha(opacity = 60); /* IE */
}

table#vSearchArea li a:hover img {
	border: 1px solid #ffffff;
	text-decoration: underline;
	opacity: 1; /* 透明 */
	-moz-opacity: 1; /* 古いMozilla */
	filter: alpha(opacity = 100); /* IE */
}

table#vSearchArea li a:hover p {
	text-decoration: underline;
}