@charset "utf-8";

/*-------------------------------------*/
/* RESET */
/*-------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:bottom;background:transparent}
body{line-height:1;font-size: 13px;color: #666666;min-width: 978px;font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Verdana,sans-serif;-webkit-text-size-adjust:100%;}
ul{list-style:none}
img{border:0;vertical-align:bottom;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display: none;}
input,select{vertical-align:middle}

/*-------------------------------------*/
/* COMMON */
/*-------------------------------------*/
.grid-inner {
	width: 978px;
	margin: 0 auto;
}

.pie {
	position: relative;
	/zoom:1;
}

.toggle-area {
	width: 100%;
	position: relative;
}

.block-left,
ul.newworks-chara-area p.chara-thumb {
	float:left;
}

.block-right,
ul.newworks-chara-area .chara-intro {
	float:right;
}

ul.inblock-list,
ul.newworks-chara-area {
	letter-spacing:-.5em;
}

ul.inblock-list li,
ul.newworks-chara-area li {
	vertical-align:top;
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/zoom:1;
	/display:inline;
	/line-height: 1.2;
}

a.alpha:hover img,
ul.bnr-area a:hover img,
#special-section a:hover img,
.side-cart:hover,
.limited-box-post .more-btn img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE6/7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
}

p.pagetop-btn {
	text-align: right;
}

a {
	color: #3FB1B8;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.under {
	text-decoration: underline;
}

a.under:hover {
	text-decoration: none;
}

.linkbox {
	cursor: pointer;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}

.bx-wrapper {
	position: relative;
}

/*-------------------------------------*/
/* HEADER */
/*-------------------------------------*/
#g-header,
#g-footer {
	font-size: 0.924em;
}

#g-header .header-top {
	background: #0B0B0B;
}

#g-header .header-bottom {
	height: 32px;
	background: url(../images/common/bg_header.png) repeat-x left top;
}

#g-header .header-bottom,
#g-header .header-bottom a {
	color: #FFFFFF;
}

#g-header .header-bottom .block-left {
	width: 560px;
}

#g-header .header-bottom .block-right {
	width: 410px;
	padding-top: 5px;
}

#g-header ul#bread li {
	line-height: 30px;
	background: url(../images/common/bread_bg_01.jpg) no-repeat right center;
	padding: 0 20px 0 10px;
}

#g-header ul#bread li:first-child {
	padding: 0 20px 0 0;
}

#g-header ul#bread li:last-child {
	background: none;
}

#g-header .search-area {
	width: 158px !important;
	border: 1px solid #168B96;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#g-header .search-area,
#g-header .search-area input#s {
	background: #FFFFFF;
}

#g-header .nobnr .search-area {
	width: 205px !important;
}

#g-header .search-area input#s {
	width: 124px;
	height: 14px;
	padding: 1px 0 1px 10px;
	margin: 1px 0 1px 1px;
	border: none;
}

#g-header .nobnr input#s {
	width: 168px;
}

#g-header .search-area input#searchsubmit {
	width: 18px;
	height: 11px;
	margin: 0;
	padding: 0;
	border: none;
	text-indent: -9999px;
	background: url(../images/common/bg_search_input.gif) no-repeat right center #FFFFFF;
	text-transform: capitalize;
}

#g-header ul#share-area {
	text-align: right;
}

#g-header ul#share-area li#twitterbtn {
	overflow: hidden;
}

#g-header ul#share-area li {
	width: 110px;
	padding-left: 10px;
}

#g-header .grid-inner {
	position: relative;
}
#g-header .hasbnr {
	padding: 10px 0;
}

#g-header .hasbnr h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 156px;
}

#g-header .hasbnr .block-right {
	width: 728px;
}

#g-header .nobnr {
	padding: 15px 0 10px;
}

#g-header .nobnr .block-right {
	width: 460px;
	padding-top: 12px;
}

#g-header .header-member-area {
	text-align: right;
	width: 978px;
	margin: 10px auto 0;
	color: #fff;
	overflow: hidden;
}

#g-header .header-member-area a {
	color: #fff;
}

#g-header .header-member-area ul {
	float: right;
}

#g-header .header-member-area li {
	float: left;
}

#g-header .header-member-area li + li {
	margin-left: 20px;
}

#g-header .header-member-area li span {
	display: inline-block;
	line-height: 15px;
}

#g-header .header-member-area li.signup span {
	background: url(../images/common/header_ico_02.jpg) no-repeat left -1px;
	padding-left: 15px;
}

#g-header .header-member-area li.signin span {
	background: url(../images/common/header_ico_03.jpg) no-repeat left -1px;
	padding-left: 15px;
}

#g-header .header-member-area li.mypage span:first-child {
	background: url(../images/common/header_ico_01.jpg) no-repeat left -1px;
	padding-left: 15px;
}

#g-header .header-member-area li.mypage .badge {
	position: relative;
	display: inline-block;
	margin-left: 8px;
	padding: 0 5px;
	height: 15px;
	background: #e91f2b;
	border-radius: 2px;
	line-height: 15px;
	font-size: 0.75em;
}

