@charset "UTF-8";
/* formatting style 
-------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: sans-serif;
	font-size: 75%;
	line-height: 1.6;
	color: #333333;
	background-color: #D7CAB3;
}
hr {
	display: none;
}
/* link styles
-------------------*/
a img {
	border-style: none;
}
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #999999;
	text-decoration: underline;
}
a:hover {
	color: #FF3300;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	left: 1px;
	top: 1px;
	position: relative;
}
/* basic layout
-------------------*/
#wrapper {
	background-color: #FFFFFF;
	width: 858px;
	border-right: 1px solid #BAA989;
	border-left: 1px solid #BAA989;
	margin: 0px auto;
}
#main {
	padding: 15px;
	float: right;
	width: 618px;
	margin-bottom: 20px;
}
#sidebar {
	padding: 15px;
	float: left;
	width: 180px;
	margin-bottom: 20px;
}
#footer {
	padding: 15px;
	clear: both;
	color: #FFFFFF;
	background-color: #726146;
}
/* header styles
-------------------*/
#header {
	background-image: url(images/header00.jpg);
	background-repeat: no-repeat;
	height: 145px;
	border-top: 3px solid #FF6600;
	position: relative;
}
#profile #header {
	background-image: url(images/header2.jpg);
}
#works  #header {
	background-image: url(images/header3.jpg);
}
#store #header {
	background-image: url(images/header4.jpg);
}
#blog #header {
	background-image: url(images/header5.jpg);
}
#faq #header {
	background-image: url(images/header6.jpg);
}
#contact #header {
	background-image: url(images/header0.jpg);
}
#link #header {
	background-image: url(images/header5.jpg);
}
#header #logo {
	position: absolute;
	left: 15px;
	top: 10px;
}
#header ul {
	background-color: #FFFFFF;
	width: 858px;
	position: absolute;
	left: 0px;
	top: 100px;
}
#header ul li {
	float: left;
	list-style: none;
}
#header ul li a {
	line-height: 2.5em;
	color: #333333;
	text-decoration: none;
	background-color: #CCCC99;
	text-align: center;
	display: block;
	height: 2.5em;
	width: 105.49999px;
	border-top: 3px solid #FFFF66;
	border-bottom: 3px double #999999;
	border-left: 2px solid #FFFFFF;
}
#header ul li a:hover {
	background-color: #FFFF66;
}
#header ul li#nHome a {
	border-left-style: none;
}
#home #header #nHome a,
#profile #header #nProfile a,
#works #header #nWorks a,
#store #header #nStore a,
#blog #header #nBlog a,
#faq #header #nFaq a,
#contact #header #nContact a,
#link #header #nLink a {
	color: #FFFFFF;
	background-color: #996600;
}
/* main styles
-------------------*/
#main p {
	line-height: 1.8;
	margin-bottom: 1em;
}
#main h2 {
	margin-bottom: 15px;
	font-size: 100%;
	font-weight: bold;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 4px 0px 4px 15px;
	border-top: 3px solid #FF6600;
	border-bottom: 1px dotted #666666;
}
#home #main h2 {
	background-image: none;
	padding: 0px;
	border-style: none;
}
#main h3 {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
}
#sidebar h2 {
	padding-bottom: 15px;
}
#sidebar dl dt a {
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
}
#sidebar dl dt a:hover {
	border: 1px solid #000000;
}
#sidebar dl dt {
}
#sidebar dl dd {
	margin-bottom: 10px;
}
#sidebar ul {
	margin-top: 10px;
}
#sidebar ul li {
	margin-bottom: 6px;
	list-style: none;
}
#sidebar ul li a {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	width: 165px;
	padding-left: 15px;
}
#sidebar ul li a:hover {
	background-image: url(images/arrow_hover.gif);
}
#footer ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#footer p a {
	color: #CCCCCC;
}
#footer p a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#footer  ul  li {
	display: inline;
	margin-right: 15px;
}
#footer p {
	margin: 0px;
	float: right;
}
/* store-main
-------------------*/
#store-main  {
	width: 840px;
	margin-left: 10px;
	float: left;
	margin-bottom: 15px;
}
#store #store-main img {
	padding-right: 6px;
}
#store-main  p {
	line-height: 1.8em;
}
#store-main h2 {
	margin-bottom: 15px;
	font-size: 100%;
	font-weight: bold;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 4px 0px 4px 15px;
	border-top: 3px solid #FF6600;
	border-bottom: 1px dotted #666666;
}
/* faq
-------------------*/
#main dl#faqList dt {
	font-weight: bold;
	color: #996600;
}
#main dl#faqList dd {
	line-height: 1.8;
	padding-bottom: 1em;
	padding-left: 1em;
