@import url(reset.css);

body {
	line-height:1.5;
	color:#444;
	background:#e9e9e0 url(./src/bg-wrapper.jpg) repeat center center;
	text-align:center;
	font-size:0.8em;
	font-family:Verdana,'MS ゴシック',Osaka,'ヒラギノ角ゴ Pro W3','trebuchet ms',sans-serif;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

a {
  outline:none;
  color:#f60;
  text-decoration:none;
}

a:hover {
  color:#f90;
  text-decoration:underline;
}

.subtext{font-size:11px;line-height:120%;}

hr {
  height:1px;
  margin-top:-1px;
  clear:both;
  visibility:hidden;
  margin:0;
  padding:0;
}

#wrapper {
	width:900px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#header,
#container,
#footer {
  background:#faf9f1 url(./src/bg-container.gif) repeat-y 0 0;
  padding-right:4px;
}
#header {
  width:895px;
  overflow:hidden;
  position:relative;
}

.links {
  height:50px;
  padding-right:5px;
}

.links ul {
  width:135px;
  float:right;
}

.links ul li {
  float:left;
  height:18px;
}

.links ul li.sitemap {
  display:none;
}

.links ul li a {
  display:block;
  text-indent:-999em;
  height:16px;
  background-image:url(./src/nav-head.gif);
  background-repeat:no-repeat;
}

.links ul li.company a { width:77px; background-position:10px 0;  }
.links ul li.link a    { width:56px; background-position:-67px 0; }

.links ul li.company a:hover { background-position:10px -16px;  }
.links ul li.link a:hover    { background-position:-67px -16px; }

#header #site-title {
  padding:22px 0 27px 18px;
  background:#faf9f1;
  float:left;
  width:560px;
}

#header #site-title h1,
#header #site-title a {
	width:160px;
	height:48px;
	display:block;
	text-indent:-999em;
	float:left;
	background-color: transparent;
	background-image: url(src/org_logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#header #site-title p {
  padding-top:13px;
  font-size:10px;
  text-align:left;
  color:#B30000;
}

#header #catalog {
  float:right;
}
#header #catalog a {
	width:313px;
	height:54px;
	text-align:left;
	text-indent:-999em;
	display:block;
	background-color: transparent;
	background-image: url(src/org_btn-catalog.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#header #catalog a:hover {
  background-position:0 -54px;
}

#header #home {
  float:right;
  clear:right;
}

#header #home a {
  margin:10px 20px 0px 0px;
  width:68px;
  height:23px;
  text-align:left;
  text-indent:-999em;
  display:block;
  background:transparent url(./src/btn-home.gif) no-repeat 0 0;
}

#header #home a:hover {
  background-position:0 -23px;
}




/*
 *                  main
 * ======================================
 */
#container .main {
  width:636px;
  padding:10px 30px;
  float:right;
}

#page-top #container .main {
  padding:0;
  width:696px;
}

/*
 *    ----- [ page title ] -----
 */

#container .main h1 {
  width:660px;
  height:60px;
  background-repeat:no-repeat;
  background-position:0px 0px;
  text-align:left;
  text-indent:-999em;
  position:relative;
  left:-13px;
}

#page-weave #container .main h1,
#page-seal #container .main h1 {
  height:270px;
}

#page-weave-types #container .main h1,
#page-weave-gallery #container .main h1,
#page-weave-illust #container .main h1 {
  height:149px;
}

#page-seal #container .main #section1 h1,
#page-seal #container .main #section2 h1,
#page-seal #container .main #section3 h1{
  height:60px;
}
#page-weave #container .main h1          { background-image:url(src/org-title-weave.gif);height:51px;}
#page-weave-types #container .main h1    { background-image:url(src/org-title-weave_types.jpg);    }
#page-weave-gallery #container .main h1  { background-image:url(src/org-title-weave_gallery.jpg);  }
#page-weave-illust #container .main h1   { background-image:url(./src/title-weave_illust.jpg);   }
#page-seal #container .main h1           { background-image:url(./src/title-onamae.jpg);height:239px;}
#page-seal #container .main #section1 h1 { background-image:url(./src/title-onamae_sticker.gif); }
#page-seal #container .main #section2 h1 { background-image:url(./src/title-onamae_sansu.gif);   }
#page-seal #container .main #section3 h1 { background-image:url(./src/title-onamae_iron.gif);    }
#page-howtoorder #container .main h1     { background-image:url(./src/title-howtoorder.gif);     }
#page-qa #container .main h1             { background-image:url(src/org-title-qa.gif);             }
#page-privacypolicy #container .main h1  { background-image:url(src/org-title-privacypolicy.gif);  }
#page-law #container .main h1            { background-image:url(./src/title-law.gif);            }
#page-company #container .main h1        { background-image:url(src/org-title-company.gif);        }
#page-link #container .main h1           { background-image:url(./src/title-link.gif);           }
#page-sitemap #container .main h1        { background-image:url(./src/title-sitemap.gif);        }
#page-catalog #container .main h1        { background-image:url(src/org-title-catalog.gif);        }
#page-recruit #container .main h1        { background-image:url(src/org-title-recruit.gif);        }