#g-header .header-member-area li.mypage .badge:before {
	position: absolute;
	top: 4px;
	left: -6px;
	content: '';
	width: 6px;
	height: 6px;
	background: url(../images/common/header_arrow_01.jpg) no-repeat;
}

/*-------------------------------------*/
/* MAINCONTENTS */
/*-------------------------------------*/
#main-contents {
	/*background: url(../images/common/bg_main.gif) no-repeat left top;*/
	padding-bottom: 10px;
	margin-top: -2px;
}

/*-------------------------------------*/
/* LEFTCOLUMN */
/*-------------------------------------*/
#left-column {
	width: 222px;
	padding-top: 30px;
}

ul#g-navi {
	margin-bottom: 30px;
	/*background: url(../images/navi/side_bg_01.png) no-repeat top left;*/
}

ul#g-navi li,
.g-navi-list li{
	background: url(../images/navi/side_bg_02.png) no-repeat 207px 20px;
}

ul.bnr-area {
	padding-bottom: 10px;
}

ul.bnr-area li {
	margin-bottom: 10px;
}

#g-navi-news {
	margin-bottom: 30px;
	position: relative;
	padding: 16px 16px 5px;
	background: #fff;
	border: 4px solid #eee;
	font-size: 0.923em;
}

#g-navi-news .ttl {
	margin-bottom: 14px;
}

#g-navi-news li {
	padding: 11px 0 11px 16px;
	background: url(../images/navi/side_bg_02.png) no-repeat left center;
	line-height: 1.3;
	border-top: 1px dotted #cbcbcb;
}

#g-navi-news .alllist {
	position: absolute;
	top: 16px;
	right: 16px;
}

#g-navi-mypage {
	margin-bottom: 30px;
}

#g-navi-mypage .body {
	padding: 16px;
	background: #fff;
	border: 4px solid #fcdb9c;
	border-top: none;
	font-size: 0.923em;
}

#g-navi-mypage li {
	padding-left: 12px;
	margin-bottom: 14px;
	background: url(../images/navi/side_bg_03.png) no-repeat left center;
}

#g-navi-mypage li a {
	color: #666;
}

#g-navi-mypage .cart a {
	position: relative;
	top: 0;
	left: -1px;
	display: block;
	width: 184px;
	padding: 20px 0;
	text-align: center;
	background: url(../images/navi/side_bg_cart_rep.jpg) repeat-y;
}

#g-navi-mypage .cart a:before,
#g-navi-mypage .cart a:after {
	position: absolute;
	left: 0;
	display: block;
	width: 184px;
	height: 4px;
	content: '';
}

#g-navi-mypage .cart a:before {
	top: 0;
	background: url(../images/navi/side_bg_cart_top.jpg) no-repeat;
}

#g-navi-mypage .cart a:after {
	bottom: 0;
	background: url(../images/navi/side_bg_cart_bottom.jpg) no-repeat;
}

#g-navi-mypage .cart span {
	display: inline-block;
	color: #fff;
	margin-left: 4px;
	padding: 2px 0 2px 10px;
	background: url(../images/navi/side_badge_cart_rep.jpg) no-repeat left center;
}

#g-navi-mypage .cart span i {
	padding: 2px 10px 2px 0;
	background: url(../images/navi/side_badge_cart_r.jpg) no-repeat right center;
	font-style: normal;
}

#g-navi-mypage .cart a:hover {
	text-decoration: none;
}

#g-navi-mypage .camp {
	margin-top: 9px;
	text-align: center;
}

#g-navi-mypage .camp a {
	text-decoration: underline;
}

/*-------------------------------------*/
/* RIGHTCOLUMN - COMMON */
/*-------------------------------------*/
#right-column {
	padding-top: 30px;
	width: 726px;
}

h2.contents-ttl {
	margin-bottom: 37px;
}

.contents-description {
	line-height: 1.5;
	margin-bottom: 35px;
	font-size: 1.077em;
}

.spttl {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

.section-ttl {
	color: #3FB1B8;
	font-weight: normal;
	font-size: 1.385em;
	margin-bottom: 20px;
	background: url(../images/common/bg_section_ttl.gif) no-repeat left top;
	border-bottom: 1px solid #CDCDCD;
}

.section-ttl span {
	width: 100%;
	padding: 15px 0 12px;
	display: inline-block;
}

.toggle-ttl {
	cursor: pointer;
}

.toggle-ttl span {
	background: url(../images/common/bg_toggle_close.jpg) no-repeat right center;
}

.toggle-ttl span.open {
	background: url(../images/common/bg_toggle_open.jpg) no-repeat right center;
}

.booklist li {
	margin-right: 18px;
	padding-bottom: 30px;
}

.booklist li .thumb {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.booklist li p {
	overflow: hidden;
	position: relative;
}

.booklist li span.new {
	position: absolute;
	top: -1px;
	left: -1px;
}

.booklist p span.more {
	position: absolute;
	left: 4px;
	bottom: -27px;
}

.booklist li h3 {
	font-weight: normal;
	line-height: 1.33;
	padding-top: 5px;
	font-size: 0.924em;
}

.Next02-list li{
	width: 100% !important;
	line-height: 1.5;
}

#archive-searchbox {
	background: #ECECEC;
	padding: 15px 20px;
	margin-bottom: 40px;
}

#archive-searchbox .block-left {
	width: 181px;
}