/*profile 
-------------------*/
}
#profile #main div.prof h3 {
	color: #996600;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 10px;
}
#profile #main div.prof {
	border-bottom: 1px solid #CCCCCC;
	width: 618px;
	height: 360px;
	float: none;
}
#profile #main div.prof img {
	margin-left: 15px;
	vertical-align: sub;
	display: inline;
	float: left;
	margin-right: 15px;
}
#profile #main div.prof table {
	color: #333333;
	font-style: normal;
}
#profile  #main div.prof th {
	font-weight: normal;
}
/*contact 
-------------------*/
#contact #main div.contact-form {
	margin-bottom: 15px;
}
/* works
-------------------*/
#main div.wk {
	float: left;
	width: 180px;
	margin-right: 20px;
	margin-bottom: 15px;
	height: 320px;
}
#main div.wk h3 {
	margin: 10px 0px 5px;
}
#main div.wk h3 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.2;
	font-weight: bold;
	display: block;
	padding-left: 7px;
	border-left: 3px solid #999999;
}
#main div.wk img    {
	border: 1px solid #999999;
}
#main div.wk img:hover    {
	border: 1px solid #FF9900;
}
#main div.back {
	text-align: center;
	margin-top: 10px;
}
#works #main div.gostore  a  {
	background-image: url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1.2em;
	text-align: right;
	float: right;
	margin-right: 20px;
}
#work #main div.gostore a:hover {
	background-image: url(images/arrow_hover2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1.2em;
}
#works  #main  #work-top     {
	border: 1px solid #666666;
	text-align: center;
	margin-left: 8px;
}
#link #main table {
	line-height: 1.5em;
	display: block;
}
#works #main div.pen-movie {
	float: right;
	text-align: left;
	border: 1px solid #999999;
	padding: 3px;
	margin-left: 8px;
	margin-bottom: 10px;
}
/* sitemap
-------------------*/
#sitemap #main ul {
	padding-top: 5px;
	padding-left: 1em;
}
#sitemap #main ul li {
	list-style: none;
}
#sitemap #main ul li a {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	display: block;
	width: 200px;
}
#sitemap #main ul li a:hover {
	background-image: url(images/arrow_hover.gif);
}
#sitemap #main div.sitemap1 {
	float: left;
	width: 270px;
	height: auto;
	padding-top: 10px;
	padding-left: 10px;
}
#sitemap #wrapper div.sitemap1 h3 {
	line-height: 1.5em;
	padding-top: 5px;
}
/* work-pen
-------------------*/
#works  #main  div.pens {
	width: 280px;
	padding: 3px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	margin-top: 5px;
}
#works  #main  div.pens  p {
	line-height: 1.2em;
}
#works  #main  div.jusyu {
	clear: both;
	width: 600px;
	float: left;
}
/* work-chadutu
-------------------*/
#works  #main  #chadutu-info1  img {
	float: right;
	margin-left: 5px;
	margin-bottom: 10px;
}
#works  #main  #chadutu-info1 {
	position: relative;
	width: 500px;
	line-height: 1.5em;
	margin: 10px 5px;
	padding-bottom: 25px;
}
#works #main div.chadutu-info2 img {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}
#works #main div.chadutu-info2 {
	height: 190px;
	width: 500px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #333333;
}
/* work-sp
-------------------*/
#works #main div.sp1 img {
	float: left;
	padding-right: 15px;
	height: 280px;
	padding-bottom: 15px;
}
#works #main div.sp1 {
	clear: both;
	height: 280px;
}
/* store
-------------------*/
#store1  div.store-top1 {
	float: left;
	height: 130px;
	width: 220px;
	margin-right: 5px;
	margin-left: 10px;
}
#store1 div.cart1 {
	margin-right: 20px;
	text-align: right;
}
#store1 div.store-top2 {
	float: left;
	width: 135px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
