@charset "UTF-8";
@import url("base.css");
@import url("layout.css");

/* COMMON STYLE + COMMON SELECOTR
--------------------------------------------------------- */

body {
	background: url("../img/bg.jpg") repeat left top;
}

input,
textarea {
	font-family: monospace;
}

input[type=submit],
input[type=button] {
	padding: 2px 5px;
}

input[type=password],
input[type=text],
input[type=file] {
	width: 270px;
}

input#pass,
input#pass-con {
	width: 115px;
}

input.sortfile {
	width: 50px;
}

input:focus,
textarea:focus,
select:focus {
	background-color: #ffd;
}

.point {
	padding-left: 15px;
	background: url("../img/arrow-s.gif") no-repeat left 4px;
}

.caution {
	padding-left: 16px;
	color: #c00;
	font-size: 85%;
}

.con-price {
	color: #f00;
}

.icon-author,
.icon-price,
.icon-file,
.icon-size {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
}

.icon-author {
	background-image: url("../img/author.gif");
}

.icon-price {
	background-image: url("../img/price.gif");
}

.icon-file {
	margin-left: 5px;
	background-image: url("../img/file.gif");
}

.icon-size {
	background-image: url("../img/size.gif");
}

.box-head-l,
.box-head-r,
.box-foot-l,
.box-foot-r {
	position: absolute;
	width: 5px;
	height: 5px;
	overflow: hidden;
	background-image: url("../img/round-bg.png");
	background-repeat: no-repeat;
}

.box-head-l {
	top: 0;
	left: 0;
	background-position: 0 0;
}

.box-head-r {
	top: 0;
	right: 0;
	background-position: -5px 0;
}

.box-foot-l {
	bottom: 0;
	left: 0;
	background-position: 0 -5px;
}

.box-foot-r {
	right: 0;
	bottom: 0;
	background-position: -5px -5px;
}

* html .box-foot-l,
* html .box-foot-r {
	bottom: -1px;
}

/* HEADER
--------------------------------------------------------- */

#header {
	background: url("../img/main-bg-top.jpg") no-repeat;
}

#header h1 {
	margin: 0 30px;
}

#header #top-catch {
	position: absolute;
	top: 13px;
	right: 40px;
}

p.login-address {
	margin: 35px 45px 0;
	font-weight: bold;
	font-size: 123%;
}

#header div#hmenu-box {
	margin-top: 36px;
	text-align: center;
}

#header ul#menu {
	position: absolute;
	right: 25px;
	bottom: 5px;
}

body#top #header ul#menu,
body#purchase #header ul#menu,
body#sell #header ul#menu,
body#notifi #header ul#menu,
body#profile #header ul#menu,
body#yoshida #header ul#menu,
body#category #header ul#menu,
body#help #header ul#menu  {
	position: static;
}

#header ul#menu li {
	margin-left: 15px;
	padding-left: 15px;
	display: inline;
	background: url("../img/arrow-s.gif") no-repeat left 4px;
	font-size: 108%;
}

#header ul#menu li a {
	color: #f60;
}

/* CONTAINER
--------------------------------------------------------- */

#container {
	background: url("../img/main-bg.jpg") repeat-y left top;
}

/* CONTENT
--------------------------------------------------------- */

/* toppage */

body#top #wrapper {
	padding-top: 10px;
}

body#top h2 {
	margin: 0 0 10px 10px;
	padding: 5px;
	color: #fff;
	background-color: #090;
	font-weight: bold;
	font-size: 123%;
	text-align: center;
	letter-spacing: -1pt;
}

body#top p.lead {
	margin: 0 0 15px 10px;
}

div#top-lead {
	margin: 0 0 5px 10px;
	padding: 15px 0 5px;
	position: relative;
	min-height: 75px;
	text-align: center;
}

* html div#top-lead {
	height: 95px;
}

div#top-lead img#top-lead01,
div#top-lead img#top-lead02 {
	position: absolute;
	top: 0;
}

div#top-lead img#top-lead01 {
	left: 0;
}

div#top-lead img#top-lead02 {
	right: 0;
}

div#top-lead p {
	line-height: 1.4;
	font-weight: bold;
	font-size: 123%;
}

div#top-lead p.top-lead-join {
	color: #f00;
}

div#disclaimer {
	margin: 5px 0 15px 10px;
	padding: 3px;
	border: #f00 1px solid;
	font-size: 93%;
	text-align: center;
}

body#top div#top3-box,
body#top div#recommend-box {
	margin-left: 10px;
	float: left;
	width: 270px;
}

* html body#top div#top3-box {
	margin-left: 5px;
}

body#top div#top3-box h3#tit-top3 {
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: #639 3px solid;
}

body#top div#top3-box ol#top3 {
	margin-bottom: 17px;
}

body#top div#top3-box ol#top3 li {
	margin-bottom: 5px;
	padding-top: 26px;
	background-repeat: no-repeat;
}

body#top div#top3-box ol#top3 li.top1 {
	padding-top: 29px;
	background-image: url("../img/top3-1.gif");
}

body#top div#top3-box ol#top3 li.top2 {
	background-image: url("../img/top3-2.gif");
}

body#top div#top3-box ol#top3 li.top3 {
	background-image: url("../img/top3-3.gif");
}

body#top ol#top3 li dl,
body#top dl#recommend {
	position: relative;
	width: 270px;
}

body#top ol#top3 li dl dt,
body#top dl#recommend dt,
body#top ol#top3 li dl dd.rank-author,
body#top dl#recommend dd.rank-author,
body#top ol#top3 li dl dd.rank-price,
body#top dl#recommend dd.rank-price {
	padding-left: 111px;
}

body#top ol#top3 li dl dt,
body#top dl#recommend dt {
	padding-left: 125px;
	min-height: 72px;
	overflow: hidden;
	background: url("../img/arrow-s.gif") no-repeat 111px 2px;
	font-weight: bold;
	font-size: 108%;
}

* html body#top ol#top3 li dl dt,
* html body#top dl#recommend dt {
	height: 72px;
	word-break: break-all;
}

body#top ol#top3 li dl dd.rank-img,
body#top dl#recommend dd.rank-img {
	padding: 3px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	background: url("../img/image-bg.gif") no-repeat left top;
	text-align: center;
}

body#top dl#recommend dd.rank-img {
	background-image: url("../img/rec-img-bg.gif");
}

body#top ol#top3 li dl dd.rank-btn,
body#top dl#recommend dd.rank-btn {
	margin-top: 5px;
	text-align: right;
}

body#top div#recommend-box {
	padding-bottom: 10px;
	background: #ffeeac url("../img/recommend-btm.gif") no-repeat left bottom;
}

body#top div#recommend-box h3 {
	margin-bottom: 10px;
}

body#top dl#recommend {
	margin: 0 4px;
	width: 262px;
}

body#top dl#recommend dt {
	min-height: 90px;
}

* html body#top dl#recommend dt {
	height: 90px;
}

body#top div#recommend-box strong {
	margin: 10px 10px 5px;
	display: block;
	color: #f60;
	font-size: 123%;
}

body#top div#recommend-box p {
	margin: 0 8px 5px;
	padding: 5px;
	border: #f60 1px dotted;
	border-width: 1px 0;
	line-height: 1.5;
	color: #f60;
	background-color: #fff;
	font-size: 100%;
}

body#top h4 {
	margin: 0 5px 10px;
	padding-bottom: 3px;
	border-bottom: #390 3px solid;
}

body#top .catalog-box {
	margin: 0 5px 10px;
}

* html body#top .catalog-box {
	margin: 0 0 10px;
}

body#top .catalog-wrap {
	margin: 0 4px;
	float: left;
	width: 265px;
}

body#top dl.catalog {
	margin: 0 4px;
	padding-bottom: 10px;
	position: relative;
	float: left;
	width: 265px;
	word-break:break-all;       /* IE */
}

body#top dl.catalog dt,
body#top dl.catalog dd.catalog-author,
body#top dl.catalog dd.catalog-price,
body#top dl.catalog dd.catalog-num,
body#top dl.catalog dd.catalog-cyc {
	padding-left: 111px;
}

body#top dl.catalog dt {
	padding-left: 125px;
	min-height: 72px;
	color: #666;
	background: url("../img/arrow-s.gif") no-repeat 111px 2px;
	font-weight: bold;
	font-size: 108%;
}

* html body#top dl.catalog dt {
	height: 72px;
}

body#top dl.catalog dd.catalog-img {
	padding: 3px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	background: url("../img/image-bg.gif") no-repeat left top;
	text-align: center;
}

* html body#top dl.catalog dd.catalog-img,
dl#smp-sample dd#smp-sampleimg {
	width: 106px;
	height: 106px;
}

body#top dl.catalog dd.catalog-stpdata {
	margin: 3px 3px 0;
	float: left;
	width: 94px;
	font-size: 93%;
}

dl.catalog dd ul li.catalog-cyc,
dl.catalog dd ul li.catalog-freq {
	padding-top: 3px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left 3px;
}

dl.catalog dd ul li.catalog-cyc {
	background-image: url("../img/top-span.gif");
}

dl.catalog dd ul li.catalog-freq {
	background-image: url("../img/top-freq.gif");
}

