﻿@charset"utf-8";

#en #hobby h4 {
	clear: both;
	margin-bottom: 10px;
	padding: 0 0 5px 3px;
	border-bottom: 2px solid #fcc;
	font-size: 14px;
}
#en #hobby h5 {
	clear: both;
	margin-bottom: 10px;
	padding: 7px 5px;
	background-color: #ddd;
	border: 1px solid #ccc;
	text-align: left;
	font-weight: bold;
}
#en #hobby p {
	line-height: 130%;
}
#en #hobby dt,
#en #hobby dd {
	line-height: 120%;
}

#en #hobby p {
	clear: both;
	margin-bottom: 1em;
	line-height: 1.4;
}
#en #hobby ul{
	list-style-type: none;
	margin: 0 0 10px 0;
}
#en #hobby ul#icon-text {
	overflow: auto;
	margin-left: 5px;
	padding-bottom: 10px;
}
*html #en #hobby ul#icon-text {
	margin-bottom: 20px;
}
#en #hobby ul#icon-text li {
	float: left;
	margin-right: 20px;
}
#en #hobby ul#icon-text li img {
	margin-right: 3px;
	vertical-align: bottom;
}
#en #hobby ul img.icon {
	margin: 3px 1px 0 0!important;
	border: none!important;
}

/* local navi
------------------------------------------------------ 
#en #local-navi #news h3 {
	margin-bottom: 5px!important;
	padding: 3px 0 3px 18px!important;
	background: url(../common/icon-h3.gif) left center no-repeat;
}
#en #local-navi #news h4 {
	margin-bottom: 3px;
	padding: 3px;
	background: #FDDAEA;
}
#en #local-navi #news h5 {
	margin-bottom: 3px;
	padding: 3px 0;
	font-weight: bold;
}
#en #local-navi #news {
	border: 2px dotted #bbb;
	padding: 5px;
}
#en #local-navi #news p {
	margin-bottom: 0.5em;
	line-height: 120%;
}
*/

/* Embroidery
------------------------------------------------------ */
#en #hobby ul#embr-list,
#en #hobby ul#embrkit-list {
	margin-bottom: 20px;
	margin-left: 5px;
	padding-left: 5px;
}
#en #hobby ul#embr-list li,
#en #hobby ul#embrkit-list li {
	margin: 0 0 5px 0;
	padding: 0px 0px 0px 10px;
	background: url(../common/icon-arrow01.gif) left center no-repeat;
}


/* fabric
------------------------------------------------------ */
#en .goto-back {
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-top: 2px solid #ddd;
	background: url(../common/icon-arrow01.gif) left center no-repeat;
}
*html #en .goto-back {
	clear: both;
	margin-top: 5px;
	padding-top: 0;
	padding-bottom: 3px;
	padding-left: 8px;
	border-top: 2px solid #ddd;
	background: url(../common/icon-arrow01.gif) left center no-repeat;
}

#en hr.bar {
	display: block;
	margin: 10px 0;
	border: 1px solid #ddd;
}

#en #local-navi {
	margin-top: 10px;
}
#en #content {
	margin: 10px 0;
	float: left;
	width: 720px;
}

#en #content h3 {
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 4px 20px;
	border-bottom: 3px solid #f69;
	background: url(../common/icon-h3.gif) left center no-repeat;
	font-size: medium;
}
#en #content .goto-page {
	margin-bottom: 5px!important;
	padding-left: 10px!important;
}

/* Kit
------------------------------------------------------ */
#en #kit #top-area {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 15px;
}
#en #kit #top-area h4 {
	margin-bottom: 3px;
}
#en #kit #top-area p {
	margin-bottom: 5px;
}
#en #kit #top-area p.copy {
	margin-top: 5px;
}
#en #kit #top-area p.copyright {
	margin: 0 0 5px 0!important;
	font-size: x-small;
	_font-size: xx-small;
}
#en #kit h5 {
	clear: both;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #eee;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 130%;
}