#store1   div.store-top2   img  {
	border: 1.5px solid #FFFFFF;
}
#store1  div.store-top2  img:hover  {
	border: 1.5px solid #FF6600;
}
#store1 div.store-top4 {
	text-align: center;
	float: left;
	width: 100px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#store1 div.store-top4 img {
	border: 1.5px solid #FFFFFF;
	clear: right;
}
#store1 div.store-top4 img:hover {
	border: 1.5px solid #FF6600;
}
#store1 div.store-top5 {
	width: 100px;
	float: left;
	text-align: center;
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
}
#store1 div.store-top5 img {
	border: 1.5px solid #FFFFFF;
}
#store1 div.store-top5 img:hover {
	border: 1.5px solid #FF6600;
}
#store1　#store div.store h3 {
	font-size: 100%;
	font-weight: bold;
}
#store1 div.store-main h2 {
	margin-bottom: 15px;
	font-size: 100%;
	font-weight: bold;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 4px 0px 4px 15px;
	border-top: 3px solid #FF6600;
	border-bottom: 1px dotted #666666;
	margin-right: 5px;
	margin-left: 5px;
}
#store div.store-main {
	clear: both;
}
#store  div.top-main  {
	float: left;
	width: 273px;
	height: 300px;
	margin-right: 6px;
	padding-bottom: 5px;
}
#store  div.top-main  img  {
	border: 1px solid #FFFFFF;
	padding: 5px;
}
#store  div.top-main  img:hover  {
	border: 1px solid #FF6600;
}
#store div.store-main div.top-main h3 {
	text-align: center;
	font-size: 1em;
}
/* store-sp
-------------------*/
#store #st-sp {
	clear: both;
	width: 840px;
	margin-left: 10px;
	float: left;
}
#store #st-sp h2 {
	margin-bottom: 15px;
	font-size: 100%;
	font-weight: bold;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 4px 0px 4px 15px;
	border-top: 3px solid #FF6600;
	border-bottom: 1px dotted #666666;
	margin-right: 5px;
	margin-left: 5px;
}
#store  #st-sp  div.sp-pens  {
	float: left;
	width: 210px;
	height: 110px;
	text-align: center;
}
#store #st-sp div.sp-pens  img  {
	border: 1px solid #FFFFFF;
	padding: 5px;
}
#store  #st-sp div.sp-pens  img:hover  {
	border: 1px solid #FF6600;
}
#store #st-sp div.sp-pens h3 {
	text-align: center;
	font-size: 1em;
}