body#top dl.catalog dd.catalog-btn,
body#top dl.catalog dd.catalog-stpbtn {
	margin-top: 5px;
	text-align: right;
}

body#top dl.catalog dd.catalog-stpbtn {
	float: left;
	width: 162px;
}

body#top dd.borderline {
	margin-bottom: 10px;
	border-bottom: 1px #390 dotted;
	position: relative;
	float: left;
	width: 560px;
}

body#top dl.borderline {
	margin-bottom: 10px;
	border-bottom: 1px #390 dotted;
}

body#top div.moreview {
	background: url("../img/more-bg.gif") repeat-x;
}

body#top div.moreview a {
	padding-top: 13px;
	padding-right: 155px;
	display: block;
	min-height: 23px;
	color: #f30;
	background: url("../img/more-off.gif") no-repeat 100% 0;
	font-weight: bold;
	font-size: 93%;
	text-align: right;
	text-decoration: none;
}

* html body#top div.moreview a {
	height: 35px;
}

body#top div.moreview a:hover {
	background-image: url("../img/more-on.gif");
}

body#top div.pager {
	margin: 0 5px 10px;
	padding: 4px 0;
	background-color: #ececc8;
	text-align: center;
}

body#top div.pager p {
	padding-left: 5px;
	font-size: 100%;
}

body#top div.pager p,
body#top div.pager ul,
body#top div.pager ul li {
	display: inline;
}

body#top div.pager ul li {
	padding: 0 3px;
	color: #f00;
	font-weight: bold;
}

body#top div.pager ul li a {
	color: #00f;
	font-weight: normal;
}

body#top div.pager ul li:first-child,
body#top div.pager ul li.first {
	padding-left: 10px;
	background: url("../img/arrow-s-l.gif") no-repeat 0 50%;
}

body#top div.pager ul li.last {
	padding-right: 10px;
	background: url("../img/arrow-s-r.gif") no-repeat 100% 50%;
}

body#top div#search-box {
	margin: 0 0 15px 9px;
	padding-top: 8px;
	background: url("../img/search-top.gif") no-repeat 0 0;
}

body#top div#search-box dl {
	padding: 3px 15px 8px;
	width: 551px;
	background: url("../img/search-btm.gif") no-repeat 0 100%;
	text-align: center;
}

* html body#top div#search-box dl {
	width: 551px;
}

body#top div#search-box dl dt,
body#top div#search-box dl dd {
	padding-right: 5px;
	float: left;
}

* html body#top div#search-box dl dt {
	padding-top: 3px;
}

*:first-child + html body#top div#search-box dl dt {
	padding-top: 3px;
}

body#top div#search-box dl dt img {
	vertical-align: middle;
}

body#top div#search-box dl dd input.keyword {
	width: 165px;
}

body#top div#search-box dl dd input.keyword-btn {
	padding: 0 3px;
}

/* log-in */

h2.head-l,
dt.head-l {
	margin-top: 25px;
	padding: 8px 10px;
	color: #fff;
	background-color: #f90;
	font-weight: bold;
	font-size: 123%;
}

p#regist {
	margin-top: 20px;
	text-align: center;
}

/* form */

form.market-form {
	padding: 20px 0 5px;
	border: 1px #f90 solid;
	border-top: none;
	text-align: center;
}

form.market-form dl,
dl#com-detail {
	margin: 0 auto;
	position: relative;
	width: 525px;
	font-size: 108%;
	text-align: left;
}

form.market-form dl dt,
dl#com-detail dt {
	position: absolute;
	left: 0;
	font-weight: bold;
}

form.market-form dl dd,
dl#com-detail dd {
	margin-left: 12em;
	padding-bottom: 20px;
}

form.market-form dl dd img {
	padding: 3px;
	background: url("../img/image-bg.gif") no-repeat left top;
}

form.market-form dl dd#form-btn,
dl#com-detail dd#form-btn {
	margin-left: 0;
	text-align: center;
}

* html form.market-form dl dd a.point {
	height: 1%;
	white-space: nowrap;
}

*:first-child+html form.market-form dl dd input#pass,
*:first-child+html form.market-form dl dd a.point {
	float: left;
	white-space: nowrap;
}

*:first-child+html form.market-form dl dd#form-btn {
	padding-top: 20px;
	clear: both;
}

form.form-l dl dd {
	margin-left: 15em;
}

form.form-t {
	border-bottom: none;
}

form.form-t dl {
	border-bottom: 1px #f90 dotted;
}

dl dd input.bnk {
	width: 130px;
}

dl dd input.price {
	width: 75px;
}

textarea.fileExp {
	width: 400px;
	height: 10em;
}

/* account */

form#account-form dl dd,
form#confirm-form dl dd {
	margin-left: 9em;
	padding-bottom: 20px;
}

form#account-form dl dd select#region {
	width: 100px;
}

form#account-form dl dd select#sex {
	width: 45px;
}

form#account-form dl dd input#exp-m,
form#account-form dl dd input#exp-y {
	margin-right: 3px;
	width: 35px;
}

form#account-form dl dd input#exp-y {
	margin-left: 10px;
}

label.p-label {
	display: block;
}

input#zipCode1,
select#birthMonth,
select#birthDay {
	width: 3em;
}

input#zipCode2,
select#birthYear {
	width: 4em;
}

select#prefCode {
	width: 135px;
}

/* confirm */

form#confirm-form dl,
form.form-l dl {
	width: 500px;
}

form#confirm-form dl dd#form-btn input#sub-modifi {
	margin-right: 40px;
}

/* complete */

body#complete #content {
	text-align: center;
}

body#complete h2 {
	margin: 65px auto 10px;
	width: 400px;
	height: 100px;
	line-height: 100px;
	background-color: #eaeaea;
	font-weight: bold;
	font-size: 153%;
}

body#complete h2.comp-l {
	font-size: 108%;
}

div#t-comp {
	margin: 30px auto;
	padding: 20px 0;
	width: 400px;
	background-color: #eaeaea;
}

#dialog-l {
	margin: 10px auto;
	padding: 20px;
	width: 400px;
	background-color: #eaeaea;
	text-align: center;
}

#dialog-l p {
	font-weight: bold;
	font-size: 123%;
}

/* error */

body#error #content {
	padding: 30px 0;
	text-align: center;
}

body#error #content span {
	color: #c00;
	font-weight: bold;
	font-size: 123%;
}

/* certify */

p#certify {
	margin-bottom: 20px;
}

/* mypage */

dl#info {
	margin: 15px 34px 0;
	padding: 5px 10px 10px;
	border: #390 1px solid;
	text-align: left;
}

* html dl#info {
	width: 740px;
}

dl#info dt {
	color: #390;
	font-weight: bold;
	font-size: 108%;
}

dl#info dd {
	padding-top: 5px;
	padding-left: 20px;
}

dl#info dd ul li {
	list-style-type: disc;
	font-size: 108%;
}

dl#info dd ul li a {
	margin-left: 10px;
}

h2.head-m,
h3.head-s {
	padding: 8px 10px;
	color: #fff;
	background-color: #f90;
	font-weight: bold;
	font-size: 123%;
}

#file,
dl#my-account {
	padding: 10px 5px;
	border: 1px #f90 solid;
	border-top: none;
	font-size: 108%;
}

/* detail */

div.box-l-b {
	padding: 15px 0;
	border: 1px #f90 solid;
	border-top: 0;
	position: relative;
}

img.item-img,
img.invalid-img {
	padding: 3px;
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	background: url("../img/image-bg.gif") no-repeat left top;
}

dl.item {
	margin: 0 15px;
	margin-left: 147px;
	min-height: 130px;
}

* html dl.item {
	height: 130px;
}

dl.item dt,
dl.detail-box dd h2 {
	margin-bottom: 5px;
	padding: 2px 15px;
	border-bottom: 1px #f60 solid;
	color: #f60;
	background: url("../img/arrow-s.gif") no-repeat left 10px;
	font-weight: bold;
	font-size: 138%;
}

dl.item dd,
dl.detail-box dd {
	font-size: 108%;
}

dl.item dd.item-detail {
	margin-left: 5px;
	min-height: 50px;
}

* html dl.item dd.item-detail {
	height: 50px;
}

dl.item dd.item-detail p {
	padding: 5px;
	background-color: #f5f5f5;
}

dl.item dd ul li,
dl.detail-box dd ul li {
	padding-right: 10px;
	display: inline;
}

li.item-author,
li.item-price {
	padding-left: 15px;
	background: url("../img/author.gif") no-repeat left center;
}

li.item-price {
	background-image: url("../img/price.gif");
}

* html li.item-price,
* html li.item-cycle,
* html li.item-time,
* html li.item-freq {
	height: 1%;
}

li.item-cycle,
li.item-time,
li.item-freq {
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: left center;
}

li.item-cycle {
	background-image: url("../img/span.gif");
}

li.item-time {
	background-image: url("../img/time.gif");
}

li.item-freq {
	background-image: url("../img/freq.gif");
}

dl.item dd.item-btn,
dl.detail-box dd.item-btn,
dl.detail-box dd.step-item-btn {
	padding-top: 5px;
	text-align: right;
}

