@charset "UTF-8";
/* ------- libraly CSS ------------- */
/*lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #FFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border: solid 1px #c8c8c8;
	border-bottom: none;
	-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;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	border: solid 1px #c8c8c8;
	border-top: none;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* date picker */
div#dp-popup table.jCalendar {
	background: transparent;
    border-collapse: separate;
    border-spacing: 2px;
}
div#dp-popup table.jCalendar th {
	color: #e8e8e8;
	font-weight: bold;
	padding: 3px 5px;
}
div#dp-popup table.jCalendar td {
	background: transparent;
	color: #FFF;
	padding: 3px 5px;
	text-align: center;
}
div#dp-popup table.jCalendar td.other-month { color: #a8a8a8; }
div.dp-popup table.jCalendar td.today {
	color: #F00;
	font-weight: bold;
}
div#dp-popup table.jCalendar td.today:hover { color: #4CBE62; }
div#dp-popup table.jCalendar td.selected {
	background: #D8001A;
	/*background: #4CBE62;*/
	color: #fff;
	font-weight: bold;
}
div#dp-popup table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
div#dp-popup table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
div#dp-popup table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: none;
	color: #585858;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
.dp-popup-inline { position: relative; }
div#dp-popup:after {
	display: block;
	position: absolute;
	top: -8px;
	left: 7px;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border: solid 8px rgba(0,0,0,0.9);
	border-top: none;
	border-left-color: transparent;
	border-right-color:transparent;
	content:"";
}

div#dp-popup {
	position: absolute;
	font-size: 12px;
	font-family: arial, sans-serif;
	background: rgba(0,0,0,0.9);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ef000000, endcolorstr=#ef000000, gradienttype=0);/*IE*/
	padding: 0;
	min-height: 172px;
	min-width: 171px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8);
	z-index:1000;
	behavior: url(/css/PIE.htc);
}
div#dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0 0;
	padding: 4px 0;
	color: #FFF;
	border-bottom: solid 1px #000;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div#dp-popup a {
	color: #FFF;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
	color: #FFF;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div#dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div#dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
	color: #FFF;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #787878!important;
}
div#dp-popup td { cursor: pointer; }
div#dp-popup td.disabled { cursor: default; }
#dp-calendar { border-top: solid 1px rgba(255,255,255,0.08); }

/*--------------------------------------
  00. css3 settings
---------------------------------------*/
.header-u-ico-16,
.toolbar.column3-asideRight,
.login-title,
.navbar-genre .genre-list,
.main-asideLeft-sectionTitle.ranking, .contents-section.billboard, .banner-cloud,
.g-banner,.g-banner270,.special-melon {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.filter, .new-day-recommend, .wishlist-header, .download-rcmnd {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*--------------------------------------
  0. icon-setting
---------------------------------------*/
.ico.goto-r18, .ico.goto-normal {
	width: 37px;
	height: 26px;
	margin: 0 3px 0 8px;
	vertical-align: middle;
}

.men-normal .ico.goto-r18 { background-position: -310px -20px; }
.women-normal .ico.goto-r18 { background-position: -384px -20px; }
.men-r18 .ico.goto-normal { background-position: -454px -20px; }
.women-r18 .ico.goto-normal { background-position: -528px -20px; }

.ico.nextday {
	width: 12px;
	height: 16px;
	background-position: -247px -101px;
}
.ico.prevday {
	width: 12px;
	height: 16px;
	background-position: -271px -101px;
}

/* 表示切替ボタン */
.view-list, .view-grid {
	width: 16px;
	height: 24px;
	padding: 0;
	margin: 0 5px;
}
.view-list { background-position: -269px -169px; }
.view-list:hover, .view-list.selected { background-position: -269px -145px; }

.view-grid { background-position: -293px -169px; }
.view-grid:hover, .view-grid.selected { background-position: -293px -145px; }

/*--------------------------------------
  1. category-setting
---------------------------------------*/
/* category */
.category.now_location:link, .category.now_location:visited, .category.now_location:hover {
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.21), inset 0 1px 0 rgba(255,255,255,0.55);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.21), inset 0 1px 0 rgba(255,255,255,0.55);
	box-shadow: 0 0 2px rgba(0,0,0,0.21), inset 0 1px 0 rgba(255,255,255,0.55);
	}