#archive-searchbox .block-right {
	width: 485px;
}

#archive-searchbox .block-right .block-right,
#archive-searchbox .block-right .block-left {
	width: auto;
	border-right: none;
}

#archive-searchbox li {
	padding-right: 10px;
}

#archive-searchbox li,
#archive-searchbox p {
	padding-top: 3px;
}

#archive-searchbox select {
	width: 155px;
	border: none;
	color: #666666;
}

#book-header .block-left {
	width: 203px;
}

#book-header p.book-thumbnail {
	padding-bottom: 10px;
	background: url(../images/common/book_thumbnail_bg_01.jpg) no-repeat left bottom;
}

#book-header p.book-thumbnail img {
	border: 1px solid #CCCCCC;
}

#book-header ul.book-more-btn li {
	margin-top: 10px;
}

#book-header ul.book-more-btn li span {
	display: block;
	padding-top: 5px;
	font-size: 0.847em;
	line-height: 1.3;
}

#book-header .block-right {
	width: 504px;
}

.searchresult-list>li {
	position: relative;
	padding-bottom: 15px;
}

.searchresult-list .label-pointback {
	position: absolute;
	top: 41px;
	left: 46px;
}

.searchresult-list .label-scoreup {
	position: absolute;
	top: 41px;
	left: 100px;
}

.searchresult-list .item-ttl {
	margin: 12px 0;
	line-height: 1.286;
	font-size: 1.077em;
	text-align: left;
	font-weight: normal;
}
.searchresult-list .item-data {
	font-size: 0.923em;
	line-height: 1.5;
}
.searchresult-list .item-price {
	margin: 14px 0;
	font-size: 1.077em;
	color: #E91F2B;
}
.searchresult-list .item-point {
	padding-left: 40px;
	text-align: left;
	margin-top: 5px;
	font-size: 0.923em;
	font-weight: bold;
	line-height: 17px;
	color: #E91F2B;
}
.searchresult-list .item-point img {
	margin-right: 5px;
}

.searchresult-list .img {
	display: inline-block;
	margin: 23px 0 5px;
	padding: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	        border-radius: 4px;
}
.searchresult-ctrl {
	text-align: right;
}
.searchresult-ctrl li {
	display: inline-block;
}
.searchresult-ctrl input {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	position: absolute;
	left: -50%;
}
.searchresult-ctrl input+label {
	padding: 5px 8px 5px 24px;
	border: 1px solid #ccc;
	background: url(../images/common/action_check_bg_off.gif) no-repeat 8px 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	        border-radius: 4px;
	font-size: 0.857em;
	cursor: pointer;
}
.searchresult-ctrl input+label.checked {
	background-color: #3fb1b9;
	border-color: #3FB1B9;
	color: #fff;
	background-image: url(../images/common/action_check_bg_on.gif);
}

span.book-group {
	width: 100% !important;
	display: block;
	font-weight: normal;
	margin-bottom: 10px;
}

.book-group {
	width: 150px;
	text-align: center;
	font-size: 0.923em;
	margin-bottom: 15px;
	color: #FFFFFF;
	padding: 3px 0;
	line-height: 1.2;
}

.bunko-tag {
	background: #2DA2E7;
}

.comics-tag {
	background: #EC9629;
}

.comicsnext-tag {
	background: #52B999;
}

.comicsex-tag {
	background: #C07060;
}

.subete-tag {
	background: #C060A7;
}

.illust-tag {
	background: #93C65B;
}

.separate-tag {
	background: #58B9C7;
}

.novel-tag {
	background: #955EC3;
}

.silf-tag {
	background: #C28764;
}

#book-header .meta-box h3 {
	font-size: 1.286em;
	line-height: 1.3;
	margin-bottom: 12px;
}

#book-header .meta-box ul {
	margin-bottom: 10px;
}

#book-header .meta-box ul#book-intro,
#book-header .book-content {
	line-height: 1.84;
}

#book-header ul#author-info li {
	padding-right: 15px;
}

#book-header ul#author-info span {
	color: #3FB1B8;
}

#book-intro .score a {
	display: block;
	margin-top: -5px;
	font-size: 0.857em;
}

#book-intro-2 {
	line-height: 1.5;
	font-size: 0.857em;
}

