@charset "Shift_JIS";

/* ------------------------------
	1.HOME
	2.COMPANY（会社情報）
	3.PROCESS（製造工程）
	4.RECRUIT（採用情報）
	5.CONTACT（お問い合せ）
	6.KOMADO
	7.GOODS（商品情報）
	8.SOME  (染ってなに？)
------------------------------ */


/* ----- HOME ----- */

/*#home .bg { background: url(../../img/i_bg01.jpg) no-repeat left bottom; } */
#home .bg { background: url(../../img/i_bg01winter.jpg) no-repeat left bottom; }
#home .logo { margin: 68px 18px 69px 19px; }
#home .copyright {
	padding: 20px;
	color: #A8BDD6;
	font-size: 0.8em;
	line-height: 1.5em;
}


/* ----- COMPANY ----- */

#company #menu { background-color: #F7DFDF; }

#company #index .title { margin: 20px 0 0 25px; }
#company #index .txtimg { margin: 20px 0 20px 25px; }

#company #index p {
	padding: 0 25px 15px 25px;
	text-align: left;
	line-height: 1.5em;
}
#company #index p.txt { padding: 0 0 15px 25px; }

#company #outline .title { margin: 20px 0 10px 25px; }
#company #outline .detail th, #company #outline .detail2 th {
	padding: 5px 5px 5px 0;
	color: #666666;
	text-align: left;
	line-height: 1.5em;
	white-space: nowrap;
}
#company #outline .detail td.txt, #company #outline .detail2 td.txt {
	padding: 5px 0 5px 15px;
	line-height: 1.5em;
	background: url("../../company/common/i_dot.gif") no-repeat 5px 1.1em;
}
#company #outline .detail th { width: 15%; }
#company #outline .detail td.txt { width: 85%; }
#company #outline .detail2 th { width: 11%; }
#company #outline .detail2 td.txt { width: 89%; }

#company #history .title { margin: 20px 0 10px 25px; }
#company #history { background: url("../../company/img/bg_history.jpg") no-repeat right top; }
#company #history .detail th {
	padding: 5px 5px 5px 0;
	color: #666666;
	text-align: left;
	line-height: 1.5em;
	white-space: nowrap;
}
#company #history .detail td.txt {
	padding: 5px 0 5px 15px;
	line-height: 1.5em;
	background: url("../../company/common/i_dot.gif") no-repeat 5px 1.1em;
}

#company #access { background: url("../../company/img/bg_access.jpg") no-repeat right top; }
#company #access .title { margin: 20px 0 15px 25px; }
#company #access .map { margin-bottom: 10px; }
#company #access .circle { color: #F0C4C4; }
#company #access strong { color: #666666; }
#company #access .line { margin: 5px 0; }
#company #access .pagetop { margin: 15px 0 10px 0; }


/* ----- PROCESS ----- */
#process #menu { background-color: #E2E9CD; }
#process #menu .bg { background: url("../../process/common/i_menu.gif") no-repeat; }

#process .title { margin: 20px 0 15px 25px; }
#process p {
	padding-bottom: 20px ;
	text-align: left;
	line-height: 1.5em;
	width: 551px;
}
#process .st { margin-right: 7px; }
#process .btn1 { margin-bottom: 4px; }
#process .btn2 { margin-top: 4px; }
#process .exp { margin-left: 12px; }
#process .pagetop { margin: 0 0 10px 0; }

#process #index { background: url("../../process/img/bg_index.jpg") no-repeat right top; }
#process #index .detail {
	margin-bottom: 25px ;
}
#process #index .detail td.main {
	padding: 10px 10px 5px 10px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #98B14D;
	background: #F5F8EE;
}

#process #kikai { background: url("../../process/img/bg_kikai.jpg") no-repeat right top; }
#process #te { background: url("../../process/img/bg_te.jpg") no-repeat right top; }
#process #kata { background: url("../../process/img/bg_kata.jpg") no-repeat right top; }
#process #shoka { background: url("../../process/img/bg_shoka.jpg") no-repeat right top; }