.men-normal .category:link, .men-normal .category:visited { color: #ecfff4; }
.men-normal .melon_mo .category {
    background: url(../images/moc/icon_window.png) no-repeat 132px 2px;
    padding-right: 24px;
    color: #fbfd8e;
}
.men-r18 .category:link, .men-r18 .category:visited { color: #ff3364; }
.men-r18 .melon_mo .category {
    background: url(../images/moc/icon_window_r18.png) no-repeat 132px 2px;
    padding-right: 24px;
    color: #8e33ff;
}

.navbar-category .category:hover {
	color: #FFF;
	text-decoration: none;
	}
.men-normal .melon_mo .category:hover {
    background: #387235 url(../images/moc/icon_window.png) no-repeat 132px 2px;
    padding-right: 24px;
    color: #fbfd8e;
}
.men-r18 .melon_mo .category:hover {
    background: #FF7F7E url(../images/moc/icon_window_r18.png) no-repeat 132px 2px;
    padding-right: 24px;
    color: #8e33ff;
}

.category.now_location, .category.now_location:hover {
	background: #FF0 !important;
	color: #483823!important;
	border: solid 1px #a8a8a8\9;
	}
.category.age {
	width:auto;
	margin-right: 12px;
	padding: 0 8px;
	color: #FFF!important;
	text-shadow: 0 -1px 0 #990000;
	-webkit-box-shadow: inset 0 1px 0 #fe7e82, 0 1px 2px rgba(0,0,0,0.5);
	}
.men-normal .category.age,
.men-normal .category.age:hover {
	background-color: #E30000;
}
.men-normal .category.age:hover {
	position: relative;
	top: -1px;
	}
.men-r18 .category.age,
.men-r18 .category.age:hover {
	background-color: #3480AF;
	text-shadow: 0 -1px 0 #0a4568;
	-webkit-box-shadow: inset 0 1px 0 #97c1da, 0 1px 2px rgba(0,0,0,0.5);
}
.men-r18 .category.age:hover {
	position: relative;
	top: -1px;
	}
.men-normal .category:hover,
.men-normal .has-ctgr-color .main-asideLeft-sectionTitle /* asideLeft header*/,
.men-normal .main-asideLeft-sectionTitle.ranking /* asideRight ranking header*/ { background: #387235; }
.men-normal .main-asideLeft-sectionSubTitle { background: #e5f3ab; color: #3b7c14; font-size: 108%; line-height: 28px; }
.men-normal .main-asideRight-sectionTitle.ranking { background: #53b04d; color: #ecfff4; }

.men-r18 .category:hover,
.men-r18 .has-ctgr-color .main-asideLeft-sectionTitle /* asideLeft header*/,
.men-r18 .main-asideRight-sectionTitle.ranking, .men-r18 .main-asideLeft-sectionTitle.ranking/* asideRight ranking header*/  { background: #FF7F7E; }
.men-r18 .main-asideLeft-sectionSubTitle { background: #FF7F7E; color: #FFF; font-size: 108%; line-height: 28px; }

/* page title */
.men-r18 .page-title { border-bottom-color: #FF7F7E; }
.men-r18 .contents-sectionTitle { border-bottom-color: #FF7F7E; }


/* thumnbnail:hover border*/
.men-normal .thumbnail-m:hover { border-color: #53b04d; }
.men-r18 .thumbnail-m:hover { border-color: #FF7F7E; }

.thumbnail-violence-m:hover { border-color: #666666; }

/* asideRight header*/
.men-normal .main-asideRight-section.has-ctgr-color,
.men-r18 .main-asideRight-section.has-ctgr-color { border: solid 1px #d8d8d8; padding: 0; }

/* asideRight ranking header*/
.main-asideLeft-sectionTitle.ranking { color: #FFF; }
.main-asideRight-sectionTitle.ranking { color: #FFF; }

/* asideRight rankiong tab*/
.men-normal .ranking-tab div{
	background: #fff9fb; /* Old browsers */
	background: -moz-linear-gradient(top, #f9ffe1 0%, #e0f09b 55%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f09b), color-stop(55%,#f9ffe1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9ffe1 0%,#e0f09b 55%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9ffe1 0%,#e0f09b 55%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9ffe1 0%,#e0f09b 55%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ffe1', endColorstr='#e0f09b',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #e0f09b 0%,#fce5ec 55%); /* W3C */
	-webkit-box-shadow:0 1px 0 #c8c8c8, inset -1px -1px 0 #FFF;
	border: solid 1px #cee766;
}
.men-r18 .ranking-tab div{
	background: #fff9fb; /* Old browsers */
	background: -moz-linear-gradient(top, #fff9fb 0%, #fce5ec 55%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff9fb), color-stop(55%,#fce5ec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff9fb 0%,#fce5ec 55%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff9fb 0%,#fce5ec 55%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fff9fb 0%,#fce5ec 55%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9fb', endColorstr='#fce5ec',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fff9fb 0%,#fce5ec 55%); /* W3C */
	-webkit-box-shadow:0 1px 0 #c8c8c8, inset -1px -1px 0 #feeaed;
	border: solid 1px #f39cb4;
}
.men-normal .ranking-tab a {
	color: #3b7c14;
	-webkit-box-shadow: inset -1px 0 0 #cee766, inset 1px 1px 0 #c9d692;
}
.men-r18 .ranking-tab a {
	color: #FF3364;
	-webkit-box-shadow: inset -1px 0 0 #f39cb4, inset 1px 1px 0 #fff3f7;
}
.men-normal .ranking-tab a:hover {
	background: #fff8ec; /* Old browsers */
	background: -moz-linear-gradient(top, #effeb4 0%, #d4ec6d 55%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4ec6d), color-stop(55%,#effeb4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #effeb4 0%,#d4ec6d 55%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #effeb4 0%,#d4ec6d 55%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #effeb4 0%,#d4ec6d 55%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#effeb4', endColorstr='#d4ec6d',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #d4ec6d 0%,#effeb4 55%); /* W3C */
}
.men-r18 .ranking-tab a:hover {
	background: #ffeef2; /* Old browsers */
	background: -moz-linear-gradient(top, #ffeef2 0%, #fdd2df 55%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeef2), color-stop(55%,#fdd2df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffeef2 0%,#fdd2df 55%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffeef2 0%,#fdd2df 55%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffeef2 0%,#fdd2df 55%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeef2', endColorstr='#fdd2df',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffeef2 0%,#fdd2df 55%); /* W3C */
}

.men-normal .ranking-tab a.selected { background: #3b8628; }
.men-r18 .ranking-tab a.selected { background: #F76A7D; }

/*--------------------------------------
  2.main frame
---------------------------------------*/
html, body {
    min-width: 1280px;
    height: 100%;
}
.pageBody { padding-top: 16px; }

.container {
	min-width: 1020px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -28px; /* the bottom margin is the negative value of the footer's height */
	padding: 0;
}

.push {　height: 28px; /* .push must be the same height as .footer */ }
.aside-section-inner { padding: 6px; }
.main.asideLeft { width: 180px; }
.main.column3-asideRight { width: 270px; }
.main-asideLeft-section.has-ctgr-color { background: #f4f4f4; }
.main.asideLeft { padding: 0 12px 0 24px; }
.main-asideRight-section { margin-bottom: 16px; }
.main-asideRight-section.normal { border-top-color: #299641; }

.main.column3-asideRight {
	margin-left: -306px;
	padding: 0 24px 0 12px;
}
.main.column2-asideRight {
	width: 180px;
	margin-left: -228px;
	padding-right: 24px;
}

.column3-contents { margin: 0 306px 0 216px; }
.column2-contents { margin: 0 24px 0 216px; }
.column1-contents { margin: 0 24px; }

.contents-section.normal, .main-asideLeft-section.normal {
	background: #FFF;
	border: solid 1px #e3e3e3;
}

/*ページ別設定*/
.cart.column2-contents { margin: 0 240px 0 24px; }
.news.column2-contents { margin: 0 300px 0 24px; }
.static.column2-contents { margin: 0 24px 0 228px; }
.download.column2-contents { margin: 0 24px; }
.column-liquid-inner.like-users { margin: 0 0 0 12em; }

/* class modules*/
.box, .box2 { border-color: #e1efd9; }

.box-head {
	background: #dfebce;
	-webkit-box-shadow: inset 0 1px 0 rgb(238, 244, 230);
	-moz-box-shadow: inset 0 1px 0 rgb(238, 244, 230);
	box-shadow: inset 0 1px 0 rgb(238, 244, 230);
	color: #299441;
	text-shadow: 0 1px 0 rgb(249, 251, 245);
}

.modal-contents-header {
	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);
	margin-top: -2px;
}

/*アフィリエイト */
#modal_browser_affi .box-inner { padding: 5px; }

#modal_browser_affi .section-title {
    background: #e8fff0;
    line-height: 1.3;
    font-weight: bold;
    color: #000;
    border: none;
    border-top: solid 2px #0c4;
    border-bottom: solid 1px #0c4;
    display: block;
    padding: 5px;
    margin-bottom: 10px;
}

#modal_browser_affi .sub-section-title {
    line-height: 1.25;
    color: #000;
    border: none;
}

a.aff-banner-preview { word-wrap: normal; }

#customizetable_served {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
}
.affi_custom {
    width: 336px;
}
.msie8 #customizetable_served {
	overflow: hidden;
	zoom:1;
	}
.msie8 .affi_custom.box2,
.msie8 .affi_preview.box2,
.msie7 .affi_custom.box2,
.msie7 .affi_preview.box2 {
	float:left;
	width: 336px;
	}


.contents-sectionTitle { border-bottom: solid 2px #2c5e20; }

.normal .main-asideLeft-sectionTitle {
	background: #53b04d;
	color: #ecfff4;
	border-bottom: solid 1px #c0d8b8;
}
.normal .contents-sectionTitle {
	background: #d2f28d;
	margin: 0;
	border-bottom: none;
}

.main-asideLeft-sectionTitle { background: #E9EDF0; }

.has-ctgr-color .main-asideLeft-sectionTitle {
	color: #FFF;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.08);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.08);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.08);
}

.page-title { border-bottom-color: #2c5e20; }
.sub-section-title { color: #299641; }
.f-color-green { color: green; } /*todo:これは所謂サイトカラーなのでそういう意味のclass名に変更*/

.item-horizontal, .item-rank {
	width: 145px;
	margin: 0 12px 8px 0;
	}
.limited .item-horizontal {
	margin: 0 0 8px 0;
	}
.thumbnail-m:hover {
	border-width: 2px;
	border-style: solid;
	margin: -2px;
	}
.thumbnail-violence-m:hover {
	border-width: 2px;
	border-style: solid;
	margin: -2px;
	}
.progress_step.now_location { color: #18AE0C; }

.btn-site {
	background: #00BA4D; /* old browsers */
	background: -moz-linear-gradient(top, #04C452 0%, #00BA4D 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04C452), color-stop(100%, #00BA4D)); /* webkit */
	border: solid 1px #00a12e;
}
.btn-cart, .btn-cart-l, .btn-cart-s {
	background: #FF843D; /* old browsers */
	background: -moz-linear-gradient(top, rgba(255,132,61,1) 50%, #FF6D00 50%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #FF843D), color-stop(50%, #FF6D00)); /* webkit */
	border: solid 1px #fc4d10;
}
.btn-header-cart {
	width: 120px;
	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;
	text-indent: -9999pt;
}
.btn-header-cart:after {
	position: absolute;
	top: 0;
	left: 28px;
	display: inline-block;
	content: "";
	width: 90px;
	height: 24px;
	background: url(../images/moc/sprite.png) no-repeat -218px -335px;
}
.button:hover {
	-webkit-box-shadow: 0 0 5px rgba(76,190,98,0.55), 0 0 3px rgba(76,190,98,1), inset 0 1px 0 rgba(255,255,255,0.34);
	-moz-box-shadow: 0 0 5px rgba(76,190,98,0.55), 0 0 3px rgba(76,190,98,1), inset 0 1px 0 rgba(255,255,255,0.34);
	box-shadow: 0 0 5px rgba(76,190,98,0.55), 0 0 3px rgba(76,190,98,1), inset 0 1px 0 rgba(255,255,255,0.34);
}

.w_list-user .count { color:#4cbc62; }

.btn-fav_circle {
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	margin-left: 12px;
	overflow: hidden;
}
.btn-faved {
	color: #888!important;
	}
.btn-fav_circle .ico.addMark_green,
.btn-fav_circle .ico.added {
	position: relative;
	width: 16px;
	height: 16px;
	margin: -4px 4px 0 -8px;
	background-position: -465px -102px;
	vertical-align: middle;
	}
.firefox .btn-fav_circle .ico.addMark_green,
.firefox .btn-fav_circle .ico.added {
	left: -1px;
	background-position: -466px -101px;
}
.opera .btn-fav_circle .ico.addMark_green,
.opera .btn-fav_circle .ico.added {
	left: 1px;
	margin-top: -2px;
	background-position: -466px -101px;
}
.msie8 .btn-fav_circle .ico.addMark_green,
.msie8 .btn-fav_circle .ico.added { background-position: -465px -101px; }
.msie7 .btn-fav_circle .ico.addMark_green,
.msie7 .btn-fav_circle .ico.added {
	left: -7px;
	height: 15px;
	margin-top: -1px;
}
.btn-fav_circle .ico.added,
.opera .btn-fav_circle .ico.added { background-position: -492px -102px; }
.firefox .btn-fav_circle .ico.added { background-position: -493px -101px; }
.msie8 .btn-fav_circle .ico.added { background-position: -492px -101px; }

input[type="text"]:focus, input[type="text"].focused, input[type="password"]:focus, input[type="password"].focused, textarea:focus {
	border: solid 1px #4CBE62;
	-webkit-box-shadow: 0 0 8px rgba(76,190,98,0.55), 0 0 3px rgba(76,190,98,0.8), inset 0 0 2px rgba(0,0,0,0.21);
	-moz-box-shadow: 0 0 8px rgba(76,190,98,0.55), 0 0 3px rgba(76,190,98,0.8), inset 0 0 2px rgba(0,0,0,0.21);
	box-shadow: 0 0 8px rgba(76,190,98,0.55), 0 0 3px rgba(76,190,98,0.8), inset 0 0 2px rgba(0,0,0,0.21);
}

#affi-menu {
    display: none;
}

.affi-product-image-main,
.affi-product-image-main img {
    width: 320px;
}
.affi-product-image-main {
    margin: 10px auto;
}
.affi-product-image-main .label {
    width: 120px;
}

.affi-product-image,
.affi-product-image img {
    width: 150px;
}
.affi-product-image {
    float: left;
    margin: 10px auto;
}
.affi-product-image-main .label,
.affi-product-image .label {
    display: block;
    margin: 5px auto 0px;
}

.affi-page-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8em;
    border-bottom: 5px solid #53b04d;
    margin: 30px 0px 20px;
}

.affi-box-head,
.affiliate-area .box-head {
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    text-shadow: none;
    background: #53b04d;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0px;
}
.affi-box-head {
    text-align: center;
}

.affi-box {
    background: #f4faf4;
    padding: 10px;
    position: relative;
}
.affi-box .strong-text {
    font-weight: bold;
    margin-bottom: 10px;
}
.affi-box canvas {
    display: block;
    margin: 0px auto;
}
.right-link {
    text-align: right;
    margin: 10px 0px 10px;
}
.link-position {
    font-weight: bold;
    color: #faa;
}
.affi-box table tbody tr {
    background: #fff;
}
.affi-box .t_basic tbody tr:nth-child(odd) {
background-color: #fff;
}
.affi-box .posting-ok {
    color: #4c4;
}
.affi-box .monthly-reward-area {
    position: absolute;
    bottom: 65px;
    font-size: 14px;
    font-weight: bold;
}
.affi-box .box-inner {
    background: #fff;
}
.affi-box .box-inner .affi-user-abstract {
    border: solid 2px #53b04d;
    width: 280px;
}
.affi-box .box-inner .affi-user-abstract th,
.affi-box .box-inner .affi-user-abstract td {
    border: solid 1px #53b04d;
    padding: 5px 8px;
}
.affi-box .box-inner .affi-user-abstract th {
    width: 140px;
    background: #efe;
}
.affi-box table tr .crown {
    width: 30px;
}

.affiliate-area a {
    text-decoration: none;
}
.affiliate-area .customize_inner {
    float: left;
    width: 336px;
}
.affiliate-area .affi_preview {
    width: 380px;
    margin-left: 10px;
    padding: 5px 10px 10px;
    float: left;
}
.affiliate-area .row {
    padding: 5px;
}
.affiliate-area .row .row-title {
    border-left: solid 5px #53b04d;
    padding: 0px 20px 0px 10px;
    font-weight: bold;
}
.affiliate-area .row .row-title2 {
    background: #efffd0;
    border-top: solid 1px #53b04d;
    border-bottom: solid 1px #53b04d;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 15px;
    margin-bottom: 15px;
    box-shadow: 1px 3px 3px#ccc;
    -moz-box-shadow: 1px 3px 3px #ccc;　/* Firefox用 */  
    -webkit-box-shadow: 1px 3px 3px #ccc;　/* Safari,Google Chrome用 */
}
.affiliate-area .row .row-inner {
    margin: 10px 0px 5px;
}
.affiliate-area .selected-products-title {
    background: #fff; /* old browsers */
    background: -moz-linear-gradient(top, #f0fff0 50%, #d7f0d7 50%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgb(240, 255, 240)), color-stop(50%, rgb(215,240,215))); /* webkit */
    border-top: solid 2px #53b04d;
    border-left: solid 2px #53b04d;
    border-right: solid 2px #53b04d;
    border-bottom: solid 1px #53b04d;
    padding: 8px 10px;
    font-weight: bold;
    font-size: 14px;
}
.affiliate-area .selected-products-area {
    border-top: solid 1px #53b04d;
    border-left: solid 2px #53b04d;
    border-right: solid 2px #53b04d;
    padding-bottom: 10px;
}
.affiliate-area .selected-products-area .product {
    border-bottom: solid 1px #53b04d;
    padding: 10px;
}
.affiliate-area .selected-products-area .product img,
.affiliate-area .search-keyword-area .product img {
    width: 60px;
    display: block;
    float: left;
    padding-right: 5px;
}
.affiliate-area .selected-products-area .product .product-info {
    width: 230px;
    float: left;
}
.affiliate-area .search-keyword-area {
    width: 250px;
    float: left;
    margin: 10px 0px 30px;
}
.affiliate-area .search-keyword-area input[type="text"] {
    width: 230px;
    margin: 0px;
}
.affiliate-area .search-keyword-area .product {
    width: 230px;
    border-left: solid 1px #53b04d;
    border-right: solid 1px #53b04d;
    border-bottom: solid 1px #53b04d;
    padding: 5px;
}
.affiliate-area .search-keyword-area .product .product-info {
    width: 165px;
    float: left;
}
.affiliate-area .search-keyword-area .product .product-info .row {
    padding: 2px;
}
.affiliate-area #affi-search-products-pager {
    display: none;
    border-left: solid 1px #53b04d;
    border-right: solid 1px #53b04d;
    border-bottom: solid 1px #53b04d;
    padding: 5px;
    width: 230px;
}
.affiliate-area #affi-search-products-pager #affi-search-products-previous-page,
.affiliate-area #affi-search-products-pager #affi-search-products-next-page {
    width: 40px;
    height: 25px;
}
.affiliate-area #affi-search-products-pager #affi-search-products-previous-page {
    float: left;
    background: url(../images/moc/affi_sprite.png) no-repeat 3px -259px #efe;
}
.affiliate-area #affi-search-products-pager #affi-search-products-next-page {
    float: right;
    background: url(../images/moc/affi_sprite.png) no-repeat 2px -290px #efe;
}
.affiliate-area .select-product-button {
    width: 63px;
    float: left;
    margin-top: 9px;
}
.affiliate-area .selected-products-button-area {
    border-left: solid 2px #53b04d;
    border-right: solid 2px #53b04d;
    border-bottom: solid 2px #53b04d;
    padding: 0px 10px 10px;
}
.affiliate-area .selected-products-button-area button,
.affiliate-area .select-product-button,
.affiliate-area #affi-select-products-for-url {
    padding: 3px 5px;
}
.affiliate-area #affi-search-products-for-url {
    display: block;
    width: 320px;
    height: 5em;
    margin-top: 5px;
}
.affiliate-area #affi-selected-makers {
    display: block;
    width: 310px;
    height: 11em;
    margin-top: 5px;
}
.affiliate-area #affi-selected-tags {
    display: block;
    width: 310px;
    margin-top: 5px;
}
.affiliate-area #affi-popular-tags {
    margin-top: 5px;
}
.affiliate-area #affi-popular-tags button {
    padding: 3px 5px;
}
.affiliate-area .common-setting {
    margin-top: 30px;
}
.affiliate-area .box-head {
    margin-top: 20px;
    line-height: 2.5em;
    padding: 0px 10px 0px 20px;
}
.affiliate-area #affi-open-menu,
.affiliate-area #affi-close-menu {
    width: 27px;
    height: 28px;
    display: block;
    float: right;
    margin-top: 6px;
}
.affiliate-area #affi-open-menu {
    background: url(../images/moc/affi_sprite.png) no-repeat 0px -204px;
    margin-left: 5px;
}
.affiliate-area #affi-close-menu {
    background: url(../images/moc/affi_sprite.png) no-repeat 0px -229px;
}
.affiliate-area .affi-box .box-inner hr {
    border: none;
    border-top: solid 1px #888;
    visibility: visible;
}
.affiliate-area .affi-box .box-inner .row .row-title {
    width: 26%;
    float: left;
    padding: 0px 3px;
}
.affiliate-area .affi-box .box-inner .row .row-param {
    width: 70%;
    float: left;
}
.affiliate-area .affi-compliance {
    background: #fbfbfb;
    width: 820px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-box-shadow: 1px 1px 5px #888 inset;
    -moz-box-shadow: 1px 1px 5px #888 inset;
    box-shadow: 1px 1px 5px #888 inset;
    padding: 10px;
    margin-bottom: 30px;
}
.affiliate-area .affi-compliance:hover {
    -webkit-box-shadow: 0 0 8px rgba(76,190,98,0.55), 0 0 3px rgba(76,190,98,0.8), inset 0 0 2px rgba(0,0,0,0.21);
    -moz-box-shadow: 0 0 8px rgba(76,190,98,0.55), 0 0 3px rgba(76,190,98,0.8), inset 0 0 2px rgba(0,0,0,0.21);
    box-shadow: 0 0 8px rgba(76,190,98,0.55), 0 0 3px rgba(76,190,98,0.8), inset 0 0 2px rgba(0,0,0,0.21);
}
.affiliate-area .rgst-input_table {
    margin-bottom: 30px;
}
.affiliate-area .rgst-input_table tr {
    border: solid 1px #e1efd9;
}
.affiliate-area .rgst-input_table th,
.affiliate-area .rgst-input_table td {
    vertical-align: middle;
    padding: 5px 10px;
}
.affiliate-area .rgst-input_table th {
    background: #f9fcf9;
    width: 150px;;
}
.affiliate-area .rgst-input_table .affi-compliance .row {
    margin-bottom: 10px;
}
.affiliate-area .rgst-input_table .affi-compliance .row-title {
    border: none;
}
.affiliate-area .rgst-input_table .affi-compliance .row-inner {
    margin-top: 0px;
    padding-left: 30px;
}
.affiliate-area .affi-compliance-agreement {
    width: 840px;
    background: #fff;
    margin-bottom: 50px;
}
.affiliate-area .btn-affi-input {
    background: #00d800;
    background: -moz-linear-gradient(top, #00d800 0%, #00c000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d800), color-stop(100%, #00c000));
    border: solid 1px #00a000;
    border-top-color: #080;
    border-left-color: #080;
    font-size: 18px;
    color: #fff;
    display: block;
    width: 260px;
    height: 60px;
    margin: 0px auto;
}
.affiliate-area .btn-affi-input:active {
    background: #00c000;
    background: -moz-linear-gradient(top, #00c000 0%, #00d800 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00c000), color-stop(100%, #00d800));
}
.affiliate-area .affi-news {
    font-size: 15px;
    line-height:1.8em;
    display: block;
    margin-bottom: 10px;
}

.compliance {
    line-height: 1.7em;
}
.compliance .row {
    margin-bottom: 20px;
}
.compliance .row .row-inner {
    margin-bottom: 15px;
}

/*--------------------------------------
  2.heaader area
---------------------------------------*/
.header {
	padding: 2px 24px;
	line-height: 16px;
	background: #EBEBEB;
}

.header a { color: #004B91; }

#header_melon {
	margin-top: 6px;
	position: absolute;
	left: auto;
	right: 164px;
	top: 4px;/*default*/
	color: #F00;
	z-index: 50;
}
#header_melon.fixed {
	left: 715px!important;/*default*/
	right: auto;
	}
#header_melon span {
	display: block;
	width: 143px;/*default*/
	height: 96px;/*default*/
	/*background: url(/images/moc/header-melon.png) no-repeat;/*default*/
	background: url(/images/moc/bitcashbanner02.gif) no-repeat;/*default*/
	}
#header_melon span.now_campaign,
#header_melon span.now_campaign a {
        width: 152px;
        height:109px;
}
#header_melon span.now_campaign a {
        display:block;
        width: 152px;
        height:109px;/*gw_campaign*/
}

.header-menu1 {
	padding: 3px 3px 3px 10px;
	background-color: #f3f3f3;
	border-bottom: 1px solid #D3D0D0;
}
.header-menu2 {
	background-color: #E8E8E8;
	padding: 3px;
}

.header-u-ico-16 {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	background:url(/images/moc/default-user-header.png) no-repeat;
}
/*ビローン枠*/
.referer-headaer {
	height:144px;
	background:url(/images/moc/bg-referer_header.png) repeat-x;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	}
.referer-header-inner {
	position: relative;
	width: 1020px;
	height:144px;
	margin: 0 auto;
	}

.referer-header-leftpane,
.referer-header-rightpane { float: left; }

.referer-headaer .btn-close {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 16px;
	z-index:10;
}

.referer-header-leftpane {
	padding-right: 11px;
	border-right: solid 1px #ccc;	
	}
.referer-header-rightpane {
	padding-left: 11px;
	border-left: solid 1px #FFF;
	}

/* pixiv ID */
#pixiv_id_info .referer-header-leftpane, #pixiv_id_info .referer-header-rightpane { margin: 24px 0 0 0; }

#pixiv_id_info-main_image,
#pixiv_id_info-head,
#pixiv_id_info-powered_disp,
.pixiv_id_info_figure {
	background: url(../images/moc/sprite-referer_header-pixiv_id.png) no-repeat;
}
#pixiv_id_info-main_image {
	width: 128px;
	height: 128px;
	margin: 10px 12px 0 0!important;
	border: none!important;
	background-position: 0 0;
	text-indent: -9999pt;
	}
#pixiv_id_info-head {
	width: 289px;
	height: 21px;
	margin: 6px 0 0;
	background-position: -150px -2px;
	text-indent: -9999pt;
}
#pixiv_id_info-read {
	margin: 8px 0;
	font-size: 13px;
}
#pixiv_id_info-powered_disp {
	display: inline-block;
	width: 110px;
	height: 17px;
	background-position: -150px -36px;
	text-indent: -9999pt;
}

.msie7 #pixiv_id_info-powered_disp { display: block; }

.pixiv_id_info_figure {
	padding: 0 0 0 24px;
	line-height: 28px;
	background-position: -150px -70px;
	font-size: 14px;
}

/* from melonbooks co jp */
#from_mln_cojp,
#from_mln_cojp-head,
#from_mln_cojp-s_master,
#from_mln_cojp-senbai,
.star_bullet,
#tenchou {
	background: url(../images/moc/sprite-referer_header-mln_cojp.png) no-repeat;
	}
#from_mln_cojp {
	background-position:-365px 12px;
	text-indent: 0pt;
	}
#from_mln_cojp .referer-header-leftpane, #from_mln_cojp .referer-header-rightpane { margin: 16px 0 0 0; }
#from_mln_cojp-head {
	width: 350px;
	height: 18px;
	background-position: -1px -1px;
	text-indent: -9999pt;
}
#from_mln_cojp-read {
	margin: 4px 0;
}
.from_mln_cojp_figure {
	color: #FF3364;
	font-size: 14px;
	line-height: 23px;
	}
#from_mln_cojp .referer-header-leftpane {
	position: relative;
	padding-left:96px;
	}
#tenchou {
	position: absolute;
	right: -4px;
	bottom: -16px;
	display: block;
	width: 90px;
	height: 79px;
	background-position: -224px -53px;
}
.from_mln_cojp-p_item {
	float: left;
	margin-right: 12px;
}
#from_mln_cojp-s_master {
	width: 97px;
	height: 32px;
	background-position: 0 -66px;
	text-indent: -9999pt;
}
#from_mln_cojp-senbai {
	width: 115px;
	height: 32px;
	background-position: -104px -66px;
	text-indent: -9999pt;
}
.star_bullet {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: 0 -29px;
	}

/*--------------------------------------
  2.footer area
---------------------------------------*/
.footer { padding: 8px 24px 24px 24px; }

.footer-upper { line-height: 48px; }
.column2-asideRight.footer-upper {
	line-height: 20px;
	margin-top: 24px;
	}

.footer-bottom {
	padding: 8px 0 0;
	border-top: solid 1px #C8c8c8;
}

.footer .logo {
	width: 200px;
	height: 48px;
	margin: 0;
	background-image: url(/images/moc/sprite.png);
	background-repeat: no-repeat;
	background-position: 0 -284px;
}
.boxlayoutRight.gotoPageHead {
	width: 100%;
	height: 24px;
	margin: 0;
	border-bottom: solid 4px rgb(0, 186, 77);
	}