#book-header .meta-box {
	margin-bottom: 20px;
	font-size: 1.077em;
}
#book-header .meta-box a {
	text-decoration: underline;
}
#book-header .meta-box a:hover {
	text-decoration: none;
}
#book-header .meta-box img {
	vertical-align: -3px;
	margin-right: 5px;
}
#book-header .meta-box-em {
	font-weight: bold;
	color: #e91f2b;
}
#book-header .meta-box-em-2 {
	font-weight: bold;
	color: #df396f;
}

#book-header h4 {
	color: #e91f2b;
	line-height: 1.61;
	margin-bottom: 15px;
	font-size: 1.077em;
}

#book-header .book-content {
	font-size: 1.077em;
}

.page-main-ttl {
	text-align: center;
	font-size: 1.693em;
	line-height: 1.3;
	color: #3FB1B9;
	background: url(../images/common/title_bg_01.gif) no-repeat center bottom #ECECEC;
	padding: 7px 7px 11px;
	margin-bottom: 13px;
}

.page-main-ttl span {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	display: block;
	background: #FFFFFF;
	padding: 20px 10px 15px;
}

ul#page-section-link {
	text-align: center;
	padding-bottom: 45px;
}

ul#page-section-link li {
	border-right: 1px solid #666666;
	padding: 0 15px;
	margin-bottom: 5px;
}

ul#page-section-link li:first-child {
	border-left: 1px solid #666666;
}

#number-box-01 h3.section-ttl span {
	background: url(../images/common/number_box_bg_01.gif) no-repeat right center;
}

#number-box-02 h3.section-ttl span {
	background: url(../images/common/number_box_bg_02.gif) no-repeat right center;
}

#number-box-03 h3.section-ttl span {
	background: url(../images/common/number_box_bg_03.gif) no-repeat right center;
}

#number-box-04 h3.section-ttl span {
	background: url(../images/common/number_box_bg_04.gif) no-repeat right center;
}

#number-box-05 h3.section-ttl span {
	background: url(../images/common/number_box_bg_05.gif) no-repeat right center;
}

#number-box-06 h3.section-ttl span {
	background: url(../images/common/number_box_bg_06.gif) no-repeat right center;
}

#number-box-07 h3.section-ttl span {
	background: url(../images/common/number_box_bg_07.gif) no-repeat right center;
}

#number-box-08 h3.section-ttl span {
	background: url(../images/common/number_box_bg_08.gif) no-repeat right center;
}

#number-box-09 h3.section-ttl span {
	background: url(../images/common/number_box_bg_09.gif) no-repeat right center;
}

#number-box-10 h3.section-ttl span {
	background: url(../images/common/number_box_bg_10.gif) no-repeat right center;
}

#number-box-11 h3.section-ttl span {
	background: url(../images/common/number_box_bg_11.gif) no-repeat right center;
}

#number-box-12 h3.section-ttl span {
	background: url(../images/common/number_box_bg_12.gif) no-repeat right center;
}

#number-box-13 h3.section-ttl span {
	background: url(../images/common/number_box_bg_13.gif) no-repeat right center;
}

#number-box-14 h3.section-ttl span {
	background: url(../images/common/number_box_bg_14.gif) no-repeat right center;
}

#number-box-15 h3.section-ttl span {
	background: url(../images/common/number_box_bg_15.gif) no-repeat right center;
}

p.notice-box-txt {
	background: #ECECEC;
	border: 1px solid #CCCCCC;
	padding: 10px 20px;
	line-height: 1.2;
	margin-bottom: 15px;
	color: #3F3F3F;
	font-size: 1.077em;
}

p.notice-box-txt span {
	font-weight: bold;
}

.bannerlink p {
	background: url(../images/common/bannerlink_bg_01.jpg) no-repeat left bottom;
	padding-bottom: 13px;
	position: relative;
}

.bannerlink p a {
	display: block;
	padding: 4px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#pagenavi {
	margin-bottom: 40px;
}

#pagenavi,
#page-pn-navi {
	text-align: center;
}

#pagenavi li,
#page-pn-navi li {
	margin-right: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #C0C0C0;
	background: url(../images/common/pagenavi_bg_01.jpg) repeat-x left bottom #FFFFFF;
}

#pagenavi li:hover,
#page-pn-navi li:hover {
	border: 1px solid #3FB1B9;
}

#pagenavi li a:hover,
#page-pn-navi li a:hover {
	color: #3FB1B9;
}

#pagenavi li.previous a,
#pagenavi li.next a,
#pagenavi li.previous span,
#pagenavi li.next span {
	padding: 7px 20px;
}

#pagenavi li.previous,
#page-pn-navi li.prev {
	margin-right: 20px;
}

#pagenavi li.next {
	margin-left: 20px;
}

#pagenavi li.current {
	background: #3FB1B9;
	border: 1px solid #3FB1B9;
	color: #FFFFFF;
}

#pagenavi li:last-child {
	margin-right: 0;
}

#pagenavi li a,
#pagenavi li span,
#page-pn-navi li a {
	display: inline-block;
	padding: 7px 10px;
}

#pagenavi li a,
#page-pn-navi li a {
	color: #525252;
}

