body, div, span, table, tr, td, th, ul, li,
h1, h2, h3, h4, h5, h6, dl, dt, dd, hr,
img, a, input, form {
margin:0;
padding:0;
}

body{
font-family:"trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#333;
font-size: small;
}

/* General Style Info */
a{
color:#5B9B4B;
text-decoration:none;
}
a:hover{
color:#F781BF;
}

img{
border:none;
}


li {
list-style-type:none;
}

h1 {
font-size:130%;
}

.clear {
clear:both;
}

.submitbutton {
margin:10px 0;
}

.m10 {
	margin-bottom:10px;
}
.m20 {
	margin-bottom:20px;
}
.m30 {
	margin-bottom:30px;
}

.reference {
margin-top:50px;
padding-top:5px;
border-top:1px dotted #CCC;
font-style:italic;
font-size:90%;
}


/* Layout */

#container{
text-align:left;
width:860px;
}

#headertop{
background-color:#737373;
font-size:90%;
line-height:100%;
height:20px;
}
#headertop a {
color:#ffffff;
}
#headertop a:hover {
color:#F781BF;
}
#headertop div.headerText{
margin:5px 0 0 10px;
float:left;
color:#FFFFFF;
}
#headertop div.headerNotmember{
margin:5px 0 0 70px;
float:left;
color:#CCC;
}
#headertop div.headerForm{
margin:2px 10px 0 0;
float:right;
color:#CCC;
}
#headertop div.headerForm input.form{
height:12px;
width:70px;
}

#leftarea {
float:left;
width:190px;
}

#mainarea{
float:right;
width:670px;
}

#footer{
clear:both;
padding: 30px 6px 10px 6px;
text-align: center;
}

#navi li {
float:left;
font-size:15px;
text-align:center;
font-weight:bold;
margin-bottom:5px;
position:relative;
  background-color:#fff;
  background: -webkit-gradient(linear, 0% 50%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#eee));
  background: -moz-linear-gradient(0% 0%, #fff, #eee 50%, #fff);
}
#navi li a {
position:relative;
top:5px;
}
#navi li.Nleft {
/*background:transparent url(../img/navi01.gif) no-repeat center bottom;*/
border-left:1px solid #DDD;
border-bottom:1px solid #DDD;
-moz-border-radius-bottomleft:4px;
-webkit-border-radius-bottomleft:4px;
border-bottom-left-radius:4px;
width:111px;
height:33px
}
#navi li.Ncenter {
/*background:transparent url(../img/navi02.gif) no-repeat center bottom;*/
border-left:1px solid #DDD;
border-bottom:1px solid #DDD;
width:110px;
height:33px
}
#navi li.Nright {
/*background:transparent url(../img/navi03.gif) no-repeat center bottom;*/
border-left:1px solid #DDD;
border-bottom:1px solid #DDD;
border-right:1px solid #DDD;
-moz-border-radius-bottomright:4px;
-webkit-border-radius-bottomright:4px;
border-bottom-right-radius:4px;
width:112px;
height:33px
}


/* notices and errors */

#flashMessage, .error, .error_message {
color:#F00;
font-size: 11px;
margin: 4px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 12px;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}


/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}
pre {
padding: 1em;
}


/* leftarea */

.introTitle {
color:#F781BF;
font-size:medium;
font-weight:bold;
margin:10px 0 5px 0;
}
.introBody {
color:#333333;
font-size:90%;
}
.introBody ol {
padding-left:25px;
}
.introBody ol li {
list-style-type:decimal;
}

/* top page */
#topleft {
width:490px;
float:left;
margin-left:20px;
}
#topright {
width:126px;
float:right;
color:#737373;
font-size:80%;
}
#topcenter {
margin-left:20px;
}

.searchBox {
text-align:right;
margin-bottom:10px;
}
.searchBox input,.searchBox img {
vertical-align:middle;
margin-right:3px;
}


