/* =====================================================================
*
*	common css
*	201205edit
*
* =================================================================== */

.xlfont {font-size:1.84em !important;}	/* 22px */
.llfont {font-size:1.5em !important;}	/* 18px */
.lfont {font-size:1.34em !important;}	/* 16px */
.mfont {font-size:1.17em !important;}	/* 14px */
.msfont {font-size:1.02em !important;}	/* 13px */
.nfont {font-size:1em !important;}	/* 12px */
/*.sfont {font-size:0.92em !important;}*/	/* 11px */
.ssfont {font-size:0.84em !important;}	/* 10px */
.sssfont {font-size:0.75em !important;}	/* 9px */


/* global class
--------------------------------------------------*/

.dib {
	display: inline-block;
	/*display: inline;*/
	/*zoom: 1;*/
}
.dtc {
	display: table-cell;
	/*display: inline;*/
	/*zoom: 1;*/
}

.corange { color: #FF5A00; }

.strong{
font-weight:bold;
}

/* float */
.floatr { float: right; }
.floatl { float: left; }


/*------------ common buttton ------------*/

/* グレー大ボタン */
.cm_btn_ll a {
background-position:10px 50%;
font-size:1.3em;
line-height:47px;
text-shadow:-1px -1px 1px #333333;
}
.cm_btn_l a {
background-position:10px 50%;
font-size:1.15em;
line-height:30px;
text-shadow:-1px -1px 1px #333333;
}
/* グレー中ボタン */
.cm_btn_m a {
background-position:8px 50%;
line-height:25px;
text-shadow:-1px -1px 1px #333333;
}
/* グレー小ボタン */
.cm_btn_s a {
background-position:5px 50%;
font-size:11px;
line-height:15px;
font-weight:normal;
}
/* グレーボタン アイコン付き */
.cm_btn_arrow a {
background-image:url(/resources/a/pc/common/images/icon_wt_m_right.png) !important;
background-repeat:no-repeat !important;
background-position:10px 50% !important;
}

/* グリーン小ボタン */
.gr_btn_s a {
background-position:5px 50%;
font-size:11px;
line-height:15px;
font-weight:normal;
}


/* グレーボタン詳細 */
.cm_btn_ll a,
.cm_btn_l a,
.cm_btn_m a,
.cm_btn_s a {
display:block;
text-decoration:none;
text-align:center;

background-color:#4D4D4D;
background-image:none;
background-repeat:no-repeat;
border:1px solid #383838;
color:#FFFFFF;

border-radius:3px;
}
.cm_btn_ll a,
.cm_btn_l a,
.cm_btn_m a{
box-shadow:2px 2px 4px 0px #DCDCDC;
}
.cm_btn_ll a:hover,
.cm_btn_l a:hover,
.cm_btn_m a:hover,
.cm_btn_s a:hover {
background-color:#313131;
}
.cm_btn_ll a span,
.cm_btn_l a span,
.cm_btn_m a span,
.cm_btn_s a span {
display:block;
padding:2px 7px 0px;

border-radius:2px;

box-shadow:inset 0px 1px 0px 0px #7A7A7A;
}
.cm_btn_ll a:active span {
border-bottom:1px solid #969696;
line-height:46px;
box-shadow:inset 0px 2px 0px 2px #000000;
}
.cm_btn_l a:active span {
border-bottom:1px solid #969696;
line-height:29px;
box-shadow:inset 0px 2px 0px 2px #111111;
}
.cm_btn_m a:active span{
border-bottom:1px solid #969696;
height:24px;
box-shadow:inset 0px 2px 0px 2px #000000;
}
.cm_btn_s a:active span{
border-bottom:1px solid #969696;
/*height:14px;*/
box-shadow:inset 0px 2px 0px 2px #000000;
}

.cm_btn_l.off a {
	color:#FFFFFF;
	text-shadow:-1px -1px 1px #AAAAAA;
	cursor: default;
    background-color: #C9C9C9;
    border: 1px solid #9A9A9A;
    font-weight: bold;
}
.cm_btn_l.off a:hover {
	background-color:#C9C9C9;
}
.cm_btn_l.off a span {
	border-bottom:1px solid #C9C9C9;
	box-shadow:inset 0px 1px 0px 0px #D7D7D7;
}
.cm_btn_l.off a:active span {
	border-bottom:1px solid #C9C9C9;
	box-shadow:inset 0px 2px 0px 2px #C9C9C9;
}

/*グリーンボタン：カートに入れる 詳細*/
#container .gr_btn_s a {
display:block;
text-decoration:none;
text-align:center;

background-color:#69A707;
background-image:url(/resources/a/pc/v2/images/product/product_btn_s_into.png);
background-image:none;
background-repeat:no-repeat;
border:1px solid #619D03;
color:#FFFFFF;

border-radius:3px;
line-height: 1.5 !important;
}