/*-------------------------------------*/
/* FOOTER */
/*-------------------------------------*/
#g-footer {
	text-align: center;
}

#g-footer .grid-inner {
	padding-top: 20px;
}

#site-footer-navi {
	background: #ECECEC;
	border-top: 1px solid #D3D3D3;
	margin-bottom: 20px;
}

#site-footer-navi ul {
	padding-bottom: 20px;
}

#site-footer-navi li,
#dengeki-footer-navi ul.inblock-list li {
	padding: 0 10px;
}

#site-footer-navi li {
	border-right: 1px solid #555555;
}

#site-footer-navi a {
	color: #555555;
}

#site-footer-navi li:first-child {
	border-left: 1px solid #555555;
}

#common_footer_main p {
	vertical-align: middle;
}

#footer_tensen {
	display: none;
}

#g-footer #footer_family,
#g-footer #footer_maga,
#g-footer #common_footer_main {
	-webkit-text-size-adjust:100% !important;
}

/*-------------------------------------*/
/* CLEARFIX */
/*-------------------------------------*/
.clfix {
	zoom:1;
}

.clfix:after {
	content:"";
	display:block;
	clear:both;
}

/*-------------------------------------*/
/* jScrollPane STYLE */
/*-------------------------------------*/
.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: red;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background: #ccc;
	position: relative;
}

.jspDrag {
	background: #222;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow {
	height: 16px;
}

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}

