@charset "UTF-8";
/*--------------------------------------
    1.Box Layout Module
---------------------------------------*/
.wrapper { overflow: hidden; }

/* layout box */
.column-liquid {
	float: left;
	width: 100%;
}

.asideLeft, .column3-asideRight, .boxAlignLeft, .img-leftfloat { float: left; }

.asideLeft { margin-left: -100%; }

.column3-asideRight {  /* margin setting is based on each page's layout */ }

.column2-asideRight {
	float: right;
	margin-left: -100%;
}

/* sidebar design setting */
.aside-inner { padding: 6px; }
.main-asideLeft-section { margin: 0 0 12px 0; }

.main-asideRight-section.normal {
	border-top-style: solid;
	border-top-width: 2px;
	}
.main-asideRight-sectionTitle {
	line-height: 28px;
	color: #000;
	font-size: 108%;
}

/* contents area design setting */
.contents-section {
	position: relative;
	margin: 0 0 16px 0;
}

.contents-section-inner { padding: 0 12px; }

.box, .box2 {
	margin: 0 0 14px 0;
	background: #f9fcf9;
	border-style: solid;
	border-width: 1px;
}

.box2 { background: none; }

.box-head {
	padding: 0 0 0 12px;
	font-size: 108%;
	line-height: 32px;
}

.box-inner { padding: 11px; }

.box-title {
	margin: 0 0 8px 0;
	font-size: 133%;
}
.box-subTitle {
	margin: 0 0 8px 0;
	font-size: 100%;
}
.box2-innerbox {
	margin: 0 0 1em 0;
	padding: 12px;
	background: #EFF7F9;
}

.box2-innerbox:last-child { margin: 0; }

.box-foot {
	padding: 8px 12px;
	background: #f2f2f2;
	border-top: solid 1px #e8e8e8;
}

/* two pane box*/
.two-pane-box {
	overflow: hidden;
	height: auto;
	border: solid 1px #e8e8e8;
}
.pane {
	margin-bottom: -32767px;
	padding-bottom: 32767px;
}
.pane-left {
	width: 214px;
	background: #f8f8f8;
	border-right: 1px solid #e8e8e8;
	}

.aside-inner .box-foot { background: #FFF; }

.sect-piece { margin: 0 0 4px 0; }

.shoulder {
	position: absolute;
	top: 36px;
	right: 0;
}
.boxlayoutRight {
	margin: 8px 0;
	text-align: right;
	font-size: 11px;
}

.boxlayoutRight a { display: inline-block; }

.sub-section {
	margin: 1.5em 0 0;
	padding: 0 1em;
}

.sub-section-inner { padding: 1em 1em 0 1em; }

.search-sort {
	line-height: 24px;
	padding: 8px 12px;
}

.wrapper-horizontal-Obj { vertical-align: middle; }

.aside-btn {
	display: inline-block;
	line-height: 28px;
	vertical-align: middle;
}
.aside-u_ico-16 {
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
}
/* tabs navigation */
.tabs-nav {
	position: relative;
	height: 3em;
	overflow: visible;
	margin: 0 0 8px 0;
	padding: 0 12px;
	border: solid 1px #d8d8d8;
	background: #EBEBEB;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EBEBEB 88%, #DEDEDE 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(88%, #EBEBEB), color-stop(100%, #DEDEDE)); /* webkit */
}

.tabs-nav .tabs { overflow: visible; }
.tabs-nav .tab.selected { margin: 2px 4px 0 0; }

.tab {
	margin: 2px 4px 0 0;
	padding: 0 1em;
	line-height: 34px;
}
.tab.selected {
	padding: 0 1.5em 2px 1.5em;
	line-height: 32px;
	background: #fff;
	border: solid 1px #b8b8b8;
	border-bottom: none;
}
.tabs-nav.in-modal {
    margin: 16px -24px 16px -24px;
    background: none;
    border-top:none;
    border-bottom: none;
    border-left:none;
    border-right:none;
}

.tabs-nav.in-modal .tabs { margin-left: 24px; }

.tabs-nav.in-modal .tab {
    line-height: 33px;
    background: #fff; /* old browsers */
    background: -moz-linear-gradient(top, #ffffff 50%, #f0f0f0 50%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgb(255, 255, 255)), color-stop(50%, rgb(240,240,240))); /* webkit */
    -webkit-box-shadow: inset 0 1px 1px rgb(255,255,255);
    -moz-box-shadow: inset 0 1px 1px rgb(255,255,255);
    border: solid 1px #b8b8b8;
    border-bottom: none;
}
.tabs-nav.in-modal .tab.selected {
    line-height: 32px;
    background: #17BB51; /* old browsers */
    background: -moz-linear-gradient(top, #17BB51 50%, #26B24D 50%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgb(23, 187, 81)), color-stop(50%, rgb(38,178,77))); /* webkit */
    -webkit-box-shadow: inset 0px 1px 0px rgb(71, 201, 117);
    -moz-box-shadow: inset 0px 1px 0px rgb(71, 201, 117);
    box-shadow: inset 0px 1px 0px rgb(71, 201, 117);
    text-shadow: 0 -1px 0 rgb(114, 184, 129);
}
.tabs-nav hr {
    height: 1px;
    border: none;
    border-top: 2px #26b24d solid;
    visibility: visible;
}


/*サンプル表示エリア系*/
.demo.music {
	width: 262px;
	margin: 0 0 8px 0;
	padding:8px 0;
	background: #45484d; /* old browsers */
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* opera */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.21), inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -1px 0 rgba(0,0,0,1);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.21), inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -1px 0 rgba(0,0,0,1);
	box-shadow: 0 0 8px rgba(0,0,0,0.21), inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -1px 0 rgba(0,0,0,1);
	}
.demo.music .demo-title {
	margin: 0 0 8px 0;
	text-shadow: 0 -1px 0 rgb(0,0,0);
	color:white;
	}

/*modal window*/
.modal-overwrapper,
.affi_modal-overwrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.55);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#8DFFFFFF, endcolorstr=#8DFFFFFF, gradienttype=0);
}