#container .gr_btn_s a:hover {
background-color:#5A9300;
}
#container .gr_btn_s a span {
display:block;
padding:2px 7px 0px;

border-radius:2px;
box-shadow:inset 0px 1px 0px 0px #ADC980;
}

#container .gr_btn_s a:active span{
border-bottom:1px solid #969696;
box-shadow:inset 0px 2px 0px 2px #548606;
}


/* ボタン小：カートを見る */
.product_btn_s_look a {
background-color:#FFFFFF;
background-image:url(/resources/a/pc/v2/images/product/product_btn_s_look.png);
border:1px solid #969696;
font-weight:normal;
color:#69A707;
}
.product_btn_s_look a:hover {
background-color:#F1F1F1;
}
.product_btn_s_look a span {
border-bottom:1px solid #FFFFFF;
box-shadow:inset 0px 1px 0px 0px #FFFFFF;
text-indent:10px;
}
.product_btn_s_look a:active span {
border-bottom:1px solid #FFFFFF;

box-shadow:inset 0px 2px 0px 2px #E7E7E7;
}


/* ボタン小：カートに入れる */
#container .product_btn_s_into a {
background-image:url(/resources/a/pc/v2/images/product/product_btn_s_into.png);
}
#container .product_btn_s_into a span {
text-indent:10px;
}
#container .product_btn_s_into a:active span {
line-height:14px;
}


/* ボタン小：購入済み */
.product_btn_s_buyon a {
background-color:#FFFFFF;
background-image:url(/resources/a/pc/v2/images/product/product_btn_s_buyon.png);
border:1px solid #969696;
font-weight:normal;
color:#FF5A00;
}
.product_btn_s_buyon a:hover {
background-color:#F1F1F1;
}
.product_btn_s_buyon a span {
border-bottom:1px solid #FFFFFF;
box-shadow:inset 0px 1px 0px 0px #FFFFFF;
text-indent:10px;
}
.product_btn_s_buyon a:active span {
border-bottom:1px solid #FFFFFF;
/*line-height:15px;*/
box-shadow:inset 0px 2px 0px 2px #E7E7E7;
}
/* ボタン小：キープ済み */
.product_btn_s_keepon a {
background-color:#FFFFFF;
background-image:url(/resources/a/pc/v2/images/product/product_btn_s_keepon.png);
border:1px solid #969696;
font-weight:bold;
color:#FF5A00;
}
.product_btn_s_keepon a:hover {
background-color:#F1F1F1;
}
.product_btn_s_keepon a span {
border-bottom:1px solid #FFFFFF;
line-height:16px;
box-shadow:inset 0px 1px 0px 0px #FFFFFF;
text-indent:10px;
}
.product_btn_s_keepon a:active span {
border-bottom:1px solid #FFFFFF;
box-shadow:inset 0px 2px 0px 2px #E7E7E7;
}

#main .area_common{
    background:#FFFFFF;
    padding-bottom: 40px;
    _zoom: 1;
    overflow: hidden;
}
.area_common--boundary {
    border-top: 1px solid #DDDDDD;
}
#main .area_common .area_inner {
    width:680px;
    margin: 0 auto;
    padding-bottom: 20px;
}
#main .area_common .area_inner .area_inner:last-child {
    padding-bottom: 0;
}
#main .area_common > .area_inner:last-child {
    padding-bottom: 0;
}


/* main area
--------------------------------------------------*/

.area_title{
height:40px;
color:#FFFFFF;
margin-bottom:10px;
}
.area_title h2.title_image{
height: 40px;
display: block;
overflow: hidden;
float: left;
text-indent: -9999px;
background:url(/resources/a/pc/v2/images/top/bg_title_category.png) no-repeat;
}
.area_title .large{
font-size:15px;
font-weight:bold;
line-height:40px;
display:block;
float:left;
}
.area_title .button{
/*font-size: 0.98em;*/
float:right;
display: block;
text-align: center;
margin:4px 4px 0 0;
}
.area_title .button > span,
.area_title .button a > span{
width: 178px;
height:30px;
line-height:30px;
}


/* #area_allbook
--------------------------------------------------*/