dl.detail-box {
	border: 1px #f90 solid;
	border-top: 0;
	position: relative;
}

dl.detail-box dd {
	margin: 0 15px 0 130px;
}

dl.detail-box dd.detail-img,
div#recommend-more dl dd.rec-img {
	margin: 0;
	padding: 3px;
	position: absolute;
	top: 52px;
	left: 18px;
	width: 100px;
	height: 100px;
	background: url("../img/image-bg.gif") no-repeat left top;
}

* html dl.detail-box dd.detail-img,
* html div#recommend-more dl dd.rec-img {
	left: 10px;
	width: 94px;
	height: 94px;
}

dl.detail-box dd.detail-img img {
	display: block;
}

dl.detail-box dd h2 {
	margin-top: 18px;
	background-position: 0 center;
}

dl.detail-box dd.item-btn,
dl.detail-box dd.step-item-btn {
	padding-top: 30px;
}

* html dl.detail-box dd.item-btn a {
	margin-right: -8px;
}

*:first-child + html dl.detail-box dd.item-btn a {
	margin-right: -8px;
}

dl.detail-box dd.item-btn form {
	display: inline;
}

dl.detail-box dd.detail-txt,
dl.detail-box dd.detail-buy {
	margin: 10px 15px;
}

dl.detail-box dd.detail-txt,
dl.detail-box dd.detail-txt-con {
	padding: 5px;
	background-color: #f5f5f5;
}

dl.detail-box dd.detail-buy {
	margin-top: 15px;
	font-size: 123%;
	text-align: center;
}

dl.detail-box dd.step-item-btn {
	padding-top: 10px;
}

dl.detail-box dd.detail-txt-con {
	margin: 45px 15px 10px;
}

div#recommend-more {
	margin-bottom: 15px;
	padding-top: 20px;
}

div#recommend-more h3 {
	margin-bottom: 15px;
	border-bottom: 3px #f90 solid;
}

div#recommend-more dl {
	margin: 0 10px;
	padding: 115px 0 20px;
	position: relative;
	float: left;
	width: 126px;
}

* html div#recommend-more dl {
	margin: 0 9px;
}

div#recommend-more dl dt {
	font-size: 93%;
}

* html div#recommend-more dl dt {
	word-break: break-all;
}

div#recommend-more dl dd.rec-img {
	top: 0;
	left: 10px;
}

div#recommend-more dl dd span.icon-file {
	margin-left: 0;
}

div#file-category h3 {
	margin-bottom: 10px;
	border-bottom: 3px #090 solid;
}

div#file-category ol li {
	margin: 0 3px 5px;
	padding-left: 11px;
	float: left;
	width: 129px;
	background: url("../img/arrow-gr.gif") no-repeat 0 3px;
}

* html div#file-category ol li {
	width: 139px;
}

div#file-category ol li a {
	color: #333;
	font-size: 93%;
}

/* orderInvalid */

img.invalid-img {
	left: 95px;
}

dl.item-invalid {
	margin-right: 95px;
	margin-left: 210px;
	position: relative;
	min-height: 100px;
}

* html dl.item-invalid {
	height: 100px;
}

dl.item-invalid dt {
	position: absolute;
	left: 0;
	font-weight: bold;
	font-size: 108%;
}

dl.item-invalid dd {
	padding-bottom: 20px;
	padding-left: 10em;
	font-size: 108%;
}

dl.item-invalid dd#item-dl {
	padding: 0;
	color: #e00;
	text-align: center;
}

/* loginstart */

img#register {
	position: absolute;
	top: 30px;
	left: 30px;
}

form#purchase-form {
	padding: 10px 0 0;
	border: 0;
	text-align: left;
}

*:first-child+html form#purchase-form {
	padding-left: 260px;
}

form#purchase-form dl {
	margin-left: 260px;
}

/* list */

div#list-box {
	padding: 5px;
	border: 1px #f90 solid;
	border-top: none;
	text-align: center;
}

table#file-list {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

* html table#file-list {
	width: 717px;
}

table#file-list thead th {
	padding: 3px 5px;
	border-right: 2px #fff solid;
	color: #333;
	background-color: #fc9;
	text-align: center;
}

table#file-list thead th.file-list-l {
	border-width: 0;
}

table#file-list tbody td.file-list-l {
	border-width: 2px 0 0;
}

table#file-list tbody td {
	padding: 3px 5px;
	border: 2px #fff solid;
	border-width: 2px 2px 0 0;
	text-align: center;
}

table#file-list tbody td.num {
	text-align: right;
}

table#file-list tbody td.list-tit {
	text-align: left;
}

table#file-list tbody tr.oddline {
	background-color: #f3f3f3;
}

table#file-list tbody tr.evenline {
	background-color: #e0e0e0;
}

table#file-list tfoot td {
	padding: 15px 0 5px;
	text-align: center;
}

/* for class list */

div.list-box {
	padding: 5px;
	border: 1px #f90 solid;
	border-top: none;
	text-align: center;
}

table.file-list {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

* html table.file-list {
	width: 717px;
}

table.file-list thead th {
	padding: 3px 5px;
	border-right: 2px #fff solid;
	color: #333;
	background-color: #fc9;
	text-align: center;
}

table.file-list thead th.file-list-l {
	border-width: 0;
}

table.file-list tbody td.file-list-l {
	border-width: 2px 0 0;
}

table.file-list tbody td {
	padding: 3px 5px;
	border: 2px #fff solid;
	border-width: 2px 2px 0 0;
	text-align: center;
}

table.file-list tbody td.num {
	text-align: right;
}

table.file-list tbody td.list-tit {
	text-align: left;
}

table.file-list tbody tr.oddline {
	background-color: #f3f3f3;
}

table.file-list tbody tr.evenline {
	background-color: #e0e0e0;
}

table.file-list tfoot td {
	padding: 15px 0 5px;
	text-align: center;
}

/** add by atware start*/
form.purchase-form {
	padding: 10px 0pt 0pt;
	border-color: -moz-use-text-color #006699 rgb(0, 102, 153);
	text-align: left;
}

*:first-child+html form.purchase-form {
	padding-left: 260px;
}

form.purchase-form dl {
	margin-left: 260px;
	width: 400px;
	font-weight: bold;
	font-size: 108%;
	text-align: left;
}

form.purchase-form dl dd input#mail,
form.purchase-form dl dd input#credit {
	width: 270px;
}

form.purchase-form dl dd input#pass,
form.purchase-form dl dd input#pass-con {
	margin-right: 10px;
	width: 115px;
}

/** confirm */
form.confirm-form {
	padding: 20px 0 5px;
	border: 1px #f90 solid;
	border-top: none;
	text-align: center;
}

form.confirm-form dl {
	margin: 0 auto;
	position: relative;
	width: 500px;
	font-size: 108%;
	text-align: left;
}

form.confirm-form dl dt {
	position: absolute;
	left: 0;
	font-weight: bold;
}

form.confirm-form dl dd {
	margin-left: 9em;
	padding-bottom: 20px;
}

form.confirm-form dl dd input#mail,
form.confirm-form dl dd input#credit {
	width: 270px;
}

form.confirm-form dl dd input#pass,
form.confirm-form dl dd input#pass-con {
	margin-right: 10px;
	width: 115px;
}

form.confirm-form dl dd#form-btn {
	margin-left: 0;
	text-align: center;
}

* html form.confirm-form dl dd a.point {
	height: 1%;
	white-space: nowrap;
}

*:first-child+html form.confirm-form dl dd input#pass,
*:first-child+html form.confirm-form dl dd a.point {
	float: left;
	white-space: nowrap;
}

*:first-child+html form.confirm-form dl dd#form-btn {
	padding-top: 20px;
	clear: both;
}

form.confirm-form dl dd {
	margin-left: 13em;
	padding-bottom: 20px;
}

form.confirm-form dl dd img {
	padding: 3px;
	background: url("../img/image-bg.gif") no-repeat left top;
}

form.confirm-form dl dd#form-btn input#sub-modifi {
	margin-right: 40px;
}

/** account */
form.account-form {
	padding: 20px 0 5px;
	border: 1px #f90 solid;
	border-top: none;
	text-align: center;
}

form.account-form dl {
	margin: 0 auto;
	position: relative;
	width: 400px;
	font-size: 108%;
	text-align: left;
}

form.account-form dl dt {
	position: absolute;
	left: 0;
	font-weight: bold;
}

form.account-form dl dd {
	margin-left: 9em;
	padding-bottom: 20px;
}

form.account-form dl dd input#mail,
form.account-form dl dd input#credit {
	width: 270px;
}

form.account-form dl dd input#pass,
form.account-form dl dd input#pass-con {
	margin-right: 10px;
	width: 115px;
}

form.account-form dl dd#form-btn {
	margin-left: 0;
	text-align: center;
}

* html form.account-form dl dd a.point {
	height: 1%;
	white-space: nowrap;
}

*:first-child+html form.account-form dl dd input#pass,
*:first-child+html form.account-form dl dd a.point {
	float: left;
	white-space: nowrap;
}