#topFeature {
margin-top:20px;
}
#topFeature td.spacer {
width:10px;
}
#topFeature td.box {
width:230px;
vertical-align:top;
}
#topFeature div.categories {
border-top:1px dotted #4D4D4D;
}
#topFeature div.categoryName {
color:#737373;
}
#topFeature div.photo {
width:100px;
height:120px;
border:1px solid #EEE;
text-align:center;
float:left;
margin:10px 0 10px 0;
overflow:hidden;
  -webkit-box-shadow: 2px 2px 6px #AAA;
  -moz-box-shadow: 2px 2px 7px #AAA;
  box-shadow: 2px 2px 7px #AAA;
}
#topFeature div.itemName {
color:#165829;
font-size:110%;
font-weight:bold;
width:100px;
margin:10px 0 0 125px;
}
#topFeature div.itemDesc {
width:100px;
margin:0 0 15px 125px;
}

#topright div.title {
font-size:120%;
margin-top:20px;
}
#topright ul.topics {
font-size:120%;
border-top:1px dashed #ddd;
}
#topright p {
font-size:small;
}

.kanaTable {
margin:10px 0 10px 15px;
border-collapse:collapse;
}
.kanaTable th,
.kanaTable td {
width:60px;
border:1px solid #CCCCCC;
padding:0 2px;
}

.popular {
	width:100%;
	margin-bottom:40px;
}
	.popular td {
		text-align:center;
	}
	.popular span.title {
		display:block;
		font-weight:bold;
	}
	.popular span.desc {
		display:block;
		text-align:left;
		font-size:80%;
	}


/* dertail page */

#detailPage {
margin-left:10px;
}

#detailPage h1,
#detailPage div.itemTitle {
font-size:160%;
border-bottom:1px solid #BBB;
}
#detailPage div.itemCatchcopy {
font-size:90%;
color:#999;
margin-bottom:30px;
}

#detailPage .fonttype {
color:#999;
font-family:"trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
letter-spacing:0em;
font-size:1.3em;
}

#detailPage div.itemDetail {
float:left;
width:450px;
border-right:1px dashed #BBB;
}
#detailPage div.itemDetail div.l {
float:left;
width:220px;
text-align:center;
margin:0 10px 10px 0;
}
#detailPage div.itemDetail div {
margin-right:10px;
}

#detailPage div.itemStatus {
width:200px;
float:right;
}
#detailPage div.itemStatus .title span {
font-size:80%;
}

#detailPage h2.itemDownload,
#detailPage div.itemDownload {
margin-top:30px;
padding-top:10px;
border-top:1px dashed #BBB;
font-size:130%;
}

#detailPage table#itemDownload {
border-collapse:collapse;
margin:10px 0;
}
#detailPage table#itemDownload th {
border:1px solid #DDD;
text-align:center;
padding:2px;
}
#detailPage table#itemDownload td {
border:1px solid #DDD;
padding:3px 5px;
}

/* search page */

.result {
clear:both;
text-align:right;
font-size:small;
padding:15px 0;
}
.result img {
vertical-align:middle;
}
.result b {
border:1px solid #CCC;
background-color:#E5E5E5;
}
.result a.linkA {
font-weight:normal;
text-decoration:none;
border:1px solid #DDD;
}
.result a.linkA:hover {
background-color:#FDD;
border:1px solid #F781BF;
}

#searchMain {
width:510px;
float:left;
margin-left:10px;
}
#searchRight {
width:120px;
float:right;
}

#tagsList {
border-collapse:collapse;
}
#tagsList td.item {
vertical-align:top;
width:170px;
padding-bottom:30px;
}
#tagsList div.photos {
width:170px;
height:168px;
overflow:hidden;
text-align:center;
}
#tagsList div.photos a img {
border:1px solid #EEE;
  -webkit-box-shadow: 2px 2px 6px #AAA;
  -moz-box-shadow: 2px 2px 7px #AAA;
  box-shadow: 2px 2px 7px #AAA;
}
#tagsList div.photos a:hover img {
border:1px solid #F781BF;
}
#tagsList div.itemTitle {
margin:0 5px;
font-size:90%;
}
#tagsList div.itemDescription {
margin:0 5px;
line-height:110%;
font-size:85%;
}

#searchRight div.sideTitle {
color:#999;
font-weight:bold;
}
#searchRight div.sideNotice {
color:#999;
font-size:80%;
margin-bottom:20px;
}
#searchRight ul.cancel {
}


/* cart */

