@charset "utf-8";
@import url("yui-reset.css");

/* HTML */

/*
body {
	font-size:0.8em; color:#444; line-height:1.4; font-family:MS PGothic, Verdana, Helvetica;
	padding-top:0; letter-spacing:0.01em; border-top:3px solid #5CA31F;
}
*/

body {
	font-size:0.8em; color:#444; line-height:1.4; font-family:/*MS PGothic, Verdana, Helvetica*/sans-serif;
	padding-top:0; letter-spacing:0.01em; background: url(../images/common/bg_body_rep.jpg) repeat-x;
}

body{ background: url(/images/common/bg_body_rep02.jpg) repeat-x;}
body#top { background: url(../images/common/bg_body_rep.jpg) repeat-x;}

/*----------------------------------

              フォント

-----------------------------------*/
a { outline:none; text-decoration: none;}
a:link { color:#3B8203; }
a:hover { color:#900000; text-decoration: underline;}
a:hover img { filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
a:hover img.imgover{filter:none; -moz-opacity: 1; opacity: 1;}
a img { border:0; }
a[target="_blank"] { background:url(../images/point/newwindow16x16.png) no-repeat right; padding-right:16px; }

p { margin:0 0 7px 0; }

h1 {background: url(../images/common/h1.gif) no-repeat; height: 25px; margin-bottom: 10px; padding: 23px 0 17px 15px; font-size: 1.4em; font-weight: bold; color: #fff;}

#h1-top {
	background:none; border:none; color:#444; margin:0; padding:0;
	font-size:0.9em; font-weight:normal; margin-bottom:10px; }

h1.dyeing-service{background: none; border: none;}

h1.dyeingService,
h1.h1_item
{
	height: 160px;
	border: none;
	background: none;
	padding: 0;
}

h3{background: url(../images/common/h3.gif) left bottom no-repeat; margin-bottom: 10px; padding-bottom: 3px; font-weight: bold; font-size: 1.4em; color: #727171;}
.content h3.boxTitle {height: 49px; line-height:46px; padding-left: 24px; font-weight: bold; color: #696969; background: url(../images/common/bg_h3.jpg) left top no-repeat; border: none; margin: 0; padding: 0 0 0 20px; font-size: 1em;}

h3.dsh3
{
	border: none;
	padding: 0;
}

#left h3 {border: none; margin: 0; padding: 0;}

h4 {
	margin:30px 0 10px 0; font-size:1.3em; border-bottom:1px dotted #aaa;
}

/*----------------------------------

             レイアウト

-----------------------------------*/
#wrapper { width:900px; margin:0 auto; }
#left { float:left; width:200px; margin:10px 15px 0 0; }
#right { float:left; width:685px; margin-top:10px; }
#wide {}
#main { margin-top:30px; }

#one-column-left { float:left; width:48%; }
#one-column-right { margin-left:30px; float:left; width:48%; }

.content { margin:30px 0; }
.margin { margin:30px 0; }

/* ---------------------------------

              ヘッダー

-----------------------------------*/
#header {height: 100px;}
/*#header h1 {width:500px; float:left; color:#A6A69F; font-size: 12px; padding-top: 10px;}*/
#headerTop {overflow: auto;}
#header ul#headerNav {width: 400px; padding-left: 500px;}
ul#headerNav li {float: left;}

#headerBottom {overflow: auto;}
#headerBottom p#logo {width: 280px; /*float:left;*/}
#headerBottom p#telephone {text-align: right;}

/* 検索 */

#search-box { clear:both; text-align:right; margin-bottom:25px; }


/*-----------------------------------

         グローバルナビ

-------------------------------------*/
#globalNav {height: 50px;}
#globalNav ul li {float: left;}


/*----------------------------------

               フッター

-----------------------------------*/
#footer {height: 150px; clear:both; background: url(../images/common/bg_footer_rep.jpg) repeat-x; color: #fff; margin-top: 50px;}
#footerWrapper {width: 900px; margin: auto;}
#footerTop {height: 120px;}
#footerTop #footerTopLeft {width:724px; float: left; padding-top: 7px;}
#footerTop #footerTopRight {width:176px; float: left;}
.footCompany{display: block;}
/*.footerTopLeftC {width: 240px; float: left;}*/
#footerCopyright {padding-top: 10px; text-align: center; color: #fff;}
#footer ul { margin:5px 0; }
#footer a {color: #fff;}
#footerCopyright p {margin-bottom: 0;}


/*------------------------------------

	         トップページ

------------------------------------*/
/* 商品一覧 */
#productBox {height: 180px; margin: 10px 0; padding: 20px 0;}
#productBox ul li{float: left; height: 60px;}

/* シンコーの取組み */
div#project{background: url(../images/top/project_btm.jpg) left bottom no-repeat; padding-bottom: 24px;}
div#project-innner{background: url(../images/top/project_rep.jpg) repeat-y; padding: 10px; overflow: auto;}
div#project h3,div#project h4 {border: none; margin: 0; padding: 0; }
ul#project-lists {margin-left: 3px;}
ul#project-lists li.li-pl {width: 322px; float: left;}
ul#project-lists li.list-left{margin-right: 15px;}
div.list-inner {padding: 3px;}
ul.ul-left {width: 210px; float: left;}
img.img-r{width: 105px; float: right;}
.cg-box h3 {background: url("/images/item/h3_item.jpg") no-repeat scroll 0 0 transparent;}

/* バナーエリア  */
div#bannerArea ul {margin-left: 5px;}
div#bannerArea ul li{width: 332px; float: left;}

/*---------------------------------------

				左サイド

----------------------------------------*/
/*  共通  */
#left .sideNav {margin-bottom:10px; background: url(../images/common/bg_sidebar_rep.jpg) repeat-y;}
#left .sideNav_wrapper {background: url(../images/common/bg_sidebar_btm.jpg) left bottom no-repeat;}
#left ul li a,#left dl dt a {color: #3B8203;}

#left ul#business,ul#survice,#left ul#relationSite{padding: 0 3px 10px;}
#left ul#business li,ul#survice li,#left ul#relationSite li{height: 40px;}

#left #relationSite h4,#left #productList h4,#left #serviceList h4,#left #foodcolorList h4 {padding: 5px 8px; margin: 0; border: none;}
#left #relationSite dl {height: 80px; padding: 0 9px;}
#left #relationSite dt {float: right; width: 100px; font-size: 0.8em;}
#left #relationSite dd img {border: solid 1px #d3d3d3;}

/*  商品情報  */
#productList ul {padding-left: 15px;}
#productList ul li{background: url(../images/sidemenu/list-green.png) left no-repeat; padding-left: 8px;}
ul#material {padding-bottom: 10px;}

/*  サービス  */
#serviceList ul {padding-left: 15px;}
#serviceList ul li{background: url(../images/sidemenu/list-green.png) left no-repeat; padding-left: 8px;}
ul#sv-list {padding-bottom: 10px;}

/* 食用色素  */
ul.fc-list{padding: 0  0 10px 15px;}
ul.fc-list li {background: url(../images/sidemenu/list_productBox.gif) left no-repeat; padding-left: 8px; margin: 5px 0;}

/* 会社案内  */
ul.corp-list{padding: 0  0 10px 15px;}
ul.corp-list li {background: url(../images/sidemenu/list_productBox.gif) left no-repeat; padding-left: 8px; margin: 5px 0;}


/*
#title-dyeing {width:195px; height:43px;}

ul#side-m-menu { margin:0 0 20px 0; padding:0; }
#side-m-menu li {width:200px; height:50px; margin-bottom:3px; }
#side-m-menu li a { width:200px; height:50px; display:block; }
*/

/* 詳細ページ */


ul#pagenavi { margin:10px 0 10px 0; }
#pagenavi ul { margin:3px 0 0 -5px; }
#pagenavi li { background:url(../images/common/arrow.gif) no-repeat 5px 3px; padding-left:20px; margin-bottom:3px; }
#pagenavi li.ex { background:url(../images/common/arrow-ex.gif) no-repeat 5px 3px; padding-left:20px; margin-bottom:3px; }

#page-top-left { float:left; width:270px; vartical-align:top; margin-right:10px; }
#page-top-right { float:left; width:400px; vartical-align:top; }


/* パンくずリスト */

.pankuzu { margin-bottom:10px; }
.pankuzu li.home { background:none; padding-left:0px; }
.pankuzu li { display:inline; background:url(../images/common/arrow-pan.gif) no-repeat left; padding-left:16px; }

#footer li.home { background:none; padding-left:0px; }
#footer li { display:inline; background:url(../images/common/separate.gif) no-repeat left; padding: 0 5px 0 10px; }


.img-catnavi { empty-cells:hide;
	border:1px solid #ccc; border-collapse:collapse; border-spacing:1px;

}
.img-catnavi th { padding:1px; /*background:#fcfcfc;*/ text-align:center; font-size:1.1em; }
.img-catnavi td { padding:3px; /*background:#fcfcfc;*/ }

/* common */

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.t-center { margin:0 auto; }

.red { color:red; }
.green { color:#236913; }
.bold { font-weight:bold; }
.under { text-decoration:underline; }
.small { font-size:85%; }
.big { font-size:120%; }
.sub { vertical-align:sub; font-size:70%; }

.imgl { float:left; margin:0 10px 10px 0; }
.imgr { float:right; margin:0 0 10px 10px; }

.vatop { vertical-align:top; }

.memo { border:1px solid #8cc300; background:#EDFDCB; padding:10px; margin:10px; }

hr.none { border:0; clear:both; font:0pt/0pt sans-serif; }
br.clear { clear:both; font:0pt/0pt sans-serif; }

.pagetop { text-align:right; margin:10px 0; }

.banner { margin-bottom:10px; }

/*
.contact { text-indent:-9999px; background:url(../images/common/contact.gif) no-repeat; width:677px; height:209px; }
.contact a { display:block; width:677px; height:209px; }
*/

ul.list { margin:15px 0 20px 0; }
ul.table-list { margin:0; }
ul.list li { margin-left:20px; list-style-type:disc; list-style-position:inside; }
ul.table-list li {margin-left:15px; list-style-type:circle; list-style-position:outside; }
ul.list ul { margin:15px 0 15px 0; }
ul.list ul li { margin-left:20px; list-style-type:circle; }

ol.list { margin:15px 0 20px 0; }
ol.list li { margin-left:20px; list-style-type:decimal; list-style-position:inside; }
ol.list ul { margin:15px 0 15px 0; }
ol.list ol li { margin-left:20px; list-style-type:circle; }

dl.list { margin:15px 0 20px 0; }
dl.list dt { color:#236913; font-size:120%; background:url(../images/point/checkbox-green16x16.png) no-repeat 2px; padding-left:20px; margin-bottom:7px; }
dl.list dd { margin:0 0 10px 25px; }


/* privacy-policy */

#pp { margin-top:25px; }
#pp dt { font-size:110%; font-weight:bold; margin:15px 0 5px 0; }


/* sitemap */

#sitemap { margin-top:50px; }

#sitemap ul { margin:0 0 30px 10px; }
#sitemap ul ul { margin:3px 0 3px -5px; }
#sitemap li { background:url(../images/common/arrow.gif) no-repeat 5px 3px; padding-left:20px; margin-bottom:3px; }


/* words */

h2#word { font-size:130%; margin:0 0 0 20px; }

/* faq */

.faq {  }
.faq dt { font-weight:bold; font-size:120%; background:url(../images/faq/q.gif) no-repeat top left; display:block; padding-left:32px; margin-bottom:5px; }
.faq dd { margin:0 0 25px 20px; background:url(../images/faq/a.gif) no-repeat top left; padding-left:32px; line-height:25px; height:100%; display:block; }

/* food-color */

.table-fc {}
.table-fc th { border:1px solid #ccc; background:#E6FAAC; padding:5px; width:145px; }
.table-fc td { border:1px solid #ccc; padding:5px; width:145px; vertical-align:top; }

td.signc { text-indent:-9999px; background:#fff url(../images/food-color/sign-circle.gif) no-repeat center; height:25px; }
td.signd { text-indent:-9999px; background:#fff url(../images/food-color/sign-double.gif) no-repeat center; height:25px; }
td.signx { text-indent:-9999px; background:#fff url(../images/food-color/sign-x.gif) no-repeat center; height:25px; }
td.signt { text-indent:-9999px; background:#fff url(../images/food-color/sign-triangle.gif) no-repeat center; height:25px; }

.w580 { width:580px; margin:10px 0; }
.w435 { width:435px; margin:10px 0; }

/* cosmetics-color */
dl.cosme-dl dt {font-weight:bold; font-size: 1.1em; color:#6b8e23;}
dl.cosme-dl dd {margin-bottom:15px; padding:0 10px;}


/*---------------------------------------

		サービス-dyeing-service-

----------------------------------------*/
/* サービス */
ul#service-list {border: 5px solid #F5F5F5; padding: 5px; margin-top: 15px;}
ul#service-list li{background: url(../images/common/list_dw.gif) left center no-repeat; float: left; padding-left: 15px;}
ul#individual-serviceArea,ul#corp-serviceArea {overflow: auto;}
ul#individual-serviceArea li,ul#corp-serviceArea li{list-style-type: none; margin-left: 0;}
ul#individual-serviceArea li.serviceBox,ul#corp-serviceArea li.serviceBox {width: 327px; float: left; margin-bottom: 50px;}
ul#individual-serviceArea li.even,ul#corp-serviceArea li.even {margin-right: 21px;}
ul#individual-serviceArea h3,ul#corp-serviceArea h3 {border-bottom: 0; margin: 0 0 10px 0; background: none;}
ul#individual-serviceArea div.first,ul#corp-serviceArea div.first {width: 120px; margin-right: 12px; float: left;}
ul#individual-serviceArea div.first img,ul#corp-serviceArea div.first img {border:  solid 5px #f5f5f5;}
ul#individual-serviceArea div.last,ul#corp-serviceArea div.last {width: 195px; float: left;}
ul#individual-serviceArea p.service-btn,ul#corp-serviceArea p.service-btn{text-align: center;}

/* 黒染め  */
ul#voice-list li {width: 315px; float: left; border: 5px solid #F5F5F5; padding: 5px;}
ul#voice-list li .ttl{margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6;}

/* 今月のお得染め  */
#reasonable_explain dt dl{width: 300px; float: left; margin-right: 15px;}
#reasonable_explain dt dd{width: 370px; float: right;}

/*---------------------------------------

			会社案内-corp-

----------------------------------------*/
table.free98 { width:98%; }
table.free th, table.free98 th { border:1px solid #ccc; background:#F5F5F5; padding:5px; }
table.free td, table.free98 td { border:1px solid #ccc; padding:5px; }
/* 会社案内 */
ul#corp li {width: 218px; margin: 0 15px 10px 0; float: left;}
ul#corp li.corp-mn {margin-right: 0;}

/* 会社沿革 */
table.history {width: 93%; margin: auto;}
table.history th {width: 20%; padding: 10px; border-right:solid 2px #add950;}


.ds { font-size:0.9em; }
table.ds { background:#ccc; width:100%; }
table.dsTable {width:98%; margin: auto;}
.ds th { background:#F5F5F5; padding:5px; width:20%; line-height:150%;	border:1px solid #ccc; border-collapse:collapse; border-spacing:1px; }
.dsTable th { background:#F5F5F5; padding:5px; width:20%; line-height:150%;	border:1px solid #ccc; border-collapse:collapse; border-spacing:1px;}
.ds td,
.dsTable td { background:#fff; padding:5px; line-height:150%; border:1px solid #ccc; border-collapse:collapse; border-spacing:1px; }
.ds_th td { background:#F5F5F5; padding:5px; line-height:150%; text-align:center; }
.ds_small { font-size:90%; line-height:120%; }
.ds_p { margin:3px 0; text-indent:-9999px; width:145px; height:33px; }
.ds_p2 { margin:3px 0; text-indent:-9999px; width:170px; height:33px; }

.details-link { background:url(../images/common/button_shosai.jpg) no-repeat; width:203px; height:39px; text-indent:-9999px; margin:0 auto; }
.details-contact { background:url(../images/common/button_contact.jpg) no-repeat; width:203px; height:39px; text-indent:-9999px; margin:0 auto; }
.details-link a,
.details-contact a { display:block; width:203px; height:39px; }

table.bg-yellow th {background: #ffd700;}
table.bg-red th {background: #e95388;}
table.bg-orange th {background: #ff8c00;}
table.bg-green th {background: #3cb371;}
table.bg-blue th {background: #00a1e9;}
table.bg-black th {background: #9fa09e;}
table.bg-goldbrown th {background: #daa520;}
table.bg-brown th {background: #8f6552;}

table.voice th,
table.voice td {width: 50%;}

table#staff-photo { width:98%; }
table#staff-photo th { width:33%; border:1px solid #ccc; padding:5px; text-align:center; }
table#staff-photo td { border:1px solid #ccc; padding:5px; }

h4#dyeing-order01 {
text-indent:-9999px; background:url(../images/dyeing-service/flow/h4_flow01.gif) no-repeat top left #fff;
width:575px; height:100px; margin-left:-10px; border-left:7px solid #fff; }

h4#dyeing-order02 {
text-indent:-9999px; background:url(../images/dyeing-service/flow/h4_flow02.gif) no-repeat top left #fff;
width:575px; height:100px; margin-left:-10px; border-left:7px solid #fff; }

h4#dyeing-order03 {
text-indent:-9999px; background:url(../images/dyeing-service/flow/h4_flow03.gif) no-repeat top left #fff;
width:575px; height:100px; margin-left:-10px; border-left:7px solid #fff; }

h4#dyeing-order04 {
text-indent:-9999px; background:url(../images/dyeing-service/flow/h4_flow04.gif) no-repeat top left #fff;
width:575px; height:100px; margin-left:-10px; border-left:7px solid #fff; }

h4#dyeing-order05 {
text-indent:-9999px; background:url(../images/dyeing-service/flow/h4_flow05.gif) no-repeat top left #fff;
width:575px; height:100px; margin-left:-10px; border-left:7px solid #fff; }

.send { height:250px; background: url(../images/dyeing-service/etc/send.jpg) no-repeat top left ;}
.send p {margin-bottom: 6px;}
.send-inner {padding: 50px 20px 0 ;}
.send-flow {padding-left: 12px;}

div.service-flow {border: 5px solid #F5F5F5;}
div.service-flow dl {margin-bottom: 0; padding: 10px; overflow: auto;}
div.service-flow dt {width: 140px; margin-right: 15px; float: left;}
div.service-flow h4 {margin: 0; border: none;}
p.flow-arrow {text-align: center; margin: 15px 0;}

/*---------------------------------------

			食用色素-food-color-

----------------------------------------*/
div#foodcolor-list {
    background: url("../images/top/project_btm.jpg") no-repeat scroll left bottom transparent;
    padding-bottom: 24px;
}

div#foodcolor-list-innner {
    background: url("../images/top/project_rep.jpg") repeat-y scroll 0 0 transparent;
    overflow: auto;
    padding: 10px;
}

ul#foodcolor-lists {
    margin-left: 3px;
}

ul#foodcolor-lists li.list-left {
    margin-right: 15px;
}

ul#foodcolor-lists li.li-pl {
    float: left;
    width: 322px;
}

ul#foodcolor-lists h4 {margin-top: 0; border: none;}

p.p-left {float: left; width: 210px;}

/*---------------------------------------

			染料と顔料-dyes-

----------------------------------------*/
table.dyestb {margin: auto; width: 98%;}
table.dyestb th {border: 1px solid #CCCCCC; background: #F5F5F5; width: 50%;}
table.dyestb td{border: 1px solid #CCCCCC; padding: 5px; text-align: center;}

/* 染料について  */
table#dyestb02 {margin: auto; width: 98%;}
table#dyestb02 th {border: 1px solid #CCCCCC; background: #9ad12d; padding: 5px;}
table#dyestb02 tr.grey td{background: #fff;}
table#dyestb02 tr.green02 td{background: #f8fbf8;}
table#dyestb02 td{padding: 5px; border: 1px solid #CCCCCC;}

div#dyes-list {
    background: url("../images/top/project_btm.jpg") no-repeat scroll left bottom transparent;
    padding-bottom: 24px;
}

div#dyes-list table{font-size: 0.9em; text-align: center;}

div#dyes-list-innner {
    background: url("../images/top/project_rep.jpg") repeat-y scroll 0 0 transparent;
    overflow: auto;
    padding: 10px;
}

ul#dyes-lists {
    margin-left: 3px;
}

ul#dyes-lists li.list-left {
    margin-right: 15px;
}

ul#dyes-lists li.li-pl {
    float: left;
    width: 322px;
}

ul#dyes-lists h4 {margin-top: 0; border: none;}


/*   商品一覧  */
table.product-list{width: 100%; margin: 0 0 20px;}
table.product-list td {padding: 8px; border: 1px solid #D8D8D8;}
.product-img {margin-bottom: 10px;}
h4.product-name {margin: 5px 0 0 0; font-size: 1em;}
p.product-price {text-align: right; font-size: 0.9em; color:#7F7F7F;}
span.tax {font-size: 0.8em;}
p.product-cart {background: url(../images/product/cart_red.gif) left top no-repeat;}
dl.color dt {font-weight: bold; font-size: 1.1em;}
dl.color dt.yellow {color:#ffd700;}
dl.color dt.red {color:#dc143c;}
dl.color dt.orange {color:#ff4500;}
dl.color dt.green {color:#008000;}
dl.color dt.blue {color:#0000cd;}
dl.color dd {padding-left: 1em;}


/* present */

.result tr { vertical-align:top; }
.result td { width:33%; font-size:200%; }
.result { width:98%; text-align:center; }


/* infomation */

table.guide { margin:20px auto 150px auto; }
table.guide th { padding:25px; }
table.guide td { padding:25px; }


/* color-chart */

#title { background:url(../colorme_shop/color-cloth/men-asa/title.gif) no-repeat top left;
	text-indent:-9999px; width:900px; height:200px; margin-bottom:30px; }

#title-acryl { background:url(../colorme_shop/color-cloth/acryl/title.gif) no-repeat top left;
	text-indent:-9999px; width:900px; height:200px; margin-bottom:30px; }

#title-wool { background:url(../colorme_shop/color-cloth/wool/title.gif) no-repeat top left;
	text-indent:-9999px; width:900px; height:200px; margin-bottom:30px; }

#title-index { background:url(../colorme_shop/color-cloth/title.gif) no-repeat top left;
	text-indent:-9999px; width:900px; height:200px; margin-bottom:30px; }

#title h1, #title-acryl h1, #title-index h1, #title-wool h1{ background:none; border:none; }

table.freetable { background:#ccc; font-size:10px; line-height:1.3em; margin-bottom:10px; }
.freetable th { background:#f7f7f7; padding:5px; font-weight:normal; text-align:center; border:1px solid #ccc; }
.freetable td { background:#fff; padding:5px; text-align:center; border:1px solid #ccc; }

.col-left { float:left; width:30%; }
.col-center { float:left; width:30%; margin-left:30px; }
.col-right { float:left; width:30%; margin-left:30px; }


/* contact */

#cform { background:#f7f7f7; padding:10px; border:2px solid #eee; margin-bottom:15px; }
#cform input { width:300px; font-size:130%; padding:3px; }
textarea { width:500px; height:150px; }
label { font-size:120%; font-weight:bold; }
form div { padding:8px; }
form div:hover {background:#fefefe;}
#submit { margin-top:15px; border:3px solid #ccc; background:#f7f7f7; padding:10px; }
#submit input { width:300px; }
table.ds-contact{ background:#ccc; width:100%; margin-top: 0; }
table.ds-contact th { background:#f5f5f5; padding:5px; width:20%; line-height:150%;	border:1px solid #ccc; border-collapse:collapse; border-spacing:1px; }
table.ds-contact td{ background:#fff; padding:5px; line-height:150%;	border:1px solid #ccc; border-collapse:collapse; border-spacing:1px; }
table.ds-contact ul li{margin-left: 0;}
#flow {margin-top: 15px;}


/* select */
#naturel-point {margin-bottom: 30px;}
#naturel-point ol li {margin-bottom: 5px;}
#naturel-table table {width: 98%;}
#naturel-sign img {vertical-align: middle;}

/* voice */
.voice-area {overflow: auto;}
.voice-area-l,
.voice-area-r {width: 335px; float: left;}

.voice-area-l {margin-right: 15px;}
.voice-area-l img {vertical-align: middle;}


div.voiceArea {margin-bottom: 15px;}
div.voice-odd {border: 5px solid #F5F5F5;}
div.voice-even {border: 5px solid #cee4ae;}
div.voiceArea dl {margin-bottom: 0; padding: 10px; overflow: auto;}
div.voiceArea dt {width: 300px; margin-right: 15px; float: left;}
div.voiceArea dd {float: left; width: 340px; margin-left: 0;}
div.voiceArea h4 {font-size: 1em; font-weight: bold; margin-top: 0; margin: 10px 10px 0 10px;}
.bubble {/*border-bottom: 10px solid #F5F5F5;*/ border-left: 10px solid transparent; float: left;}
.bubble .bubble-inner {background: none repeat scroll 0 0 #F5F5F5; border-radius: 10px 10px 10px 10px; float: left; /*margin: 0 0 -20px;*/ padding: 10px 20px;}


/* t-shirt-dyeing */
.voice-area {overflow: auto;}
.t-shirt-sample-l {width: 350px; float: left;}
.t-shirt-sample-r {width: 320px; float: left;}

.t-shirt-sample-l {margin-right: 15px;}
.t-shirt-sample-l img {vertical-align: middle;}

table.t-shirt {width: 100%;}
table.t-shirt td {text-align: center; padding: 0 1px;}

/* character */
table#character { width:98%; }
table#character th { width:33%; border:1px solid #ccc; padding:5px; text-align:center; }
table#character td { border:1px solid #ccc; padding:5px; }


/*  商品ラインナップ  */
.fL {float: left;}
.wrap {margin-bottom: 15px; overflow: aoto; width: 675px;}
.cg-box {width: 332px; background: url(http://www.somesome.co.jp/colorme_shop/images/common/bg_box_btm.jpg) left bottom no-repeat; padding-bottom: 9px; }
.cg-box h3 {background: url(../images/item/h3_item.jpg) no-repeat; height: 47px; line-height: 47px; font-size: 1em; padding: 0 0 0 10px;}
/*.cg-box p.txt {width: 220px; margin-right: 6px;}*/
.cg-box-inner{background: url(http://www.somesome.co.jp/colorme_shop/images/common/bg_box_rep.jpg) left top repeat-y; padding: 0 13px; }
.cg-box-inner ul.line,
.side-box-inner ul.line {border-top: dotted 1px #e6e6e6;}
.side-box {background: url(http://www.somesome.co.jp/colorme_shop/images/common/bg_side_bottom.jpg) left bottom no-repeat; padding-bottom: 16px; }
.side-box-inner{background: url(http://www.somesome.co.jp/colorme_shop/images/common/bg_side_rep.jpg) left top repeat-y; padding: 0 13px; }
.cg-box-inner ul.line li,
.side-box-inner ul.line li { margin-left: 0; padding: 5px 0 5px 10px; list-style: none; background: url(http://www.somesome.co.jp/colorme_shop/images/common/list-green2.png) left center no-repeat; border-bottom: dotted 1px #e6e6e6; }
.side-box-inner ul.line li a {text-decoration: none;}
.side-box-inner ul.line li a:hover {text-decoration: underline;}
.green {color: #94c52a;}
.content h3.border-n {margin: 0; border: none;; /*padding: 0;*/}

/*トップページ商品一覧*/
#products-menu
{
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
    /*background: #111;
    background: -moz-linear-gradient(top, #444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    -moz-border-radius: 50px;
    border-radius: 50px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
    box-shadow: 0 2px 1px #9c9c9c;*/
}

#products-menu li
{
    float: left;
    position: relative;
	width:220px;
	margin-bottom: 5px;
	/*height: 40px;*/
}

#products-menu li#products-menu01 {background: url(../images/btn/products-menu01.jpg) no-repeat; text-indent: -9999px;}
#products-menu li#products-menu02 {background: url(../images/btn/products-menu01.jpg) no-repeat; text-indent: -9999px;}
#products-menu li#products-menu03 {background: url(../images/btn/products-menu01.jpg) no-repeat; text-indent: -9999px;}
#products-menu li#products-menu04 {background: url(../images/btn/products-menu01.jpg) no-repeat; text-indent: -9999px;}
#products-menu li#products-menu05 {background: url(../images/btn/products-menu01.jpg) no-repeat; text-indent: -9999px;}
#products-menu li#products-menu06 {background: url(../images/btn/products-menu01.jpg) no-repeat; text-indent: -9999px;}

#products-menu a
{
    float: left;
    height: 40px;
    color: #5b5e5a;
    text-transform: uppercase;
    text-decoration: none;
	}

#products-menu a {text-indent:0;}
#products-menu a.indent {text-indent:-9999px;}

#products-menu li:hover > a
{
    color: #fafafa;
}

*html #products-menu li a:hover /* IE6 */
{
    color: #fafafa;
}

#products-menu li:hover > ul
{
    display: block;
}

/* Sub-menu */

#products-menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 99999;
    background: #f2f0f0;
    background: -moz-linear-gradient(top, #f2f0f0, #e8e6e6);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e8e6e6),color-stop(1, #f2f0f0));
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#products-menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #f6f4f4, 0 2px 0 #bebdbd;
    -webkit-box-shadow: 0 1px 0 #f6f4f4, 0 2px 0 #bebdbd;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #bebdbd;
}

#products-menu ul li:last-child
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#products-menu ul a
{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #products-menu ul a /* IE6 */
{
    height: 10px;
    width: 150px;
}

*:first-child+html #products-menu ul a /* IE7 */
{
    height: 10px;
    width: 150px;
}

#products-menu ul a:hover
{
    background: #419124;
    background: -webkit-gradient(linear, left top, left bottom, from(#70bc54), to(#419124));
    background: -moz-linear-gradient(top,  #70bc54,  #419124) !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#70bc54', endColorstr='#419124'); /* IE */
}

#products-menu ul li:first-child a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#products-menu ul li:first-child a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#products-menu ul li:first-child a:hover:after
{
    border-bottom-color: #70bc54;
}

#products-menu ul li:last-child a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#products-menu:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #products-menu             { zoom: 1; } /* IE6 */
*:first-child+html #products-menu { zoom: 1; } /* IE7 */