/* fabric
------------------------------------------------------ */
#en #hobby ul#fabric-list-new {
	overflow: hidden;
	width: 720px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 3px solid #ddd;
}
#en #hobby ul#fabric-list-new li {
	float: left;
	display: inline;
	width: 230px;
	margin-right: 5px;
	margin-bottom: 10px;
}
#en #hobby ul#fabric-list-new li img {
	float: left;
	margin-right: 4px;
	border: 1px solid #ddd;
}

#en #hobby ul#fabric-list {
	overflow: auto;
	clear: both;
}
#en #hobby ul#fabric-list li {
	float: left;
	width: 170px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#en #hobby ul#fabric-list li img {
	float: left;
	margin-right: 4px;
	border: 1px solid #ddd;
}


/* *************************** */
#en #hobby .section {
	clear: right;
	overflow: auto;
	margin-bottom: 10px;
	padding: 0 0 5px 0;
	border: 3px solid #ccc;
	_width:540px;
}
#en #hobby .section p {
	margin: 0 10px;
}
#en #hobby .section p img {
	float: right;
	margin: 0 0 5px 10px;
	border: 2px solid #ddd;
}
#en #hobby .section ul {
	overflow: auto;
	margin-left: 10px;
}
#en #hobby .section ul#others li {
	display: inline;
	float: left;
	width: 240px;
}

/*	archive-list 5列の場合
	英語topページ＆アーカイブ：サムネイルサイズ100px
	index.html/index_back.html で使用
------------------------------------------------------ */
#en #hobby ul#fabric-view {
	clear: both;
/*	margin-left: 5px;
	margin-right: 5px;
*/
}
#en #hobby ul#fabric-view li {
	float: left;
	width: 140px;
	height: 170px;
	overflow: hidden;
	margin-bottom:10px;
}

#en #hobby ul#fabric-view li p {
	margin: 0 20px 10px 20px;
	line-height: 130%;
}

#en #hobby ul#fabric-view li p img {
	float: left;
/*	border: 1px solid #ddd; */
}
#en #hobby ul#fabric-view li p.c-name {
	line-height: 100%;
	text-align: center;
}

/* 1000 colors
------------------------------------------------------ */
#en #fabric #colors {
	text-align: left;
}
#en #fabric #colors img {
	margin:10px 10px 15px;
}
#en #fabric #colors p.spec {
	clear: both;
}


/* thread
------------------------------------------------------ */
#en #thread #top-area {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 15px;
	border-bottom: 2px solid #ddd;
}
#en #thread #top-area h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #0066FF;
	text-align: center;
}
#en #thread #top-area h4 img {
	margin-top: 5px;
	margin-bottom: 3px;
}
#en #thread #top-area p {
	margin-bottom: 5px;
	line-height: 130%;
}
#en #thread #top-area p.copy {
	margin-top: 5px;
}
#en #thread #top-area p.copyright {
	margin: 0 0 5px 0!important;
	font-size: x-small;
	_font-size: xx-small;
}
#en #thread #top-area h4 {
	margin-bottom: 15px;
}
#en #thread #top-area p {
	margin-bottom: 0.8em;
}
#en #thread .section h5 {
	margin-bottom: 10px;
	color: #3366ff;
	font-size: 120%;
	font-weight: bold;
}
#en #thread .section p {
	margin-bottom: 10px;
	line-height: 130%;
}
#en #thread .section p.cosmo525 {
	clear: both;
	width: 720px;
	padding: 5px 0!important;
	overflow: hidden;
}
#en #thread .section p.cosmo525 img {
	vertical-align: top;
}

#en #thread .box {
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	_width: 540px;
}
#en #thread .box h5 {
	margin-bottom: 10px;
	color: #3366ff;
	font-size: 120%;
	font-weight: bold;
}
#en #thread .box p {
	margin-bottom: 0.8em;
	line-height: 140%;
}
#en #thread .box p span {
	line-height: 140%;
}