#container .main .head.section p{margin-top:10px;}
#page-seal #container .main .head.section p,
#page-weave #container .main .head.section p,
#page-weave-types #container .main p{margin-top:10px;font-weight:bold;}

/*
 *    ----- [ common ] -----
 */

#container .main .section p.label-price {
  text-align:left;
  font-weight:bold;
  padding-bottom:5px;
}

#container .main .more {
  text-align:right;
  padding:10px;
  clear:left;
}

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

#container .main #information {
  padding:30px 70px;
  text-align:left;
}

#container .main #information h2 {
	margin-bottom:10px;
	width:559px;
	height:40px;
	text-indent:-999em;
	background-color: transparent;
	background-image: url(src/org_title-information.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#container .main #information ul li {
  margin:0.5em 2em;
  list-style-type:disc;
}
#container .main table {
  border:solid 1px #630;
  position:relative;
  left:2px;
}
#container .main table caption {
  padding:15px 0 5px;
}

#container .main table thead tr td,
#container .main table tbody tr th,
#container .main table tbody tr td {
  border-bottom:solid 1px #630;
  padding:1px 5px;
}

#container .main table thead tr td,
#container .main table tbody tr th {
  background:#f2efd0;
  border:solid 1px #630;
}

#container .main table tbody tr td{
  border-right:solid 1px #630;
  text-align:left;
}

/*
 *    ----- weave -----
 */

body#page-weave #container .main .section {
  padding-bottom:50px;
}

body#page-weave #container .main .section h2 {
  width:600px;
  height:71px;
  background-position:0px 0px;
  background-repeat:no-repeat;
  text-align:left;
  text-indent:-999em;
}

body#page-weave #container .main .types h2 {
  background-image:url(./src/title-weave_type8_s.jpg);
}

body#page-weave #container .main .gallery h2 {
  background-image:url(./src/title-weave_gallery_s.gif);
}

body#page-weave #container .main .illust h2 {
  background-image:url(./src/title-weave_illust_s.gif);
}

body#page-weave #container .main .gallery ul.lb li,
body#page-weave-gallery #container .main ul.lb li {
  width:117px;
  height:45px;
  float:left;
  overflow:hidden;
  margin:0 5px 5px 0;
}

body#page-weave #container .main .gallery ul li a,
body#page-weave-gallery #container .main ul li a {
  display:block;
  width:117px;
  height:45px;
  background-position:-90px -10px;
}

body#page-weave #container .main table {
  width:90%;
  margin:auto;
  border:none;
}

body#page-weave #container .main table tbody tr td {
  border:none;
}

/*
 *    ----- weave-types -----
 */

body#page-weave-types #container .main .section {
  padding:30px 0 50px;
}
body#page-weave-types #container .main .section h2 {
  background-position:center center;
  background-repeat:no-repeat;
  width:600px;
  height:60px;
  text-align:left;
  text-indent:-999em;
}

body#page-weave-types #container .main #standard h2 { background-image:url(./src/title-weave_standard.gif); }
body#page-weave-types #container .main #craft h2    { background-image:url(./src/title-weave_craft.gif); }
body#page-weave-types #container .main #original h2 { background-image:url(./src/title-weave_original.gif); }
body#page-weave-types #container .main #kana9 h2    { background-image:url(./src/title-weave_kana9.gif); }
body#page-weave-types #container .main #kana12 h2   { background-image:url(./src/title-weave_kana12.gif); }
body#page-weave-types #container .main #pis h2      { background-image:url(./src/title-weave_pis.gif); }
body#page-weave-types #container .main #custom h2   { background-image:url(./src/title-weave_custom.gif); }
body#page-weave-types #container .main #inisial h2  { background-image:url(./src/title-weave_inisial.gif); }

body#page-weave-types #container .main .section table {
  margin-left:0;
  margin-right:auto;
}

body#page-weave-types #container .main .section img {
  margin:10px 0 10px;
}

body#page-weave-types #container .main .section p {
  text-align:left;
}

