@charset "utf-8";

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	position:relative;

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;
	_font-size: 94%;

	vertical-align: baseline;

	background: transparent;

}



/* �N���X�u���E�U�X�N���[���o�[�΍� */

html {

  height:100%;

  margin-bottom:1px;

}



body {

	line-height: 1.25;

	font-size:80%;

}



ol, ul {

	list-style: none;

}



blockquote, q {

	quotes: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}



del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/* ---------- top ------------- */

.h2bg {
	background: url(../images/component/h2/h2.jpg) no-repeat;


}

#characteristic {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}



#sample {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}



#texture {

	background: url(../images/component/h2/h2.jpg) no-repeat;
}



#crest {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}



#size {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}



#knowledges {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}



#sample-img, #crest-img {
	margin: -58px 0 30px 10px;
	_margin: -76px 0 30px 10px;

}

/* ----------- / top ----------- */



/* ----------- care ---------- */

#care h2 {
	background: url(../images/component/h2/h2.jpg) no-repeat;
	background-repeat: no-repeat;

}

/* ---------- /care --------- */



/* --------- qa ------------- */

#qa h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}

/* --------/ qa ------------- */



/* --------- returned ------------- */

#returned h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}



#returned .textbox01 dt {

	font-size: 125%;

	background: url(../images/component/h3.jpg) no-repeat;

	text-indent: 60px;

	line-height: 28px;

	color: #C23636;

	font-size: 125%;

}

/* ------- / returned ------------- */



/* --------- knowledge ------------- */

#knowledge h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}

/* ------- / knowledge ------------- */



/* --------- company ------------- */

#company h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}

/* ------- / company ------------- */



/* --------- info ------------- */

#info h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}



#info .textbox05 {

	margin-bottom: 5px;

}

/* --------/ info ------------- */



/* --------- sitepolicy ------------- */

#sitepolicy h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}



/* --------/ sitepolicy ------------- */



/* --------- privacy ------------- */

#privacy h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}

/* --------/ privacy ------------- */



/* --------- sitemap ------------- */

#sitemap h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}

/* --------/ sitemap ------------- */



/* --------- pricelist ------------- */

#pricelist h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}

/* --------/ pricelist ------------- */



/* --------- guide ------------- */

#guide h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}

/* --------/ guide ------------- */



/* --------- estimate ------------- */

#estimate h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}



#estimate .textbox02 .textbox04 {

	line-height: 1;

}



#fax {

	margin-bottom: 20px;

	width: 200px;

	height: 40px;

	overflow: hidden;

}



#fax a {

	display: block;

	background: url(../images/estimate/fax.jpg) no-repeat;

	height: 100%;

	text-indent: -9999px;

}



#fax a:hover {

	background-position:left bottom;

}

/* --------/ estimate ------------- */



/* --------- service ------------- */

#service h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}

/* --------/ service ------------- */



/* --------- pay ------------- */

#pay h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}



#pay .textbox01 dl dt {
	font-size: 120%;
}

.textbox01{
    margin-bottom:45px;
    _margin-bottom:60px;
}


#pay .textbox05 {

	margin-top: 5px;

}



#pay .textbox05 dl dt {

	color: #C23636;

	font-size: 100%;

}



#pay .textbox05 dl dd {

	margin-bottom: 5px;

}

/* --------/ pay ------------- */



/* --------- order ------------- */

#order h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}

/* --------/ order ------------- */



/* --------- contact ------------- */

#contact h2 {

	background: url(../images/component/h2/h2.jpg) no-repeat;

}



#contact .textbox02 * {

	margin-bottom: 5px;

	border: none;

	background: none;

	padding: 0;

}





.contactform{

    width:650px;

	margin:10px 0 0 10px; 

}



.contactform th{

    width:150px;

    text-align:left;

	vertical-align:text-top;

}



.contactform td{

    text-align:left;

	vertical-align:text-top;

}

.soushin{

    margin:20px;

}

/* --------/ contact ------------- */

#returned .textbox01 dt {

	font-size: 125%;

	background: url(../images/component/h3.jpg) no-repeat;

	text-indent: 30px;

	line-height: 28px;

	color: #C23636;

	font-size: 125%;

}