#area_allbook .area_title{
padding-left:50px;
background:#3A549E url(/resources/a/pc/common/images/icon_h.png) no-repeat 15px -160px;
margin-bottom:10px;
}

#area_allbook .area_title h2{
width: 100px;
background:url(/resources/a/pc/v2/images/top/bg_title_category.png) no-repeat left -360px;
}

#area_allbook .area_title .small{
font-size:82%;
float:left;
font-weight:bold;
display:block;
line-height:40px;
margin-left:20px;
}

/*******************************************************************************/

.bg_arrow_right_black {
	padding-left: 20px;
	background:transparent url(/resources/a/pc/common/images/bg_arrow_right_black.png) 5px 50% no-repeat !important;
}

a.target_blank{
	padding-right: 12px;
	background: url(/resources/a/pc/common/images/icon_link.png) no-repeat 100% 50%;
}

ul.asta{
	padding:  0;
	margin: 0;
}
ul.asta li{
	list-style: none;
	text-indent: -1em;
	padding: 0 0 0 1em;
}

/* ------------------------------------------------------------------------------------------------------------------------------
 *
 *	Common CSS (.common_css)
 *	2013-03 制作Ｔ：　航
 *
 */


/* Button elements (2013-03 制作Ｔ：　航)
 *-----------------------------------------------------------*/
.common_css .btn {
	display: inline-block;
    position: relative;
    width: auto;
	height: 35px;
	box-sizing: border-box;
	line-height: 35px;
	font-size: 100%;
	overflow: hidden;

	-webkit-touch-callout: none;
	-webkit-user-select: none; /*テキスト選択できないように*/
	-khtml-user-select: none;
	user-select: none;
}

.common_css .btn.action {
	border: 1px solid #AAAAAA;
	background: #FFFFFF; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */

    box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px;
	color: #333333;
	text-shadow: 0px 1px #FFFFFF;
}

.common_css .btn .btn_txt {
	color: #333333;
	display: block;
	padding: 0 8px;
	line-height: inherit;
}

/* 本 books
 book elements (2013-03 制作Ｔ：　航)
--------------------------------------------------*/



/* JS book carousel (2013-03 制作Ｔ：　航)
 *-----------------------------------------------------------*/
.common_css.carousel_module {
	position: relative;
}

.common_css .carousel .book {
	margin: 0 5px;
}

.common_css .carousel .book .book_cover {
    width: 100%;
    height: 150px;
    position: relative;
}

.common_css .carousel .book .book_cover a {
    width: 100%;
    max-height: 150px;
    text-align: center;
    position: absolute;
    bottom: 4px;
}

.common_css .carousel .book .book_cover img {
	max-width: 101px;
	max-height: 146px;
}

.common_css .slider_next,
.common_css .slider_prev {
	background: none;
	height: 35px;
    width: 31px;
    margin: 0;
	padding: 0px;
	position: absolute;
	display: block;
	bottom: 1px;
}
.common_css .slider_next{
    right: 0px;
    display: block;
    z-index: 1012;
}

.common_css .slider_prev{
    left: 0px;
    display: block;
    z-index: 1011;
}

.common_css .slider_next .btn,
.common_css .slider_prev .btn{
	width: 35px;
	padding: 0 0px;
	border-width: 1px;
	border-color: #999999; border: none;
	overflow: hidden;
}
.common_css .slider_prev .btn{
	text-align: right;
}
.common_css .slider_next .btn{
	position: absolute;
    right:0;
}
.common_css .slider_prev .btn .btn_txt{
	width: 35px;
	background: url("../images/main_viz_arrow.png") no-repeat 11px -19px transparent;
	text-indent: 9999px;
	text-transform: capitalize;
	padding: 0;
}
.common_css .slider_next .btn .btn_txt{
	width: 35px;
	background: url("../images/main_viz_arrow.png") no-repeat 14px 12px transparent;
	text-indent: 9999px;
	text-transform: capitalize;
	padding: 0;
}
.common_css.carousel_module .pagination {
    display: block;
    text-align: center;
	height: 37px;
	line-height: 37px;
	background: #EEEEEE;
}
.common_css.carousel_module .pagination em{
    color: #333333;
    font-style: normal;
    margin: 0 2px;
	-webkit-touch-callout: none;
	-webkit-user-select: none; /*テキスト選択できないように*/
	-khtml-user-select: none;
	user-select: none;
	cursor: pointer;
}

.common_css.carousel_module .pagination a {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    display: inline-block;
}
.common_css.carousel_module .pagination a.selected,
.common_css.carousel_module .pagination em.selected {
    color: #FF5A00;

}