#shopingcart {
margin:0 10px;
}
#OrderList {
width:100%;
border:1px solid #EEE;
}
#OrderList td, #OrderList th {
padding:3px 5px;
}
div.cartback {
margin:10px 0;
float:left;
}
div.cartnext {
margin:10px 0;
float:right;
}
div.cartnext img, div.cartback img {
margin:0 5px 0 0;
}


h3 {
border-bottom:1px dotted #F781BF;
margin-top:10px;
}
.intro h4 {
border-left:3px solid #F781BF;
padding-left:5px;
margin-top:10px;
}

/* mypage */
#mypage {
margin:0 10px;
}

#mypageNavi {
}

#mypageTitle {
color:#F781BF;
font-size:110%;
font-weight:bold;
margin:10px 0;
border-bottom:1px dashed #F781BF;
}

#mypage .lists {
border-collapse:collapse;
}
#mypage .lists th {
border-bottom:1px solid #ddd;
padding:2px 5px 0 5px;
text-align:center;
}
#mypage .lists td {
border-bottom:1px dashed #ddd;
padding:2px 5px 0 5px;
}
.textright {
text-align:right;
}

.boldtitle {
font-weight:bold;
font-size:120%;
color:#737373;
border-bottom:1px dashed #737373;
}

#mypage table#topList {
border-collapse:collapse;
}
#mypage table#topList td.item {
vertical-align:top;
width:120px;
}
#mypage table#topList div.photos {
height:102px;
overflow:hidden;
text-align:center;
}
#mypage table#topList div.photos a img {
border:1px solid #EEE;
}
#mypage table#topList div.photos a:hover img {
border:1px solid #F781BF;
}
#mypage table#topList div.itemTitle {
margin:0 5px;
font-size:90%;
text-align:center;
}

#mypagePointList {
margin:10px 0;
float:left;
width:300px;
}
#mypagePointList td {
padding:0 10px 10px 0;
text-align:right;
font-weight:bold;
font-size:110%;
}

#mypageItemList {
margin:10px 0;
}

div.enterBox {
border:1px solid #EEE;
padding:10px;
width:300px;
}
div.enterBox table.loginbox td {
text-align:right;
}
div.enterBox table.loginbox input.form {
width:150px;
}

div.htPayment {
margin-top:30px;
font-size:140%;
font-weight:bold;
color:#999;
}
ul.paymentMethod {
margin-left:30px;
}
ul.paymentMethod li {
list-style-type: lower-roman;
margin:5px 0;
}


#inquiryForm {
margin-top:30px;
}
#inquiryForm th {
padding-top:3px;
}
#inquiryForm td {
border-bottom:1px dashed #ddd;
padding-bottom:5px;
}

.maxim {
margin:0 10px 20px 10px;
border-top:1px dashed #CCCCCC;
}
.maxim th {
vertical-align:top;
border-bottom:1px dashed #CCCCCC;
padding:3px 0;
}
.maxim td {
vertical-align:top;
border-bottom:1px dashed #CCCCCC;
padding:3px 2px;
}
.pricelist {
margin:0 10px 20px 10px;
border:1px solid #ddd;
border-collapse:collapse;
}
.pricelist td {
padding:2px 5px;
border:1px dashed #CCCCCC;
}


.goodList {
margin-top:40px;
}
.goodList h4 {
width:450px;
border-bottom:1px dotted #F781BF;
margin-bottom:10px;
}

/* admin */
.striped {
background-color:#EEE;
}
.mandmark {
color:red;
}

table.adminTable {
border:1px solid #ddd;
}
table.adminTable th {
background-color:#ddd;
padding:1px 2px;
}
table.adminTable td {
padding:1px 2px;
}

table.itemEdit {
border-collapse:collapse;
margin-bottom:10px;
}
table.itemEdit th {
border:1px solid #ddd;
background-color:#eee;
padding:1px 2px;
}
table.itemEdit td {
border:1px solid #ddd;
padding:1px 2px;
}
table.itemEdit textarea,
table.itemEdit input#ItemCatchcopy,
table.itemEdit input#ItemTitle {
width:400px;
}
table.itemEdit textarea#ItemDescription {
height:150px;
}