/*-------------------------------------*/
/* IMAGES - Entry Content */
/*-------------------------------------*/
.alignleft,
.alignright,
img.alignleft,
img.alignright {
	display: inline;
}
.alignleft,
img.alignleft {
	float: left;
	margin-right: 5px;
}
.alignright,
img.alignright {
	float: right;
	margin-left: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*-------------------------------------*/
/* NOTICE */
/*-------------------------------------*/

.notice {
	margin-bottom: 40px;
	padding: 34px;
	background: #fef4f4;
	border: 1px solid #f0626a;
	line-height: 1.571;
	text-align: center;
	font-size: 1.077em;
	color: #333;
}
.notice p+p {
	margin-top: 13px;
}
.notice a {
	text-decoration: underline;
}
.notice a:hover {
	text-decoration: none;
}
.notice-red {
	color: #e91f2b;
}
.notice-big {
	font-size: 1.429em;
	font-weight: bold;
}

/*-------------------------------------*/
/* ADD FUNCTION */
/*-------------------------------------*/

.action-section {
	padding-bottom: 30px;
}
.action-section p {
	margin: 20px 0;
	font-size: 1.077em;
}
.action-btn {
	margin: 20px 0 10px;
	text-align: center;
}

.table-base {
	background: #fff;
	width: 100%;
	line-height: 1;
	table-layout: fixed;
	border-collapse: collapse;
}
.table-base td,
.table-base th {
	vertical-align: middle;
	border: 1px solid #dbdbdb;
	text-align: left;
	font-weight: normal;
	font-size: 1.077em;

}
.table-base th {
	width: 165px;
	padding: 24px;
	background: #f2f2f2;
}
.table-base.th-align-top th {
	vertical-align: top;
}
.table-base th * {
	vertical-align: top;
}
.table-base th span {
	margin-left: 8px;
	font-size: 0.714em;
	color: #E91F2B;
}
.table-base td {
	padding: 16px;
}
.table-base input[type="text"],
.table-base input[type="password"]{
	padding: 0 10px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(170, 170, 170);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: inset 1px 1.732px 2px 0px rgba(4, 0, 0, 0.1);
  box-shadow: inset 1px 1.732px 2px 0px rgba(4, 0, 0, 0.1);
  width: 278px;
  height: 28px;
  font-size: 1em;
  color: #666;
}
.table-style-02 th {
	padding: 8px 0;
	text-align: center;
	font-size: 0.929em;
}
.table-style-02 td {
	padding: 30px 0;
	text-align: center;
}

.dl-table-base {
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-top: none;
	line-height: 35px;
}
.dl-table-base dt {
	float: left;
	width: 145px;
	padding-left: 15px;
	background: #EEE;
	border-top: 1px solid #ccc;
}
.dl-table-base dd {
	overflow: hidden;
	padding-left: 20px;
	border-top: 1px solid #ccc;
}
.dl-table-base dd span {
	font-weight: bold;
}

.dl-table-base-02 {
	border-bottom: 1px solid #3fb1b9;
	line-height: 30px;
	font-weight: bold;
}
.dl-table-base-02 dt {
	float: left;
	width: 80px;
	text-align: center;
	background: #ebf7f8;
	border-top: 1px solid #3fb1b9;
	color: #26A1AA;
}
.dl-table-base-02 dd {
	overflow: hidden;
	padding-left: 10px;
	border-top: 1px solid #3fb1b9;
	color: #E91F2B;
}
.dl-table-base-02 dd span {
	font-weight: bold;
}


.text-small {
	font-size: 0.857em;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-red {
	color: #E91F2B;
}

.design-ckbox {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	position: absolute;
	left: -50%;
}
.design-ckbox+label {
	cursor: pointer;
	display: inline-block;
	line-height: 14px;
	padding-left: 16px;
	background: url(../images/common/action_check_off.jpg) no-repeat left center;
}
.design-ckbox+label.checked {
	background: url(../images/common/action_check_on.jpg) no-repeat left center;
}

.design-radio{
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	position: absolute;
	left: -50%;
}
.design-radio+label {
	cursor: pointer;
	display: inline-block;
	margin-right: 26px;
	padding-left: 22px;
	background: url(../images/common/action_radio_off.jpg) no-repeat left center;
}
.design-radio+label.checked{
	background: url(../images/common/action_radio_on.jpg) no-repeat left center;
}

.design-select,
.design-select-02 {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	 height: 30px;
	padding: 0 30px 0 8px;
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #FFF url(../images/common/action_select_bg_01.jpg) no-repeat center right;
	line-height: 30px;
	font-size: 1em;
	cursor: pointer;
	color: #6a6a6a;
}
.design-select-02 {
	height: 24px;
	padding: 0 30px 0 10px;
	background: #FFF url(../images/common/action_select_bg_02.jpg) no-repeat top right;
}

.btn-area {
	margin: 40px 0;
	text-align: center;
}
.btn-area input+input {
	margin-left: 20px;
}

.form-btn-01,
.form-btn-02,
.form-btn-03,
.form-btn-04,
.form-btn-05,
.form-btn-06,
.form-btn-07,
.form-btn-08,
.form-btn-09,
.form-btn-10,
.form-btn-11,
.form-btn-12,
.form-btn-13,
.form-btn-14,
.action-btn-change,
.action-btn-cancel,
.action-btn-auth {
	display: inline-block;
	overflow: hidden;
	width: 300px;
	height: 60px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	white-space: nowrap;
	text-indent: -9999px;
	border: none;
	outline: none;
	cursor: pointer;
}
.form-btn-01:hover,
.form-btn-02:hover,
.form-btn-03:hover,
.form-btn-04:hover,
.form-btn-05:hover,
.form-btn-06:hover,
.form-btn-07:hover,
.form-btn-08:hover,
.form-btn-09:hover,
.form-btn-10:hover,
.form-btn-11:hover,
.form-btn-12:hover,
.form-btn-13:hover,
.form-btn-14:hover,
.action-btn-change:hover,
.action-btn-cancel:hover,
.action-btn-auth:hover {
	opacity: 0.7;
	-moz-opacity: 0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE6/7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
}
.form-btn-01 { /* ログイン?*/
	background-image: url(../images/common/action_btn_next_07.jpg);
}
.form-btn-02 { /* 認証する?*/
	background-image: url(../images/common/action_btn_next_03.jpg);
}
.form-btn-03 { /* 戻る(グレイ)?*/
	background-image: url(../images/common/action_btn_back_03.jpg);
}
.form-btn-04 { /* 購入する?*/
	background-image: url(../images/common/action_btn_next_05.jpg);
}
.form-btn-05 { /* 退会しない */
	background-image: url(../images/common/action_btn_back_04.jpg);
}
.form-btn-06 { /* 退会の手続き（グレイ）?*/
	background-image: url(../images/common/action_btn_next_08.jpg);
}
.form-btn-07 { /* 退会する（グレイ）?*/
	background-image: url(../images/common/action_btn_next_10.jpg);
}
.form-btn-08 { /* 戻る（レッド）?*/
	background-image: url(../images/common/action_btn_back_02.jpg);
}
.form-btn-09 { /* コース解約の手続き?*/
	background-image: url(../images/common/action_btn_next_04.jpg);
}
.form-btn-10 { /* ショッピングを続ける */
	background-image: url(../images/common/action_btn_back_01.jpg);
}
.form-btn-11 { /* 決済方法選択へ */
	background-image: url(../images/common/action_btn_next_11.jpg);
}
.form-btn-12 { /* 確認画面へ */
	background-image: url(../images/common/action_btn_next_01.jpg);
}
.form-btn-13 { /* 交換する */
	background-image: url(../images/common/action_btn_next_09.jpg);
}

p.form-btn-notice {
	margin: -10px 0 20px;
	font-size: 1em;
}
p.form-btn-notice a {
	text-decoration: underline;
}
p.form-btn-notice a:hover {
	text-decoration: none;
}

.action-btn-change {
	width: 70px;
	height: 30px;
	background-image: url(../images/common/action_btn_change.jpg);
}
.action-btn-cancel {
	width: 45px;
	height: 30px;
	background-image: url(../images/common/action_btn_cancel.jpg);
}
.action-btn-auth {
	width: 80px;
	height: 30px;
	background-image: url(../images/common/action_btn_auth.gif);
}

.point-data {
	background: #FFF;
	overflow: hidden;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1.385em;
}
.point-data-bm40 {
	margin-bottom: 40px;
}
.point-data>li {
	float: left;
	width: 241px;
	border: 1px solid #C9CCD1;
}
.point-data>li+li {
	border-left: none;
}
.point-data dt {
	background-repeat: no-repeat;
	height: 70px;
	padding-top: 13px;
	text-align: center;
	line-height: 1.2;
	color: #FFF;
}
.point-data dt span {
	display: block;
}
.point-data .point-data-add {
	width: 240px;
}
.point-data .point-data-now dt {
	background-image: url(../images/common/point_data_ttl_now.jpg);
}
.point-data .point-data-add dt {
	background-image: url(../images/common/point_data_ttl_add.jpg);
}
.point-data .point-data-expire dt {
	background-image: url(../images/common/point_data_ttl_expire.jpg);
}
.point-data dd {
	padding: 0 0 20px;
	text-align: center;
}
.point-data dd * {
	vertical-align: baseline;
}
.point-data dd span {
	font-size: 1.889em;
}
.point-data .point-data-now dd {
	color: #888;
}
.point-data .point-data-add dd {
	color: #0094d2;
}
.point-data .point-data-expire dd {
	color: #e33842;
}
.point-data-4col>li {
	width: 180px;
}
.point-data-4col dt {
	background-repeat: no-repeat;
	height: 70px;
	padding-top: 13px;
	text-align: center;
	line-height: 1.2;
	color: #FFF;
}
.point-data-4col .point-data-add {
	width: 181px;
}
.point-data-4col .point-data-cont dt {
	background-image: url(../images/common/point_data_ttl_cont.jpg);
}
.point-data-4col .point-data-now dt {
	background-image: url(../images/common/point_data_ttl_now_02.jpg);
}
.point-data-4col .point-data-add dt {
	background-image: url(../images/common/point_data_ttl_add_02.jpg);
}
.point-data-4col .point-data-expire dt {
	background-image: url(../images/common/point_data_ttl_expire_02.jpg);
}
.point-data-4col .point-data-cont dd {
	color: #71b131;
}
.ttl-right-link {
	position: relative;
}
.ttl-right-link .link {
	position: absolute;
	display: inline-block;
	width: auto;
	padding: 0;
	top: 18px;
	right: 0;
	line-height: 15px;
	font-size: 0.667em;
}
.ttl-right-link .link a {
	text-decoration: underline;
	color: #666;
}
.ttl-right-link .link a:hover {
	text-decoration: none;
}
.ttl-right-link .link.question {
	padding-left: 18px;
	background: url(../images/common/question_ico_02.gif) no-repeat;
}

/*-------------------------------------*/
/* SIDE */
/*-------------------------------------*/

.side-pagetop {
	/*margin-top: -20px;*/
	margin-bottom: 30px;
	text-align: center;
}
.side-cart {
	display: block;
	padding: 24px 0;
	width: 182px;
	border: 1px solid #3fb1b9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}
.side-cart:hover {
	text-decoration: none;
}
.side-cart img {
	padding-right: 4px;
}
.side-cart span {
	padding: 3px 10px 2px;
	background: #e60012;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	color: #fff;
}
.side-cart span.noitem {
	background: #999;
}

.progressbar-base.ui-widget-content  {
	border: solid 1px #ccc;
	background-color: #e8e8e8;
	-webkit-box-shadow: inset 1.5px 2.598px 2px 0px rgba(4, 0, 0, 0.1);
	box-shadow: inset 1.5px 2.598px 2px 0px rgba(4, 0, 0, 0.1);
	width: 180px;
	height: 13px;
}
.progressbar-base.ui-corner-all {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.progressbar-base .ui-widget-header {
	border: none;
	padding: 1px;
	background: url(../images/navi/side_sdc_bg_01.jpg) top left;
}

#side-search-form .ck {
	margin-top: 5px;
}
#side-search-form .ck * {
	vertical-align: middle;
}
#ssf-input {
	padding: 0 6px;
	border: solid 1px rgb(170, 170, 170);
	-webkit-border-radius: 4px 0 0 4px / 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px / 4px 0 0 4px;
	border-radius: 4px 0 0 4px / 4px 0 0 4px;
	border-right: none;
	background-color: rgb(255, 255, 255);
	-webkit-box-shadow: inset 1.5px 2.598px 2px 0px rgba(4, 0, 0, 0.1);
	box-shadow: inset 1.5px 2.598px 2px 0px rgba(4, 0, 0, 0.1);
	width: 161px;
	height: 28px;
	font-size: 1em;
}
#ssf-submit {
	width: 45px;
	height: 30px;
	padding: 0;
	outline: none;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	cursor: pointer;
	background: url(../images/navi/side_btn_search_form.jpg) no-repeat;
}