*:first-child+html form.account-form dl dd#form-btn {
	padding-top: 20px;
	clear: both;
}

form.account-form dl dd {
	margin-left: 9em;
	padding-bottom: 20px;
}

form.account-form dl dd select#region {
	width: 100px;
}

form.account-form dl dd select#sex {
	width: 45px;
}

form.account-form dl dd input#exp-m,
form.account-form dl dd input#exp-y {
	margin-right: 3px;
	width: 35px;
}

form.account-form dl dd input#exp-y {
	margin-left: 10px;
}

/** for publisher detail Download buttom form */
form.market-dl-form {
	padding: 20px 0 0px;
	border: 1px #f90 solid;
	border-top: none;
	border-bottom: none;
	text-align: center;
}

form.market-dl-form dl {
	margin: 0 auto;
	position: relative;
	width: 525px;
	font-size: 105%;
	text-align: left;
}

form.market-dl-form dl dt {
	position: absolute;
	left: 0;
	font-weight: bold;
}

form.market-dl-form dl dd {
	margin-left: 9em;
	padding-bottom: 20px;
}

form.market-dl-form dl dd input#mail,
form.market-dl-form dl dd input#credit {
	width: 270px;
}

form.market-dl-form dl dd input#pass,
form.market-dl-form dl dd input#pass-con {
	margin-right: 10px;
	width: 115px;
}

form.market-dl-form dl dd#form-btn {
	margin-left: 0;
	text-align: center;
}

* html form.market-dl-form dl dd a.point {
	height: 1%;
	white-space: nowrap;
}

*:first-child+html form.market-dl-form dl dd input#pass,
*:first-child+html form.market-dl-form dl dd a.point {
	float: left;
	white-space: nowrap;
}

*:first-child+html form.market-dl-form dl dd#form-btn {
	padding-top: 20px;
	clear: both;
}

/** for publisher detail edit form */
form.market-detail-form {
	padding: 0px 0 0px;
	border: 1px #f90 solid;
	border-top: none;
	text-align: center;
}

form.market-detail-form dl {
	margin: 0 auto;
	position: relative;
	width: 525px;
	font-size: 105%;
	text-align: left;
}

form.market-detail-form dl dt {
	position: absolute;
	left: 0;
	font-weight: bold;
}

form.market-detail-form dl dd {
	margin-left: 9em;
	padding-bottom: 20px;
}

form.market-detail-form dl dd input#mail,
form.market-detail-form dl dd input#credit {
	width: 270px;
}

form.market-detail-form dl dd input#pass,
form.market-detail-form dl dd input#pass-con {
	margin-right: 10px;
	width: 115px;
}

form.market-detail-form dl dd img {
	padding: 3px;
	background: url("../img/image-bg.gif") no-repeat left top;
}

form.market-detail-form dl dd#form-btn {
	margin-left: 0;
	text-align: center;
}

* html form.market-detail-form dl dd a.point {
	height: 1%;
	white-space: nowrap;
}

*:first-child+html form.market-detail-form dl dd input#pass,
*:first-child+html form.market-detail-form dl dd a.point {
	float: left;
	white-space: nowrap;
}

*:first-child+html form.market-detail-form dl dd#form-btn {
	padding-top: 20px;
	clear: both;
}

/** add by atware end*/

/* stepmail */

p.stp-lead {
	margin: 0 20px 10px;
	padding-bottom: 10px;
	border-bottom: #390 1px dotted;
}

.step-box,
.step-box-fin {
	padding: 20px 0 5px;
	border: 1px #f90 solid;
	border-top: none;
	text-align: center;
}

* html .step-box,
* html .step-box-fin {
	height: 1%;
}

.step-box-fin {
	position: relative;
}

.step-box-fin img.item-img {
	top: 70px;
	left: 50px;
}

.step-box dl,
.step-box-fin dl {
	margin: 0 auto;
	position: relative;
	width: 500px;
	font-size: 108%;
	text-align: left;
}

.step-box-fin dl {
	margin-left: 200px;
}

dl.status {
	margin-bottom: 20px;
	border-bottom: #390 1px dotted;
}

.step-box dl dt,
.step-box-fin dt {
	position: absolute;
	left: 0;
	font-weight: bold;
}

.step-box dl dd,
.step-box-fin dl dd {
	margin-left: 13em;
	padding-bottom: 20px;
}

.step-box dl dd.form-btn,
dl.stp01 dd.form-btn {
	margin-left: 0;
	text-align: center;
}

.step-box dl dd img {
	padding: 3px;
	background: url("../img/image-bg.gif") no-repeat left top;
}

table#file-list thead th.list-issue {
	width: 30px;
}

table#file-list thead th.list-subject,
table#file-list tbody td.list-subject {
	text-align: left;
}

table#file-list thead th.list-btn {
	width: 80px;
}

dl.stp01 {
	margin: 10px auto;
	position: relative;
	width: 350px;
	font-size: 108%;
	text-align: left;
}

dl.stp01 dt {
	position: absolute;
	left: 0;
	font-weight: bold;
}

dl.stp01 dd {
	margin-left: 12em;
	padding-bottom: 10px;
}

/* purchase */

div#purchase-wrap {
	margin: 0 34px;
	width: 660px;
}

#purchase h2,
#sell h2,
#help h2 {
	margin: 15px 0;
	padding-left: 7px;
	border-left: #f60 4px solid;
	color: #f60;
	font-weight: bold;
	font-size: 153%;
}

#purchase h3,
#sell h3,
#help h3,
#notifi h2 {
	padding: 7px;
	color: #f60;
	background-color: #390;
}

#purchase h3 span,
#sell h3 span,
#help h3 span,
#notifi h2 span {
	color: #fff;
	font-weight: bold;
	font-size: 123%;
}

div#purchase-wrap p {
	padding: 7px 10px 15px;
}

div#purchase-wrap p.pur-lead {
	padding-bottom: 35px;
}

div#purchase-wrap table {
	margin: 0 7px;
	border: #390 1px solid;
	border-right: 0;
	width: 646px;
	border-collapse: collapse;
	border-spacing: 0;
}

div#purchase-wrap table thead th,
div#purchase-wrap table tbody th {
	padding: 5px;
	border-right: #390 1px solid;
	width: 83px;
	background-color: #e7e7e7;
	text-align: center;
}

div#purchase-wrap table tbody th {
	border-top: #390 1px dotted;
}

div#purchase-wrap table thead td {
	padding: 5px;
	border-right: #390 1px solid;
	width: 130px;
	color: #390;
	font-weight: bold;
	font-size: 108%;
	text-align: center;
}

div#purchase-wrap table thead td.th-step {
	font-size: 100%;
}

div#purchase-wrap table tbody td {
	padding: 10px 5px;
	border-top: #390 1px dotted;
	border-right: #390 1px solid;
	text-align: center;
}

div#purchase-wrap table tbody td span.tab-img {
	margin: 0 8px;
	padding: 3px;
	display: block;
	width: 100px;
	height: 100px;
	background: url("../img/image-bg.gif") no-repeat left top;
}

div#purchase-wrap table tbody td.soft {
	vertical-align: top;
	font-size: 93%;
	text-align: left;
}

div#purchase-wrap table tbody td.soft ul,
div#purchase-wrap dl.annot dd.exp ul {
	list-style-type: disc;
	list-style-position: inside;
}

* html div#purchase-wrap table tbody td.soft ul {
	margin-left: -2px;
}

*:first-child+html div#purchase-wrap table tbody td.soft ul {
	margin-left: -2px;
}

div#purchase-wrap table tbody td.soft li {
	padding-bottom: 3px;
}

div#purchase-wrap dl#about-step {
	margin: 0 12px 50px;
}

div#purchase-wrap dl#about-step dt img {
	display: block;
}

div#purchase-wrap dl#about-step dd {
	padding: 12px;
	border: #9c3 2px solid;
}

div#purchase-wrap dl#about-step dd p {
	padding: 0 0 15px;
}

#purchase h4 {
	margin: 10px 5px;
	padding: 5px 3px;
	border-bottom: #390 1px dotted;
	color: #f60;
	font-weight: bold;
	font-size: 123%;
}

div#purchase-wrap ol {
	margin: 5px 25px 25px;
}

div#purchase-wrap ol li {
	margin-bottom: 5px;
	padding-bottom: 20px;
	background: url("../img/pur-arrow.gif") no-repeat center bottom;
}

div#purchase-wrap ol li.last {
	padding-bottom: 0;
	background: none;
}

div#purchase-wrap ol li p {
	padding: 5px 10px;
	background-color: #e7e7e7;
	background-repeat: no-repeat;
	background-position: 5px 6px;
}

div#purchase-wrap ol li.last {
	background: none;
}

div#purchase-wrap ol li p.proc1 {
	background-image: url("../img/pur-num1.gif");
}

div#purchase-wrap ol li p.proc2 {
	background-image: url("../img/pur-num2.gif");
}

div#purchase-wrap ol li p.proc3 {
	background-image: url("../img/pur-num3.gif");
}

div#purchase-wrap ol li p.proc4 {
	background-image: url("../img/pur-num4.gif");
}