body#page-weave-types #container .main .section ul {
  padding:5px;
}

body#page-weave-types #container .main .section ul li {
  list-style-type:disc;
  margin-left:1.8em;
  text-align:left;
  font-size:0.8em;
}

body#page-weave-types #container .main .section table.matrix {
  margin:10px 0 10px;
}

body#page-weave-types #container .main .section table.matrix tbody tr td {
  border:solid 1px #630;
}

/*
 *    ----- weave-gallery -----
 */
body#page-weave-gallery #container .main .section {
  padding-bottom:50px;
}
body#page-weave-gallery #container .main .section h2 {
  background-repeat:no-repeat;
  background-position:center center;
  width:600px;
  height:60px;
  text-align:left;
  text-indent:-999em;
}

body#page-weave-gallery #container .main .matrix h2 {
  background-image:url(./src/title-weave_colorlist.gif);
}

body#page-weave-gallery #container .main .matrix p {
  text-align:left;
}

body#page-weave-gallery #container .main .gallery h2 {
  background-image:url(./src/title-weave_samples.gif);
}

/*
 *    ----- weave-illust -----
 */

/* ################################################# weave-illust style here! ################################################# */

/*
 *    ----- seal -----
 */

body#page-seal #container .main table {
  margin-left:0;
  margin-right:auto;
}

body#page-seal #container .main .section {
  padding-bottom:50px;
  clear:left;
}

body#page-seal #container .main .section .detail-images {
  float:left;
  width:250px;
  margin-top:10px;
	border:0px;
}
body#page-seal #container .main .section .detail-images td{
	border:0px;
}

body#page-seal #container .main .section .spec {
  float:left;
  width:340px;
  padding-left:10px;
  margin-top:10px;
}

body#page-seal #container .main .section .spec p {
  text-align:left;
}

body#page-seal #container .main .section .spec table {
  margin-top:10px;
  margin-bottom:10px;
}

body#page-seal #container .main .section .spec ul {
  padding:5px;
}

body#page-seal #container .main .section .spec ul li {
  list-style-type:disc;
  margin-left:1.8em;
  text-align:left;
  font-size:0.8em;
}

body#page-seal #container .main .section .illust{
  width:100%;
  text-align:left;
  clear:both;
  padding:20px 0px 0px;
}
/*
 *    ----- howtoorder -----
 */
#page-howtoorder #container .main p,
#page-howtoorder #container .main ul {
  padding-bottom:30px;
  text-align:left;
}

#page-howtoorder #container .main .section {
  padding-bottom:50px;
}

#page-howtoorder #container .main .section h2 {
  text-align:left;
  font-weight:bold;
  font-size:1.1em;
  color:#630;
  padding-bottom:10px;
}

#page-howtoorder #container .main .section strong{font-weight:bold;}
#page-howtoorder #container .main .section ul,
#page-howtoorder #container .main .section p{padding:0 0 10px;}

#page-howtoorder #container .main h4{font-weight:bold;}


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

body#page-qa #container .main .section .sub-section {
  padding:10px;
  border-bottom:dashed 1px #630;
}

body#page-qa #container .main .section h2 {
  margin:50px 0 0;
  padding:0px;
  text-align:left;
	height:58px;
	background-position:0px 0px;
  background-repeat:no-repeat;
	text-indent:-9999px;}
body#page-qa #container .main .section#question_ori h2 {background-image:url(./src/title-qa_weave.gif);}
body#page-qa #container .main .section#question_onamae h2 {background-image:url(./src/title-qa_seal.gif);}

body#page-qa #container .main .section h3 {  border-bottom:dashed 1px #630;
  margin:50px 0 10px;
  padding:5px;
  text-align:left;
	font-weight:bold;
}

body#page-qa #container .main .section .sub-section .question,
body#page-qa #container .main .section .sub-section .answer {
  text-align:left;
  padding:5px 5px 5px 30px;
  background-position:0 5px;
  background-repeat:no-repeat;
}

body#page-qa #container .main .section .sub-section .question {
  background-image:url(./src/icon_q.gif);
  margin-bottom:10px;
}

body#page-qa #container .main .section .sub-section .answer {
  background-image:url(./src/icon_a.gif);
}

/*
 *    ----- privacypolicy -----
 */

body#page-privacypolicy #container .main .section p {
  margin:0.5em 50px 1em;
  text-align:left;
}

body#page-privacypolicy #container .main .sign {
  text-align:right;
  padding:30px 70px;
}

/*
 *    ----- law -----
 */

/* ################################################# law style here! ################################################# */

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

body#page-company #container .main {
  text-align:left;
}