.furoshiki_sampel{
     margin:80px 0 0 15px;
}


/*-------------- a ------------ */

a {

	text-decoration: none;

}

	

a:hover {

	text-decoration: underline;

	color: #D24D4D;

}

/*------------ / a --------------*/



/*------------- table -------------*/

table,  tr, th, td {

	border: 2px solid #333;

	position: static;

	padding: 20px;

	text-align: center;

}



table.textbox02 {

	border: 2px solid #333;

}



td {

	color: #D24D4D;

	font-size: 120%;

	font-weight: bold;

}

/*----------- / table -------------*/



/* -------------- h2 ~ h4 ---------------- */

h3 {

	overflow: hidden;

}




h2 {
	left: -20px;
	margin-top: 3px;
	padding:20px 0 0 110px;
	background: url(../images/component/h2/h2.jpg) no-repeat;
	/*width: 450px;*/
	height: 90px;
	_height: 110px;
	font-size:180%;
	font-weight:normal;
}

#toppage h3{
	left: -20px;
	margin-top: 3px;
	padding:20px 0 0 50px;
	background: url(../images/component/h2/h2.jpg) no-repeat;
	width: 450px;
	height: 90px;
	_height: 110px;
    font-size:180%;
	font-weight:normal;
	color:#000;
}



h3{
	position: static;
	margin: 0 10px;
	background: url(../images/component/h3.jpg) no-repeat;
	text-indent: 60px;
	line-height: 28px;
	color: #C23636;
	font-size: 125%;
	font-weight: bold;
}

.h3 {
	overflow: hidden;

	position: static;

	margin: 0 10px;

	background: url(../images/component/h3.jpg) no-repeat;

	text-indent: 60px;

	line-height: 28px;

	color: #C23636;

	font-size: 125%;

	font-weight: bold;

}



h4 {

	margin-left: 10px;

}

/* -------------- / h ------------------- */



/*-------------------- textbox --------------- */

.textbox01, .textbox03, .textbox04 {

	background: #fff url(../images/component/textbox01.gif) 0 0 repeat-y;

}



.textbox01, .textbox03 {

	margin: -58px 0 30px 0;
	_margin: -76px 0 30px 0;

	padding: 10px 0;

	width: 723px;

}



.textbox02 {

	margin-bottom: 10px;

}



.textbox03 {

	padding-top: 20px;

}



.textbox01, .textbox01 dd, .textbox02, .textbox03, .textbox03 dd, .textbox04, .textbox05 {

	border: 1px solid #A7A4A4;

}



.textbox01 dt, .textbox03 dt {

	position: static;

	background: url(../images/component/h3.jpg) no-repeat;

	height: 28px;

	text-indent: 60px;

	line-height: 28px;

	color: #C23636;

	font-size: 125%;

	font-weight: bold;

}



.textbox01 dt, .textbox01 p, .textbox03 dt, .textbox03 p, .textbox03 dl dd {

	margin: 0 10px;

}



.textbox01 dl dt {

	background: transparent;

	height: 100%;

	text-indent: 0;

	line-height: 1;

	color: #333;

	font-size: 100%;

}



.textbox01 p {

	margin-bottom: 10px;

}



.textbox01 *.textbox02, .textbox01 dd, .textbox03 *.textbox02, .textbox03 dd {

	position: static;

	margin: 0 10px 20px 10px;

	background: #fff url(../images/component/textbox02.gif);

	padding: 10px;

}



dl.textbox03 dt {

	margin-top: 5px;

	background: transparent;

	text-indent: 0;

	font-size: 120%;

}



.textbox03 dd {

	margin: -2.5em 20px 5px 100px;

	line-height: 1;

}



.textbox03 dl dt {

	background: transparent;

	height: 100%;

	text-indent: 0;

	line-height: 1;

	color: #333;

	font-size: 100%;

}



.textbox04, dd.textbox04 {

	margin: 0 10px 20px 10px;

	background: #fff url(../images/component/textbox01.gif) 0 0 repeat-y;

	padding: 10px;

}



.textbox04 * {

	margin: 10px;

}



.textbox04 h4 {

	margin-bottom: 0;

}