.modal-overwrapper { z-index: 9000;}
.affi_modal-overwrapper { z-index: 5000; }
#modal_browser_affi { display: none; }

.modal-box {
	position: absolute;
	overflow: visible;
	top: 88px;
	width: 588px;
	height: 0;
	margin: 0 0 0 50%;
}
.modal-contents {
	background: #FFF;
	-webkit-box-shadow: 0px 0px 8px rgb(141,141,141);
	-moz-box-shadow: 0px 0px 8px rgb(141,141,141);
	box-shadow: 0px 0px 8px rgb(141,141,141);
}

.modal-box-contents-inner { padding: 12px 24px; }

.modal-contents-header {
	padding: 0 24px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	line-height: 40px;
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	cursor: move;
}

#accordion { display: none;}

.accordion_switch .ico {
	width: 12px;
	height: 10px;
	background-position: -297px -80px;
	vertical-align: middle;
	}
.accordion_switch .ico.opened {
	width: 12px;
	height: 10px;
	background-position: -320px -80px;
	vertical-align: middle;
	}

/*--------------------------------------
  2.Text Layout Module
---------------------------------------*/
.contents-sectionTitle {
	margin: 0 0 8px 0;
	padding: 0 12px;
	background: #F2F2F2; /* old browsers */
	background: -moz-linear-gradient(top, #E8E8E8 12%, #F2F2F2 66%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #e8e8e8), color-stop(66%, #f2f2f2)); /* webkit */
	border: solid 1px #E4E4E4;
	line-height: 2;
	color: #222;
	font-size: 16px;
	font-weight: normal;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
.main-asideLeft-sectionTitle {
	line-height: 1.85;
	padding: 0 8px;
	font-size: 108%;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.21);
}

.main-asideRight-sectionTitle.ranking, .main-asideLeft-sectionSubTitle { padding: 0 8px; }

.main-asideLeft-sectionTitle.only-title {
	position: relative;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	}
.main-asideLeft-sectionTitle.only-title a:link,
.main-asideLeft-sectionTitle.only-title a:visited,
.main-asideLeft-sectionTitle.only-title a:hover {
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
	}
.main-asideLeft-sectionTitle.only-title a:hover {
	text-decoration: none;
}

.u_name { color: #0096DB!important; }

.page-title {
	margin: 0 0 2px 0;
	line-height: 1.35;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	font-size: 150%;
}
.sub-section-title {
	font-size: 116%;
	line-height: 1.71;
	border-bottom: solid 1px #a8a8a8;
}
.maker_title {
    font-size: 100%;
    text-decoration: none;
}

.work_title {
	font-size: 100%;
	text-decoration: none;
}

.work_title:hover { text-decoration: underline; }

.price.shop {
	font-size: 150%;
	line-height: 1.34;
}

.msg { margin: 8px 0; }
.msg { margin-bottom: 8px; }
.now_selected { font-weight: bold; }

.remainCount {
	display: inline-block;
	padding: 0 3px;
	font-size: 16px;
	font-family:Helvetica, Arial, sans-serif;
}

.del { text-decoration: line-through; }

/* each font-size*/
.circle_name, .ranking.work_title, .f-size11 { font-size: 11px; }
.f-size12 { font-size: 12px; }
.f-size14 { font-size: 14px; }

/* each font-color*/
.f-color-red { color: red; }
.color-fn { color: #335599; }
.price, .point, .date { color: #E80000; }
.f-color-gray { color: #888; }

/* each paragraph*/
.base-prgrph { margin: 8px 0 16px 0; }
.l-height20 { line-height: 20px; }
.l-height24 { line-height: 24px; }

/* information 画面*/
.flash.finished {
	position: relative;
	margin: 0 0 8px 0;
	padding: 1em;
	background: #fffff0;
	border-top: solid 1px #FFEEE0;
	border-bottom: solid 1px #FFEEE0;
	color: #333;
	font-size: 14px;
	line-height: 20px;
}
.ico {
	display: inline-block;
	background: url(../images/moc/sprite.png) no-repeat 0 0;
	text-indent: -9999pt;
}
.ico.info-msg,
.ico.ico-help {
	width: 20px;
	height: 20px;
	background-position: -365px -76px;
	vertical-align: middle;
}
.ico.ico-help {
	width: 16px;
	background-position: -438px -100px;
}

.static .contents-section-inner { font-size: 13px; line-height: 20px; }

a.pixiv-id-banner {
	margin: 2px 0 0 5px;
	display: inline-block;
	min-width: 36px;
	height: 15px;
	line-height: 16px;
	padding: 0 2px 0 36px;
	background: #F2F2F2 url(/images/moc/sprite.png) no-repeat -246px -3px;
	border: solid 1px #666;
	color: black;
	font-size: 8px;
	text-align: right;
	text-decoration: none;
	vertical-align: top;
}
/*--------------------------------------
  3.List Layout Module
---------------------------------------*/
.has_bullet {
	position: relative;
	margin: 0 0 8px 0;
	padding-left: 12px;
	line-height: 16px;
}
.has_bullet:before {
	content: "";
	position: absolute;
	display: block;
	left: 3px;
	width: 20px;
	height: 20px;
	background: url(/images/moc/sprite.png) no-repeat -345px -101px;
}

a.has_bullet:hover:before { background-position: -343px -101px;}

/*横並びナビゲーション*/
.menu, .list-horizontal, .progress_step,.rel_links dt, .rel_links dd {
	float:left;
	width: auto;
	list-style-position: outside;
	list-style: none;
}
.rel_links {
	margin: 8px 0 32px 0;
	font-size: 11px;
	}
.rel_links dt {
	margin-right: 6px;
	padding: 0 6px;
	background: #a8a8a8;
	color: #FFF;
	}
	
.rel_links dd { margin-right: 6px; }
.menu-vertical { line-height: 40px; }

.line {
	padding: 0 8px;
	text-decoration: none;
}

a.line:hover { text-decoration: underline; }
.vertical_bar { border-right: solid 1px #a8a8a8; }

.tag {
	display: inline;
	word-break: break-all;
	padding-right: 6px;
}

.centered-menu { text-align: center; }

.centered-menu li {
	display: inline-block;
	vertical-align: middle;
	}

/* breadclumbs*/
.breadcrumbs {
	height: 2em;
	margin: 4px 0 8px 0;
	}
.breadcrumbs li { display: inline-block; }
.bc-top {
	vertical-align: middle;
	font-size: 14px;
	}

/* menu list of topics */
.menu-topic li,
.menu-topic li a { font:bold 12px/2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.menu-topic li { margin-bottom: 13px; }
.menu-topic li li {	margin-bottom: 0; }

.menu-topic li li,
.menu-topic li li a {
	font-size: 11px;
	font-weight: normal;
	line-height:2;
	}
	

.menu-topic li li a.has_bullet:before { top: 0; }

.menu-topic .now_category {
	margin-bottom: -3px;
	padding: 8px 0 12px 0;
	border-bottom: 1px dotted #aaa;
	font-size: 13px;
	}

.menu-topic .now_category h3 { margin: 0 0 8px 0; }

/* menu group */
.menugroup {
	float: left;
	margin-right: 24px;
	}
.menugroup-title {
	color: #8390A7;
	font: bold 14px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.menugroup dd { margin: 8px 0; }
.menugroup dd:before {
	display: inline-block;
	content:"・";
	margin-right: 3px;
}

/* item alignment*/
.item-vertical, .item-horizontal, .item-rank { position: relative; }

.item-horizontal, .item-rank {
	display: inline-block;
	padding: 0 0 4px 0;
	vertical-align: top;
}
.item-vertical {
	padding: 8px 0 8px 8px;
	border-bottom: solid 1px #DAECF1;
}

.item-vertical .thumb_anchor, .item-vertical .main-item_info { float: left; }

.item-vertical .work_title {
	font-size: 108%;
	font-weight: bold;
}
.thumb_anchor {
	display: block;
	margin: 0 5px 2px 0;
	overflow: visible;
}

.item-horizontal .thumb_anchor,
.item-vertical .thumb_anchor { width: 100px; }

.item-vertical .thumb_anchor {
	position: relative;
	margin-right: -100%;
}

.item-vertical .main-item_info { width: 100%; }
.item-vertical .main-item_info-inner { padding-left: 120px }
.item-horizontal .tag, .item-vertical .tag { font-size: 83%; }
.item-horizontal .b-upcoming,
.item-horizontal .btn-cart { margin: 0 0 4px 0; }

/* 左カラムや右カラム内での表示設定*/
.size_s { float: left; }
.items_aside { margin: 0 0 -9px 0; }
.item_aside { margin: 0 0 8px 0; }
.thumb_anchor.size_s img,
.thumbnail-m { display: block; }

/*作品ページ*/
.product-shop-box-wishlist {
	padding: 8px 0 8px 12px;
	background: #f8f8f8;
	border-top: solid 1px rgba(255,255,255,0.34);
	text-align: center;
}

/* progress */
.progress {
	margin: 0 0 16px 0;
	padding: 5px 0 5px 0;
	border-bottom: dotted 1px #a8a8a8;
}
.progress_step {
	height: 28px;
	margin: 0 8px 0 0;
	line-height: 28px;
	font-size: 14px;
	color: #BBAB9B;
}
.progress_step .icon {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin: 0 2px 0 0;
	background: url(../images/moc/sprite-prgr.png) no-repeat 0 0;
	text-indent: -9999pt;
}

.progress_step .icon.step2 { background-position: -48px 0; }
.progress_step .icon.step3 { background-position: -96px 0; }
.progress_step .icon.step4 { background-position: -144px 0; }
.progress_step .icon.step5 { background-position: -192px 0; }
.progress_step .icon.step6 { background-position: -240px 0; }
.progress_step.now_location .icon.step1 { background-position: 0 -48px; }
.progress_step.now_location .icon.step2 { background-position: -48px -48px; }
.progress_step.now_location .icon.step3 { background-position: -96px -48px; }
.progress_step.now_location .icon.step4 { background-position: -144px -48px; }
.progress_step.now_location .icon.step5 { background-position: -192px -48px; }
.progress_step.now_location .icon.step6 { background-position: -240px -48px; }

.progress_step:after {
	display: inline-block;
	width: 24px;
	height: 24px;
	content: "";
	background: url(../images/moc/sprite-prgr.png) no-repeat 0 -100px;
	vertical-align: middle;
}

.progress_step.now_location:after { background-position: 0 -125px; }
.progress_step.last:after { display: none; }

/*static page*/
dt.normal {
	margin: 24px 0 0 0;
	font-weight: bold;
	color: #069;
}
ul.cnt-list li,
ol.cnt-list li { margin: 0 0 0.5em 24px; }
ul.cnt-list li { list-style:disc; }
ol.cnt-list li { list-style:decimal; }

/*--------------------------------------
  4.Hypertext Module
---------------------------------------*/
a:link { color: #004B91/*#126FAD*/; }
a:visited { color: #6686b4; }
.news-obj a:visited,
.news-list a:visited,
.news a:visited,
a.work_title:visited,
a.maker_title:visited,
a.ranking:visited { color: #639; }

a:hover, a.active {
	color: #FF8500;
	text-decoration:underline;
}
a.cancel {
	margin: 0 0 0 6px;
	line-height: 26px;
	vertical-align: middle;
}
a.fn {
	color: #444458;
	text-decoration: underline;
}

a.fn:hover { text-decoration: none; }
.circle_name:link, .circle_name:visited { color: #222; }

/* zipangu tag */
.genre { font-size: 92%; }
.genre:link,
.genre:visited { color: #444; }
.genre:hover { color: #222; }

.page_anchor {
	float: right;
	display: block;
	margin-right: 1em;
}
.title-inner {
	display: inline-block;
	margin: 0 0 0 8px;
	font-size: 72%;
	font-weight: normal;
	vertical-align: middle;
}

.to-inline { display: inline; }

.tab a {
	color: #383838;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0);
	text-decoration: none;
}
.tab.selected a {
	font-weight: bold;
	color: #fff; 
	text-decoration: none;
}
.achr-icon {
	display: inline-block;
	margin: 0 3px 0 0;
	vertical-align: middle;
}
.menu-vertical a {
	display: inline-block;
	vertical-align: middle;
	line-height: 16px;
}

.menu-vertical a:link, .menu-vertical a:visited { text-decoration: none; }
.menu-vertical a:hover, .menu-vertical a:active { text-decoration: underline; }
/* button */
.button {
	position: relative;
	display: inline-block;
	min-width: 72px;
	height: 26px;
	line-height: 26px;
	margin-right: 4px;
	padding: 0 6px;
	background: #E1DFDF; /* old browsers */
	background: -moz-linear-gradient(top, #FEFEFE 0%, #E1DFDF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FEFEFE), color-stop(100%, #E1DFDF)); /* webkit */
	border: solid 1px #a8a8a8;
	border-top-color: #888;
	border-left-color: #888;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.34);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.34);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.34);
}

button.button, x:-moz-any-link, x:default { padding: 0 6px 3px 6px; } /*firefox*/

.button.opened {
	background: #888;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.34);
}
.btn-mini {
	height: 20px;
	line-height: 20px;
	padding: 0;
	font-size: 11px;
}
.button.btn-fn, .button.btn-cart, .btn-cart-l, .btn-cart-s, .button.btn-site, .button.btn-w_list:hover {
	color: #FFF!important;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.21);
}
.button.btn-w_list {
	color: #132800!important;
	text-shadow: 0 1px 0 rgba(255,255,255,0.34);
}
.btn-fn {
	-moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 2px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(0,0,0,0.5);
	background: #53a25c; /* old browsers */
	background: -moz-linear-gradient(top, #53a25c 0%, #2c8737 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #53a25c), color-stop(100%, #2c8737)); /* webkit */
	border-width: 0;
}

.btn-site { margin: 0 6px 0 0; }
.btn-cart, .btn-cart-l, .btn-cart-s { cursor: pointer; }

.btn-cart, .btn-cart-l, btn-cart-s, .add-w_list {
	text-indent: -9999pt;
	padding: 0;
}

.btn-cart { width: 100px; }

.button.btn-cart-s {
	height: 20px;
	line-height: 20px;
	font-size: 10px;
}
.button.btn-cart:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 26px;
	padding: 0;
	background: url(../images/moc/sprite.png) no-repeat -214px -480px;
}

.button.btn-cart.disabled:after { background: url(../images/moc/sprite.png) no-repeat -404px -482px; }

.button.btn-cart.disabled.full:after { background: url(../images/moc/sprite.png) no-repeat 6px -23px; }

.button.btn-cart-l:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 32px;
	background: url(../images/moc/sprite.png) no-repeat -210px -382px;
	text-indent: 0;
}

.button.btn-cart-l.disabled:after { background: url(../images/moc/sprite.png) no-repeat -400px -382px; }

.button.btn-cart-l.full:after { background: url(../images/moc/sprite.png) no-repeat 11px 10px; }

.btn-w_list {
	position: relative;
	padding: 0 12px;
	background: #86BD44; /* old browsers */
	background: -moz-linear-gradient(top, #86BD44 50%, #80B818 50%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #86BD44), color-stop(50%, #80B818)); /* webkit */
	border: solid 1px #66b339;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.34);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.34);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.34);
	font-size: 11px;
}

.btn-w_list.add-w_list { float:left; width: 127px; padding: 0; }

.btn-w_list.add-w_list:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 149px;
	height: 10px;
	background: url(/images/moc/sprite.png) no-repeat -213px -441px;
	text-indent: 0;
}
.add-w_list.disabled:after {
	left: 12px;
	width: 128px;
	background: url(../images/moc/sprite.png) no-repeat -411px -441px;
}

.w_list-user { float: right; }

.w_list-user .count {
	display: block;
	width: 3em;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	text-indent: 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.btn-yellow {
	height: 40px;
	line-height: 40px;
	padding: 0;
	background: #FFF500; /* old browsers */
	background: -moz-linear-gradient(top, #FFF500 0%, #FCD004 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF500), color-stop(100%, #FCD004)); /* webkit */
	color: #3B311F!important;
	border: solid 1px #c8c8c8;
	font-size: 16px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.55);
}
.btn-demo {
	width: auto;
	height: 40px;
	line-height: 40px;
	padding: 0 24px 0 60px;
	font-size: 14px;
	border: solid 3px #FC0;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.55);
	box-shadow: 0 0 5px rgba(0,0,0,0.55);
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
}
.btn-demo:after {
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	left: 2px;
	width: 50px;
	height: 40px;
	background:url(../images/moc/sprite.png) no-repeat -238px -193px;
}
.btn-header-cart {
	height: 24px;
	line-height: 24px;
	border: none;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top: solid 1px #c8c8c8;
	text-shadow: 0 1px 0 rgba(255,255,255,0.55);
	overflow: visible;
}
.btn-freeDL {
	width: 240px;
	height: 40px;
	line-height:40px;
	background: #0766f4; /* old browsers */
	background: -moz-linear-gradient(top, #51b2ff 0%, #0766f4 50%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51b2ff), color-stop(50%, #0766f4)); /* webkit */
	color: #FFF!important;
	font-size: 16px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.34);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.btn-stacc {
	width: 54px;
	height: 22px;
	background: url(../images/moc/sprite.png) no-repeat -317px -146px;
	border: none;
	text-indent: -9999pt;
}

.btn-stacc:hover { background: url(../images/moc/sprite.png) no-repeat -384px -146px; }

.btn-pixiv-s {
	display: inline-block;
	width: 126px;
	height: 24px;
	background: url(../images/moc/sprite-btn.png) no-repeat 0 0;
	border: none;
	text-indent: -9999pt;
}

.btn-pixiv-s:hover { background-position: 0 -25px; }
.button:hover { text-decoration: none; }
.account .btn-pixiv-s {	background-position: 0 -50px; }
.account .btn-pixiv-s:hover { background-position: 0 -75px; }

.button.rss-newitem,
.button.rss-newitem:hover {
	width: 50px;
	height: 16px;
	background: none;
	border: none;
	padding:0;
	vertical-align: -3px;
	}
	
.button.rss-newitem img { vertical-align: top; }

.btn-close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 9999;
  width: 23px;
  height: 23px;
  padding: 0;
  background: #209a42 url(../images/moc/sprite.png) no-repeat -484px -75px;
  border: none;
  text-indent: -9999pt;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
 
  .btn-close:hover { background-color: #106a32; }
  
.slide-switch-prev .button,
.slide-switch-next .button {
	min-width: 18px;
	width: 12px;
	height: 64px;
	padding: 0 3px;
  }
  
.btn-shoulder {
	height: 16px;
	line-height: 16px;
	margin-right: 12px;
	font-size: 10px;
}
  
/*--------------------------------------
  5.Table Module
---------------------------------------*/
.rgst-input_table { width: 840px; }
.corfirm-table { width: 100%; }
.c-content-center { text-align: center; }

.t_basic thead th {
	line-height: 32px;
	background: #E8F0F8;
	border-right: #C8C8E0 solid 1px;
	text-align: center;
}
.t_basic thead th,
.t_basic thead td { border-bottom: #d1e1f1 solid 1px; }

.t_basic tbody th {
	padding: 8px 12px;
	border-bottom: #ddd solid 1px;
	border-right: #C8C8E0 solid 1px;
	text-align: left;
	}
.t_basic tbody td {
	padding: 8px 12px;
	border-right: #d1e1f1 solid 1px;
	border-bottom: solid 1px #ddd;
	vertical-align: middle;
}

.t_basic tbody tr:nth-child(odd) { background-color: #f8f8fc; }
.t_basic tr th:last-child,
.t_basic tr td:last-child { border-right: none; }
.t_basic .status { text-align: center; }

/*link gropup in menu table*/
.menu-table { margin: 8px 0; }
.menu-table td { padding: 8px 0; }

.rgst-input {
	padding: 0 0 24px 0;
	vertical-align: top;
}
.corfirm-table th, th.rgst-input { width: 18em; }
.corfirm-table tr { border-bottom: 1px solid #e8e8e8; }
.corfirm-table tr:nth-child(odd) { background: #f8f8fE; }
.corfirm-table th, .corfirm-table td { padding: 8px 12px; }
.corfirm-table th { border-right: 1px solid #e8e8e8; }
td.count { text-align: right; }
.width8em { width: 8em; }
.width11em { width: 11em; }
.width13em { width: 13em; }
.width13em { width: 16em; }
.tbl-center { text-align: center; }

/*--------------------------------------
  6.Form Module
---------------------------------------*/
input[type="text"]:focus, input[type="text"].focused, input[type="password"]:focus, input[type="password"].focused, textarea:focus {
	background-color: #FFFFF3;
	outline: 0 none;
}
input[type="hidden"] {
	width: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
input[type="text"].p-connect, input[type="password"].p-connect {
	height:32px;
	line-height:32px;
}

.rgst input[type="text"],
.rgst-input_table input[type="text"],
.login input[type="text"],
input[type="password"],
#modal_wishlist input[type="text"] { height: 24px; }

.flash_msg {
	position: relative;
	width: 420px;
	padding: 8px;
	background: #F00;
	color: #FFF;
}
.err-baloon {
	position: relative;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin: 0 0 0 6px;
	padding: 2px 6px;
	background: #ff3c32;	
	color: #FFF;
}
.err-baloon:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 6px;
	left: -8px;
	width: 0;
	height: 0;
	border: solid 4px #FFF;
	border-right-color: #ff3c32;
}

.filter-legend { font-weight: bold; }

.legend {
	padding: 7px 0 8px 0;
	border-top: solid 1px #69C;
	font-size: 133%;
}

.disabled { color: #a8a8a8; }

input[type="text"]:disabled,
textarea:disabled { background: #c8c8d8; }

.login input[type="text"],
.login input[type="password"] { width: 168px; }
.input_field-m { width: 176px; }
.input_field-l { width: 420px; }
textarea.input_field-l { height: 12em; }

.edit-review {
	width: 88%;
	height: 136px;
}

.input-date { display: inline-block; }

.field-desc {
	color: #888;
	font-size: 91%;
	font-weight: normal;
}

.align-vertical { display: block; }

.reset {
	margin: 0;
	background:none;
	border: none;
	text-decoration: underline;
}

.sbmt-area { margin: 16px 0 0; }
.sbmt-area2 { margin: 8px 0 0; }

/* css3 settings */
input[type="text"]:focus, input[type="text"].focused, input[type="password"]:focus, input[type="password"].focused, textarea:focus,
.err-baloon {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.main-asideLeft-section.has-ctgr-color,
.modal-contents,
.flash_msg {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.contents-section.normal, .main-asideLeft-section.normal,
.box, .box2,
.search-sort,
.main-asideRight-section.has-ctgr-color,
.button,
.rel_links dt  {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.box-head, .tabs-nav, .tab,
.contents-sectionTitle, .normal .main-asideLeft-sectionTitle, .has-ctgr-color .main-asideLeft-sectionTitle,
.main-asideRight-sectionTitle.ranking, .main-asideLeft-sectionSubTitle {
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}
.box-foot{
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

/*--------------------------------------
  6.Image Module
---------------------------------------*/
.img-leftfloat { margin: 4px 24px 24px 0; }

.img-rightfloat {
	float: right;
	margin: 4px 0 24px 48px;
	}