#en #thread table {
	width: 350px;
	_width: 275px;
	border: 2px solid #ddd;
	border-collapse: collapse;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	float: left;
}
#en #thread table th {
	padding: 3px;
	border: 1px solid #dddddd;
	background-color: #FEFADF;
	color: #333;
}
#en #thread table td {
	border: 1px solid #dddddd;
	padding: 3px 10px;
}
#en #thread table td ul {
	list-style-type: none;
}
#en #thread table td li {
	line-height: 140%;
}


/* Agents  :wholesale.html で使用
------------------------------------------------------ */
#en #hobby #agents .section {
	margin-bottom: 20px;
	padding: 0;
	border: none;
}
#en #hobby #agents h5 {
	margin: 20px 0 20px 0;
	padding: 10px 10px;
	border-left: 10px solid #ccc;
	border-right: 400px solid #ddd;
	background-color: #eee;
	line-height: 140%;
	font-size: 140%;
	font-weight: bold;
	color: #333;
}
*html #en #hobby #agents h4 {
	font-size: 120%;
}

#en #hobby #agents p {
	margin-bottom: 10px;
}

#en #hobby #agents p img.title{
	margin-top: 10px;
	margin-bottom: 10px;
}

#en #hobby #agents p img.country{
	vertical-align: middle;
	margin-right: 15px;
}


#en #hobby #agents dl {
	margin-bottom: 20px;
	padding: 0 10px;
	line-height: 130%;
}
#en #hobby #agents dt {
	margin-bottom: 5px;
	padding: 0 0 3px 0;
	border-bottom: 3px solid #ddd;
	line-height: 130%;
}
#en #hobby #agents dt strong span {
	color: #FF6600;
}
#en #hobby #agents dd {
	margin-bottom: 10px;
	line-height: 130%;
}

#en #hobby #agents dd img {
	margin: 10px 10px;
}

#en #hobby #agents dl.dl-inner {
	margin-top: 10px;
}

/* USA Customer Contact List
------------------------------------------------------ */
#en #hobby table.contact-list {
	border: 1px solid #ccc;	
	margin: 0 0 10px 0;
	padding: 0!important;
	width: 720px;
}
#en #hobby table.contact-list th {
	background-color: #fcc;
	border-top: 0 solid #dddddd;
	border-right: 1px solid #ccc;	
	border-left: 0 solid #dddddd;
	border-bottom: 1px solid #ccc;
	padding: 3px;
}
#en #hobby table.contact-list th.company-usa {
	width: 25%;
}
#en #hobby table.contact-list th.phone-usa {
	width: 15%;
}
#en #hobby table.contact-list th.address-usa {
	width: 28%;
}
#en #hobby table.contact-list th.city-usa {
	width: 15%;
}
#en #hobby table.contact-list th.state-usa {
	width: 7%;
}
#en #hobby table.contact-list th.zip-usa {
	width: 10%;
}

#en #hobby table.contact-list th.todofuken {
	width: 90px;
}
#en #hobby table.contact-list th.tokuisaki {
	width: 70px;
}
#en #hobby table.contact-list th.telno {
	width: 95px;
}
#en #hobby table.contact-list th.jiki {
	width: 130px;
}
#en #hobby table.contact-list td {
	border-top: 0 solid #dddddd;
	border-right: 1px solid #ccc;	
	border-left: 0 solid #dddddd;
	border-bottom: 1px solid #ccc;
	white-space: normal;
	padding: 2px;
	line-height: 120%;
}

/* Store Locator in US for ""
------------------------------------------------------ */
#en #hobby table.emb-list {
	border: 1px solid #ccc;	
	margin: 0 0 10px 0;
	padding: 0!important;
	width: 720px;
}
#en #hobby table.emb-list th {
	background-color: #fcc;
	border-top: 0 solid #dddddd;
	border-right: 1px solid #ccc;	
	border-left: 0 solid #dddddd;
	border-bottom: 1px solid #ccc;
	padding: 3px;
	text-align: center;
}
#en #hobby table.emb-list th.name-emb {
	width: 18%;
}
#en #hobby table.emb-list th.address-emb {
	width: 25%;
}
#en #hobby table.emb-list th.city-emb {
	width: 12%;
}
#en #hobby table.emb-list th.state-emb {
	width: 7%;
}
#en #hobby table.emb-list th.zip-emb {
	width: 8%;
}
#en #hobby table.emb-list th.phone-emb {
	width: 15%;
}
#en #hobby table.emb-list th.fax-emb {
	width: 14%;
}