.textbox04 dt, .textbox04 dd {

	border: none;

	margin: 0;

	background: none;

	padding: 0;

	text-indent: 0;

	font-size: 100%;

}



ol.textbox04 li {

	height: 100%;

}



ol.textbox04 p {

	margin: 0;

}



ol.textbox04 dl {

	margin: 0;

}



ol.textbox04 dt {

	height: 100%;

	line-height: 1;

	color: #C23636;

}



ol.textbox04 dd {

	margin-bottom: 10px;

}



.textbox05, dd.textbox05 {

	background: #fff;

}

/*---------------- / textbox ----------------- */



.annotation {

	text-indent: 1em;

}



.iconed-list li {

	margin: 5px 20px;

	list-style: disc outside;

}



.jumper {

	clear: both;

	text-align: right;

	margin-right: 30px;

}



.jumper a {

	color: #B53232;

}



.jumper a:hover {

	color: #D24D4D;

}


body {

	font-family: '�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;

}





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

h1 {

	margin-left: 20px;

	height: 29px;

	overflow: hidden;

	line-height: 2;

	font-size: 120%;

}



#logo {

	z-index: 1;

	display: block;

	top: -82px;

	margin-left: 8px;

	width: 300px;

	height: 100px;

}



#catch-01 {

	top: 18px; left: 391px;

	background: url(../images/header/catch-03.jpg) 13px 0 no-repeat;

	padding: 20px 0;

	width: 173px;

	overflow: hidden;

	text-align: center;

	line-height: 1.5;

	color: #fff;

	font-size: 100%;

	font-weight: bold;

}



#catch-02 {
	z-index: 2;
	position: absolute;
	top: 100px;
	margin-left: 150px;
	width: 250px;
	height: 15px;
	color:#FFFFFF;
}



#catch-03 {
	position: absolute; top: 5px;
	margin-left: 549px;
	width: 170px;
	height: 50px;
	font-weight:bold;
	color:#FFFFFF;

}



/*--- �₢���킹�A���� ---*/

#contact-sticker {
	top: -177px;
	left:729px;
	width: 220px;
	height: 90px;

}



#contact-sticker *{
}



/*--- global navi ---*/

#global-navi li {
	float: left;
	height: 49px;

}



#global-navi li a {
	display: block;
	background-position: center top;
	width: 100%;
	height: 34px;
	text-align:center;
	font-size:120%;
	color:#fff;
	padding-top:15px;
	text-decoration:none;
	font-weight:bold;
}



#global-navi .current-page a, #global-navi li a:hover {
	background-position: center bottom;

}



#navi-price, #navi-contact {

	width: 135px;

}



#navi-guide, #navi-estimate, #navi-service, #navi-pay, #navi-order {
	width: 136px;

}



#navi-price a {
	background: url(../images/navi/price.jpg) no-repeat;

}



#navi-guide a {
	background: url(../images/navi/guide.jpg) no-repeat;

}



#navi-estimate a {

	background: url(../images/navi/estimate.jpg) no-repeat;

}



#navi-service a {
	background: url(../images/navi/service.jpg) no-repeat;

}



#navi-pay a {
	background: url(../images/navi/pay.jpg) no-repeat;

}



#navi-order a {

	background: url(../images/navi/order.jpg) no-repeat;

}



#navi-contact a {
	background: url(../images/navi/contact.jpg) no-repeat;

}

/*--- /global navi ---*/

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





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

/*--- breadcrumbs ----*/

#breadcrumbs {
	font-size: 100%;
	margin-bottom: 8px;

}



#breadcrumbs li {
	display: inline;
	margin-right: 2px;
	color: #999;
	font-weight: bold;

}



#breadcrumbs a {
	color: #B53232;
	font-weight: normal;
}



#breadcrumbs a:hover {
	color: #D24D4D;

}

/*--- / breadcrumbs ----*/



/*--- menu ----*/

#menu * {
	height: 32px;
	overflow: hidden;
	line-height: 32px;
	color: #fff;

}



#menu a {
	display: block;
	width: 159px;
	height: 100%;
	font-weight:bold;
}

#menu h3 {
	background-image:none;
	margin:0;
	padding:0;
	height:47px;
	font-size:110%;
}