/* st-pen-index
-------------------*/
#store #store-main div.st-pen {
	padding: 4px;
	border: 1px solid #FFFFFF;
	float: left;
	width: 158px;
	position: relative;
	text-align: center;
	margin-bottom: 5px;
}
#store #store-main div.st-pen:hover {
	border: 1px solid #FF6600;
}
#store #store-main h3 {
	clear: both;
	line-height: 1.8em;
	font-size: 110%;
	font-weight: bold;
	margin-top: 10px;
}
#store #store-main #st-pen-sidebar {
	float: left;
	width: 145px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
}
#store #store-main #st-pen-sidebar li {
	list-style: none;
	line-height: 1.8em;
	display: block;
	width: 135px;
	padding-top: 5px;
}
#store #store-main #st-pen-main {
	float: right;
	width: 690px;
}
#store #store-main #st-pen-main3 {
	float: right;
	width: 690px;
}
#store #store-main #st-pen-main div.st-pens {
	width: 325px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	text-align: center;
	line-height: 2em;
}
#store #store-main #st-pen-main3 div.st-pens2 {
	width: 280px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 340px;
	float: left;
	padding-left: 40px;
}
#store #store-main #st-pen-main3 div.st-pens2 img {
	margin-right: 10px;
}
#store #store-main #st-pen-main2 {
	float: right;
	width: 690px;
}
/* st-neko
-------------------*/
#store #store-main div.st-neko img {
	padding: 5px 5px 3px;
}
#store #store-main div.st-neko {
	clear: both;
}
#store #store-main div.neko-gara {
	float: left;
	text-align: center;
}
#store #store-main div.neko-order {
	float: left;
	width: 280px;
	padding-top: 10px;
	text-align: center;
}
#store  #store-main  div.st-neko-info img {
	float: left;
}
/* gift
-------------------*/
#store #store-main div.gift img {
	text-align: center;
	padding-right: 15px;
	float: left;
	padding-bottom: 10px;
}
#store   #store-main   div.gift  {
	padding-bottom: 5px;
}
#store #store-main #st-pen-main div.gift2 {
	height: 280px;
	width: 690px;
	padding-top: 10px;
}
#store #store-main #st-pen-main div.gift2 img {
	float: left;
	border: 1px solid #333333;
	margin-right: 15px;
}
/* st-chadutu
-------------------*/
#store #store-main div.chadutu1 {
	width: 270px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	text-align: center;
	padding-bottom: 15px;
}
#store #store-main div.chadutu2 img {
	float: left;
	padding-right: 10px;
}
#store #store-main div.chadutu2 {
	padding-top: 15px;
	width: 620px;
	padding-left: 9em;
}
#store #store-main div.chadutu3 {
	text-align: center;
}
/* Feature-pen
-------------------*/
#store #store-main div.Feature-pen {
	height: 215px;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
}
#store #store-main div.Feature-pen img {
	float: right;
	height: 200px;
	width: 325px;
	border: 1px solid #333333;
	padding: 5px;
	margin-top: 8px;
	margin-right: 5px;
	margin-left: 5px;
}
#store #store-main div.Feature-pen h3 {
	border-top: 3px solid #FF6600;
	width: 456px;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: bold;
	clear: none;
	border-bottom: 1px dotted #666666;
	padding: 4px 0px 4px 10px;
}
#store #store-main div.Feature-pen img:hover {
	border: 1px solid #FF6600;
}
/* index
-------------------*/
#index-main {
	padding: 15px;
	float: right;
	width: 547px;
	margin-bottom: 20px;
	border-left: 1px solid #CCCC99;
}
#index-main  p {
	padding-left: 15px;
}
#index-sidebar {
	padding: 15px;
	float: left;
	width: 250px;
	margin-bottom: 20px;
}
#index-sidebar h2 {
	padding-bottom: 15px;
}
#index-sidebar dl dt a {
	padding: 5px;
	margin-right: 10px;
	border: 1px solid #CCCCCC;
	float: left;
}
#index-sidebar dl dt a:hover {
	border: 1px solid #000000;
}
#index-sidebar dl dt {
	clear: both;
}
#index-sidebar dl dd {
	margin-bottom: 15px;
}
#index-main h2 {
	margin-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 4px 0px 4px 15px;
	border-top: 3px solid #FF6600;
	border-bottom: 1px dotted #666666;
	margin-top: 4px;
}
#index-main h3 {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
}
#home #index-main div.index-Feature h3{
	padding-left: 2em;
	padding-bottom: 8px;
}
#home #index-main h2 {
	background-image: none;
	padding: 0px;
	border-style: none;
}
#index-main dl#news dt {
	clear: left;
	float: left;
	width: 5em;
	background-image: url(images/bullet2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	margin: 0px 0px 3px 20px;
	padding-left: 10px;
	text-align: center;
}
#index-main dl#news dd {
	margin: 0px 0px 3px 8em;
}
#index-main   div.index-main  {
	height: 160px;
}
#index-main div.index-main img {
	float: right;
	padding-left: 10px;
}
#index-main h2 {
	clear: left;
}
#home #index-main div.index-hello {
	float: left;
	width: 220px;
	padding-right: 7px;
	padding-bottom: 15px;
}
#home #index-main div.index-movie {
	padding-top: 20px;
}
#home #index-main div.index-Feature {
	margin-bottom: 10px;
}
#store #store-main div.kujyakumoku img {
	clear: both;
	float: right;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#store  #store-main  div.kujyakumoku  {
	margin-bottom: 10px;
}
#store #store-main div.kujyakumoku h4 {
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
}
#store #store-main div.spkurogaki-cart {
}
#store #store-main div.spkurogaki-cart img {
	clear: both;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
/* 
-------------------*/
#store #store-main div.sp-pen {
	float: left;
	height: 230px;
	width: 400px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#store-main div.sp-pen-cart {
	width: 250px;
	float: left;
	padding: 15px;
	margin-left: 50px;
	border: 1px solid #FF6600;
	margin-top: 10px;
}
#store-main div.sp-pen-h2 {
	clear: both;
	padding-top: 15px;
}
#store-main div.sp-index {
	height: 220px;
}
#store-main div.sp-index img {
	float: right;
	width: 400px;
	padding-left: 10px;
}
/* stor-info
-------------------*/
#st-pen-main table {
	margin-bottom: 15px;
	border-top: 1px solid #CCCCCC;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-collapse:collapse;
}
#st-pen-main table th {
	text-align: center;
	padding: 5px 15px;
	border-bottom: 1px solid #CCCCCC;
}
#st-pen-main table td {
	padding: 5px 15px;
	border-bottom: 1px solid #CCCCCC;
}
#st-pen-main table tr.odd {
	background-color: #EFEFEF;
}
#store-main div.selection-item {
	height: 260px;
	width: 800px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 20px;
}
/* Selection-item
-------------------*/
#store-main div.selection-item img {
	float: left;
	height: 260px;
	width: 400px;
	clear: none;
	margin-right: 10px;
}