div#purchase-wrap ol li p strong {
	padding-bottom: 5px;
	padding-left: 15px;
	display: block;
	color: #390;
	font-weight: bold;
	font-size: 123%;
}

div#purchase-wrap ol li p span {
	display: block;
	color: #f00;
}

div#purchase-wrap dl.annot {
	margin: 0 25px 45px;
	padding: 5px 10px 10px;
	border: #9c3 1px solid;
}

div#purchase-wrap dl.annot dt {
	color: #9c3;
	font-weight: bold;
	font-size: 108%;
}

div#purchase-wrap dl.annot dd {
	padding-bottom: 5px;
	font-size: 108%;
}

div#purchase-wrap dl.annot dd.exp {
	padding: 7px;
	background-color: #d9e9bc;
	font-size: 93%;
}

div#purchase-wrap ul#payment {
	margin-left: 10px;
	font-size: 108%;
}

div#purchase-wrap ul#payment li {
	padding-bottom: 5px;
	padding-left: 15px;
	background: url("../img/pay-list.gif") no-repeat 5px 6px;
}

div#purchase-wrap ul#payment li img {
	margin: 0 10px;
	vertical-align: top;
}

/* sell */

#sell h4 {
	margin: 5px 5px 0;
	padding: 5px 3px 3px;
	border-bottom: #390 1px dotted;
	color: #390;
	font-weight: bold;
	font-size: 108%;
}

img#sell-lead {
	margin-bottom: 5px;
	border: #390 1px solid;
	border-width: 1px 0;
	display: block;
}

ul#sell-index {
	margin-bottom: 5px;
	text-align: center;
}

ul#sell-index li {
	margin-right: 5px;
	display: inline;
}

ul#sell-index li.last {
	margin-right: 0;
}

ul#sell-index li a {
	padding-left: 10px;
	color: #333;
	background: url("../img/sell-arrow-d.gif") no-repeat left center;
	font-size: 85%;
}

div#purchase-wrap p.sell-btn {
	padding-top: 10px;
	text-align: center;
}

div#purchase-wrap p.sell-htxt {
	padding: 5px 7px;
	color: #333;
	background-color: #e7e7e7;
	font-weight: bold;
	font-size: 123%;
}

p.sell-img {
	margin-bottom: 30px;
	text-align: center;
}

#sell div#purchase-wrap table {
	margin-bottom: 50px;
}

#sell div#purchase-wrap table.kind {
	margin-bottom: 5px;
}

#sell div#purchase-wrap table tbody td.soft p {
	padding: 0;
}

#sell p#topdf {
	margin-bottom: 45px;
	margin-left: 95px;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
}

div#purchase-wrap table#sell-necessary {
	margin-top: 15px;
}

#sell div#purchase-wrap table#sell-necessary thead th {
	padding: 2px;
	width: 208px;
	color: #390;
	background-color: transparent;
	font-weight: bold;
	font-size: 108%;
	text-align: center;
}

#sell div#purchase-wrap table#sell-necessary tbody td {
	width: 208px;
}

div#purchase-wrap table#sell-necessary tbody td p#img-txt {
	font-size: 85%;
}

#sell div#purchase-wrap ol {
	margin: 5px 25px 10px;
}

div#purchase-wrap ul#sell-flowtxt {
	margin: 0 30px 40px;
	font-size: 108%;
}

#sell div#purchase-wrap ol#sell-flow {
	margin: 10px 5px 40px;
}

#sell div#purchase-wrap ol#sell-flow li {
	margin: 0;
	padding: 0;
	float: left;
	background: none;
}

* html #sell div#purchase-wrap ol#sell-flow {
	height: 1%;
}

div#purchase-wrap p#message {
	padding: 15px 0 0;
	border-top: #390 1px dotted;
	color: #390;
	font-weight: bold;
	font-size: 153%;
	text-align: center;
}

div#purchase-wrap p#sell-inquiry-txt {
	padding: 0;
	color: #333;
	font-weight: bold;
	font-size: 123%;
	text-align: center;
}

div#purchase-wrap a#sell-inquiry {
	display: block;
	font-size: 123%;
	text-align: center;
}

div#purchase-wrap p.totop,
div#purchase-wrap p.pdftop {
	padding: 0;
	text-align: right;
}

div#purchase-wrap p.pdftop {
	margin-bottom: 20px;
}

div#purchase-wrap p.totop a,
div#purchase-wrap p.pdftop a {
	padding-left: 15px;
	color: #333;
	background: url("../img/sell-arrow-u.gif") no-repeat left center;
	font-size: 93%;
}

/* howtoPDF */

#sell h4 span {
	color: #f60;
	font-size: 123%;
}

ul#pdf-about01 {
	margin-bottom: 10px;
}

ul#pdf-about01 li {
	margin: 5px 0 0 30px;
	list-style-type: disc;
	font-size: 108%;
}

dl#pdf-about02 {
	margin: 5px 15px 0;
}

dl#pdf-about02 dt {
	padding-left: 10px;
	background: url("../img/pdf-arrow-s.gif") no-repeat left center;
}

dl#pdf-about02 dt a {
	color: #390;
	font-weight: bold;
	font-size: 123%;
}

dl#pdf-about02 dd {
	padding: 5px 10px 10px;
	font-size: 108%;
}

dl#pdf-about02 dd a {
	padding-left: 17px;
	display: block;
	background: url("../img/arrow-m-d.gif") no-repeat left center;
	font-size: 93%;
}

#sell h3 span span {
	color: #ff0;
	font-size: 100%;
}

#sell div#purchase-wrap ol.pdf-stp {
	margin: 5px 7px 10px;
}

#sell ol.pdf-stp li {
	margin-bottom: 20px;
	padding-bottom: 23px;
	background-image: url("../img/pdf-arrow-l.gif");
}

#sell ol.pdf-stp li.pdf-stp-last {
	padding-bottom: 0;
	background: none;
	text-align: center;
}

#sell ol.pdf-stp li h4 {
	margin: 0 0 10px 0;
	padding: 7px;
	padding-left: 65px;
	border-bottom: none;
	background-color: #e7e7e7;
	background-repeat: no-repeat;
	background-position: 5px center;
	font-size: 108%;
}

#sell ol.pdf-stp li h4.pdf-stp1 {
	background-image: url("../img/tit-stp1.gif");
}

#sell ol.pdf-stp li h4.pdf-stp2 {
	background-image: url("../img/tit-stp2.gif");
}

#sell ol.pdf-stp li h4.pdf-stp3 {
	background-image: url("../img/tit-stp3.gif");
}

#sell div#purchase-wrap ol.pdf-stp li div {
	padding-left: 10px;
}

#sell div#purchase-wrap ol.pdf-stp li div p {
	padding: 0;
	background-color: transparent;
}

#sell div#purchase-wrap ol.pdf-stp li div p.pdf-stp1-1 {
	font-size: 93%;
}

#sell div#purchase-wrap ol.pdf-stp li div img {
	margin-right: 7px;
	margin-left: 30px;
	float: right;
}

#sell dl.pdf-memo {
	margin: 10px;
	padding: 5px;
	padding-right: 250px;
	border: 1px #390 solid;
	position: relative;
	height: 217px;
}

* html #sell dl.pdf-memo {
	height: 229px;
}

#sell dl.pdf-memo2 {
	height: 206px;
}

* html #sell dl.pdf-memo2 {
	height: 218px;
}

#sell dl.pdf-memo dt {
	margin-bottom: 10px;
	padding: 5px 5px 2px;
	border-bottom: 1px #390 dotted;
}

#sell dl.pdf-memo dd h5 {
	padding: 0 10px 5px;
	font-weight: bold;
	font-size: 108%;
}

#sell dl.pdf-memo dd p {
	padding: 0 10px;
	line-height: 1.5;
}

#sell dl.pdf-memo dd.memo-img {
	position: absolute;
	top: 7px;
	right: 7px;
}

/* notifi */

#notifi h2 {
	margin: 10px 0;
}

#notifi p#not01 {
	text-align: center;
}

#notifi p#not01 a {
	padding-left: 10px;
	color: #390;
	background: url("../img/arrow-gr.gif") no-repeat left center;
	font-weight: bold;
	font-size: 123%;
	text-align: center;
}

#notifi dl#not02 {
	margin: 0 25px 10px;
	padding: 10px 10px 5px;
	border: 1px #390 solid;
	background-color: #eaefe0;
}

#notifi dl#not02 dt {
	padding-bottom: 5px;
	color: #390;
	font-weight: bold;
	font-size: 123%;
}

#notifi dl#not02 dd {
	padding: 0 10px 5px;
	font-size: 108%;
}

/* PDFversion */

#pver {
	margin: 10px 0 25px;
	width: 740px;
	font-size: 93%;
	border-collapse: collapse;
	border-spacing: 0;
}

#pver th,
#pver td {
	padding: 5px;
	border: #390 1px solid;
	border-width: 0 1px 1px 0;
}

.pver02,
.pver03,
.pver04,
.pver05,
.pver06 {
	font-weight: bold;
}

.pver02 {
	color: #39f;
}

.pver03 {
	color: #fc0;
}

.pver04 {
	color: #f00;
}

.pver05 {
	color: #999;
}