#en #hobby table.emb-list td {
	border-top: 0 solid #dddddd;
	border-right: 1px solid #ccc;	
	border-left: 0 solid #dddddd;
	border-bottom: 1px solid #ccc;
	white-space: normal;
	padding: 2px;
	line-height: 120%;
}



/* FreePatterns ～2015/04/01～
------------------------------------------------------ */
#en #hobby #free-patterns .patterns-area {
	clear: left;
	width: 720px;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #ccc;
	overflow: hidden;
}

*html #en #hobby #free-patterns .box200-1,
*html #en #hobby #free-patterns .box200-2 {
	margin: 10px 0 5px 0;
}

#en #hobby #free-patterns .box200-1 {
	float: left;
	text-align: left;
	width:250px;
	padding-right: 10px;
	margin-bottom: 20px;
}

#en #hobby #free-patterns .box200-2 {
	float: right;
	text-align: left;
	width:200px;
	margin-bottom: 20px;
}
#en #hobby #free-patterns h5 {
	margin-top: 10px;
/*	line-height: 120%; */
	border: none;
	background-color: #fff;
}
#en #hobby #free-patterns h5 em {
/*	margin: -10px 0 0 0; */
	font-size: x-small;
	font-weight: normal!important;
	line-height: 120%;
}
#en #hobby #free-patterns .box200-1 p {
/*	margin: 0;
	padding: 0;
*/
}
#en #hobby #free-patterns .box200-1 p img,
#en #hobby #free-patterns .box200-2 p img {
	float: none;
	margin: 0;
	padding: 0;
	border: 2px solid #ddd;
}
#en #hobby #free-patterns .title {
	margin-bottom: 5px!important;
	padding-left: 8px!important;
	background: url(../common/icon-arrow01.gif) left center no-repeat;
}
#en #hobby #free-patterns .goto-page2 {
	clear: both;
	margin-left: 5px;
	padding: 7px 5px;
	border: none;
	text-align: left;
	margin-bottom: 5px!important;
	padding-left: 8px!important;
	background: url(../common/icon-arrow01.gif) left center no-repeat;
}

/*------------------------------------------------------ */
/* FreePatterns ～2015/03/31 */
/*------------------------------------------------------ */
#en #hobby #patterns .box {
	clear: left;
	width: 720px;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #ccc;
	overflow: hidden;
}
#en #hobby h3#patterns {
	overflow: hidden;
	padding: 3px;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
}
#en #hobby #patterns .box-1st {
	float: left;
	overflow: hidden;
	width: 230px;
	margin: 0 5px 5px 5px;
	padding: 0;
	border: none;
}
*html #en #hobby #patterns .box-1st {
	margin: 0 0 5px 5px;
}
#en #hobby #patterns .box-1st h5 {
	margin-bottom: 0;
	line-height: 120%;
	border: none;
	background-color: #fff;
}
#en #hobby #patterns .box-1st h5 em {
	margin: -10px 0 0 0;
	font-size: x-small;
	font-weight: normal!important;
	line-height: 120%;
}
#en #hobby #patterns .box-1st p {
	margin: 0;
	padding: 0;
}
#en #hobby #patterns .box-1st p img {
	float: none;
	margin: 0;
	padding: 0;
	border: 2px solid #ddd;
}
#en #hobby #patterns .goto-page {
	margin-bottom: 5px!important;
	padding-left: 8px!important;
}
#en #hobby #patterns p.pdf-icon {
	background: url(../common/pdficon_small.gif) left center no-repeat!important;
	padding-bottom: 3px;
	padding-left: 18px;
}