#menu dt {
	text-indent:35px;
	font-weight:bold;
}


div#top-menu a {
	display: block;
	width: 159px;
	height: 32px;
	background: url(../images/menu/top.jpg) no-repeat;
	padding: 0 0 0 32px;
	color: #FFFFFF;
	line-height: 2.5;
	text-decoration: none;
}


#contents-menu {
	background: url(../images/menu/contents.jpg) no-repeat;
}

#contents-menu2 {
	background: url(../images/menu/contents.jpg) no-repeat;
}



#site-menu {
	background: url(../images/menu/site.jpg) no-repeat;
}



#contents-menu, #contents-menu2, #site-menu, #partner {
	margin-top: 15px;
	font-size:90%;

}



#menu dd a {
	background: url(../images/menu/default.jpg) left center no-repeat;
	text-indent: 28px;

}



dd#current-menu a, #menu a:hover {

	background-position: right center;

	width: 163px;

}



#current-menu {

	font-weight: bold;

}

#partner {
	background: url(../images/menu/partner.jpg) no-repeat;
}

#menu dd.partner-site {
	margin: 0;
	padding: 1em 0;
	display: block;
	width: 159px;
	height: 100%;
	line-height: 1;
	overflow: visible;
	color: #fff;
	background-image: url(../images/menu/partner-back.jpg);
	background-repeat: repeat-y;
	font-size: 90%;
}

#menu dd.partner-site span {
	margin: 0 auto;
	padding: 0 1em;
	display: block;
	height: 100%;
	line-height: 1;
}

#container #menu dd.partner-site span a,
#container #menu dd.partner-site span a:hover {
	display: inline;
	line-height: 1;
	color: #cc0066;
	background: none;
	text-decoration: none;
	text-indent: 0;
}

* html body #container dl#menu dd#partner-site span a.vote,
*+html body #container dl#menu dd#partner-site span a.vote:link,
*+html body #container dl#menu dd#partner-site span a.vote:hover {
	display: inline;
}


#menu #menu_cart{
     margin:0;
     padding:0;
}

/*----- / menu ----*/

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



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

.menumap, .co-info {

	margin: 0 auto;

	width: 750px;

}



#footer p {

	margin-top: 20px;

}



#footer a {

	color: #fff;

}



.menumap li, .co-info dt, .co-info dd {

	position: static;

	display: inline;

	border-right: 1px solid #fff;

	margin: 0 2px 0 2px;

	padding-right: 9px;

	line-height: 1.5;

}



#footer .unpartition {

	border-right: none;

}



.co-info dd {

	white-space: nowrap;

}



#copyright {

	margin-top: 20px;
	font-family: '�l�r �o�S�V�b�N',sans-serif;


}



#copyright a {

	color: #B53232;

	font-weight: bold;

}



#copyright a:hover {

	color: #D24D4D;

}

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


body {

	background: #CDE0C6 url(../images/structure/body.jpg) center top repeat-y;

}



/* -- IE�Z���^�����O�΍� -- */

* html body {

	text-align: center;

}



* html #main, * html #header {

	text-align: left;

}

/* -- / IE�Z���^�����O�΍� --*/



#container {

	margin: 0 auto;

	width: 980px;

}



#header  {

	background: url(../images/structure/header.jpg) -2px 0 no-repeat;

	padding: 0 15px;

	height: 230px;

	overflow: hidden;

}

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

#global-navi {

	position: absolute; top: 126px;

	clear: right;

	width: 952px;

	overflow: hidden;

}

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



#main {

	margin: -40px auto 0 auto;

	background: url(../images/structure/main.jpg);

	padding-bottom: 30px;

	width: 948px;

	overflow: hidden;

}

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

#main-contents, #menu {

	padding-top: 2px;

}



#main-contents {

	float: right;

	width: 750px;

}



#menu {

	width: 190px;

	margin-bottom: 30px;

}



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



#footer {

	clear: right;

	margin: 0 auto;

	background: #CDE0C6 url(../images/structure/footer.jpg) center top no-repeat;

	padding: 15px 0 5px 0;

	width: 950px;

	text-align: center;

	color: #fff;

}