body#page-company #container .main .profile {
  padding:0 50px;
}

body#page-company #container .main .profile div#company-name {
  font-weight:bold;
  color:#630;
}

body#page-company #container .main .profile div#company-name,
body#page-company #container .main .profile div#company-address,
body#page-company #container .main .profile div#company-tel,
body#page-company #container .main .profile div#company-fax,
body#page-company #container .main .profile div#company-items {
  margin:0 0 10px;
}

body#page-company #container .main .profile div#company-items dl dd {
  margin-left:1.8em;
}

/*
 *    ----- link -----
 */

body#page-link #container .main h2 {
  font-weight:bold;
  color:#630;
  font-size:1.3em;
  padding:10px 0;
  text-align:left;
}

body#page-link #container .main .section {
  clear:left;
  padding:10px 0 30px;
}

body#page-link #container .main ul li {
  clear:left;
  text-align:left;
  padding:10px 5px;
  border-bottom:dashed 1px #630;
}

body#page-link #container .main ul li div.name {
  float:left;
  width:200px;
}

body#page-link #container .main ul li div.description {
  width:400px;
  float:left;
}

body#page-link #container .main ul li:after {
  content:'';
  clear:left;
  display:block;
  visibility:hidden;
}

body#page-link #container .main .banner p {
  padding:10px;
}

/*
 *    ----- catalog -----
 */

body#page-catalog #container .main .head {
  text-align:left;
}

body#page-catalog #container .main .head ul {
  margin:1em 0 2em;
}

body#page-catalog #container .main form table {
  margin:auto;
  width:98%;
  border:none;
}

body#page-catalog #container .main form table tbody tr th,
body#page-catalog #container .main form table tbody tr td {
  padding:2px 5px;
  border:none;
}

body#page-catalog #container .main form table tbody tr th {
  padding:10px;
  font-weight:bold;
  color:#630;
  font-size:1.05em;
}

body#page-catalog #container .main form table tbody tr td {
  text-align:left;
  padding:10px 20px;
}

body#page-catalog #container .main form table tbody tr td input{
  margin:5px;
}

body#page-catalog #container .main form table tbody tr th span.note {
  font-size:0.8em;
  font-weight:normal;
}

body#page-catalog #container .main form table tbody tr td span.example {
  font-size:0.9em;
}

body#page-catalog #container .main form table tbody tr td input#yuubin1 { width:45px;  }
body#page-catalog #container .main form table tbody tr td input#yuubin2 { width:55px;  }
body#page-catalog #container .main form table tbody tr td input#add1    { width:300px; }
body#page-catalog #container .main form table tbody tr td input#add2    { width:300px; }
body#page-catalog #container .main form table tbody tr td input#tel1    { width:45px;  }
body#page-catalog #container .main form table tbody tr td input#tel2    { width:55px;  }
body#page-catalog #container .main form table tbody tr td input#tel3    { width:55px;  }
body#page-catalog #container .main form table tbody tr td input#email   { width:300px; }
body#page-catalog #container .main form table tbody tr td input#oldadd  { width:300px; }
body#page-catalog #container .main form table tbody tr td div.book,
body#page-catalog #container .main form table tbody tr td div.search {
  padding-bottom:20px;
}
body#page-catalog #container .main form table tbody tr td div.book h4,
body#page-catalog #container .main form table tbody tr td div.search h4 {
  font-weight:bold;
}

body#page-catalog #container .main form table tbody tr td div.search .section {
  margin:10px 0;
}

body#page-catalog #container .main form table tbody tr td div.search .section h5 {
  font-weight:bold;
  font-size:0.95em;
  padding-bottom:5px;
}

body#page-catalog #container .main form .action {
  padding:20px;
}

body#page-catalog #container .main form .action input {
  margin:0 30px;
  padding:1px 10px;
  font-size:1.1em;
}

body#page-catalog #container .main form span.note{color:#f00;}


/*
 *    ----- recruit -----
 */

body#page-recruit #container .main .section p{text-align:left;margin-bottom:10px;}
body#page-recruit #container .main .section#question_onamae h2 {background-image:url(./src/title-qa_seal.gif);}


/*
 *                   sub
 * ======================================
 */

#container .sub {
  width:200px;
  float:left;
  margin-top:-2px;
  position:relative;
}

#container .sub .section {
	background:#fff url(./src/border-sub-section-bottom.gif) repeat-x center bottom;
	text-align:left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#container .sub .section h3 {
  margin-bottom:5px;
  padding-left:10px;
}

#container .sub .section h4 {  margin-bottom:5px;
}

