/*設定*/
.leftbox { float: left;}
.rightbox { float: rigth;}
.color-a { color: #993333;}
.mg15r { margin-right: 15px;}
.mg15b { margin-bottom: 15px;}
.end { clear: both;}
.mono-caption { font-size: 80%;}


/*トップページカテゴリのタイトル部分*/
.category_title {
background-color: #f3f3f3;
padding: 5px;
font-size: 110%;
color: #01a25b;
font-weight: bold;
}
.category_title a,
.category_title a:hover {
color: #01a25b;
font-weight: bold;
}

/*トップページ検索部分*/
.pickupicon img {
margin-bottom: -3px;
margin-right: 5px;
}

/*Not Foundページ*/
#notfound h1 {
font-size: 300%;
font-weight: bold;
line-height: 110%;
}

/*会員登録-ログイン*/
.loginimg-box {
border-bottom: 1px solid #A9A9A9;
padding-bottom: 5px;
margin-bottom: 15px;
text-align:center;
}

/*モノショップについて*/
.monotitle {
color:#FFF;
background-color:#000;
padding: 6px 5px;
}

/*レザーセレクション＆ページ用*/
.pagesubt {
color:#000;
background-color:#DDDDDD;
padding: 6px 5px;
}

/*ブックス*/
.bookstable th {
text-align:center;
background-color:#FFF;
}

/*商品詳細ページ*/
div#bookdetailarea {
margin: 10px auto 25px auto;
}
div#bookdetailarea .booktitle {
font-size: 120%;
font-weight: bold;
border-bottom: 3px solid #9c9c9c;
padding: 0 0 3px 3px;
margin: 5px 0 -5px 0;
}
div#booknoticearea {
margin-bottom: 25px;
}
div#booknoticearea .title{
ont-size: 110%;
font-weight: bold;
background-color: #d8d8d8;
padding: 2px 0 2px 2px;
}
div#booknoticearea .subtitle {
font-weight: bold;
margin: 7px 0 2px 0;
}

/*フィギュア王限定商品のご注意*/
#attend-t {
color:#F00;
border: solid 1px #F00;
font-size: 200%;
text-align: center;
font-weight: bold;
margin-bottom: 20px;
padding: 3px 0;
}
#attend-subt {
font-size: 150%;
font-weight: bold;
}
.attend-cts dt{
font-size: 120%;
padding-bottom: 3px;
margin-bottom: 5px;
font-weight: bold;
border-bottom: dotted 1px #333;
}
.attend-cts dd{
margin-bottom: 10px;
}