.pver06 {
	color: #390;
}

#pver td.pver-trb {
	border-width: 1px 1px 1px 0;
}

#pver td.pver-rb {
	border-right-style: dotted;
}

#pver thead th {
	padding: 3px 0;
	border: #390 1px solid;
	font-size: 116%;
	text-align: center;
}

#pver thead th.pver09 {
	border-width: 1px 2px 0;
	color: #fff;
	background-color: #390;
}

#pver thead td,
#pver tfoot td {
	padding: 3px 5px;
	text-align: center;
}

#pver thead td.pver01 {
	padding: 0 0 0 20px;
	border-width: 0 2px 1px;
	font-size: 108%;
	text-align: left;
}

#pver thead td span.pver04,
#pver tfoot td span.pver04 {
	padding-left: 5px;
}

#pver thead td.pver01 span.pver04 {
	padding-left: 0;
}

#pver tbody th {
	border-width: 0 1px 1px 2px;
	width: 130px;
	background-color: #e3e3e3;
	text-align: left;
}

#pver tbody td {
	padding: 5px 10px;
	font-size: 131%;
	text-align: center;
}

#pver tbody tr.pver06 td,
#pver tbody td.pver07 {
	padding: 5px;
	font-size: 100%;
	text-align: left;
}

#pver tbody td.pver02,
#pver tbody td.pver03,
#pver tbody td.pver04 {
	padding: 10px 15px;
	border-right-width: 2px;
}

#pver tbody td.pver02 {
	background-color: #dff4ff;
}

#pver tbody td.pver03 {
	background-color: #ffffe1;
}

#pver tbody td.pver04 {
	background-color: #ffecec;
}

#pver tbody .pver08 {
	border-bottom-width: 2px;
}

#pver tfoot td.pver01 {
	border-width: 0 1px 0 0;
}

.pver-link {
	margin-bottom: 5px;
}

/* howtoSample */

.howsample #wrapper,
.howsample #wrapper.wide #content {
	padding-bottom: 0;
}

#sell.howsample h2 {
	margin-bottom: 5px;
}

.howsample ul#sell-index {
	margin-bottom: 10px;
}

.howsample ul#sell-index li {
	margin-right: 10px;
}

.howsample ul#sell-index li a {
	font-size: 100%;
}

dl#smp-sample {
	margin: 0 95px 20px;
	padding: 12px;
	border: #390 1px dotted;
	position: relative;
	min-height: 106px;
}

* html dl#smp-sample {
	height: 130px;
}

dl#smp-sample dt,
dl#smp-sample dd {
	margin-left: 120px;
	font-size: 108%;
}

dl#smp-sample dt {
	margin-bottom: 5px;
	border-bottom: #390 1px solid;
	color: #390;
	font-weight: bold;
}

dl#smp-sample dd#smp-sampleimg {
	margin-left: 0;
	padding: 3px;
	position: absolute;
	top: 12px;
	left: 12px;
	width: 100px;
	height: 100px;
	background: url("../img/image-bg.gif") no-repeat;
}

dl#smp-sample dd a.point {
	margin-left: 7px;
}

dl#smp-sample dd p {
	margin-left: 7px;
	padding: 5px 0 0;
	font-size: 100%;
}

dl#smp-sample dd p#smp-samplebtn {
	padding: 15px 0 0;
	text-align: right;
}

div.sample-box {
	margin: 0 10px;
	padding-top: 10px;
}

div#purchase-wrap div.sample-box p {
	padding: 0 0 10px;
	line-height: 1.3;
}

div.sample-box img {
	margin-bottom: 20px;
	display: block;
}

div#howsample01 img,
div#howsample02 img,
div#howsample05 img {
	margin-bottom: 0;
}

div.sample-box p span,
dl#smp-caption01 dt span {
	color: #f00;
	font-weight: normal;
}

div#howsample01 {
	padding-top: 30px;
	position: relative;
	min-height: 190px;
}

* html div#howsample01 {
	height: 210px;
}

div#howsample01 img {
	position: absolute;
	top: 15px;
	left: 5px;
}

div#purchase-wrap div.sample-box p.last,
div#purchase-wrap dl#smp-caption01 p,
div#purchase-wrap div#howsample05 p {
	padding: 0;
}

div#purchase-wrap div#howsample01 p {
	margin-left: 160px;
}

div#howsample05 #howsample05-01,
div#howsample05 #howsample05-02 {
	margin: 5px 0 20px;
	text-align: center;
}

div#howsample05 #howsample05-01 {
	margin-left: 35px;
	float: left;
	width: 215px;
}

* html div#howsample05 #howsample05-01 {
	margin-left: 18px;
}

div#howsample05 #howsample05-02 {
	margin-right: 35px;
	float: right;
	width: 307px;
}

* html div#howsample05 #howsample05-02 {
	margin-right: 18px;
}

div#howsample05 #howsample05-01 img ,
div#howsample05 #howsample05-02 img {
	margin-bottom: 5px;
}

div#howsample05 #howsample05-02 img {
	margin-top: 65px;
}

div#howsample05 #howsample05-01 a img,
div#howsample05 #howsample05-02 a img {
	display: inline;
}

div#howsample05 #howsample05-02 a img {
	margin-top: 0;
}

dl#smp-caption01,
dl#smp-caption02 {
	margin: 0 5px 35px;
	padding: 10px;
	background-color: #d9e9bc;
}

dl#smp-caption01 dt,
dl#smp-caption02 dt {
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: #390 1px dotted;
	font-weight: bold;
	font-size: 108%;
}

dl#smp-caption02 dd {
	padding-top: 5px;
	position: relative;
	min-height: 190px;
}

* html dl#smp-caption02 dd {
	height: 195px;
}

dl#smp-caption02 dd img {
	border: #333 1px solid;
	position: absolute;
	top: 5px;
	left: 5px;
}

dl#smp-caption02 dd p {
	margin-left: 295px;
}

.howsample div#purchase-wrap p.pdftop {
	margin-bottom: 10px;
}

/* author profile */

body#profile #wrapper.wide #content {
	margin: 0 10px;
	width: 759px;
}

div#prof-box {
	margin-top: 15px;
	padding: 10px;
	position: relative;
	background: url("../img/nnm.png");
}

* html div#prof-box {
	width: 760px;
}

dl#prof-head {
	padding-bottom: 10px;
	position: relative;
	min-height: 142px;
	background-color: #fd3;
}

* html dl#prof-head {
	height: 152px;
}

dl#prof-head dt {
	margin-right: 10px;
	margin-left: 159px;
	padding-top: 10px;
	border-bottom: #666 1px solid;
	text-align: right;
}

dl#prof-head dt img {
	vertical-align: bottom;
}

dl#prof-head dd#prof-img {
	position: absolute;
	top: 1px;
	left: 1px;
}

dl#prof-head dd#prof-name {
	padding-top: 36px;
	padding-left: 159px;
	color: #666;
	font-weight: bold;
	font-size: 182%;
}

dl#prof-head dd#prof-name h2 {
	font-weight: bold;
	font-size: 182%;
}

#prof-txt {
	margin-top: 15px;
	padding: 15px;
	border: #fd3 1px solid;
	background-color: #eaeaea;
}

body#profile h3 {
	margin: 15px 0 10px;
	border-bottom: #fd3 3px solid;
}

div.prof-item {
	margin: 0 30px 10px;
	padding: 5px 0 15px;
	border-bottom: #fd3 1px dotted;
	position: relative;
}

* html div.prof-item {
	height: 1%;
}

div.prof-item-box div.last {
	margin-bottom: 0;
	border: 0;
}

div.prof-item p.item-img {
	padding: 3px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../img/image-bg.gif") no-repeat left top;
}

body#profile dl.item {
	margin: 0;
	margin-left: 120px;
	min-height: 0;
}

* html body#profile dl.item {
	height: 0;
}

body#profile dl.item dt {
	background-position: left 8px;
	font-size: 123%;
}

body#profile dl.item dd.item-data {
	margin: 0 0 5px 5px;
}

* html body#profile dl.item dd.item-detail p {
	font-size: 100%;
}

*:first-child + html body#profile dl.item dd.item-detail p {
	font-size: 100%;
}

/* recommend */

#wrapper.wide #content.recommend-box {
	margin: 0 102px;
	width: 550px;
}

* html #wrapper.wide #content.recommend-box {
	margin: 0 51px;
}

body#top .recommend-box h2 {
	margin-left: 0;
}

div#rec-txt {
	margin: 15px 0 20px;
	padding: 6px;
	border: #cc9 1px solid;
	background-color: #efefe0;
}

div#rec-txt h3 {
	margin-bottom: 5px;
	padding-left: 4px;
	border-left: #f60 3px solid;
	color: #f60;
	font-weight: bold;
}

div#rec-txt p {
	line-height: 1.3;
}

body#top .recommend-box .catalog-box {
	padding-top: 5px;
	border-bottom: #390 1px dotted;
}

body#top .recommend-box .last {
	border-bottom: none;
}

body#top .recommend-box dl.catalog {
	margin: 0 2px;
	white-space: normal;
}

ul#rec-link {
	margin-top: 15px;
	text-align: center;
}