#gotoPageHead {
	display: block;
	float: right;
	width: 120px;
	margin: 0 36px 0 0;
	padding: 4px 18px;
	background: rgb(0, 186, 77);
	border-bottom: none;
	color: #FFF;
	text-decoration: none;
	text-align:center;
	text-shadow: 0 -1px 0 rgb(0, 167, 147);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-box-shadow: 0 -1px 3px rgb(227,227,227), inset 0 1px 0 rgb(87, 209, 137);
	-moz-box-shadow: 0 -1px 3px rgb(227,227,227), inset 0 1px 0 rgb(87, 209, 137);
	}
.copyright { padding: 8px 0 0 8px; }

/*--------------------------------------
  3.toolbar area
---------------------------------------*/
.site-header-group {
	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.5);
	-ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow: 0 -1px 0 rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.5);
}

.site-header {
	position: relative;
	height: 64px;
	padding: 2px 0 0;
	}
.logo {
	position: relative;
	display: block;
	width: 300px;
	height: 56px;
	margin: 13px 0 0 14px;
	background: url(../images/moc/logo-2011SS.jpg) no-repeat 0 0;
	text-indent: -9999pt;
	z-index: 100;
}
.category1 .logo, .category2 .logo, .category3 .logo, .category4 .logo, .category6 .logo, .category7 .logo {
	width: 300px;
	height: 56px;
	background: url(/images/moc/logo-category.png) no-repeat;
}
.category2 .logo { background-position:0 -60px; }
.category3 .logo { background-position:0 -120px; }
.category4 .logo { background-position:0 -180px; }
.category6 .logo { background-position:0 -240px; }
.category7 .logo { background-position:0 -300px; }

.men-r18 .toolbar .logo {
	background-image: url(../images/moc/logo-r18-2011AW.png);
	/*background: url(../images/moc/logoC80.png) no-repeat 0 0;*/
	}
	
.men-r18.category1 .logo, .men-r18.category2 .logo, .men-r18.category3 .logo, .men-r18.category4 .logo, .men-r18.category6 .logo, .men-r18.category7 .logo { background-image: url(/images/moc/logo-r18-category.png); }

/*GW 2011 LOGO
.logo,
.men-r18 .toolbar .logo {
	width: 304px;
	height: 56px;
	margin: 0 0 0 12px;
	background: url(../images/moc/logo-gold_gold.jpg) no-repeat 0 0;
	}
*/

.toolbar.asideLeft { width: 289px; }
.toolbar-search { margin: 8px 324px 0 324px; }

.toolbar-search fieldset {
	height: 26px;
	margin-bottom: 4px;
	}

/*.kw_search.asideLeft,*/
.kw_search.column2-asideRight { width: 90px; }
/*.kw_search.asideRight { margin: 0 0 0 -144px; }*/

.toolbar-search_by {
	position: relative;
	width: 96px;
}
.word_search {
	position: relative;
	margin: 0 113px 0 0;
	}
.header-search-label {
	position: relative;
	display: block;
	width: 100%;
	height: 26px;
	overflow: hidden;
	padding: 0 0 0 24px;
	background: #f8f8f8;
	line-height: 26px;
	color: #a8a8a8;
	font-size: 11px;
}
.header-search-label:after {
	position: absolute;
	top: 3px;
	left: 5px;
	display: block;
	content: "";
	width: 16px;
	height: 18px;
	background: url(/images/moc/sprite.png) no-repeat -250px -48px;
	}
.reset_word {
    display: none;
    position: absolute;
    top: 50%;
    right: 4px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: transparent url(../images/moc/sprite.png) no-repeat -388px -76px;
    cursor: pointer;
	z-index: 100;
    }
.toolbar-keyword {
	position: relative;
	display: block;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	width: 100%;
	height: 24px;
	margin-top: -26px;
	padding: 0 0 0 24px;
	background: transparent;
	border: solid 1px #4d6c96;
	border-right: none;
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5), inset 0 0 5px rgba(0,0,0,0.13);
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.5), inset 0 0 5px rgba(0,0,0,0.13);
	box-shadow: inset 0 0 2px rgba(0,0,0,0.5), inset 0 0 5px rgba(0,0,0,0.13);
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.placeholder { display: block; }
.placeholder.focus {
	opacity: 0.55;
	filter: alpha( opacity=55 );
	-ms-filter: "alpha( opacity=55 )";
	}
.placeholder.hasText {
	opacity: 0;
	filter: alpha( opacity=0 );
	-ms-filter: "alpha( opacity=0 )";
	}

.toolbar-keyword::-webkit-search-decoration { display: none; }
.toolbar-keyword:focus { outline-offset: -2px; }

.hot_word {
	float: left;
	margin-left: 144px;
}

.toolbar-search-options {
	float: right;
	margin-right: 184px;
}

/* suggest box */
.suggest {
	display: none;
	position: absolute;
	top: 26px;
	left: 0;
	width: 100%;
	background: rgba(255,255,255, 0.9)!important;
	border: solid 1px #a8a8a8;
	border-top: none;
	font-size: 12px;
	color: #666;
	z-index: 5000;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.16);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.16);
	box-shadow: 0 0 5px rgba(0,0,0,0.16);
}
.suggest-word {
	padding: 4px;
	border-bottom: dotted 1px #d8d8d8;
	}
.suggest-word:last-child { border-bottom: none; }

.suggest-word.hoverd {
	background: #00ba4c;
	color: #FFF;
	cursor: pointer;
}

.menu.logout { float: right; }

.button.kw_search {
	letter-spacing: 1px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	}

.toolbar.column3-asideRight {
	position: relative;
	width: 132px;
	margin: 8px 0 0 -156px;
	background: #F0F0F0; /* old browsers */
	background: -moz-linear-gradient(top, #F0F0F0 0%, #FAFAFA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #FAFAFA)); /* webkit */
	border: solid 1px #c6c6c6;
	z-index: 10;
	overflow: visible;
}

#header-cart-display {
	position: relative;
	padding: 0 12px 0;
	text-align: right;
	background: url(../images/moc/sprite.png) no-repeat -528px -76px;
	overflow: visible;
}

.header-item-amount {
	position: absolute;
	left: 24px;
	top: -4px;
	min-width:20px;
	height: 20px;
	line-height: 20px;
	background: #d00;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-background-clip: padding-box;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.34);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.34);
	box-shadow: 0 0 2px rgba(0,0,0,0.34);
	behavior: url(/css/PIE.htc);
}

.header-price {
	display: inline-block;
	margin: 12px 0 0;
	line-height: 25px;
	font-size: 21px;
	color: red;
}

.navbar-cartmenu .button.btn-w_list {
	height: 22px;
	line-height: 22px;
	}
.menu.logout { float: right; }

/*--------------------------------------
  4.login page
---------------------------------------*/
.login.column2-contents {
	margin: 0 0 0 510px;
	width: 486px;
	}
.column2-contents.login.byPixivID { margin: 0 0 0 456px; }
.login.asideLeft {
	width: 486px;
	padding: 0 0 0 24px;
}
.login.asideLeft.hasMelonID,
.column2-contents.login.byPixivID {
	width: 382px;
	}
.login.asideLeft.hasMelonID { margin: 0 -100% 0 12px; }
.login.contents-section-inner {
	margin: 0 36px 0 0;
	padding: 16px 59px 16px 12px;
	border-right: dotted 1px #c8c8c8;
}
.login.contents-section-inner.pixiv { border: none; }

.button.btn-site.pixiv_connect,
.button.btn-fn.pixiv_connect { width: auto; }

.login-title {
	height: 24px;
	line-height: 24px;
	margin: 0 0 16px 0;
	padding: 0 6px;
	color: #FFF;
	font-size: 14px;
	}
.login-title.melon { background: #4CB962; }
.login-title.pixiv { background: #3480B8; }
.shop-guest { border-top: 1px dotted #c8c8c8; }
.zipangu_id { margin: 16px 0 32px 0; }

.connect-img {
	width: 288px;
	height: 48px;
	}
.connect-select {
	position: relative;
	width: 825px;
	height: 169px;
	margin: 0 0 -12px 24px;
	background: url(../images/moc/login-connect.png) no-repeat;
	text-indent: -9999pt;
	z-index: 100;
	}
#errMsgs:after {
	display: block;
	position: absolute;
	bottom: -8px;
	left: 3em;
	content: "";
	width: 0px;
	height: 0px;
	background: #CCC;
	border: solid 8px #F00;
	border-left-color: #FFF;
	border-right-color: #FFF;
	border-bottom: none;
}

.login .btn-fn,
.login .btn-site,
.guest-confirm .btn-fn { width: 120px; height: 32px; font-size:14px; }
.guest-confirm .value {
    font-size: 26px;
}
.guest-confirm fieldset {
    border: solid 1px;
    width: 800px;
    background: #fffedd;
    padding: 10px 20px;
}
.guest-confirm fieldset span {
    color: #53b04d;
    fonr-size: 14px;
}
.guest-confirm .regist-area {
    margin: 20px 0px 10px;
}
.login input[type="text"], .login input[type="password"] { width: 228px; }

.err-pass_lock {
	display: block;
	margin: 0 0 8px 0;
	padding: 8px 8px 8px 36px;
	background: #FCEDFE url(/images/moc/sprite.png) no-repeat -608px 8px;
	border: solid 1px #F30;
	}

	.login-rgst-box .rgst-top-text {
	top: 1285px;
	left: 125px;
}

.login-rgst-id {
	margin: 40px auto;
	width: 700px;
}

.login-rgst-new,
.login-rgst-guest {
	width: 300px;
	height: 50px;
	font-size: 20px;
	text-shadow: 1px 1px 0 #F1F1F1;
}
.login-rgst-new {
	margin: 0 40px 0 0;
}
.login-rgst-new a,
.login-rgst-guest a {
	width: 300px;
	height: 50px;
	display: block;
	padding: 0;
	line-height: 50px;
	text-decoration: none;
	color: #161616;
}
.btn-orange {
	background: #FFAB17;
	background: -moz-linear-gradient(top, #FFAB17 0%, #E6970C 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFAB17), color-stop(100%, #E6970C));
	border: solid 1px #FFAB17;
}
.btn-yellow {
	-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: #FFF300;
	background: -moz-linear-gradient(top, #FFF300 0%, #E4DA1A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF300), color-stop(100%, #E4DA1A));
	border-width: 0;
}
.login-rgst-sectionTitle {
	margin: 0 0 8px 0;
	padding: 0 12px;
	background: #F54F4F;
	background: -moz-linear-gradient(top, #F82F2F 12%, #F54F4F 66%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #F82F2F), color-stop(66%, #F54F4F));
	border: solid 1px #F82F2F;
	line-height: 2;
	color: #fff;
	font-size: 20px;
	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);
}
/*--------------------------------------
  4.navigation area
---------------------------------------*/
ul#sex { padding-left: 12px; }

.navbar {
	position: relative;
	margin: 8px 0 0;
	/*overflow: hidden;*/
	}

.navbar-tab {
	display: block;
	width: 13.9em;
	margin: 0 4px 0 0;
	background: #E3E3E3; /* old browsers */
	background: -moz-linear-gradient(top, #E3E3E3 34%, #F2F2F2 88%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(34%, #E3E3E3), color-stop(88%, #F2F2F2)); /* webkit */
	-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.72);
	-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.72);
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.72);
	border: 1px solid #c8c8c8;
	border-bottom-color: #f3f3f3;
	line-height: 24px;
	font-size: 13px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	text-decoration: none;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.navbar-tab:link, .navbar-tab:visited { color: #444; }

.men-normal #sex { border-bottom: solid 2px #3480BE; }
.men-r18 #sex { border-bottom: solid 2px #FF3364; }

.navbar-tab.now_location,
.navbar-tab:hover {
	color: #FFF;
	border-color: transparent;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.21);
	text-decoration: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.34);
	-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.34);
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.34);
}
	
.men-normal .navbar-tab.now_location {
	background: #3480BE;
	border-bottom-color: #3480BE;
	color: #FFF;
	
	}