/*左イベントバナー*/
.eventbnr_left{
  float: left;
  width: 50%;
  padding-right: 1%;
  margin-bottom: 2%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.eventbnr_right{
  float: left;
  width: 50%;
  padding-left: 1%;
  margin-bottom: 2%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*フリーレイアウトページ編集用*/
.noborder-table {
border-collapse: collapse;
border: 0px solid #000000;
margin: 0 auto;
text-align: left;
}
.noborder-table td{
border: 0px solid #000000;
}
.noborder-table th{
border: 0px solid #000000;
}

.noborder-table-m {
/*border-collapse: collapse;*/
border: 0px solid #000000;
margin: 5px;
text-align: left;
}
.noborder-table-m td{
border: 0px solid #000000;
}
.noborder-table-m th{
border: 0px solid #000000;
}

/*フリーレイアウトページ　商品一覧 */
.mono_item {}

	.mono_item .item_list { margin: 20px 0 0 -30px; }
	.mono_item .item_list li { padding-left: 30px; width: 140px; }
	.mono_item .item_list li .photo { width: 138px; height: auto; }
	.mono_item .item_list li img { width: 100%; }
	/*.mono_item img { width: 100%; }*/
	.mono_item_title img { width: 100%; }

@media only screen and (max-width: 1000px) {

.mono_item .item_list { margin-left: -2%; }
.mono_item .item_list li { padding-left: 2%; width: 23%; }
.mono_item .item_list li .photo { width: 100%; }
.mono_item .item_list li .photo img { width: 100%; }
}
@media only screen and (max-width: 700px) {
.mono_item .item_list li { width: 47.5%; margin-bottom: 10px; }
}

/*フリーレイアウトページ　レザーアイテムボタンの設定 */
.leather_btn {}
.leather_btn ul { overflow:hidden; margin-bottom:10px; width:648px; margin: 0 auto;}
.leather_btn li { width:108px; height:70px; display:inline-block; float:left;}
/************************************************
 min-width: 875px
************************************************ */
@media only screen and (max-width: 875px) {
.leather_btn ul {overflow:hidden; margin-bottom:10px; width:540px; margin-right:auto; margin-left:auto;}
}
/************************************************
 min-width: 730px
************************************************ */
@media only screen and (max-width: 730px) {
.leather_btn ul {overflow:hidden; margin-bottom:10px; width:324px; margin-right:auto; margin-left:auto;}
}


/*フリーレイアウトページ　特集用カテゴリ4つボタン */
.cate04-btn {}
.cate04-btn ul { overflow:hidden; margin-bottom:10px; width:652px; margin: 0 auto;}
.cate04-btn li { width:163px; height:60px; display:inline-block; float:left;}
/************************************************
 min-width: 875px
************************************************ */
@media only screen and (max-width: 875px) {
.cate04-btn ul {overflow:hidden; margin-bottom:10px; width:540px; margin-right:auto; margin-left:auto;}
}
/************************************************
 min-width: 730px
************************************************ */
@media only screen and (max-width: 730px) {
.cate04-btn ul {overflow:hidden; margin-bottom:10px; width:328px; margin-right:auto; margin-left:auto;}
}

/*フリーレイアウトページ　２カラムテンプレート */
.mono-twocolumnbox {}
.mono-twocolumnbox h2 {font-size: 120%; margin-bottom:10px;}
.mono-twocolumn-left {
float:left;
width:58%;
margin-bottom:40px;
}
.mono-twocolumn-right {
float:right;
width:38%;
margin-bottom:40px;
}
.mono-twocolumnbox .cap { font-size: 80%;}

/*フリーレイアウトページ　２カラムテンプレート０２ */
.mono-twocolumnbox2 {}
.mono-twocolumnbox2 h2 {font-size: 120%; margin-bottom:10px;}
.mono-twocolumn2-left {
float:left;
width:38%;
margin-bottom:20px;
}
.mono-twocolumn2-right {
float:right;
width:58%;
margin-bottom:20px;
}

/*フリーレイアウトページ　２カラムテンプレート０3 */
.mono-twocolumnbox3 {}
.mono-twocolumnbox3 h2 {font-size: 120%; margin-bottom:10px;}
.mono-twocolumn3-left {
float:left;
width:48%;
margin-bottom:20px;
}
.mono-twocolumn3-right {
float:right;
width:48%;
margin-bottom:20px;
}

/*フリーレイアウトページ　２カラムテンプレート０4 */
.mono-twocolumnbox4 {margin:3px; padding: 3px; border-bottom:#c8c8c8 solid 1px;}
.mono-twocolumnbox4 h2 {font-size: 120%; margin-bottom:10px;}
.mono-twocolumn4-left {
float:left;
width:45%;
margin: 0;
}
.mono-twocolumn4-right {
float:right;
width:51%;
margin: 0;
}
.red-bold{font-weight: bold; color: #FF0000;}

/************************************************
 min-width: 700px
************************************************ */
@media only screen and (max-width: 700px) {
.mono-twocolumn-left { float:none; width:100%;}
.mono-twocolumn-right { float:none; width:300px; margin: 0 auto;}

.mono-twocolumn2-left { float:none; width:300px; margin: 0 auto;}
.mono-twocolumn2-right { float:none; width:100%;}

.mono-twocolumn3-left { float:none; width:90%; margin: 0 auto;}
.mono-twocolumn3-right { float:none; width:90%; margin: 0 auto;}

.mono-twocolumn4-left { float:none; width:90%; margin: 0 auto;}
.mono-twocolumn4-right { float:none; width:90%; margin: 0 auto;}
}