#top-keyword {
	margin-bottom: 30px;
}
#top-keyword ul {
	padding: 15px;
	border: 1px solid #36aeaf;
	border-top: none;
	font-size: 0.923em;
	line-height: 1.6;
}
#top-keyword li {
	display: inline-block;
	margin-right: 10px;
}
#top-keyword a {
	text-decoration: underline;
}
#top-keyword a:hover {
	text-decoration: none;
}

#search-store {
	margin-bottom: 30px;
}
#search-store .header {
	text-align: center;
	padding-bottom: 12px;
}
#search-store .block {
	border-top: 1px solid #cbcbcb;
	margin-bottom: 10px;
	padding-top: 10px;
}
#search-store .block-inner {
	padding: 10px 15px;
	background: #ecf7f8;
}
#search-store .block ul {
	overflow: hidden;
	margin-left: -8px;
}
#search-store .block li {
	float: left;
	margin-top: 8px;
	margin-left: 8px;
}

#side-search-form {
	margin-bottom: 30px;
}

#side-dengeki-club {
	margin-bottom: 30px;
}
#side-dengeki-club .sdc-body {
	background: #fff;
	padding: 15px;
	border: 4px solid #000;
	border-top: none;
}
#side-dengeki-club .sdc-wlcmsg {
	line-height: 1;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 1.231em;
	color: #333;
}
#side-dengeki-club ul.sdc-lvdata,
#side-dengeki-club ul.sdc-lvdata2 {
	color: #333;
	font-size: 0.923em;