.men-normal .women .navbar-tab:hover { background: #FF926A; }

.men-r18 .navbar-tab.now_location {
	background: #FF3364;
	border-bottom-color: #FF3364;
	color: #FFF;
}
.men-r18 .women .navbar-tab:hover { background: #7D4AC6; }

.women-normal .navbar-tab.now_location {
	background: #FF926A;
	border-bottom-color: #FF926A;
	color: #FFF;
}
.women-normal .men .navbar-tab:hover { background: #3480BE; }

.women-r18 .navbar-tab.now_location {
	background: #7D4AC6;
	border-bottom-color: #7D4AC6;
	color: #FFF;
}
.women-r18 .men .navbar-tab:hover { background: #FF3364; }

.navbar-category {
	position: relative;
	padding: 4px 24px 30px 24px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.21);
	margin-top: 19px;
}
	.men-normal .navbar-category {
		background: #53b04d;
		border-top: solid 2px #2c5e20;
		}
	.men-r18 .navbar-category {
		background: rgba(252, 232, 230, 0.8);
		border-top: solid 2px #FF3364;
		}

.navbar-category .menu { margin-right: 4px; }

.category, .genre {
	line-height: 20px;
	text-decoration: none;
}
.category {
	display: block;
	position: relative;
	/*width: 7em;*/
	margin-top: 2px;
	padding: 0 12px;
	font-size: 108%;
	font-weight: normal;
	text-align: center;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	overflow: visible;
}
.category:link, .category:visited { text-shadow: 0 1px 0 rgba(255,255,255, 0.21); }
.category:hover { text-shadow: none; }

.category.now_location { color: #FFF; }

.category.now_location:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -8px;
	left: 50%;
	width: 0;
	height: 0;
	margin: 0 0 0 -6px;
	border: solid 6px transparent;
	border-bottom-color: #f8f8f8;
}
a.category-age {
	width: auto;
	display: inline-block;
	vertical-align: middle;
}
.navbar-genre {
	padding: 8px 0;
	background: #f8f8f8;
	-webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.08);
	box-shadow: 0 -2px 2px rgba(0,0,0,0.08);
}
.genre {
	display: inline-block;
	width: auto;
	margin: 0  5px 2px 0;
	padding-right: 24px;
	vertical-align: middle;
}
.genre:hover { text-decoration: underline; }

.navbar-genre .genre-list {
	overflow: hidden;
	height: 40px;
	margin: 0 24px;
	padding: 4px 12px 4px 12px;
	background: #FFF;
	border: dotted 1px #c8c8c8;
}

.navbar-cartmenu {
	position: absolute;
	top: 6px;
	right: 20px;
	/*z-index: 210;*/
}
.genre-list > span { display: inline-block; }
.genre-list .ico {
	width: 14px;
	height: 20px;
	vertical-align: middle;
}
.men-normal .genre.on_page { color: #2db1cc; }
.men-r18 .genre.on_page { color: #FF3364; }
.women-normal .genre.on_page { color: #FF826A; }
.women-r18 .genre.on_page { color: #7D4AC6; }

.men-normal .genre-list .ico { background-position: -246px -76px; }
.men-r18 .genre-list .ico { background-position: -271px -76px; }
.women-normal .genre-list .ico { background-position: -295px -76px; }
.women-r18 .genre-list .ico { background-position: -319px -76px; }\

.genre-list-go {
	position: absolute;
	right: 32px;
	bottom: 8px;
	line-height: 1.86;
}

.navbar .btn-w_list { width: 106px; }

/*--------------------------------------
  5.aside area
---------------------------------------*/
/*ranking-medal*/
.ranking-medal { display: inline-block; }

/* my genre */
.my-search-title {
	font-size: 92%;
	line-height: 2.2;
}

.my-search {
	display: inline-block;
	font-size: 92%;
	text-decoration: none;
}

.my-search:before {
	content:"";
	display: inline-block;
	width: 12px;
	height: 16px;
	background: url(../images/moc/sprite.png) no-repeat -343px -97px;
}

.my-search:hover { text-decoration: underline; }

/*ranking*/
.main-asideLeft-sectionTitle.ranking { margin: 0 0 8px 0; }
.ranking-tab { background: #FFF; }
.aside-ranking-panel div,
.rank, .aside-item_info { float: left; }

.ranking-tab div{
	height: 22px;
	margin-bottom: 8px;
	border-top: none;
	border-right: none!important;
}

.product-shop .ranking-tab a {
	width: 79px;
}

.ranking-tab a {
	display: block;
	float: left;
	width: 89px;
	height: 22px;	
	line-height: 22px;
	font-size: 10px;
	text-align: center;
	/*border-right: solid 1px #ffe9f0;*/
	text-shadow: 0 1px 0 rgb(255,255,255);
	text-decoration: none;
}

.win .ranking-tab a { font-weight: bold; }
.ranking-tab a:hover { cursor: pointer; }

.ranking-tab a.selected {
	color: #FFF;
	text-shadow: 0 1px 0 rgba(0,0,0,0.21);
	-webkit-box-shadow: inset 0 5px 8px rgba(0,0,0,0.21), inset 0 0 1px rgba(0,0,0,0.72);
	-moz-box-shadow: inset 0 5px 8px rgba(0,0,0,0.21), inset 0 0 1px rgba(0,0,0,0.72);
	box-shadow: inset 0 5px 8px rgba(0,0,0,0.21), inset 0 0 1px rgba(0,0,0,0.72);
	}
.aside-ranking-mask {
    width:268px;
    overflow:hidden;
    margin:0 auto;
	background: #FFF;
}

.product-shop .aside-ranking-mask { width: 237px; }

.aside-ranking-panel { width: 810px; }

.product-shop .aside-ranking-panel { width: 720px; }

.rank {
	display: block;
	width: 2em;
	text-align:center;
}
.item_aside.ranking {
	padding: 0 0 8px 0;
	border-bottom: dotted 1px #a8a8a8;
}
.ranking.aside-item_info {
	width: 160px;
	margin-left: 5px;
}
.ranking.aside-item-product_info {
	width: 144px;
	margin-left: 5px;
}

.rank {
	height: 22px;
	background: url(../images/moc/sprite.png) no-repeat -552px -120px;
	text-indent: -9999pt;
	margin: 0 2px 0 5px;
}

.rank-2 { background-position: -552px -144px; }
.rank-3 { background-position: -552px -168px; }
.rank-4 { background-position: -552px -192px; }
.rank-5 { background-position: -552px -216px; }
.rank-6 { background-position: -552px -240px; }
.rank-7 { background-position: -552px -264px; }
.rank-8 { background-position: -552px -288px; }
.rank-9 { background-position: -552px -312px; }
.rank-10 { background-position: -552px -336px; }

.rank-11 { background-position: -584px -120px; }
.rank-12 { background-position: -584px -144px; }
.rank-13 { background-position: -584px -168px; }
.rank-14 { background-position: -584px -192px; }
.rank-15 { background-position: -584px -216px; }
.rank-16 { background-position: -584px -240px; }
.rank-17 { background-position: -584px -264px; }
.rank-18 { background-position: -584px -288px; }
.rank-19 { background-position: -584px -312px; }
.rank-20 { background-position: -584px -336px; }

.rank-21 { background-position: -614px -120px; }
.rank-22 { background-position: -614px -144px; }
.rank-23 { background-position: -614px -168px; }
.rank-24 { background-position: -614px -192px; }
.rank-25 { background-position: -614px -216px; }
.rank-26 { background-position: -614px -240px; }
.rank-27 { background-position: -614px -264px; }
.rank-28 { background-position: -614px -288px; }
.rank-29 { background-position: -614px -312px; }
.rank-30 { background-position: -614px -336px; }

/* upcomming */
.upcomming.aside-item_info { width: 9.1em; }

/* aside calender */
.loading {
	display: block;
	height: 24px;
	background: #f0f0f0 url(../images/moc/slider-loading.gif) no-repeat 50% 50%;
}

.win .calendar-ym { font-weight: bold; }

.main-asideLeft-sectionTitle.only-title .dp-choose-date{
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin: 3px 4px 0 0;
	padding: 0 4px 0 0;
	border-right: solid 1px rgba(0,0,0,0.21);
	background-position: -246px -149px;
}
/*
#calendar_prev,
#calendar_next {
	position: absolute;
	top: 0;
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/moc/sprite.png);
	text-indent: -9999pt;	
	}
#calendar_prev:hover,
#calendar_next:hover { background-color: rgba(0,0,0,0.08);  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#28000000, endcolorstr=#28000000, gradienttype=0); }
#calendar_prev {
	left:0;
	background-position: -430px -73px;
	border-right: solid 1px #e8e8e8;
	border-right: solid 1px rgba(0,0,0,0.16);
	-webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.34);
	-moz-box-shadow: 1px 0 0 rgba(255,255,255,0.34);
	box-shadow: 1px 0 0 rgba(255,255,255,0.34);
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	}
#calendar_next {
	right: 0;
	background-position: -456px -73px;
	border-left: solid 1px #e8e8e8;
	border-left: solid 1px rgba(0,0,0,0.16);
	-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.34);
	-moz-box-shadow: inset 1px 0 0 rgba(255,255,255,0.34);
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.34);
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	}

.calendar th {
	line-height: 21px;
	text-align: center;
	color: #a8a8a8;
	font-weight: normal;
	font-size: 10px;
	}
.calendar th.cal-sun { color: #F33; }
.calendar th.cal-sat { color: #36C; }
.cal-day {
	min-width: 24px;
	height: 24px;
	border: solid 1px #e8e8e8;
	vertical-align: middle;
	font: bold 11px/1 Helvetica, Arial, sans-serif;
	color: #888;
	}
.cal-day.today {
	background-color: #FD0;
	color: #383838;
	}
.cal-day a {
	display: inline-block;
	width: 100%;
	line-height: 24px;
	}
.cal-day.today a { color: #000; }
.cal-day a:hover {
	background: #2EB3D9;
	color: #FFF;
	text-decoration: none;
	}
.cal-day a:hover,
.sel-day a {
	color: #FFF;
	text-decoration: none;
	}
.men-normal .cal-day a:hover,
.men-normal .sel-day { background: #2EB3D9; }

.men-r18 .cal-day a:hover,
.men-r18 .sel-day { background: #FF7F7E; }

.women-normal .cal-day a:hover,
.women-normal .sel-day { background: #FFC044; }

.women-r18 .cal-day a:hover,
.women-r18 .sel-day { background: #BD8EF4; }
*/
.relative_sites a:hover {
	position: relative;
	left: 2px;
}

/*paymentss*/
.payments {
	background: #F6FDFB!important;
	text-align: center;
}

/*cart*/
.wrapSecond {
	margin: 20px 0 0 0;
	position: relative;
}
.box-inner_cart {
	background-color: #f1f1f1;
	box-shadow: 1px 1px 0 #8B8B8B;
	width: 247px;
	padding: 0 11px;
}
.item_aside .wrap dl dt {
	float: left;
}
.item_aside .wrap dl dd img {
margin: 0 5px 0 0;
}
.item_aside .wrap dl dd strong {
	color: #cb0000;
	font-size: 18px;
	vertical-align: middle;
}
.item_aside .wrap dl dd span {
	font-size: 16px;
}
.item_aside .wrap dl dt,
.item_aside .wrap dl dd {
	padding: 11px 0px;
}
.item_aside .wrap dl dd {
	float: right;
	width: 190px;
	text-align: right;
}
.aside-cart-button {
	margin: 0 0 10px 0;
}
.aside-cart-button a:hover {
	/*background-color: rgba(0, 0, 0, 0.8);*/
	opacity: 0.8;
}
.cart-melon {
	position: absolute;
	z-index: 1;
}


/*--------------------------------------
  6.asset
---------------------------------------*/
/* item list in slide-view box*/
.itemlist.slide-view {
	position: relative;
	margin: 0 30px;
	}
	
.itemlist.slide-view .item-horizontal { text-align: left; }

.slide-switch-prev,
.slide-switch-next {
	position: absolute;
	top: 50%;
	margin-top: -36px;
	}
	
.slide-switch-prev {
	left: 0;
}
.slide-switch-next {
	right: 0;
}
.slide-switch-prev .ico,
.slide-switch-next .ico {
	position: relative;
	top: 28px;
	left: 6px;
	display: block;
	width: 8px;
	height: 11px;
	text-indent: -9999pt;
	background: url(../images/moc/sprite.png) no-repeat -248px -127px;
	vertical-align: middle;
}
.slide-switch-next .ico {
	background-position: -272px -127px;
}

/* tag cloud */
.tag_cloud_favorite { font-family: Helvetica, Arial, sans-serif; }

/*.tag_cloud_favorite:hover a { color: /*#8eb8de*//*#a8b8c8; }*/
a.tag { text-decoration: none; }
a.tag span { line-height: 1.33; }
/*.tag_cloud_favorite:hover*/.tag a:hover {
	color: #004B91;
	text-decoration: none;
}
.level6 { color: #5e8aa8; }
.level5 { font-size: 108%; font-weight:400; color: #5e8aa8; }
.level4 { font-size: 117%; font-weight:500; }
.level3 { font-size: 150%; font-weight:600; }
.level2 { font-size: 166% font-weight:700; }
.level1 { font-size: 200%; letter-spacing:-1px; font-weight: 800; }

/* badge n icon*/
.u_icon16 { width: 16px; }

.badge {
	display: inline-block;
	margin: 0 0 6px 0;
	padding: 2px 6px;
	font-size: 9px;
	line-height: 11px;
	background: #4CBC62;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: solid 1px #4CBC62;
	color: #FFF;
	vertical-align: middle;
}

.b-doujin { background: #cbf1bd; color:#4CBC62; }
.b-lady { background: #ffa800; border-color: #ff8500; }
.b-syougyou { background:#32CBFF; color: #FFF; }
.b-r18 { background: #fddbdb; border-color: #F36; color:#F36; }
.b-illust { background: #e3dafd; color: #a38abd; border-color: #a38abd; }
.b-cg { background: #dbe6fd; color: #6b86ad; border-color: #6b86ad; }
.b-act,
.b-stg,
.b-puzzle,
.b-rpg { background: #eebede; color: #ae8eae; border-color: #ae8eae; }
.b-adv { background: #c4c69b; color: #84866b; border-color: #84866b; }
.b-novel { background: #b3e1db; color: #63a1db; border-color: #63a1db; }
.b-table { background: #b1dfd9; color: #618f89; border-color: #618f89; }
.b-comic { background: #fdd9ec; color: #bd89ac; border-color: #bd89ac; }
.b-anime { background: #3ff6de; color: #00a67e; border-color: #00a67e; }

.b-voice, .b-v_dorama {background: #dafbfd; color: #8abbbd; border-color: #8abbbd; }
.b-tool { background: #e0fddc; color: #a0bd8c; border-color: #a0bd8c; }
.b-material { background: #d6e6c6; color: #76A666; border-color: #76A666; }
.b-smt { background: #c7e7d0; color: #77a780; border-color: #77a780; }
.b-book { background: #e1fcec; color: #81ac8c; border-color: #81ac8c; }
.b-app { background: #e8c8c8; color: #a87878; border-color: #a87878; }
.b-music { background: #e2f9fd; color: #72898d; border-color: #a2b9bd; }
.b-limited { border: solid 1px #4CBC62; background: #FFF; color: #4CBC62; }
.b-t-limited,
.b-special,
.b-staff,
.b-free { border: solid 1px #F00; background: #FFF; color: #F00; }
.b-online { background: #c29398; border-color: #c29398; }
.b-with-demo,
.b-privilege { background: #ffa500; border-color: #ffa500; }
.b-doujin-soft { background: #2EB0CB; border-color: #2EB0CB; }
.b-3d { background: #00A0E9; border-color: #00A0E9; }
.b-event { background: #FFF; color: #00A0E9; border-color: #00A0E9; }
.b-bizarre { background: #B5272D; border-color: #B5272D; }
.b-bl { background: #662D85; border-color: #662D85; }
.b-ll { background: #FF35a4; border-color: #FF35a4; }
.b-men { background: #888; border-color: #888; }
.b-otome { background: #FFF; color: #a66Db5; border-color: #a66Db5; }
.b-new,
.b-precede { background-color: #F00; border-color: #F00; }
.b-re_sell { background-color: #09C; border-color: #09C; }
.b-f_color { background-color: #9350E0; border-color: #9350E0; }

.b-drm { background-color: #FF0000; border-color: #FF0000; }
.b-comic-viewer { background-color: #44BB44; border-color: #44BB44; }
/* for livret */
.b-individual { background-color: #39C; border-color: #28b; }
.b-reprinting { background-color: #F93; border-color: #F63; color:#FFFFe5; }
.b-uinon {}
.b-anthology { background-color: #F99; border-color: #F79; color: #C39; }

/*for information*/
.b-information {
	width: 7em;
	margin-right: 6px;
	padding: 2px 0;
	text-align: center;
	border: none;
	font-size: 10px;
	}
.b-add_fn { background-color: #FF6F7E; }
.b-maintenance { background-color: #2EA6C1;}
.b-ew_item { background-color: #FF856A; }

.itemlist .b-free,
.b-upcoming, .done-purchase {
	width: 100px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	text-align: center;
	}
.itemlist .b-free { font-size: 12px; }

.b-upcoming {
	border: solid 1px #4CBC62;
	background: #FFF;
	color: #4CBC62;
	font-size: 12px;
	}
.done-purchase {
	background: #e8e8e8;
	border: solid 1px #c8c8c8;
	color: #888;
	font-size: 11px;
}

/* カートに入れるアクション */
.added-msg-box {
	display: none;
	position: absolute;
	width: 122px;
	height: 96px;
	background: url(../images/moc/sprite.png) no-repeat 0 -384px;
	text-indent: -9999pt;
	z-index: 3000;
}
.item-horizontal .added-msg-box {
	top: 36px;
	left: 6px;
}
.item-vertical .added-msg-box {
	top: 24px;
	left: 18px;
}
.added-msg { display: none; }
.added-msg .button.button-cart.disabled:after {
	position: absolute;
	display: block;
	width: 100px;
	height: 26px;
	background-position:  -404px -528px;
	}

/**/
.sort { padding: 0 12px 8px 12px; }
.search-sort .fn.now_selected { color: #004B91; }
.search_result-title {
	padding: 4px 0;
	font-style: italic;
	color: #888;
	}
.save_result {
	top: -32px;
	right: 2px;
}
.save_result .ico {
	width: 14px;
	height: 12px;
	background-position: -414px -78px;
	vertical-align: -1px;
}
.shoulder.nav-date-new {
	top: 0;
	right: 8px;
	line-height: 32px
}
a[rel="next"], a[rel="prev"] {
	min-width: 0;
	width: 24px;
	height: 16px;
	padding: 0;
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EDEDED 87%, #E1E1E1 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(87%, #EDEDED), color-stop(100%, #E1E1E1)); /* webkit */
	border: solid 1px #a8a8a8;
	-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,1);
}
a[rel="next"] { margin-right: 2px; }

/* filter box */
.filter { margin: -8px 0 0; }

.search-sort {
	/*background: #f3f3f3;*/
	border-top: solid 1px #d8d8d8;
	border-bottom: solid 1px #DAECF1;
	}

.filter-mainWord {
	margin: 0 11px 0 11px;
	padding: 8px 0;
	border-bottom: dotted 1px #c8c8c8;
	}
.filter-mainWord th,
.filter-mainWord td { padding: 4px 0; vertical-align:middle; }
.filter-mainWord th { width: 102px; font-weight:normal; }
.filter-mainWord th span,
.filter-mainWord th label {
	position: relative;
	display: inline-block;
	width: 84px;
	padding: 0 0 0 6px;
	background:#3b5c9a/*4CBE62*/;
	color: #FFF;
	}
.filter-mainWord th label { margin-bottom: 6px; }
.filter-mainWord th span:after,
.filter-mainWord th label:after {
	display: block;
	position: absolute;
	top: 0;
	right: -10px;
	content:"";
	width: 0;
	height: 0;
	border: solid 10px #FFF;
	border-left-color: #3b5c9a/*4CBE62*/;
	}
.filter-mainWord .field-desc {
	display: inline-block;
	margin: 0 0 0 0;
}
.filter-box {
	background: #FFF;
	border: solid 1px #d8d8e0;
	border-top: none;
}
.filter-form tbody td { padding: 8px 0; }
.filter-label { width: 11em; }
input[type="text"].my_search_input { margin: 0; vertical-align:middle; }

a#open_add { text-decoration: none; }

a#open_add .ico {
	width: 14px;
	height: 16px;
	line-height: 16px;
	margin: 0 2px 0 0;
	vertical-align: -4px;
	background-position: -390px -101px;
}

a#open_add.opened .ico { background-position: -414px -101px; }

#add_conditions { display: none; }

.filter-box fieldset { margin: 8px 0; }

.contents-section.search-result { margin: 16px 12px; }

.dp-choose-date {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 0 0 3px;
	background: url(../images/moc/sprite.png) no-repeat -244px -147px;
	text-indent: -9999pt;
	vertical-align: top;
}
.filter-submit-area {
	padding: 8px;
	background: #F8F8F8; /* old browsers */
	background: -moz-linear-gradient(top, #F8F8F8 0%, #FCFCFC 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F8F8), color-stop(100%, #FCFCFC)); /* webkit */
}

.search-sort dt.line:hover { text-decoration: none; }

/*pager*/
.pager {
	height: 32px;
	margin: 0 24px;
	background: #e8e8e8;
	text-align: center;
	border: solid 1px #e0e0e0;
	padding: 0 1em;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	overflow: visible;
}
.search-result-header { margin: 0 0 8px 0; }
.search-result-header .pager {
	height: auto;
	margin: 0 0;
	padding: 0;
	background: none;
	border: none;
}
.page {
	display: inline-block;
	margin: 0;
	line-height: 32px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	vertical-align: middle;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	behavior: url(/css/PIE.htc);
	}
.search-result-header .page {
	font-weight: normal;
	font-size: 11px;
	line-height: 24px;
	}
.page a {
	display: block;
	padding: 0 5px;
	color: #585858!important;
	text-decoration: none;
	}

.search-result-header .page a:link { color: #888!important; }

.page a:hover {
	color: #00ba4d!important;
	text-decoration: underline;
	}
.page.now_location,
.page.first_page,
.page.last_page {
	position: relative;
	background: #FFF;
	-webkit-box-shadow: 0 0 3px rgb(188,188,188);
	-moz-box-shadow: 0 0 3px rgb(188,188,188);
	box-shadow: 0 0 3px rgb(188,188,188);
	behavior: url(/css/PIE.htc);
}
.search-result-header .page.now_location,
.search-result-header .page.first_page,
.search-result-header .page.last_page {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-size:11px;
	}
.page.now_location {
	padding: 0 10px;
	font-size: 21px;
	color: #00ba4d;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	}
.search-result-header .page.now_location {
	padding: 0 5px;
	font-size: 11px;
	margin: 0;
	}
.page.first_page,
.page.last_page {
	margin: 0px -12px 0 -12px;
	padding: 0 12px;
	font-size: 12px;
	margin: 2px -6px 0 -6px\9;
	padding: 4px 12px 0 12px\9;
	line-height: 18px\9;
	}
.page.first_page a,
.page.last_page a { line-height: 24px; }
	
.search-result-header .page.first_page,
.search-result-header .page.last_page {
	line-height: 24px;
	margin: 0;
}

.first_page { float: left; }
.last_page { float: right; }

/* modal-delete-tag*/
#modal_delete_tag { cursor: move; }

/*--------------------------------------
  7.TOP
---------------------------------------*/
.contents-section.billboard {
	margin: 0 0 4px 0;
}
.contents-section-inner.billboard {
	width: 588px;
	height: 150px;
	margin: 0 auto 0 auto;
	padding: 0 10px 0 0;
}
/*billboard-banner*/
.box.recommended { background: #e1efd9; padding:7px; }

/* banner list */
.banner-cloud {
	margin: 0 auto 0 auto;
	background:#FFF;
	padding: 8px 8px 2px 8px;
	text-align:center;
	}

.banner-cloud .banner {
	display: inline-block;
	margin: 0 6px 6px 0;
	}
.banner.top-right-recommend { margin: 0 0 2px 0; }

li.banner a:hover img {
	margin: -2px;
	border: solid 2px #d2f28d;
	}
	
.banner_list { margin: 0 0 2px 0; }
.banner_list a:hover {
	border: solid 2px #d2f28d;
	margin: -2px -2px 0 -2px;
	}
.top-right-recommend .banner_list:last-child:hover { margin: -2px -2px -4px -2px; }

#slider {
	position: relative;
	width: 588px;
	height: 120px;
	background: url(/images/moc/slider-loading.gif) no-repeat 50% 50%;
	}

.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
#slider img {
	display: none;
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
#nivo-slice { position: absolute; }

.nivo-controlNav {
	position: absolute;
	width: 100%;
	bottom: -24px;
	margin-right: -4px;
	text-align: center;
}
.nivo-controlNav a {
	position:relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: #c8c8c8;
	margin-right: 4px;
	z-index:99;
	cursor:pointer;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.nivo-controlNav a:hover, .nivo-controlNav a.active {
	background: #ec0000;
	font-weight:bold;
}

.mini-banners { margin: 4px -4px 0 0; }

.mini-banner {
	margin-right: 4px;
	-ms-filter: "alpha( opacity=55 )";
	opacity: 0.55;
}
.mini-banner:hover { -ms-filter: "alpha( opacity=100 )"; opacity: 1; }	
.new-day-recommend {
	margin: 0 auto 16px 0;
	padding: 8px;
	background: #C6DCEF;
}

.g-banner {
	display: block;
	min-height: 56px;
	background: #00ba4d url(../images/moc/guide-banners.png) no-repeat -1px -4px;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
}

.g-banner270 {
	display: block;
	min-height: 56px;
	background: #00ba4d url(../images/moc/guide-banners270.png) no-repeat -1px -4px;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
}

a.g-banner:hover, a.g-banner270:hover { background-color: #9FCB57; }

a.g-banner, a.g-banner270, .g-banner p, .g-banner270 p { text-indent: -9999pt; }

#g-rgst_u { background-position: 0 -74px; }

.contents-section.normal.news { margin: 0 0 16px 0; }

.normal .contents-sectionTitle.news {
	color: #098411;
	font-size: 108%;
	line-height: 24px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.c-img.news {
	position: absolute;
	top: -12px;
	left: 6px;
	display: block;
	width: 56px;
	height: 54px;
}
.news ul { margin: 4px 0 4px 0; }
.news-obj {
    width: 46%;
    float: left;
    margin: 4px 0px 4px 15px;
    padding-right: 5px;
}

.news-obj .news-date {
	padding: 0 12px 0 0;
	color: #444;
	font-weight: normal;
}
.c-img.shopowner {
	position: absolute;
	top: -20px;
	left: 6px;
	display: block;
	width: 56px;
	height: 72px;
	background: url(../images/moc/chara-tenchou.png) no-repeat;
	}
.contents-sectionTitle.shopowner {
	margin-top: -8px;
	padding: 0 0 0 36px;
}
#guide-pixiv_login {
	height: 104px;
	background: #f8f8f8 url(../images/moc/guide-banners270.png) no-repeat; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F2F2F2 98%) url(../images/moc/guide-banners270.png) no-repeat; /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(98%, #F2F2F2)) url(../images/moc/guide-banners270.png) no-repeat; /* webkit */
	background-position: 0 -138px;
}

#guide-pixiv_login .btn-pixiv-s {
	position: relative;
	top: 40px;
	left: 129px;
}
#guide-pixiv_login_s {
	height: 104px;
	background: #f8f8f8 url(../images/moc/guide-banners.png) no-repeat; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F2F2F2 98%) url(../images/moc/guide-banners.png) no-repeat; /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(98%, #F2F2F2)) url(../images/moc/guide-banners270.png) no-repeat; /* webkit */
	background-position: 0 -138px;
}

#guide-pixiv_login_s .btn-pixiv-s {
	position: relative;
	top: 40px;
	left: 50px;
}
#g-rgst_c {
	height: 78px;
	background-position: 0 -250px;
}
#gotoFAQ { background-position: 0 -344px; }
#smartPhone { height: 72px; background-position: 0 -408px; }
.special-melon {
	background: #ededed;
	padding: 12px;
	}
.special-melon li { margin-bottom:-3px; border: solid 3px #FFF; }


/*--------------------------------------
  8.product page
---------------------------------------*/
.box-inner.clap_area { vertical-align: bottom; line-height: 32px; text-align: center; }
.clap_btn {
	width: 96px;
	height: 25px;
	margin-top: -4px;
	padding: 0;
	background: url(../images/moc/sprite.png) no-repeat -220px -520px;
	border: none;
	vertical-align: middle;
	}

.clap_btn:hover { background-position: -316px -520px; }
.clip_btn.disabled { opacity: 0.5; }

.clap_area .count {
	display: inline-block;
	margin-right: 4px;
	font-size: 16px;
	vertical-align: middle;
	}

.product-header { padding: 0 0 4px 0; }

.product_name {
	width: 100%;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	font-size: 133%;
	line-height: 1.125;
	font-weight: normal;
	color: #222;
	border-bottom: solid 1px #a8a8a8;
}
.column-liquid-inner.product_name {
	display: block;
	margin: 0 264px 0 0;
}
.dl-count {
    float: right;
    width: auto;
    font-size: 12px;
}

.product-info { margin: 4px 0 0; }

.product-add-tag { color: #D6004E !important; }

.product-info-inner { margin: 0 264px 0 0; }

.packageImage_box { 
    width: 560px;
    text-align:center;
    float: left;
}

.box-inner.share-productInfo { padding-top: 0; }

.pop-badges {
	display: inline-block;
	vertical-align: middle;
	line-height: 11px;
	zoom:1;
}
.main-item_info.pop-badges {
	display: block;
	min-height: 23px;
}

.product-shop { width: 240px; }

.product-shop-box {
	margin-bottom: 16px;
	background: #F0F5E2;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.55);
	-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.55);
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.55);
}

.product-shop-box .b-upcoming { width: 192px; }

.product-shop-box-foot {
	width: 360px;
	margin: 0 auto;
	text-align: center;
}
.product-shop-box-foot table {
	margin: 0 0 8px 0;
	border-bottom: solid 1px #e8e8e8;
}

.product-shop-box-foot .button { margin: 4px 0; }

.product-shop-box .btn-cart-l {
	width: 133px;
	height: 32px;
	font-size: 13px;
}

.samples { margin-top: 8px; }

/* add delete tag*/
#jipangu-tags { padding:8px; }

.added-tag {
	position: relative;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin: 0 0 4px 0;
	padding: 0 20px 0 6px;
	background: #e8e8e8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/css/PIE.htc);
}
.added-tag a:first-child {
	display: inline-block;
	overflow: hidden;
	min-width: 2em;
}
.delete-tag {
	visibility: hidden;
	position: absolute;
	top: 50%;
	right: 2px;
	display: block;
	width: 16px;
	height: 16px;
	margin: -10px 0 0 0;
	background: url(../images/moc/sprite.png) no-repeat -340px -74px;
	text-indent: -9999pt;
}

.added-tag:hover { background: #80b818; }

.added-tag:hover a {
	color: #FFF;
	text-decoration:none;
}

.added-tag:hover .delete-tag { visibility: visible; }

#inputTagName { width: 202px; }

.menu.share {
	margin: 4px 0 0 0;
	font-size: 11px;
}
.purchase-info th, .purchase-info td {
	vertical-align: bottom;
	font-weight: normal;
	text-align: left;
	font-size: 11px;
}
.product-shop-box .box-inner {
	border-bottom: solid 1px rgba(0,0,0,0.13);
	text-align: center;
}


.description { margin: 0 0 16px 0; }

.produt-info-table tr:nth-child(odd) { background: #EBFAEB; }

.produt-info-table th, .produt-info-table td { padding: 4px 6px; }

.produt-info-table th {
	width: 108px;
	border-right: solid 1px #f8f8f8;
}

.produt-info-table td { border-left: #e8e8e8 1px solid; }

.users { margin: 8px -4px 0 0; }

.menu.user { margin: 2px 4px 2px 0; }

.demo {
	margin: 16px 0 0;
	text-align: center;
}

.product-info-inner .demo.music { margin: 0 auto; }

.sumple-movie { margin: 1em 0; }

.sub-section-inner.sample-movie {
	width: 400px;
	margin: 0 auto;
	}
.item-horizontal.sample {
	margin: 0 0 4px 0;
	width: 120px;
}
#makeReview {
	top: -4px;
	font-size: 11px;
}

/* review area*/
.review-body {
	margin: 16px 0 0;
	padding: 16px 12px;
	border-bottom: dotted 1px #c8c8c8;
	line-height: 1.67;
}
.review-title {
	margin: 0 0 8px 0;
	font-size: 100%;
	color: #222;
	line-height:1.4;
}

#edit-review { display: none; }

.added-tags {
	margin: 8px 0;
	padding: 4px 12px 8px 12px;
	background: #e9e8F6;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/*modal wishlist*/
.modal-contents {
    display: none;
    border: solid 2px #17bb51; 
}

.added-tags dt { line-height:20px; }

.mine, .others, .w-mine { margin: 0 4px 0 0; }

.mine:hover, .w-mine:hover, .others:hover {
	cursor: pointer;
	background: #36C;
	color: #FFF;
}

/* header banner area */
.content-banner-area {
	background: #e9e9e9;
	height: 88px;
	border: 1px solid #dfdfdf;
	width: 650px;
	margin: 0 auto 12px;
}

.content-banner-area a img {
        width: 148px;
	height: 70px;
	margin: 9px 0 0 9px;
}

.content-banner-area a img:hover {
	border-color: #53b04d;
	border-width: 2px;
	border-style: solid;
	margin: 7px -2px -2px 7px;
}

/* main box */
.main_box {
	width: 778px;
	margin: 0 auto;
}

/* recommend area */
.recommend_box { border-color: #4a9c45; }

.recommend_head {
	background: #4a9c45;
	color: #fff;
	text-shadow: none;
	box-shadow: none;
}

.recommend-inner { background:#d2f28d; }

.recommend-product {
	float: left;
	height: 145px;
	margin-left: 5px;
}

.recommend-product img {
	width: 100px;
	height: 100px;
}

.recommend-product span {
	font-size: 11px;
	display: block;
	text-align: left;
	word-wrap: break-word;
	width: 100px;
	padding-top: 5px;
}

.recommend-productName {
	font-size:11px;
	padding-top:3px;
}

#slide-wrap {
	background: #d2f28d;
	position: relative;
	height: 155px;
	top: 0px;
	overflow: hidden;
}

#slide-area {
	position: absolute;
	overflow: hidden;
}

#slide-first {
	float: left;
	margin-left: 5px;
	padding-top: 10px;
}

#slide-second {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-top: 10px;
}

#carouse { 
	width:100%;
	height:100%;
	overflow:hidden;
}

/*--------------------------------------
  8.like users page
---------------------------------------*/
.asideLeft.like-users { position: relative; }
.like-users li {
	float: left;
	margin: 8px 12px;
	text-align: center;
}

/*--------------------------------------
  9.cart page
---------------------------------------*/
.cart-header { position: relative; }
.cart-header .point { font-size: 14px; padding: 0 3px; }

#cartname { margin: 0 0 6px 0; }

.cart-info tfoot th,
.cart-info tfoot td {
	background: none;
	padding: 4px 6px;
	vertical-align: middle;
	border-bottom: #d1e1f1 solid 1px;
}
.cart-info th,
.cart-info td { border-right: none!important; }
.cart-info tbody tr:hover { background: #f8f8f8; }

.thmb-area {
	width: 60px;
	}
.btn-area {
	width: 11em;
	text-align: center;
	}

.shoulder.cart {
	position: static;
	float: right;
}

.cart.aside-item_info { width: 98px; }
	
.cart-tool { text-align: center; }

.btn-gotoCheckOut {
	width: 180px;
	text-indent: -9999pt;
	}
.btn-unusableCheckOut {
        width: 180px;
}
.btn-gotoCheckOut:after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 42px;
	width: 103px;
	height: 23px;
	background: url(/images/moc/sprite.png) no-repeat -409px -314px;
	}

/*wishlist finish page*/
.wishlist-header {
	position: relative;
	padding: 16px 12px;
	border: solid 1px #c8c8c8;
}
.wishlist-header .shoulder {
	top: 12px;
	right: 12px;
}

/*--------------------------------------
  10.download page
---------------------------------------*/
.t_basic.download td,
.t_basic.download th { border-right: none; }

.download-rcmnd {
	margin: 32px 0;
	padding: 16px 24px;
	border: solid 1px #E8e8e8;
}

.selectable-list td { padding: 8px 12px; }

/*--------------------------------------
  11.mypage
---------------------------------------*/
.mypage-header .tab.selected a {
	color: #4CBE62!important;
}
.box.u-profile {
	margin-bottom: 8px;
	background: #e8f0fa;
	border: none;
}
.u-profile-box-foot {
	padding: 4px 12px 8px 12px;
	background: #d1d7e1;
	border-top: solid 1px rgba(255,255,255,0.88);
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.profile-info { margin: 0 0 0 60px; }

.profile-name {
	font-size: 16px;
	line-height: 1.5;
}
.pixiv_id {
	padding: 6px 0 0;
	background:#FFF;
	text-align:center;
}
.menu-vertical.mypage {
	margin-top: -1px;
	padding: 8px 0;
	border-bottom: solid 1px #d8d8d8;
}
.menu-vertical.mypage .ico {
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 6px;
	background: url(../images/moc/sprite-mypage.png) no-repeat 0 0;
	vertical-align: middle;
}
.menu-vertical.mypage a {
	float: left;
	width: 150px;
	margin-top: 5px;
	}

.menu-vertical.mypage .i-profile { background-position: 0 0; }
.menu-vertical.mypage .i-password { background-position: -24px 0; }
.menu-vertical.mypage .i-my_search { background-position: -48px 0; }
.menu-vertical.mypage .i-dl_history { background-position: -72px 0; }
.menu-vertical.mypage .ico.i-wishlist { background-position: -96px 0; }
.menu-vertical.mypage .ico.i-fav_circle { background-position: -144px -24px; }
.menu-vertical.mypage .ico.i-m_review { background-position: -120px 0; }
.menu-vertical.mypage .ico.i-point { background-position: -144px 0; }
.menu-vertical.mypage .ico.i-sales { background-position: 0 -24px; }
.menu-vertical.mypage .ico.i-work_manage { background-position: -24px -24px; }
.menu-vertical.mypage .ico.i-c_profile { background-position: -48px -24px; }
.menu-vertical.mypage .ico.i-add_circle { background-position: -72px -24px; }
.menu-vertical.mypage .ico.i-bank { background-position: -96px -24px; }
.menu-vertical.mypage .ico.i-inquiry { background-position: -120px -24px; }
.menu-vertical.mypage .ico.i-pixivworks { background-position: -2px -46px; }
.gotoWebUL { width:178px; }

.mypage-header {
	margin: 0 24px 16px;
}
.mypage-title {
	color: #299441;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 8px;
}

.asideLeft.main.account { padding: 0px 0 0px 36px; }

.column2-contents.account { margin: 0px 36px 0px 252px; }

.mypage-header .shoulder { top: 6px; }

.shoulder.selectable-list { top: 0; }

/* wishlist*/
.shoulder.wishlist { top: -4px; }

.wishlist-title { margin: 24px 0 0; }

.shoulder.open-wishlistTag {
	top: 42px;
	right: 6px;
}
#changeTagName.opened { background: #c8E8c8; }

#edit_wishtagName, #share {
	display: none;
	position: absolute;
	position: absolute;
	top: 32px;
	padding: 4px;
	background: #000;
	background: rgba(0,0,0,0.72);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#72000000, endcolorstr=#72000000, gradienttype=0);  
	border: none;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.55), inset 0 0 1px rgba(255,255,255,0.55);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.55), inset 0 0 1px rgba(255,255,255,0.55);
	box-shadow: 0 0 8px rgba(0,0,0,0.55), inset 0 0 1px rgba(255,255,255,0.55);
	z-index:4000;
}
#share {
	top: -4px;
	right: 12px;
	margin: 80px 0 0;
	padding: 8px 8px 0 8px;
	color: #f0f0f0;
}
#edit_wishtagName:before, #share:before {
	position: absolute;
	top: -16px;
	content: "";
	width: 0;
	height: 0;
	border: solid 8px transparent;
	border-bottom: solid 8px rgb(0,0,0);
	border-bottom: solid 8px rgba(0,0,0,0.55);
}
#share:before {
	left: auto;
	right: 264px
}

#edit_wishtagName input { vertical-align: middle; }

.wishlist-table td {
	padding: 8px 12px;
	border-top: solid 1px #c8c8c8;
}

.wishlist-table td.wishlist-table-item_summary { padding: 8px 0; }

.wishlist-table-thumb { width: 132px; }

.wishlist-table-btn {
	width: 7em;
	text-align:center;
	vertical-align: middle;
}
.wishlist-table-btn-cart {
	width: 13em;
	text-align:center;
	vertical-align: middle;
}

.w_list-edit_tag { display: none; }

#removeTag, #editTagButton, #editTag { display: none; }

#tell-friend { display: none; }

#wishlist-close { display: none; }

/* review management*/
.item-vertical.review { padding: 16px 12px; }

.item-vertical.review:nth-child(even) { background: #fafcfa; }

.column-liquid-inner.review { margin: 0 0 0 60px; }

.mypage-review-body { padding: 8px 0 16px 0; }

.edit-review_area { margin: 8px 0; }

.review-body { margin: 8px 0; }

.edit-review_area { display: none; }

/* payment setting*/
.mypage-payment td { padding: 8px 12px; }

/*point */
.point-display { margin: 8px 12px; }

.point-display th,
.point-display td { padding: 4px; }

.point-table thead th { border-bottom: solid 1px #d8d8d8; }

.point-table tbody td {
	padding: 8px 12px;
	border-bottom: solid 1px #e8e8e8;
}

.point-table tbody tr:hover { background: #f0f0f0; }

/* profile Image Setting */
.profile-img {
	float: left;
	margin: 0 12px 0 0;
}

.changeImg { display: inline-block; }

.deleteImg {
	clear: none;
	display: inline-block;
}

#uploadImgAre {
	display: none;
	clear: none;
	margin: 16px 0 0;
}

.upload-img { margin: 0 0 8px 0; }

/* mygenre */
.mygenre { margin: 16px 0 0; }

.mygenre th, .mygenre tbody td {
	padding: 8px 0;
	border-bottom: solid 1px #c8c8c8;
	text-align: center;
}

.mygenre th {
	background: #e8f0f8;
	border-bottom: solid 1px #c8e8c8;
}

.mygenre tbody td { vertical-align: middle; }

/* circle management */
.add-work-header { margin: 0 0 16px 0; }
.add-c-section { padding: 8px 0; }
.sale-info input,
.sale-info .dp-choose-date { margin-top: 8px; }
.add-work-input.re_upload.t_basic tbody td { background: #FFF; }
.pixiv-works.pixiv-select { margin-left: 0; }

.item-horizontal.pixiv-work button {
	border: solid 1px #e8e8e8;
	margin: -1px;
	}
.item-horizontal.pixiv-work button.selected,
.item-horizontal.pixiv-work button:hover,
.item-horizontal.pixiv-work button.selected:hover {
	margin: -3px;
	border: solid 3px #d84e9a;
	}

.item-horizontal.pixiv-work button:hover { border: solid 3px  #f2d1e4; }

/* web upload*/
.select-shop { display: inline-block; }
.add-work-input.t_basic { margin: 2em 0; }
.add-work-input.t_basic thead th,
.add-work-input.t_basic td { border-right: none; }
.add-work-input.t_basic thead th { background:#E0e8F0; }

.add-work-input.t_basic tbody th {
	text-align: left;
	width: 13em;
	padding: 8px 12px;
}

#aboutDRM { display: none; }

.adm-works thead th {
	padding: 4px 6px;
	letter-spacing: -1px;
	line-height: 1.5;
	vertical-align: middle;
}
.under_confirmation th,
.under_confirmation td { background: #FFFFF8; }
.under_confirmation.badge { background:#ff3263; border:none; }

#search_genre,
#selected_genre {
	height: 108px;
	margin: 0;
	background: #FFF;
	border: solid 1px #c8c8c8;
	}
#search_genre {
	width: 252px;
	margin-right: 12px;
	}
#search_genre:after {
	position: absolute;
	top: 50%;
	right: -24px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin-top: -12px;
	border: solid 12px transparent;
	border-left-color: #dfebce;
	vertical-align: middle;
}

#selected_genre { width: 45%; }
#genre_name { width: 216px; }

#suggested_name {
	top: 67px;
	left: 11px;
	width: 226px;
	}
#suggested_name .suggest-list {
	max-height: 300px;
	overflow-y: scroll;
	}
	
#selected_genre .added-tag .delete-tag {
	display: block;
	width: 16px;
	min-width: 16px;
	}

/* affriate */
#affi_sales_table { font-family: sans-serif; }
#affi_sales_table th { color:#585858; }

#affi_sales_table tbody tr {
	font-size:26px;
	font-weight: bold;
	color:#181818;
	}
.aff_rank { text-shadow: 0 -1px 0 rgba(255,255,255,0.5), 0 1px 0 rgba(0,0,0,0.5); }
.aff_rank-silver { color:#999; }
.aff_rank-gold { color:#C90; }
.aff_rank-platina { color:#181828; }



#affi_sale_table table,
#affi_sale_table th,
#affi_sale_table td  { border: none; }

#affi_sale_table table {
	width: 96%;
	margin: 0 auto;
	}

#affi_sale_table th,
#affi_sale_table td {
	padding: 4px 6px;
	border-top: 1px solid #c8c8c8;
	text-align: center;
	}
#affi_sale_table th:first-child,
#affi_sale_table td:first-child { text-align: left; }
#affi_sale_table tr:nth-child(odd) { background: #f3f4f6; }

#affi_sale_table tr:hover { background: #FFFFF0; }

#affi_sale_table th { background: #888; color:#FFF; }

/* Webkit animation keyframes */

@-webkit-keyframes animate-stripes {
  from {
    background-position: 0 0;
  }
  
  to {
   background-position: 44px 0;
  }
}

.ui-progress-bar {
	width: 480px;
	height: 32px;
	margin: 8px;
	background: #9DA5B0; /* Old browsers */
	background: -moz-linear-gradient(top, #9DA5B0 0%, #B6BCC6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9DA5B0), color-stop(100%,#B6BCC6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9DA5B0 0%,#B6BCC6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9DA5B0 0%,#B6BCC6 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #9DA5B0 0%,#B6BCC6 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9DA5B0', endColorstr='#B6BCC6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #9DA5B0 0%,#B6BCC6 100%); /* W3C */
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.34), 0 1px 0 rgba(255,255,255,1); 
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.34), 0 1px 0 rgba(255,255,255,1); 
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.34), 0 1px 0 rgba(255,255,255,1); 
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	border: 4px solid #e8e8e8;
}
.ui-progress {
	position: relative;
	height: 30px;
	background: -webkit-gradient(linear, 0 0, 44 44,
		color-stop(0.00, rgba(255,255,255,0.17)),
		color-stop(0.25, rgba(255,255,255,0.17)),
		color-stop(0.26, rgba(255,255,255,0)),
		color-stop(0.50, rgba(255,255,255,0)),
		color-stop(0.51, rgba(255,255,255,0.17)),
		color-stop(0.75, rgba(255,255,255,0.17)),
		color-stop(0.76, rgba(255,255,255,0)),
		color-stop(1.00, rgba(255,255,255,0))
	), -webkit-gradient(linear, left bottom, left top, color-stop(0, #299641), color-stop(1, #74d04c));
  
  /* Mozilla (Firefox etc) background stripes */
  /* Note: Mozilla's support for gradients is more true to the original design, allowing gradients at 30 degrees, as apposed to 45 degress in webkit. 
	background: -moz-repeating-linear-gradient(top left -30deg, 
		rgba(255,255,255,0.17), 
		rgba(255,255,255,0.17) 15px, 
		rgba(255,255,255,0) 15px, 
		rgba(255,255,255,0) 30px
	), -moz-linear-gradient(#74d04c 0%, #299641 100%);*/
	background: -moz-linear-gradient(top, #74d04c 0%, #299641 100%); /* FF3.6+ */
	
	background: -o-linear-gradient(top, #74d04c 0%,#299641 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #74d04c 0%,#299641 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74D04C', endColorstr='#299641',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #74d04c 0%,#299641 100%); /* W3C */
  
	border: 1px solid #4c8932;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
	-webkit-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.55); 
	-moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.55); 
	box-shadow: inset 0 -1px 1px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.55); 
	
	-webkit-background-size: 44px 44px; /* Webkit */
	-moz-background-size: 44px 44px; /* Webkit */
	-webkit-animation: animate-stripes 2s linear infinite;
	
	overflow: hidden;
	
	}

.ui-progress span.ui-label {
  font-size: 1.2em;
  position: absolute;
  right: 0;
  line-height: 33px;
  padding-right: 12px;
  color: rgba(255,255,255,0.8);
  text-shadow: rgba(0,0,0, 0.45) 0 -1px 0px;
  white-space: nowrap;
}

.win .ui-progress span.ui-label { color: rgb(255,255,255); }

/*--------------------------------------
  13.ranking page
---------------------------------------*/
.asideLeft.ranking {
	width: 4em;
	text-align: center;
}

.column-liquid-inner.ranking { margin: 0 0 0 5em; }

.rank.tagranking { width: 3em; }

.ranking.box-subTitle { color: #222; }

/*--------------------------------------
  14.circleList page
---------------------------------------*/
.circle_name-table thead tr { border-bottom: solid 1px #c8c8c8; }

.circle_name-table tbody tr:hover { background: #f8f8f8; }

.t_basic.circle_name-table td { border-right: none; }

a.select-letter {
	display: inline-block;
	margin:  0 0 0 0;
	padding: 0 4px 0 8px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
a.select-letter:hover {
	background: #004B91;
	color: #FFF!important;
	text-decoration: none!important;
}

a.select-letter:before { color: #222; }

a.select-letter:hover { color: #FF8500; }

.select-letter td { text-align: center; }

.select-letter.selected {
	background: #4CBE62;
	color: #FFF!important;
}

.select-letter.selected:hover { color: #FFA500!important; }

.circle_name-table a { text-decoration: underline; }

.circlelist-name a { color: #444; }

#first_letters { display: none; }

.alpfabet { font-weight: bold; line-height: 24px; }

.fifty-lettes { border-collapse: separate; }

.fifty-lettes td { padding: 2px; }
.fifty-lettes tbody th:after {
	content: "";
	display: inline-block;
	width: 2px;
	height: 1em;
	margin: 2px 0 0 12px;
	background: #4CB962;
	}

.fifty-lettes tbody th { vertical-align:middle; }

/* circle-profilePage*/
.circle-avatar,
.pixiv-works h2,
.circle-info {
	margin-top: 8px;
	background: #F2F4F6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
.circle-avatar {
	width: 170px;
	padding: 2px 2px 16px 2px;
	border: solid 1px #D6DEE5;
	text-align: center;
}

.circle-avatar h2 { margin:8px 0; }
.pixiv-works { margin: 0 0 0 186px; }

.pixiv-works h2 {
	padding: 0 8px;
	font-size: 14px;
	line-height: 24px;
	}
.pixiv-works li.item-horizontal {
	width: 150px;
	margin: 8px 6px 8px 0;
	text-align: center;
	}
.item-horizontal.pixiv-work img {
	border: solid 1px #c8c8c8;
	margin: -1px;
	}
	
.item-horizontal.pixiv-work img:hover { border-color: #258FB8; }
.pixiv-works li.item-horizontal input[type="checkbox"] { visibility: hidden; }

.stats {
	margin-top: 8px;
	color: #d84e9a;
	font-size: 11px;
	}
	
.stats dt,
.stats dd { display: inline-block; }

.circle-info {
	margin: 1em 0;
	padding: 1em;
	background: #FFF;
	border: solid 6px #F2F3F4;
	}

.circle-info table { width: 468px; }
.circle-info th, .circle-info td { padding: 4px 6px; }

.circle-banner {
	float: left;
	width: 228px;
	}

/*--------------------------------------
  15.news
---------------------------------------*/
.news.column2-asideRight { 
	width: 228px;
	margin-right: 24px;
}
.news-date {
	margin: 8px 0 16px 0;
	font-weight: bold;
}
.news-list {
	margin: 0 0 8px 0;
	padding: 8px 6px;
	border-bottom: dotted 1px #c8c8c8;
}

/*--------------------------------------
  16.genre tag list
---------------------------------------*/
.tag.genre {
	margin: 0 0 16px 0;
	font-size: 117%;
}

/*--------------------------------------
  17.regist page
---------------------------------------*/
.input-bank.rgst-page { display: none; }
.box.merits {
	display: inline-block;
	width: 48%;
	min-height: 160px;
	vertical-align: top;
}
.box-head.merits {
	padding-left: 60px;
	background: #F69 url(/images/moc/chara-melon-yaruki.png) no-repeat 0 -10px;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.21);
}
.box-inner.merits { padding-right: 132px; }

.c_banner_rgst_area {
	float: left;
}
.c_banner_rgst_area dt,
.c_banner_rgst_area dd {
	display: inline-block;
	vertical-align: middle;
}
.c_banner_rgst_area dt { margin-right: 6px; }

/*20130207 add*/
.rgst-input-guest {
	width: 420px;
	height: 80px;
	border: 1px solid #D4EDF7;
	border-radius: 5px;
	text-align: center;
	padding-top: 20px;
	background-color: #D4EDF7;
}
.rgst-input-btn {
	width: 170px;
	height: 40px;
	line-height: 16px;
	margin: 10px 0 0 0;
}

/*--------------------------------------
  18.search-detail page
---------------------------------------*/

table.search_detail {
	margin: 24px 0 0;
	background: #f8f8f8;
	border-collapse: separate;
}
.search_detail th,
.search_detail td {
	vertical-align: middle;
	border-top: solid 1px #f0f0f0;
	border-bottom: solid 1px #d8d8d8;
}
.search_detail th {
	width: 9em;
	background: #eaeaea;
	padding: 16px 18px;
	color: #585858;
	text-align: right;
}
.search_detail td {
	padding: 8px 12px;
	border-top: solid 1px #fafafa;
}
.search_detail input { margin-bottom:0; }

.sbmt-area.search-detail { text-align: center; padding: 16px; background: #f8f8f8; }

.sbmt-area.search-detail button { font-size: 16px; height: 34px; line-height:34px; }

/*--------------------------------------
  19.age-admin page
---------------------------------------*/
.age-admin { padding-left: 240px; }

/*--------------------------------------
  20.guide page
---------------------------------------*/
.pageBody.guide { padding: 8px 24px 0 24px; }

.column2-contents.guide {
	margin-left: 228px;
	font-size: 13px;
	line-height: 1.8;
	}
.column2-contents.guide .sub-section-title { margin-top: 40px; }
.asideLeft.guide {
	width: 204px;
	padding: 0 12px 0 0;
}
.asideLeft.guide h3 {
	color:#383838;
	font-size: 14px;
	font-weight: bold;
	}

.asideLeft.guide h3 a { color: #298A41; }
.guide .menugroup { width: 312px; }
.column2-contents.guide .ico-help { margin-right: 3px; }

.guide-introduce a {
	display: inline-block;
	opacity: 0.9;
	}
.guide-introduce a:hover {
	position: relative;
	top: -2px;
	opacity: 1;
	}
.guide-figure {
	background: #e8e8e8;
	padding: 4px 6px;
	border: solid 1px #f5f5f5;
	border-top-color: #dedede;
	border-left-color: #dedede;
	color:#359;
	font: bold 13px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
div#three_d_secure {
	margin: 10px 10px 30px;
	background-color: #f6f6f6;
	padding: 15px;
	}
div#three_d_secure h4 {
	font-size: 15px;
	color: #359;
	padding: 5px 0;
	}
div#three_d_secure ul li div {
	color: #c63333;
	margin: 10px 0 0;
	}

/*--------------------------------------
  21. windows setting
---------------------------------------*/
.win dt, .win th,
.win .button,
.win .navbar-tab, .win .category, .win .genre,
.win .main-asideRight-sectionTitle, .win .main-asideLeft-sectionTitle,
.win .sub-section-title, .win .work_title, .win .product_name, .win .modal-contents-header, .win .box-head,
.win .contents-sectionTitle.news,
.win #open_add, .win #gotoPageHead, .win #viewLikeList,
.win .login-title, .win .login label,
.win .rgst-input_table label, .win .rgst-input_table .label, .win label[for="mlad"] { font-weight: bold; }

.win .login label[for="autoLogin"], .win .login label[for="pixiv_autoLogin"],
.rgst-input_table label.checkbox, .rgst-input_table label.radio { font-weight: normal; }

/*--------------------------------------
  22. payment page
---------------------------------------*/

.chara01 {
	background-image: url(/images/static/melonkuro.gif);
	width: 130px;
	height: 135px;
	margin: 35px 0 60px 90px;
	display: block;
	float: left;
}

/* left balloon */
.arrow_box {
	position: relative;
	background: #F7B048;
	border: 4px solid #FCCD89;
	font-size: 20px;
	height: 70px;
	padding: 20px 20px 20px 30px;
	width: 295px;
	border-radius: 20px;
	color: #fff;
	float: left;
	margin-left: 5px;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #F7B048;
	border-width: 10px;
	top: 50%;
	margin-top: -10px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #FCCD89;
	border-width: 15px;
	top: 50%;
	margin-top: -15px;
}


/* right balloon */
.arrow_box_r {
	position: relative;
	background: #F7B048;
	border: 4px solid #FCCD89;
	font-size: 20px;
	height: 70px;
	padding: 20px 20px 20px 30px;
	width: 195px;
	border-radius: 20px;
	color: #fff;
	float: right;
	margin: 60px 0 0 0;
}
.arrow_box_r:after, .arrow_box_r:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_r:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #F7B048;
	border-width: 10px;
	top: 50%;
	margin-top: -10px;
}
.arrow_box_r:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #FCCD89;
	border-width: 15px;
	top: 50%;
	margin-top: -15px;
}

.howtopay-point {
	font-weight: bold;
	font-size: 18px;
	background: #D9F09F;
	padding: 1px 6px 5px 20px;
	background: url(/images/static/howtopay-pointbk.png) repeat;
	border-radius: 30px;
}

.howtopay-h4 {
	background-image: url(/images/static/h4-bitcash.png);
	width: 400px;
	height: 52px;
	border: none;
	margin: 0 0 10px 0;
	text-indent: -9999px;
}
.buybit-h4 {
	background-image: url(/images/static/h4-buybit.png);
	width: 550px;
	height: 52px;
	border: none;
	margin: 0 0 10px 0;
	text-indent: -9999px;
}

.aruyo {
	background-image: url(/images/static/aruyo.png);
	width: 400px;
	height: 200px;
	border: none;
	margin: 0 0 0px 0;
	text-indent: -9999px;
}

.matteru {
	background-image: url(/images/static/matteru.png);
	width: 400px;
	height: 200px;
	border: none;
	margin: 0 0 0px 0;
	text-indent: -9999px;
	margin: 30px 0 0 0;
	float: right;
}
.action-point {
	font-weight: bold;
	font-size: 18px;
	background: #F5C490;
	padding: 1px 6px 5px 20px;
	background: url(/images/static/action-pointbk.png) repeat;
	border-radius: 30px;
}
.bitcashlogo {
	margin: 40px 0 0 40px;
}

/* カテゴリトップ改修 */
.all-link {
    padding: 5px;
}

.large-banner {
    width: 744px;
    margin: 0px auto 5px;
}
.focused-large-banner {
    float: left;
    width: 444px;
    height: 216px;
}
.focused-large-banner img {
    width: 444px;
    height: 216px;
}
.banner-comment-l {
    width: 728px;
    height: 35px;
    margin: 8px auto 0;
    padding: 7px;
    background-color: #FAFFFA;
    border: solid 1px #8CC08C;
    font-size: 12.5px;
}
.banner-comment {
    width: 174px;
    padding: 5px 3px 8px;
    text-align: left;
    color: #345;
}
.large-banner-s {
    float: left;
    width: 150px;
    height: 72px;
    background-color: black;
}
.large-banner-s img {
    width: 148px;
    height: 70px;
    margin: 1px;
}
.large-banner-s img:hover {
    opacity: 0.5;
}

.clear { clear: both; }

.pop-list li { margin: 4px 0px; }
.pop-list a { text-decoration: none; }

/* create_account_mail */
v.mail-nick-only {
  float: left;
  margin: 110px 0 0 0;
}

/* キャンペーン用　終わったら消す */
#ankscjdialog {
	width: 700px !important;
	margin-left: -18px !important;
}

/* ユーザー登録追加要素用　この形で落ち着いたら"17.regist page"（3303行目あたり）の項目にまとめること */
.rgst-top-box {
	position: relative;
	margin: 10px 0 30px;
}
.rgst-top-pixiv {
	position: absolute;
	top: 800px;
	left: 73px;
}
.rgst-top-text {
	position: absolute;
	top: 475px;
	width: 580px;
	left: 90px;
}

// 特設ページ用
.header-special {}

.header-container {
    width: 980px;
    margin: 0 auto;
}

.aside-left {
    float: left;
}

.logo-special {
    position: relative;
    display: block;
    width: 190px;
    height: 46px;
    background: url(/images/special_page/logo.png) no-repeat 0 0;
    text-indent: -9999pt;
}

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

.header-container ul {
    float: left;
    border-left: solid 1px #D8D8D8;
}

.menu {
    float: left;
    width: auto;
    list-style-position: outside;
    list-style: none;
}

.header-container .column2-asideRight ul a {
    display: block;
    width: 6em;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    text-align: center;
    border-right: solid 1px #D8D8D8;
    border-left: solid 1px white;
    color: #666;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    list-style-position: outside;
    list-style: none;
}

#addThisArea {
    float: left;
    width: 332px;
    padding: 10px 12px 5px 24px;
    border-right: solid 1px #D8D8D8;
}

.footer-special {
    border-top: solid 2px #299141;
    background-color: white;
    font-size: 11px;    
}

.footer-special .logo {
    width: 227px;
    height: 47px;
    margin: 0;
    background: url(/images/special_page/logo-footer.png) no-repeat;
}

.footer-special a {
    color: #666;
    font-weight: bold;
}

.footer-bottom {
    padding: 8px 0 28px;
    border-top: solid 1px #C8C8C8;
}

.content-body {
    margin: 0 auto;
    background-color: #fffc00;
}

.content-body-r18 {
    margin: 0 auto;
    background-color: #fd5b84;
}

.main {
    padding-top: 42px;
}

#mainContents {
    clear: both;
    width: 990px;
    background: white repeat scroll center top;
    margin: 0px auto;
}
#mainContents .column-liquid {
    width: 100%;
}
#mainContents .column2-contents {
    width: 97%;
    margin: 0px auto;
}
#mainContents .page-title {
    border-bottom: solid 2px #2EB2CD;
    -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;
    margin: 0 -14px 8px -13px;
    padding: 0 12px;
    background: #F2F2F2;
    background: -moz-linear-gradient(top, #E8E8E8 12%, #F2F2F2 66%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #E8E8E8), color-stop(66%, #F2F2F2));
    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);
    font-weight: bold;
}
#mainContents .contents-section-inner {
    padding: 0px 30px;
}
#mainContents .itemlist { padding-left: 30px;}

.comiket-top {
    text-align: center;
    margin-bottom: -45px;
}
.comiket-top a {
    position: relative;
    top: -288px;
    left: 315px;
}

.horizon-rank {
    margin: 15px 5px;
}
.rank-title {
    font-weight: bold;
    font-size: 18px;
    color: #050d57;
    background: #D9F09F;
    margin-bottom: 10px;
    padding: 8px 6px 5px 20px;
    background: url(/images/static/howtopay-pointbk.png) repeat;
    border-radius: 5px;
}

.item-rank { width: 168px; }

.rank-bar { margin: 5px; }

.rank-desc-s { margin: 5px 0px; }

.goto-cart {
    text-align: right;
    margin-right: 20px;
    padding: 10px 0px;
}



// ゲスト購入のメール認証撤廃に伴う修正
.rgst-paid {
 border: 5px solid #92d9f2;
 height: 140px;
 border-radius: 5px;
 background-color: #f9fdfe;
}

.rgst-paid-num {
 color: #FF4C4C;
 font-size: 20px;
 margin: 20px;
}

.rgst-paid-num span {
 line-height: 20px;
}

.rgst-paid-txt {
 text-align: left;
 margin: 20px;
 display: block;
 width: 540px;
}

# ブログ
.blog {}
.blog .column2-contents {
    margin: 0px 300px 0px 216px;
}
.blog .blog-link {
    margin-bottom: 50px;
}
.blog .title-area {
    margin-top: 15px;
    padding-left: 5px;
}
.blog .title {
    color: #a20;
    font-size: 22px;
    font-weight: bold;
    margin: 0px 5px 7px 0px;
    float: left;
}
.blog .pub-date {
    color: #000;
    font-size: 12px;
    text-align: right;
    margin-right: 5px;
    float: right;
}
.blog hr {
    border: none;
    height: 3px;
    background-color: #ffc090;
    visibility: visible;
    margin-bottom: 10px;
}
.blog .blog-inner hr { height: 1px; }
.blog .blog-inner {
    padding: 0px 5px 30px;
    border-bottom: 1px solid #ffc090;
}
.blog .addthis-area {
    margin-top: 80px;
}
.blog .pager-area {
    text-align: center;
    margin: 30px 0px;
}
.blog h3 {
    border: 2px solid;
    border-color: #ffc090;
    background-color: #fafafa;
    padding: 8px 4px;
    font-size: 16px;
    font-weight: bold;
    margin: 50px 0px 15px 0px;
}
.blog .vertical-line {
    background-color:#ffc090;
    width:5px;
    height:26px;
    float: left;
    position: relative;
    top: -5px;
    margin-right: 10px;
}
.blog h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 30px 0px 10px 0px;
}
.blog a {
    text-decoration: none;
}
.blog a:hover {
    text-decoration: underline;
}
.blog a:visited {
    color: #639;
}
.blog p {
    margin: 5px 0px;
    color: #e80;
}
.blog .column2-asideRight {
    width: 240px;
    margin-right: 24px;
}
.blog h2 {
    background-color: #ffc090;
    color: #800;
}
.blog ul {
    background-color: #fff8f8;
}
.blog .list-date-top {
    color: #88f;
    padding: 0px 20px 0px 10px;
}
.blog .thumb-area {
    width: 20%;
    float: left;
    padding: 5px 5px 20px;
    text-align: center;
    vertical-align: middle;
}
.blog .thumb-area img {
    max-width: 200px;
    max-height: 200px;
}
.blog .article-area {
    width: 75%;
    padding: 10px;
    float:left;
    line-height: 1.60em;
}
.blog .arrow {
    background: url(/images/moc/sprite.png) no-repeat -264px -123px;
    padding-right: 15px;
}
.blog .detail-link {
    background-color: #ffc090;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.blog .detail-link a {
    color: #a20;
    padding: 0px 5px 0px 5px;
}
.blog .section-title {
    background-color: #ffe0b0;
    padding: 3px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.blog .section-title .inner {
    background-color: #ffc090;
    color: #a20;
    padding: 3px 15px;
}
.blog .author {
    float: left;
    padding: 5px 10px;
}

div#campaign_pr {
	font-size: 18px;
	background-color: #edffed;
	border: solid 2px #229b3a;
	margin-bottom: 16px;
}

div#campaign_pr_img {
	float: left;
	margin: 0 10px 0 15px;
}
div#campaign_pr_text {
	line-height: 24px;
	padding: 8px;
}
div#campaign_pr_text, div#campaign_pr_text a {
    text-decoration: none;
    color: #ff00ff;
}
div#campaign_pr_text a:hover {
    text-decoration: underline;
}
div#campaign_pr span { font-size: 23px; }


/* - - - - - - - - - - - - - - - - - - - - -

static page CSS

- - - - - - - - - - - - - - - - - - - - - */

.clear_all {
	clear: both;
}

.magb10 { margin-bottom: 10px;}
.magt15 { margin-top: 15px;}

.static-page h1 {
	background: url(/images/static/h2_bg.gif) repeat-x;
	height: 35px;
	padding: 10px 13px;
	font-size: 14px;
}

.static-page h2 {
	background: url(/images/static/h3_bg.gif) repeat-x;
	height: 22px;
	font-size: 14px;
	padding-top: 6px;
}

.static-page h2 .h2_inner {
	margin: 0 10px;
	border-left: 3px solid #2eb2cd;
	display: block;
	height: 16px;
	padding-left: 10px;
}

.static-page .main.asideLeft {
    width: 270px;
}

.static-page .column2-contents {
    margin: 0 24px 0 300px;
}

.inner_txt {
	margin: 8px 13px 20px 13px;
	clear: both;
	display: table;
	text-align: left;
}

.inner_txt_line {
	margin: 10px 13px 20px 13px;
	clear: both;
	display: table;
	text-align: left;
	border-bottom: 1px solid #b3d7bb;
	padding-bottom: 12px;
}

.box_line {
	border-bottom: 1px solid #b3d7bb;
	padding-bottom: 12px;
}

ul.delta_list1 {
	list-style: none;
	margin: 10px;
}

ul.delta_list1 li {
	background: url(/images/static/delta1.gif) no-repeat left;
	padding: 3px 3px 3px 15px;
}

ul.delta_list2 {
	list-style: none;
	margin: 10px;
}

ul.delta_list2 li {
	background: url(/images/static/delta2.gif) no-repeat left 5px;
	padding: 3px 3px 3px 15px;
}

ul.width_static {
	width: 420px;
}

ul.step_list {
    counter-reset: olcount 0;
	color: #47a25c;
	clear: both;
	margin: 10px 10px 10px 0;
	display: table;
    }

ul.step_list li {
    list-style-type: none;
	padding: 4px 3px;
    }

ul.step_list li .plain_txt {
	color: #313131;
}

dl.qa_list {
	margin: 8px 13px 10px 13px;
}

dl.qa_list dt {
	border-bottom: 1px solid #b3d7bb;
	color: #429b56;
	font-size: 14px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	clear: both;
}

dl.qa_list dd {
	margin-bottom: 25px;
}

dl.qa_list .answer{
	color: #e60011;
	display: block;
	float: left;
	margin-right: 3px;
}

dl.qa_list .answer_box{
	display: block;
	float: left;
	margin-bottom: 25px;
}

.step_title {
	font-size: 14px;
	display: table;
	width: 100%;
}

.step_title .step_num {
	background-color: #d2f28d;
	display: block;
	padding: 4px;
	margin-right: 5px;
	margin-top: -3px;
	float: left;
}

.step_title_plain {
	color: #0075a9;
	font-size: 14px;
	clear: both;
	margin: 10px 0 7px 0;
}

.gotoPageTop {
	width: 100%;
	text-align: right;
	margin: 20px 0;
}

.trans a:hover{
	-ms-filter: "alpha(opacity=80)"; /* IE8 */ 
	filter: alpha(opacity=80); /* IE */ 
	opacity: 0.80; /* safari */ 
	-moz-opacity: 0.80; /* FF */ 
	zoom: 1.0;
}

.trans :hover{
	-ms-filter: "alpha(opacity=80)"; /* IE8 */ 
	filter: alpha(opacity=80); /* IE */ 
	zoom: 1.0;
}

.point_txt {
	background: url(/images/static/delta1.gif) no-repeat left;
	padding: 6px 3px 6px 15px;
	font-size: 14px;
}

.border_box1 {
	border: 1px solid #b3d7bb;
	width: 410px;
	margin-bottom: 14px;
}

.border_box1 .title_s {
	background-color: #ddfbe4;
	font-size: 14px;
	padding: 5px 8px;
}

.border_box1 .title_s .number{
	color: #0075a9;
}


.border_box1 .box_inner {
	padding: 10px;
}

.entry_push {
	text-align: center;
	margin: 25px auto 10px auto;
	padding-top: 20px;
}

.gototop {
	text-align: right;
	margin-bottom: 20px;
}

.img_right {
	float: right;
	margin-left: 10px;
}

/* sub menu */
.subMenu {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

ul.subMenu_list {
	border: 1px solid #2eb2cd;
	display: table;
	margin: 0 auto;
	background: #2EB2CD;
}
.ie7 ul.subMenu_list {
	display: block;
	height: 16px;
}

ul.subMenu_list li {
	float: left;
}
.ie7 ul.subMenu_list li {
	float: none;
	display: inline-block;
	zoom:1;
}

ul.subMenu_list li.title {
	background: #FFF url(/images/static/delta1.gif) no-repeat 10px;
	padding: 3px 10px 3px 25px;
}

ul.subMenu_list li a {
	display: block;
	background-color: #2eb2cd;
	color: #ffffff;
	text-decoration: none;
	padding: 3px 7px;
	margin-left: 1px;
}

ul.subMenu_list li a:hover {
	background-color: #73d8e6;
}

ul.subMenu_list li a.onpage {
	background-color: #73d8e6;
}


/* right left */ 

.static_box_l {
	width: 45%;
	float: left;
	margin-right: 10px;
}

.static_box_r {
	width: 45%;
	float: right;
}

.win h1,
.win .h2_inner,
.win .title_s,
.win .point_txt,
.win .step_title { font-weight: bold; }

/* アフィリエイトガイド */
.guide_header {
	border: 5px solid #ddefe5;
	background-color: #f5fbf8;
	padding-left: 40px;
	margin: 30px 0;
}

.affiliate-area h2 {
	font-size: 16px;
	background: #eff5e6;
	padding: 12px 0 10px 15px;
	border-top: 1px solid #91c9aa;
	border-bottom: 1px solid #91c9aa;
}

.affi-border {
	border: #eff6e7 10px solid;
	padding: 20px;
}

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

.affiliate-area p {
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}

.affiliate-area p.affi-blog {
	display: inline-block;
	margin: 10px;
	vertical-align: top;
}

.blog-osusume {
	background-color: #ffffea;
	padding: 20px;
	margin-top: 20px;
}

.blog-osusume div {
	font-size: 15px;
	color: #ff7200;
	margin-bottom: 10px;
}

.blog-osusume a { text-decoration: none; }

.melon_comment {
	display: block;
	margin: 30px auto;
}

.id_create a {
	width: 492px;
	height: 80px;
	background: url(../images/moc/btn_id_create.png);
	display: block;
	margin: 20px auto 40px;
	text-indent: -9999px;
}

.id_create a:hover {
	width: 492px;
	height: 80px;
	background: url(../images/moc/btn_id_create.png) 0 -80px;
	display: block;
	text-indent: -9999px;
}

.id_create_top a {
	width: 509px;
	height: 85px;
	background: url(../images/moc/btn_id_create_top.png);
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 363px;
	left: 48px;
}

.id_create_top a:hover {
	width: 509px;
	height: 85px;
	background: url(../images/moc/btn_id_create_top.png) 0 -85px;
	display: block;
	text-indent: -9999px;
}

.id_create_icon a {
	width: 600px;
	height: 95px;
	background: url(../images/moc/btn_id_create_icon.png);
	display: block;
	text-indent: -9999px;
}

.id_create_icon a:hover {
	width: 600px;
	height: 95px;
	background: url(../images/moc/btn_id_create_icon.png) 0 -95px;
	display: block;
	text-indent: -9999px;
}

.btn_affi_guide a {
	width: 600px;
	height: 95px;
	background: url(../images/moc/btn_affi_guide.png);
	display: block;
	margin: auto;
	text-indent: -9999px;
}

.btn_affi_guide a:hover {
	width: 600px;
	height: 95px;
	background: url(../images/moc/btn_affi_guide.png) 0 -95px;
	display: block;
	text-indent: -9999px;
}

.affiliate-area h4 {
	font-size: 15px;
	border-left: 5px solid #76c144;
	padding-left: 8px;
	margin-bottom: 10px;
}

.affi-guide-border {
	background: url(../images/moc/border_pattern.jpg);
	padding: 10px;
}

.affi-guide-intro {
	background: #ffffff;
	position: relative;
}

.melonchan_kirakira {
	position: absolute;
	right: 0;
	top: 50px;
}
.guide_get {
	position: absolute;
	left: 25px;
	top: 50px;
}

.guide_main {
	padding-top: 477px;
	padding-bottom: 84px;
}

.bg_service_intro {
	background: url(../images/moc/bg_service_intro.jpg);
	height: 81px;
	background-repeat: repeat-x;
	margin-bottom: 20px;
}

.bg_service_intro img {
	margin: auto;
	display: block;
	padding: 23px;
}

.bg_service_intro + div {
	padding: 0 40px;
	overflow-x: hidden;
}

.centering {
	display: block;
	margin: auto;
}

.affiliate-area p.affi_txt {
	padding: 20px;
}

.affiliate-area p.affi_txt_top {
	padding-top: 20px;
	padding-bottom: 10px;
}

.affiliate-area p.affi_txt_bottom {
	padding-top: 10px;
	padding-bottom: 30px;
}

.affi_start {
	background: #eff6e7;
	margin: 50px auto 20px;
	position: relative;
	height: 355px;
}

.affi_start img:nth-of-type(1) {
	position: absolute;
	right: 0;
	top: 28px;
}

.affi_start img:nth-of-type(2) {
	position: absolute;
	left: 36px;
	top: 50px;
}

.affi_start div.id_create_icon {
	position: absolute;
	left: 36px;
	top: 220px;
}

.guide-head {
	text-align: left;
	padding: 13px 20px;
}

.bangaihen {
	position: relative;
}

.bangaihen span {
	padding-left: 80px;
}

.bangaihen img {
	position: absolute;
	top: -15px;
}

.guide_bottom_nav {
	margin-bottom: 10px;
	padding-left: 8px;
	background: url(../images/moc/guide_bottom_nav.png) no-repeat no-repeat;
	background-position: left center;
}

.pixiv-oauth-button {
    display: block;
    margin: 25px 0px 35px;
}
.pixiv-oauth-button:hover {
    opacity: 0.8;
}

.register-announce {
    width: 930px;
    margin-bottom: 30px;
}
.btn_kaiin {
	display: block;
	margin: 12px auto 24px;
	width: 376px;
}
.btn_kaiin:hover { opacity: 0.8 }
.kaiin_merit {
	display: block;
	margin: 0 auto;
	width: 865px;
}

/* アルバイト募集フォーム 2014/02/21 */
#entry-parttimer .must {
    color: #f00;
}
#entry-parttimer .guideline {
    width: 700px;
    margin: 10px 0px 45px;
    padding: 10px;
    background: #f8f8f8;
    border: solid 1px #ddd;
}
#entry-parttimer .guideline h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 5px;
    border-bottom: solid #53b04d 3px;
}
#entry-parttimer .guideline table tr {
    border: none;
}
#entry-parttimer .guideline table th,
#entry-parttimer .guideline table td {
    padding: 10px;
}
#entry-parttimer .guideline table th {
    width: 15%
}
#entry-parttimer .guideline table td {
    width: 85%
}
#entry-parttimer .sub-section li {
    padding: 5px 0px;
}
#entry-parttimer input {
    margin: 3px 0px;
}
#entry-parttimer #birth-year {
    width: 36px;
}
#entry-parttimer #birth-month,
#entry-parttimer #birth-day {
    width: 18px;
}
#entry-parttimer table {
    width: 700px;
}
#entry-parttimer table tr {
    border-bottom: solid 1px #aaa;
}
#entry-parttimer table tr td {
    padding: 3px 5px;
}
#entry-parttimer table tr .name {
    width: 35%;
}
#entry-parttimer table tr .value {
    width: 65%;
}
#entry-parttimer .sbmt-area {
    background: #ddd;
    width: 700px;
    height: 26px;
    padding: 10px 15px;
}


/* 代行登録紹介ページ */
.daikou .head {
	background: #329900;
	text-align: center;
	padding: 15px 0 10px;
}

.daikou .keyvisual {
	background: url(../images/moc/daikou/bg_keyvisual.jpg) 0 80px;
	text-align: center;
	padding: 12px 0 30px;
}

.daikou .bg_yellow {
	background: #ffe42e;
	border-top: #329900 solid 6px;
	border-bottom: #329900 solid 6px;
	text-align: center;
	padding: 30px 0;
}

.daikou .bg_white {
	background: #fff;
	text-align: center;
	padding: 30px 0;
}

.daikou p {
	color: #333;
	font-size: 16px;
}

.daikou .dib {
	display: inline-block;
	vertical-align: top;
}

.daikou .intro p {
	text-align: left;
	font-size: 17px;
	line-height: 29px;
	margin-top: 38px;
	margin-left: 10px;
}

.daikou .intro .dib + .dib {
	margin-left: 20px;
	margin-top: 12px;
}

.daikou .toha .dib {
	margin: 16px 0 40px;
}

.daikou .toha p {
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	margin-top: 24px;
	margin-right: 20px;
}

.daikou .toha .zu {
	margin-left: -30px;
	margin-bottom: 25px;	
}

.daikou .howto h3 {
	margin-top: 30px;
}

.daikou .howto div.intro {
	text-align: left;
	font-size: 20px;
	line-height: 30px;
	width: 900px;
	margin: 0 auto;
}

.daikou .howto > p {
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	width: 730px;
	margin: 16px auto 0px;
}

.daikou a.btn1 {
	display: block;
	margin: 20px auto 0;
	width: 600px;
	height: 86px;
	background: url(../images/moc/daikou/btn1.png) 0 0;
	text-indent: -9999px;
}

.daikou a.btn1:hover {
	background: url(../images/moc/daikou/btn1.png) 0 -86px;
}

.daikou a.btn2 {
	display: block;
	margin: 20px auto 0;
	width: 600px;
	height: 86px;
	background: url(../images/moc/daikou/btn2.png) 0 0;
	text-indent: -9999px;
}

.daikou a.btn2:hover {
	background: url(../images/moc/daikou/btn2.png) 0 -86px;
}

.daikou a.btn3 {
	display: block;
	margin: 20px auto 0;
	width: 604px;
	height: 90px;
	background: url(../images/moc/daikou/btn3.png) 0 0;
	text-indent: -9999px;
}

.daikou a.btn3:hover {
	background: url(../images/moc/daikou/btn3.png) 0 -90px;
}

.daikou .howto .hosoku {
	color: #333;
	font-size: 12px;
	line-height: 22px;
	text-align: left;
	width: 570px;
	margin: 20px auto 0;
}

.daikou .howto .daikoupt {
	background: #fff;
	border: #329900 4px dashed;
	width: 720px;
	margin: 35px auto 0;
	padding: 30px;
}

.daikou .howto .daikoupt h4 {
	text-align: left;
	margin-bottom: 15px;
}

.daikou .howto .daikoupt p {
	text-align: left;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 15px;
	margin-left: 5px;
}

.daikou .howto .hosoku span,
.daikou .howto .daikoupt p span {
	font-weight: bold;
	color: #cd1f1f;
}

.daikou .howto .daikoupt .grey {
	background: #f2f2f2;
	text-align: left;
	padding: 20px 32px 18px;
}

.daikou .howto .daikoupt .grey h5 {
	color: #fe900e;
	font-size: 18px;
}

.daikou .howto .daikoupt .grey p {
	font-size: 13px;
	line-height: 23px;
	margin: 15px 0 0;
}

.daikou .other div {
	width: 690px;
	margin: 0 auto;
}
.daikou .other div:nth-of-type(1) img {
	margin-left: -50px;
	margin-top: 10px;
}

.daikou .other p {
	width: 620px;
	margin: 26px auto 8px;
	text-align: left;
	line-height: 24px;
	padding-left: 32px;
}

.daikou .other .arrow {
	margin-top: 15px;
	margin-bottom: -20px;
}

.daikou .howto h2 {
	margin-bottom: 20px;
}
.daikou .other h2,
.daikou .faq h2 {
	margin: 10px 0 15px;
}

.daikou .faq img {
	display: block;
	margin: 0 auto;
}

.daikou .faq .faq_a {
	margin: 20px auto 35px;
}

.daikou .last p {
	margin: 38px auto 24px;
}

.daikou .mt50 { margin-top: 50px !important; }

.daikou .mb20 { margin-bottom: 20px !important; }
.daikou .mb30 { margin-bottom: 30px !important; }
.daikou .mb40 { margin-bottom: 40px !important; }

/* 検索結果ページSEO対策 */
.search_result_area {
    font-style: normal;
    border: 4px solid #e6eef5;
    font-size: 14px;
    color: #3e3d3d;
    line-height: 22px;
    padding: 12px 12px 8px;
    margin-bottom: 20px;
}

.search_result_area h1 {
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    margin-bottom: 6px;
}

.search_result_area .title_count {
    color: #00881d;
    font-size: 16px;
}

/* スマホ活用ガイドページ */
.sp_guide {
	background: #f3f3f3;
	color: #333;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	padding-bottom: 20px;
}

.sp_guide .keyvisual {
	background: url(../images/moc/sp_guide/bg_keyvisual.jpg);
}

.sp_guide .bg_h1 {
	background: #fff;
	background-image: url(../images/moc/sp_guide/bg_h1.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	height: 156px;
	margin: 20px 0;
}

.sp_guide .bg_white {
	background: #fff;
	margin-top: 60px;
	padding-bottom: 25px;
}

.sp_guide h2.howto {
	height: 30px;
	background: none;
	margin: 20px 0;
	padding: 24px 0 4px;
}

.sp_guide h2.step {
	background: none;
	padding: 0;
	margin-bottom: 30px;
}

.sp_guide h2.step img {
	margin-top: -28px;
}

.sp_guide h2.muryo_app {
	background: none;
	padding: 0;
	margin-bottom: 30px;
	background: #94d65a;
	height: 56px;
}

.sp_guide h2.yuryo_app {
	background: none;
	padding: 0;
	margin-bottom: 30px;
	background: #5ad697;
	height: 56px;
}

.sp_guide h2.muryo_app img,
.sp_guide h2.yuryo_app img {
	margin-top: -10px;
}

.sp_guide .sp_guidearea {
	margin: 0 20px;
}

.sp_guide .flow {
	background: #93ce5f;
	margin: 20px;
	padding: 25px 0 15px;
}

.sp_guide .dl_flow img {
	display: inline-block;
	vertical-align: middle;
	margin: 15px 0 20px;
}

.sp_guide .dl_flow img + img {
	margin-left: 50px;
}

.sp_guide .osusume_app {
	background: #fff;
	padding-bottom: 30px;
	display: inline-block;
	width: 49%;
	font-size: 28px;
	margin-top: 32px;
}

.sp_guide .osusume_app p { margin: 16px 0 18px; }

.sp_guide .osusume_app p a {
	color: #212121;
	text-decoration: none;
}

.sp_guide .osusume_app p a:hover {
	text-decoration: underline;
}

.sp_guide .osusume_app + .osusume_app {
	margin-left: 1%;
}

.sp_guide .txt_step3 {
	text-align: left;
	text-indent: -1.3em;
	padding-left: 1.3em;
	width: 820px;
	margin: 25px auto 20px;
}

.sp_guide p.hosoku {
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	padding: 20px;
}

.sp_guide .message { margin-top: 25px; }

.login-caution {
    width: 920px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
    font-size: 14px;
}

/* サークル登録トップページ */
.ctop {
	font-family: SourceHanSansJP-Light, YuGothic, 'Yu Gothic', "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	background: url(../images/moc/circle_intro/bg.jpg);
	text-align: center;
	font-size: 15px;
	line-height: 24px;
	padding-top: 30px;
	padding-bottom: 72px;
}

.ctop .yellow {
	border-top: 8px solid #ffea00;
	border-bottom: 8px solid #ffea00;
	background: url(../images/moc/circle_intro/bg_header.jpg);
	padding: 0;
	position: relative;
}

.ctop .keyvisual {
	width: 1280px;
	height: 502px;
	margin: 0 auto;
	background: url(../images/moc/circle_intro/keyvisual.png);
	text-indent: -9999px;
}

.ctop .header a.btn {
	margin-top: -120px;
	margin-bottom: 42px;
}

.ctop a.btn {
	display: block;
	width: 600px;
	height: 78px;
	margin: 0 auto;
	background: url(../images/moc/circle_intro/btn.png) 0 0;
	text-indent: -9999px;
}

.ctop a.btn:hover {
	background: url(../images/moc/circle_intro/btn.png) 0 -78px;
}

.ctop a.btn + p{
	text-align: center;
	margin-top: -30px;
	font-size: 12px;
	margin-bottom: 14px;
}

.ctop .tac { text-align: center; }

.ctop .por { position: relative; }

.ctop p.intro {
	width: 918px;
	margin-top: 40px;
	margin-bottom: 70px;
}

.ctop p {
	margin: 0 auto;
	text-align: left;
}

.ctop .merit {
	display: inline-block;
	background: #fff;
	width: 560px;
	height: 210px;
	position: relative;
	border: 5px solid #ffea00;
	margin-bottom: 12px;
}

.ctop .merit h3 {
	position: absolute;
	top: 25px;
	left: 25px;
}

.ctop .merit p {
	position: absolute;
	top: 72px;
	left: 25px;
	font-size: 13px;
	line-height: 23px;
}

.ctop .merit > img {
	position: absolute;
	right: 35px;
}

.ctop .merit + .merit { margin-left: 12px; }

.ctop .tokuten {
	position: relative;
	width: 980px;
	margin: 30px auto 80px;
}

.ctop .melon {
	position: absolute;
	top: -73px;
	right: 160px;
}

.ctop p.flow {
	width: 934px;
	margin-top: 40px;
	margin-bottom: 80px;
}

.ctop .last {
	position: relative;
	width: 645px;
	margin: 0 auto;
}

.ctop .lemon {
	position: absolute;
	top: -100px;
	left: -240px;
}

.ctop .kuromon {
	position: absolute;
	top: -100px;
	left: 670px;
}

.ctop .mt20 { margin-top: 20px !important; }
.ctop .mt25 { margin-top: 25px !important; }
.ctop .mt30 { margin-top: 30px !important; }
.ctop .mt35 { margin-top: 35px !important; }
.ctop .mt45 { margin-top: 45px !important; }
.ctop .mt50 { margin-top: 50px !important; }
.ctop .mt80 { margin-top: 80px !important; }

.ctop .mb40 { margin-bottom: 40px !important; }