#container .sub .section h3 a,
#container .sub .section ul li a {
  background-image:url(src/new_nav_2.gif);
  background-repeat:no-repeat;
  display:block;
  width:150px;
  height:22px;
  text-indent:-999em;
}

#container .sub .section ul li {
  padding-left:20px;
}

#container .sub .section h3.weave a { background-position:0 0;     }
#container .sub .section h3.seal a  { background-position:0 -96px; }

#container .sub .section h3.weave a:hover { background-position:-150px 0;     }
#container .sub .section h3.seal a:hover  { background-position:-150px -96px; }

#container .sub .section ul li.catalog a,
#container .sub .section ul li.law a {
  height:38px;
}

#container .sub .section ul li.types ul li a,
#container .sub .section ul li.types ul li a:hover {
  background:none;
}

#container .sub .section ul li.types a         { background-position:0 -24px;  }
#container .sub .section ul li.gallery a       { background-position:0 -48px;  }
#container .sub .section ul li.illust a        { background-position:0 -72px;  }
#container .sub .section ul li.section1 a      { background-position:0 -120px; }
#container .sub .section ul li.section2 a      { background-position:0 -144px; }
#container .sub .section ul li.section3 a      { background-position:0 -168px; }
#container .sub .section ul li.catalog a       { background-position:0 -195px; }
#container .sub .section ul li.howtoorder a    { background-position:0 -230px; }
#container .sub .section ul li.qa a            { background-position:0 -251px; }
#container .sub .section ul li.privacypolicy a { background-position:0 -270px; }
#container .sub .section ul li.law a           { background-position:0 -290px; }
#container .sub .section ul li.company a       { background-position:0 -324px; }
#container .sub .section ul li.recruit a       { background-position:0 -346px; }
#container .sub .section ul li.links a         { background-position:0 -367px; }


#container .sub .section ul li.types a:hover         { background-position:-150px -24px;  }
#container .sub .section ul li.gallery a:hover       { background-position:-150px -48px;  }
#container .sub .section ul li.illust a:hover        { background-position:-150px -72px;  }
#container .sub .section ul li.section1 a:hover      { background-position:-150px -120px; }
#container .sub .section ul li.section2 a:hover      { background-position:-150px -144px; }
#container .sub .section ul li.section3 a:hover      { background-position:-150px -168px; }
#container .sub .section ul li.catalog a:hover       { background-position:-150px -195px; }
#container .sub .section ul li.howtoorder a:hover    { background-position:-150px -230px; }
#container .sub .section ul li.qa a:hover            { background-position:-150px -251px; }
#container .sub .section ul li.privacypolicy a:hover { background-position:-150px -270px; }
#container .sub .section ul li.law a:hover           { background-position:-150px -290px; }
#container .sub .section ul li.company a:hover       { background-position:-150px -324px; }
#container .sub .section ul li.recruit a:hover       { background-position:-150px -346px; }
#container .sub .section ul li.links a:hover         { background-position:-150px -367px; }

#container .sub .section ul li ul{margin-bottom:10px;}#container .sub .section ul li ul li{list-style-type:disc;margin-left:30px;padding-left:0px;}
#container .sub .section ul li ul li a {height:20px;background:none;display:inline;font-size:11px;color:#630;text-indent:0;}
#container .sub .section ul li ul li a:hover {background:url(./src/nav-arw.gif) no-repeat 0px 0px;color:#f90;}


#container .sub #nav-etc {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin: 0px;
}

#container .sub #media {
	background:none;
	padding-left:10px;
	padding-right:10px;
	overflow-y:auto;
	height:400px;
	padding-top: 25px;
	padding-bottom: 30px;
	margin: 0px;
}

#container .sub #media h4 {
	text-indent:-999em;
	width:94px;
	height:21px;
	background-color: transparent;
	background-image: url(src/org_title-sub-media.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0px;
	padding: 0px;
}

#container .sub #media span {
	font-size:80%;
	margin: 0px;
	padding: 0px;
}

#container .sub #media div.img {
  text-align:center;
  padding:5px 0 10px;
}

/*
 *                 #footer
 * ======================================
 */
#footer {
  height:90px;
}

#footer .totop {
  margin:10px 20px;
  float:right;
}

#footer .copyright {
  clear:right;
  margin:10px 20px;
  float:right;
  width:231px;
  height:13px;
  background:transparent url(./src/copy.gif) no-repeat 0 0;
  text-indent:-999em;
}

body#page-weave-types #container .main table.weave-price th,
body#page-seal #container .main table.seal-price th{
border-right:none;
}