/*	overflow: hidden;*/
	display: table;
	width: 100%;
}
#side-dengeki-club ul.sdc-lvdata li,
#side-dengeki-club ul.sdc-lvdata2 li {
	display: table-cell;
	vertical-align: middle;
}
#side-dengeki-club ul.sdc-lvdata li+li,
#side-dengeki-club ul.sdc-lvdata2 li+li{
	text-align: right;
}
#side-dengeki-club ul.sdc-lvdata li:first-child dl {
	font-weight: bold;
	display: table;
	width: 100%;
}
#side-dengeki-club ul.sdc-lvdata li:first-child dt,
#side-dengeki-club ul.sdc-lvdata li:first-child dd {
	display: table-cell;
	vertical-align: middle;
}
#side-dengeki-club ul.sdc-lvdata li:first-child dd {
	font-size: 1.5em;
	color: #d71625;
}
#side-dengeki-club ul.sdc-lvdata li+li span {
	font-weight: bold;
}
#side-dengeki-club ul.sdc-lvdata2 {
	margin-bottom: 15px;
	font-weight: bold;
	line-height: 20px;
}
#side-dengeki-club ul.sdc-lvdata2 li+li span {
	color: #d71625;
}
#side-dengeki-club .sdc-btn li+li {
	margin-top: 10px;
}
#side-dengeki-club .sdc-about-link {
	margin-top: 12px;
	font-size: 0.923em;
	text-align: center;
}
#side-dengeki-club .sdc-about-link span {
	display: inline-block;
	padding-left: 20px;
	line-height: 15px;
	background: url('../images/common/question_ico_01.gif') no-repeat;
}
#side-dengeki-club .sdc-about-link a {
	text-decoration: underline;
}
#side-dengeki-club .sdc-about-link a:hover {
	text-decoration: none;
}
#side-dengeki-club .sdc-logout-link {
	margin-top: 10px;
	text-align: center;
	font-size: 0.923em;
}
#side-dengeki-club .sdc-logout-link a {
	text-decoration: underline;
}
#side-dengeki-club .sdc-logout-link a:hover {
	text-decoration: none;
}
#sdc-lv-progress {
	margin: 6px 0;
}
#sdc-balloon {
	position: absolute;
	display: none;
	width: 178px;
	height: 63px;
	background: url('../images/common/bg_dbc_balloon.png') no-repeat;
	padding-top: 27px;
	line-height: 1.43;
	text-align: center;
	font-size: 1.077em;
	font-weight: bold;
	color: #e91f2b;
	z-index: 1000;

}


#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
/*-------------------------------------*/
/* 20160420セット販売用 */
/*-------------------------------------*/
#type_bulk{
  display:none;
}
/*-------------------------------------*/
/* 20160525商品詳細_セット商品キャンペーン用 */
/*-------------------------------------*/
#bulk_campaign{
  font-weight: bold;
}
/*-------------------------------------*/
/* 20160525商品詳細_セット商品購入時の注意事項用 */
/*-------------------------------------*/
#bulk_note_title{
  background-color: #ffcc99;
  color: #e91f2b;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  width: 100%;
  display: inline-block;
  margin-top: 20px;
}
#bulk_note_body{
  color:#e91f2b;
}
/*-------------------------------------*/
/* 20161209_CLUB1周年特別スコアGETボタン用 */
/*-------------------------------------*/
.club1stanniv {
  margin: 15px 0px;
  text-align: center;
}
.club1stanniv span.publicity{
  font-size:14pt;
  font-weight: bold;
  color: #ee8500;
}
.club1stanniv span{
  padding: 5px;
  display: block;
}
/*-------------------------------------*/
/* 20161209_パンくずリスト崩れ対策用 */
/*-------------------------------------*/
#g-header ul#bread {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: clip;
}