#process #kikai .prcss,
#process #te .prcss,
#process #kata .prcss,
#process #shoka .prcss {
	margin: 0 0 25px 0;
}
#process #kikai .prcss img.subt,
#process #te .prcss img.subt,
#process #kata .prcss img.subt,
#process #shoka .prcss img.subt {
	margin: 10px 0;
}
#process #kikai .prcss p,
#process #te .prcss p,
#process #kata .prcss p,
#process #shoka .prcss p {
	padding-bottom: 10px ;
	line-height: 1.5em;
	width: 100%;
}
#process #kikai .prcss p strong,
#process #te .prcss p strong,
#process #kata .prcss p strong,
#process #shoka .prcss p strong {
	color: #666666;
}
#process #kikai .prcss img.left,
#process #te .prcss img.left,
#process #kata .prcss img.left,
#process #shoka .prcss img.left {
	margin-left: 15px;
}
#process #kikai .prcss img.leftb,
#process #te .prcss img.leftb,
#process #kata .prcss img.leftb,
#process #shoka .prcss img.leftb {
	margin: 0 0 15px 15px;
}
#process #kikai .prcss img.line,
#process #te .prcss img.line,
#process #kata .prcss img.line,
#process #shoka .prcss img.line {
	margin: 15px 0;
}


/* ----- RECRUIT ----- */

#recruit #menu { background-color: #D5DDEE; }

#recruit #index .title { margin: 20px 0 15px 25px; }
#recruit #index p {
	padding-bottom: 15px ;
	text-align: left;
	line-height: 1.5em;
	width: 551px;
}
#recruit #index p.st {
	margin-bottom: 10px;
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background: #6886C3;
	width: 551px;
}

#recruit #index .detail {
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #CCCCCC;
}
#recruit #index .detail th {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #F3F3F3;
	padding: 4px 6px;
	color: #666666;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 1.5em;
}
#recruit #index .detail td {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 4px 6px;
	line-height: 1.5em;
}


/* ----- CONTACT ----- */

#contact #menu { background-color: #E6D6E6; }
#contact .title { margin: 20px 0 15px 25px; }
#contact p {
	padding-bottom: 15px ;
	text-align: left;
	line-height: 1.5em;
	width: 551px;
}
#contact .line1 { margin-top: 2px; }
#contact .line2 { margin-bottom: 20px; }
#contact .koumoku strong { color: #666666; line-height: 1.5em; }
#contact .koumoku strong span { color: #7F307F; }

#contact .tb th {
	padding: 4px 6px;
	background: #BB90BB;
	color: #FFFFFF;
	font-weight: normal;
	white-space: nowrap;
	line-height: 1.5em;
}
#contact .tb th span { font-size: 0.8em; }
#contact .tb th span.kome { color: #FFFF66; font-size: 0.8em; line-height: 1.5em; }
#contact .tb td { padding: 4px 6px; line-height: 1.5em; }
#contact .tb td span { font-size: 0.8em; }
#contact .tb td table td { padding: 2px 0; }

#contact input { vertical-align: middle; }
#contact select.select { width: 120px; }
#contact input.input1 { width: 100%; }
#contact input.input2 { width: 380px; }
#contact input.input3 { width: 380px; margin-top: 5px; }
#contact textarea.textarea { width: 100%; }
#contact input.button { width: 50px; }

#contact .kakunin {
	color: #7F307F;
}

#contact .ok { line-height: 1.5em; }


/* ----- KOMADO ----- */

#komado .title { margin-bottom: 20px }
#komado p {
	padding-bottom: 10px;
	width: 500px;
	text-align: left;
	line-height: 1.5em;
}
#komado p strong { color: #666666; }