ul#rec-link li {
	margin-bottom: 5px;
}

ul#rec-link li a {
	padding-left: 15px;
	background: url("../img/arrow-s.gif") no-repeat left 4px;
	font-size: 108%;
}

/* yoshida */

body#yoshida #wrapper.wide #content {
	margin: 0 40px;
	width: 700px;
}

body#yoshida h2 {
	margin: 12px 0 10px;
	border-bottom: #090 1px solid;
}

dl#pu-lead {
	margin-bottom: 15px;
}

dl#pu-lead dt,
dl#pu-lead dd {
	padding: 0 5px;
	border-left: #090 5px solid;
	font-weight: bold;
}

dl#pu-lead dt {
	color: #090;
	font-size: 153%;
}

dl#pu-lead dd {
	font-size: 123%;
}

dl#pu-lead dd#pu-lead-txt {
	margin-top: 5px;
	padding: 8px;
	border: none;
	background-color: #ececc8;
	font-weight: normal;
	font-size: 108%;
}

#pu-book {
	margin-bottom: 10px;
}

#pu-book-data,
#pu-book-txt {
	float: left;
}

#pu-book-data {
	margin-right: 15px;
	width: 230px;
	text-align: center;
}

#pu-book-img {
	margin-bottom: 3px;
	border: #000 1px solid;
}

#pu-book-data p {
	line-height: 1.3;
	font-size: 93%;
}

#pu-book-data a {
	margin-top: 10px;
	display: block;
}

#pu-book-txt {
	width: 455px;
}

dl#pu-book-txt dt {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: #f60 1px solid;
	color: #f60;
	font-weight: bold;
	font-size: 108%;
}

dl#pu-book-txt dd p {
	line-height: 1.4;
	text-indent: 1em;
}

dl#pu-book-txt dd#pu-book-detail,
dl#pu-mm dd#pu-mm-link,
dl.pu-mm dd.pu-mm-link {
	margin-top: 5px;
	text-align: right;
}

#pu-index {
	margin-bottom: 25px;
	padding: 8px;
	border: #090 1px solid;
}

#pu-index p {
	margin: 0 5px;
	line-height: 1.3;
	font-size: 100%;
}

#pu-index h3 {
	margin-bottom: 8px;
	padding-bottom: 3px;
	border-bottom: #090 1px dashed;
	color: #090;
	font-weight: bold;
	font-size: 123%;
}

#pu-index-lead {
	margin-bottom: 10px;
	padding: 5px 0;
	color: #fff;
	background-color: #090;
}

#pu-index dl,
body.masubuchi #pu-index ol li {
	margin: 0 8px;
	font-size: 108%;
}

#pu-index dl dt {
	font-weight: bold;
}

#pu-index dl dd {
	padding: 0 3px 10px;
}

#pu-index ol li {
	list-style-type: decimal;
	list-style-position: inside;
}

#pu-index p#pu-index-btn {
	margin: 10px 0 5px;
	text-align: center;
}

body#yoshida h4 {
	margin-bottom: 12px;
	padding: 6px;
	padding-left: 25px;
	color: #fff;
	background: #666 url('../img/pu-head.gif') no-repeat left center;
	font-weight: bold;
	font-size: 123%;
}

dl#pu-mm,
dl.pu-mm {
	margin-bottom: 20px;
	position: relative;
}

* html dl#pu-mm,
* html dl.pu-mm,
* html #pu-prof-box {
	height: 1%;
}

dl#pu-mm dt,
dl#pu-mm dd,
dl.pu-mm dt,
dl.pu-mm dd {
	margin-left: 80px;
}

dl#pu-mm dt,
dl#pu-mm dd#pu-mm-fee,
dl.pu-mm dt,
dl.pu-mm dd.pu-mm-fee {
	padding: 5px;
	background-color: #eaeaea;
}

dl#pu-mm dt,
dl.pu-mm dt {
	padding-bottom: 3px;
	color: #f60;
	font-weight: bold;
	font-size: 123%;
}

dl#pu-mm dd,
dl.pu-mm dd {
	line-height: 1.2;
}

dl#pu-mm dd#pu-mm-fee,
dl.pu-mm dd.pu-mm-fee {
	margin-bottom: 5px;
	padding-top: 0;
	font-size: 93%;
}

dl#pu-mm dd#pu-mm-img,
dl.pu-mm dd.pu-mm-img {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}

dl#pu-mm dd#pu-mm-link a,
dl.pu-mm dd.pu-mm-link a {
	font-weight: bold;
	font-size: 108%;
}

#pu-prof-box {
	padding: 10px;
	position: relative;
	color: #333;
	background: url(../img/nnm.png);
}

dl#pu-prof {
	padding-right: 5px;
	padding-left: 127px;
	min-height: 141px;
	background-color: #fd3;
}

* html dl#pu-prof {
	height: 141px;
}

dl#pu-prof dt span {
	padding: 15px 3px 3px;
	border-bottom: #333 1px solid;
	display: block;
	font-weight: bold;
	font-size: 123%;
}

dl#pu-prof dd#pu-prof-img {
	padding: 0;
	position: absolute;
	top: 12px;
	left: 12px;
}

dl#pu-prof dd#pu-prof-img img {
	display: block;
}

dl#pu-prof dd {
	padding: 5px;
	background-color: #fd3;
}

dl#pu-prof dd p {
	font-size: 100%;
}

dl#pu-prof dd p#pu-prof-field {
	margin-top: 5px;
}

/* masubuchi */

body.masubuchi dl#pu-prof {
	min-height: 157px;
}

* html body.masubuchi dl#pu-prof {
	height: 157px;
}

/* keyword-result */

body#top #content div.res {
	margin-left: 5px;
}

body#top div#result-box {
	margin: 0 5px 10px;
	font-size: 123%;
	text-align: center;
}

body#top div#result-box h2 {
	margin: 0;
	margin-bottom: 5px;
}

body#top div#result-box h2 span,
body#top div#result-box h3 span {
	color: #f00;
	font-weight: bold;
}

body#top div#result-box h2 span {
	margin-left: 5px;
}

body#top div#result-box h3 span {
	margin-right: 5px;
}

/* help */
#help h3#pub {
	margin-top: 50px;
}

#help dl dt.q {
	margin: 5px 5px 0;
	padding: 5px 3px 3px 25px;
	border-bottom: #390 1px dotted;
	color: #390;
	background: url("../img/help-q.gif") no-repeat 0 50%;
	font-weight: bold;
	font-size: 108%;
}

#help dl dd.a {
	margin: 5px 5px 20px;
	padding: 0 3px 3px 25px;
	background: url("../img/help-a.gif") no-repeat 0 0;
	font-size: 108%;
}

#help dl dd.a dl.about {
	margin: 5px 5px 0;
}

#help dl dd.a dl.about dt {
	padding-left: 10px;
	background: url("../img/pdf-arrow-s.gif") no-repeat left center;
	color: #390;
	font-weight: bold;
}

#help dl dd.a dl.about dd {
	padding: 0 10px 5px;
	font-size: 108%;
}

#help dl dd.a ul {
	margin: 8px 0;
	padding-left: 20px;
	list-style: disc;
}

/* category-result */

body#top div.cat-bread {
	margin: 0 5px 10px;
	padding: 0 0 3px 23px;
	border-bottom: #390 3px solid;
	background: url("../img/cat-bread.gif") no-repeat 0 100%;
}

body#top div.cat-bread ul {
	color: #390;
	font-weight: bold;
	font-size: 123%;
}

body#top div.cat-bread ul li {
	padding-left: 16px;
	display: inline;
	background: url("../img/cat-bread-arrow.gif") no-repeat 0 50%;
}

body#top div.cat-bread ul li:first-child,
body#top div.cat-bread ul li.first-c {
	padding-left: 0;
	background: none;
}

body#top div.cat-bread ul li a {
	color: #390;
}

/* category */

body#category #wrapper.wide #content {
	margin-right: 24px;
	padding-top: 20px;
	width: 730px;
}

body#category #wrapper.wide #content ul {
	margin-right: 20px;
	float: left;
	width: 230px;
}

body#category #wrapper.wide #content ul.last {
	margin-right: 0;
}

body#category #wrapper.wide #content ul li {
	margin-bottom: 30px;
}

body#category #wrapper.wide #content ul li dl dt {
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 123%;
}

body#category #wrapper.wide #content ul li dl dt a {
	padding-left: 15px;
	color: #390;
	background: url("../img/arrow-gr-d.gif") no-repeat 0 5px;
}

body#category #wrapper.wide #content ul li dl dd {
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 108%;
}

body#category #wrapper.wide #content ul li dl dd a {
	padding-left: 15px;
	color: #333;
	background: url("../img/arrow-s.gif") no-repeat 0 2px;
}

/* SIDEBAR
--------------------------------------------------------- */

/* toppage */

#sidebar a img.side-btn {
	margin: 0 10px 5px;
}

dl#side-cat-box,
dl#side-info-box {
	margin: 0 10px 10px;
	border: 2px #019901 solid;
	background-color: #fff;
}

#sidebar a img.side-btn,
dl#side-cat-box dt img,
dl#side-info-box dt img,
dl#side-writer dt img,
dl#side-ranking dt img {
	display: block;
}

dl#side-cat-box dd ol li {
	padding: 5px 7px;
	padding-left: 18px;
	border-top: 1px #019901 dotted;
	color: #bbb;
	background: url("../img/arrow-gr.gif") no-repeat 0 50%;
	background-position: 7px;
}

dl#side-cat-box dd ol li a {
	color: #000;
}

dl#side-info-box {
	border-color: #09c;
}

dl#side-info-box dd {
	padding: 0 6px;
}

dl#side-info dt {
	padding: 5px 0 0;
	color: #555;
	background: none;
	font-weight: bold;
	font-size: 77%;
}

dl#side-info dd {
	padding: 0 0 5px;
	border-top: 0;
	border-bottom: 1px #97cce6 solid;
	color: #555;
	font-size: 93%;
}

dl#side-info dd.last,
dl#side-writer dd dl.last {
	border-bottom: 0;
}

dl#side-info dd strong {
	color: #f00;
	font-weight: normal;
}

dl#side-writer {
	margin: 0 10px 10px;
	border: 1px #f36 solid;
	border-top-width: 2px;
}

dl#side-writer dd dl {
	padding: 5px 4px;
	border-bottom: #f36 1px dotted;
	position: relative;
}

* html dl#side-writer dd dl {
	height: 1%;
}

dl#side-writer dd dl dt {
	font-weight: bold;
	font-size: 108%;
}

dl#side-writer dd dl dd.wrt-img {
	position: absolute;
	top: 5px;
	right: 5px;
}

dl#side-writer dd dl dd.wrt-img img {
	border: 1px #f36 solid;
}

dl#side-writer dd dl dd.wrt-position {
	padding-right: 40px;
	font-size: 93%;
}

dl#side-writer dd dl dd.wrt-prof {
	padding: 5px 0;
	color: #f36;
	font-size: 93%;
}

dl#side-writer dd dl dd.wrt-com {
	padding: 3px;
	padding-left: 15px;
	background: #fee url("../img/arrow-s.gif") no-repeat 4px 6px;
	font-size: 93%;
}

dl#side-writer dd dl dd.wrt-com a {
	font-weight: bold;
}

dl#side-ranking {
	margin: 0 10px 10px;
	border: 2px #639 solid;
	background-color: #fff;
}

* html dl#side-ranking {
	margin-right: 8px;
}

dl#side-ranking dt {
	position: relative;
	height: 27px;
}

dl#side-ranking dt span {
	position: absolute;
	top: 6px;
	right: 5px;
	color: #fff;
	font-size: 77%;
}

dl#side-ranking dd ol li {
	padding: 5px 5px 5px 25px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

dl#side-ranking dd ol li.oddline {
	background-color: #ebebeb;
}

dl#side-ranking dd ol li.evenline {
	background-color: #fff;
}

dl#side-ranking dd ol li.r1,
dl#side-ranking dd ol li.r2,
dl#side-ranking dd ol li.r3 {
	padding-left: 35px;
	font-weight: bold;
}

dl#side-ranking dd ol li.r1 {
	padding: 7px 5px 7px 35px;
	background-image: url("../img/r01.gif");
	background-position: 5px 5px;
}

dl#side-ranking dd ol li.r2 {
	background-image: url("../img/r02.gif");
	background-position: 5px 5px;
}

dl#side-ranking dd ol li.r3 {
	background-image: url("../img/r03.gif");
	background-position: 5px 5px;
}

dl#side-ranking dd ol li.r4 {
	background-image: url("../img/r04.gif");
}

dl#side-ranking dd ol li.r5 {
	background-image: url("../img/r05.gif");
}

dl#side-ranking dd ol li.r6 {
	background-image: url("../img/r06.gif");
}

dl#side-ranking dd ol li.r7 {
	background-image: url("../img/r07.gif");
}

dl#side-ranking dd ol li.r8 {
	background-image: url("../img/r08.gif");
}

dl#side-ranking dd ol li.r9 {
	background-image: url("../img/r09.gif");
}

dl#side-ranking dd ol li.r10 {
	background-image: url("../img/r10.gif");
}

/* category-result */

dl#side-cat-box dd dl#side-cat {
	font-size: 108%;
}

dl#side-cat-box dd dl#side-cat dt {
	padding: 2px 7px 2px 22px;
	border: 1px #019901 dotted;
	border-width: 1px 0;
	color: #060;
	background: #d0d0d0 url("../img/arrow-gr-d.gif") no-repeat 7px 50%;
	font-weight: bold;
}

dl#side-cat-box dd dl#side-cat dt a {
	color: #060;
}

dl#side-cat-box dd dl#side-cat dd ol {
	margin: 5px;
}

dl#side-cat-box dd dl#side-cat dd ol li {
	padding: 2px 7px 3px 28px;
	border: none;
	background: url("../img/arrow-s.gif") no-repeat 13px 50%;
	font-weight: normal;
}

dl#side-cat-box dd dl#side-cat dd ol li a {
	padding: 0;
	background: none;
	font-weight: normal;
}

dl#side-cat-box dd dl#side-cat strong {
	color: #000;
	font-weight: bold;
}

dl#side-cat-box dd dl#side-cat dd#side-cat-link {
	padding: 2px 5px;
	background-color: #390;
	text-align: right;
}

dl#side-cat-box dd dl#side-cat dd#side-cat-link a {
	color: #fff;
}

/* market */
body#catalog #sidebar h4 {
	margin: 0 10px;
	padding: 10px 7px 6px;
	border: 1px #ccc solid;
	border-bottom: 1px #999 dotted;
	color: #069;
	background: #fff url("../img/box-r-bg.gif") repeat-y right top;
	font-weight: bold;
	font-size: 108%;
}

body#catalog #sidebar h4 span {
	padding-left: 17px;
	display: block;
	min-height: 25px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

* html body#catalog #sidebar h4 span {
	height: 25px;
}

#sidebar h4#profile span {
	background-image: url("../img/profile.gif");
}

#sidebar h4#mm span {
	background-image: url("../img/mmag.gif");
}

#sidebar dl.side-box {
	margin: 0 10px 18px;
	padding: 10px 7px;
	border: 1px #ccc solid;
	border-top: none;
	background-color: #fff;
}

#sidebar dl.side-box dt {
	font-weight: bold;
	font-size: 108%;
}

#sidebar dl.side-box dt a {
	color: #000;
}

#sidebar dl.side-box dd {
	line-height: 1.5;
	color: #555;
	font-size: 93%;
}

#sidebar dl.side-box dd span {
	font-size: 85%;
}

* html #sidebar dl.side-box dd span {
	font-size: 77%;
}

*:first-child+html #sidebar dl.side-box dd span {
	font-size: 77%;
}

#sidebar dl.side-box dd a {
	color: #f63;
}

#sidebar dl.side-box dd.regist input.mail {
	text-align: center;
}

#sidebar dl.side-box dd.regist input.mail {
	width: 135px;
}

#sidebar dl.side-box dd.regist input.sub {
	width: 35px;
}

/* mypage */

dl#my-account {
	padding-bottom: 5px;
	position: relative;
}

dl#my-account dt {
	position: absolute;
	left: 5px;
	color: #f60;
}

* html dl#my-account dt {
	left: 0;
}

dl#my-account dd {
	margin-left: 5em;
}

dl#my-account dd#my-modifi {
	text-align: right;
}

/* FOOTER
--------------------------------------------------------- */

ul#info,
#footer {
	margin: 0 15px;
	padding-top: 15px;
	border-top: 1px #390 dotted;
}

ul#info a,
#footer a {
	color: #333;
}

ul#info {
	padding: 5px 0;
	font-size: 108%;
}

#footer ul {
	margin-bottom: 5px;
}

ul#info li,
#footer li {
	padding-left: 8px;
	display: inline;
	background: url("../img/par.gif") no-repeat left center;
}

#footer {
	position: relative;
}

#info,
#footer #relation,
#footer #relation2,
#footer div#footer-genre {
	clear: both;
}

ul#info li.first,
#footer ul#relation li.first,
#footer ul#relation2 li.first {
	padding-left: 0;
	background-image: none;
}

#footer div#footer-genre ul {
	padding-right: 8px;
	display: inline;
	background: url("../img/par_r.gif") right center no-repeat;
}

#footer div#footer-genre ul li:first-child,
#footer div#footer-genre ul li.first-l {
	background-image: url("../img/par_l.gif");
}

#footer ul#info li,
#footer ul#relation li,
#footer ul#relation2 li,
#footer div#footer-genre li {
	padding-left: 8px;
	display: inline;
	list-style-type: none;
	background: url("../img/par.gif") left center no-repeat;
}

div#container div#footer div#footer-home {
	padding: 5px;
	font-size: 108%;
}

div#container div#footer div#footer-home a {
	color: #390;
	font-weight: bold;
	text-decoration: none;
}

div#container div#footer div#footer-home a span {
	line-height: 1;
	font-weight: normal;
	font-size: 152%;
}

div#container div#footer img#pmark {
	position: absolute;
	top: 10px;
	left: 15px;
}