#komado p.hyotitle {
	padding: 2px;
	margin: 10px 0 2px 0;
	width: 500px;
	text-align: center;
	line-height: 1.5em;
	background-color: #999999;
	color: #FFFFFF;
}
#komado p.hyotitle strong { color: #FFFFFF; }

#komado .hyo {
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #999999;
	margin-bottom: 20px;
}
#komado .hyo th {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #D9D9D9;
	padding: 2px 6px;
	color: #666666;
	white-space: nowrap;
	line-height: 1.5em;
}
#komado .hyo th.hyoth2 {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #EBEBEB;
	padding: 2px 6px;
	color: #4C4C4C;
	font-weight: normal;
	white-space: nowrap;
	line-height: 1.5em;
}
#komado .hyo td {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #999999;
	padding: 2px 6px;
	line-height: 1.5em;
}

#komado .close { margin: 6px 30px 7px 0; }

#komado .midashi {
	width: 500px;
	text-align: left;
	line-height: 1.5em;
	margin: 10px 0;
}
#komado .midashi img { margin-bottom: 3px; }
#komado .midashi p { padding: 0 0 10px 12px; }
#komado .midashi p.list {
	margin-left: 12px;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#komado .exfont { margin: 10px 0; }


/* ----- GOODS ----- */

#goods #menu { background-color: #E8DDCB; }
#goods #menu .bg { background: url("../../goods/common/i_menu.gif") no-repeat; }

#goods .title { margin: 20px 0 15px 25px; }
#goods .read { padding: 10px 15px 0 0; line-height: 1.5em; }
#goods .btn { margin-top: 7px; }
#goods .subt { margin-top: 20px; }
#goods .banner {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #D9D9D9;
}

#goods #index .tmain { margin-top: 15px; }
#goods #index .main {
	padding: 8px 11px 5px 11px;
	border-left: 1px solid #B79B66;
	border-right: 1px solid #B79B66;
	background: #F9F6F1;
	line-height: 1.5em;
}
#goods #index .main img { margin-top: 8px; }
#goods #index .txt { padding: 2px 0 0 12px; }

#goods #hata .sample { margin: 20px 0 5px 0; }

#goods #maku .sample1 { margin-top: 20px; }
#goods #maku .sample2 { margin: 20px 0 5px 0; }

#goods #noren .sample { margin: 20px 0 5px 0; }

#goods #nobori .sample { margin: 20px 0 5px 0; }

#goods #happi .sample { margin: 40px 0 5px 0; }


/* ----- SOME ----- */

#some #menu { background-color: #D5E6D5; }

#some strong {
	font-size: 120%;
	font-weight:normal;
	line-height: 1.5em;
}

#some .tables{
	margin: 10px 0px 10px 0px;
	width:540;
	vertical-align:top;
	text-align: center;
}

#some #index .title { margin: 20px 0 0 25px; }
#some #index .txtimg { margin: 20px 0 20px 25px; }

#some #index h2 {
	font-size: 16px;
	margin:  5px 20px 10px 20px;
	padding: 5px 20px 0px 0px;
	text-align: left;
	color: #2A7F2A;
	border-bottom:thin dotted #4C4C4C;
}

#some #index p,#some #history p {
	padding: 0 25px 5px 30px;
	text-align: left;
	line-height: 1.5em;
}

#some #index .noren{
	text-align:left;
	font-size: 10px;
}
#some #index .norentxt{
	vertical-align:middle;
	margin:5px;
}

#some #history h2 {
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif;
	font-size: 17px;
	padding: 15px 20px 5px 20px;
	text-align: left;
	color: #2A7F2A;
}

#some #history h3 {
	font-size: 14px;
	font-weight:normal;
	margin:  5px 20px 10px 25px;
	padding: 5px 20px 0px 0px;
	color: #2A7F2A;
	border-bottom:thin dotted #4C4C4C;
}

#some #history .title { margin: 20px 0 10px 25px; }
#some #history { background: url("../../some/img/bg_history.jpg") no-repeat left bottom; }