@charset "utf-8";

/************************************************
 ブロック用
************************************************ */
/*** 目次 ***

▼ブロック共通
リスト
タイトル
ヘッダー上、フッター下のブロックエリア

▼各機能ブロックの指定
-新着情報
-現在のカゴの中
-カテゴリ
-ガイドリンク
-ログイン（サイド用）
-検索
-カレンダー
-おすすめ商品
    * 商品詳細のオススメ商品   [whobought_area]
*/


/* ==============================================
ブロック共通
    * #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */
.side_column {
    overflow-x: hidden; /* IE6 表示乱れ防止 */
    overflow-y: hidden; /* IE6 表示乱れ防止 */
}
.side_column .block_body,
#main_column .block_body {
/*
    border: solid 1px #ccc;
    border-top: none;
*/
}
.side_column .block_body .box {
/*
    border: solid 1px #ccc;
    width: 145px;
*/
}

/* 外枠
----------------------------------------------- */
#container .block_outer {
    padding: 0 15px 10px; /* #container の背景色を欠けさせないため敢えて padding */
}
#container #main_column .block_outer {
    padding: 0 0 20px;
}
#container .side_column .block_outer {
    padding: 0 7% 10px;
}

/* リスト
----------------------------------------------- */
/* ログイン 検索条件 */

#container .block_outer .block_body dl.formlist {
    margin-bottom: 8px;
}
#container .block_outer .block_body dl.formlist dd {
    margin-bottom: 5px;
}
#container .block_outer .block_body dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    /* background: url("../img/icon/ico_arrow_03.gif") no-repeat left; */
}
#container .block_outer .block_body dl.formlist span {
    vertical-align: top;
}

dl.formlist dd input[type="text"],
dl.formlist dd input[type="password"]{
    width:100% !important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}




/* タイトル
----------------------------------------------- */
/* タイトルの背景 白 */

#leftcolumn h2.title_bloc,
#rightcolumn h2.title_bloc,
#bottomcolumn h2.title_bloc{
font-size:16px !important;
color:#e47911;
font-weight:normal;
border-bottom:1px solid #dddddd;
padding-bottom:4px;
margin-bottom:10px;
}
#main_column h2.title_bloc{
font-size:18px !important;
color:#e47911;
font-weight:normal;
border-bottom:1px solid #dddddd;
padding-bottom:4px;
clear:both;
margin-bottom:10px;
}


#login_area h2,
#search_area h2,
#calender_area h2,
#cart_area h2,
#cart h2 {
    padding: 5px 0 8px 10px;
    border-style: solid;
    border-color: #f90 #ccc #ccc;
    border-width: 1px 1px 0;
    background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom;
    font-size: 14px;
}
#category_area h2 {
    border-top: solid 1px #f90;
    background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom;
    padding: 5px 0 8px 10px;
    font-size: 14px;
}

/* タイトルの背景 オレンジ */

/*
#recommend_area h2,
.recommend_area h2,
#bottomcolumn #recommend_area h2{
font-size:18px !important;
color:#e47911;
font-weight:normal;
border-bottom:1px solid #dddddd;
padding-bottom:4px;
clear:both;
}

#news_area h2,
#tr_ranking h2,
#ch_ranking h2,
h2.rank_tit {
font-size:16px !important;
color:#e47911;
font-weight:normal;
border-bottom:1px solid #dddddd;
padding-bottom:4px;
margin-bottom:10px;
}
*/


/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */

/* ===============================================
▼新着情報
=============================================== */
#news_area .news_contents {
text-align:left;
}
#news_area dl.newslist {
    background: url("../img/background/line_dot_01.gif") repeat-x bottom;
}
#news_area dl.newslist:last-child { /* IE9 未満では無効 (影響度合いが低いので黙殺) */
    background: none;
}
#news_area dl.newslist dt {
    margin-bottom: 5px;
}
#news_area dl.newslist dd {
    margin-bottom: 10px;
    padding-bottom: 10px;
}


/* Myページ用お知らせ */

#customernewsarea .news_contents {
text-align:left;
}
#customernewsarea dl.newslist {
    background: url("../img/background/line_dot_01.gif") repeat-x bottom;
padding-bottom:15px;
margin-bottom:25px;
}
#customernewsarea dl.newslist:last-child { /* IE9 未満では無効 (影響度合いが低いので黙殺) */
    background: none;
}
#customernewsarea dl.newslist dt {
    margin-bottom: 10px;
font-size:15px;
font-weight:bold;
}
#customernewsarea dl.newslist dt.date{
font-size:12px;
margin-bottom:5px;
font-weight:normal;
}

#customernewsarea dl.newslist dd {
    margin-bottom: 10px;
    padding-bottom: 10px;
font-size:13px;
line-height:1.5;
}



/* ===============================================
▼現在のカゴの中
=============================================== */
#cart_area .information {

}
#cart_area .postage {
    margin-top: 10px;
    padding-top: 10px;
    background: url("../img/background/line_dot_01.gif") repeat-x top;
}
#cart_area .postage .point_announce {
    padding: 2px 0 2px 20px;
    background: url("../img/icon/ico_price.gif") no-repeat left top;
}
#cart_area .btn {
/*
    padding: 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x top #f7f7e6;
    text-align: center;
*/

color:#000;
background: #f6dda0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZGRhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGMyNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6dda0 0%, #f0c24d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6dda0), color-stop(100%,#f0c24d));
background: -webkit-linear-gradient(top,  #f6dda0 0%,#f0c24d 100%);
background: -o-linear-gradient(top,  #f6dda0 0%,#f0c24d 100%);
background: -ms-linear-gradient(top,  #f6dda0 0%,#f0c24d 100%);
background: linear-gradient(to bottom,  #f6dda0 0%,#f0c24d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6dda0', endColorstr='#f0c24d',GradientType=0 );
border:1px solid #cba957;
border-radius:5px;
padding:2px !important;
display:block;
text-align:center;
width:100%;
line-height:30px;
font-size:16px;
cursor:pointer;
height:auto !important;
}
#cart_area .btn:hover{
background: #f6dda0;
}




.cart_btn_area{
position:absolute;
top:0;
right:-330px;
width:300px;
background:#f3f3f3;
border:1px solid #dddddd;
border-radius:5px;
padding:20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}
.cart_btn_area strong{
font-size:20px;
}




/* ===============================================
▼カテゴリ
=============================================== */
#category_area{
position:absolute;
top:60px;
left:0;
width:250px;
}

#category_area li {
    padding-left: 5px;
}
#category_area li.level1 {
    border-bottom: solid 1px #ccc;
}
#category_area li.level1 p {
    padding-left: 20px;
    margin: 7px 3px;
}
#category_area li.level1 p {
    background: url("../img/icon/ico_arrow_01.gif") 2px 3px no-repeat;
}
#category_area li.level1 li p {
    background: url("../img/icon/ico_level.gif") 7px 7px no-repeat;
}
#category_area li a {
    display: block;
    padding: 0;
}
a.onlink:link {
    color: #f00;
    text-decoration: underline;
}
a.onlink:visited {
    color: #f00;
}
a.onlink:hover {
    color: #f00;
}


/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
    border: none;
}
#guide_area li {
    margin-bottom: 5px;
}
ul.button_like li {
    margin: 0;
    padding: 0 0 1px 0;
    background: url("../img/background/bg_btn_list.jpg") bottom repeat-x;
}
ul.button_like li a {
    margin: 0;
    padding: 10px 15px 10px 10px;
    border: 1px solid;
    border-bottom: none;
    border-color: #ccc;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}


/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container div#login_area .block_body {
    padding: 10px;
}

#container div#login_area .block_body p {
    margin-bottom: 5px;
}

#container div#login_area .block_body .btn {
    text-align: center;
}
#container .login_area dl.formlist {
    margin-bottom: 8px;
    width: 100%;
}
#container .login_area dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    color: #333;
    /* background: url("../img/icon/ico_arrow_03.gif") no-repeat left; */
    width: 16%;
    float: left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

#container .login_area dl.formlist dd {
    margin-bottom: 5px;
    float: left;
    width: 60%;
    vertical-align: bottom;
    text-align: left;
}

#container .login_area dl.formlist dd input[type="text"],
#container .login_area dl.formlist dd input[type="password"]{
    width:100% !important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}


#container div#login_area .block_body .mini {
    margin-top: 5px;
}

div#login_area dl.formlist dd{
margin-bottom:5px;
}

div#login_area a{
color:#0066c0 !important;
text-decoration:underline !important;
}

div#login_area dl.formlist dt span{
float:right;
font-size:10px;
text-align:right;
padding:0 !important;
}


div#login_area dl.formlist checkbox {
vertical-align:middle;
}
div#login_area dl.formlist label{
vertical-align:middle;
text-align:right;
}


/* ===============================================
▼検索
=============================================== */

/*
#container div#search_area .block_body {
    padding: 10px;
}
#container div#search_area .block_body .btn {
    text-align: center;
}
*/

#header #search_area{
top:0;
position:relative;
width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
padding-left:150px;
padding-right:600px;
text-align:left;
}

#header #search_area table{
width:100%;
}


#header #search_area dl{
position:relative;
width:100%;
}

#header #search_area dl,
#header #search_area dt,
#header #search_area dd {
float:left;
display:inline;
height:35px;

}
#header #search_area dd{
width:100%;
}

#header #search_area .btn{
float:left;
}


span.customSelect {
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #ffffff 30%, #f3f3f3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(100%,#f3f3f3));
background: -webkit-linear-gradient(top,  #ffffff 30%,#f3f3f3 100%);
background: -o-linear-gradient(top,  #ffffff 30%,#f3f3f3 100%);
background: -ms-linear-gradient(top,  #ffffff 30%,#f3f3f3 100%);
background: linear-gradient(to bottom,  #ffffff 30%,#f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
border:1px solid #bdbdbd;
	color:#333;
	padding:8px 7px;
border-radius:5px 0 0 5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    height:35px;
cursor:pointer !important;
}
span.customSelectHover{
	background: #eceaea;
}

span.customSelectFocus {
	background: #004ea2;
	color:#fff;
}

span.customSelectOpen {
	background: #004ea2;
	color:#fff;

}

.customSelectInner {
	background:url(/user_data/packages/default/img/common/arrow_down.png) no-repeat center right;
cursor:pointer;
padding-right:10px;
}
span.customSelectOpen .customSelectInner {
	background:url(/user_data/packages/default/img/common/arrow_down2.png) no-repeat center right;
padding-right:10px;
}

#header #search_area select{
float:left;
}


#header #search_area input[type="text"]{
    height:35px;
    font-size:14px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
padding:3px;
width:99%;
float:left;
margin:-35px 0 0 0;
border-radius:5px;
}

#header #search_area  input.btn{
background: #004ea2;
color:#fff;
height:35px;
border-radius:0 5px 5px 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
border:none;
font-weight:bold;
padding:0 15px;
float:right;
margin-top:-35px;
-webkit-appearance: none;
}

select#master_cat_select{
-moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

}

#master_cat_select option{
font-size:14px;
}

#master_cat_select option.main{
color:#004ea2 !important;
padding:1px 3px 1px 10px !important;
font-size:14px !important;
font-weight:bold !important;
}

#master_cat_select option.sub{
padding:1px 3px !important;
text-indent:1em !important;
font-size:13px !important;
color:#333 !important;
}


/* ===============================================
▼カレンダー
=============================================== */
#calender_area {
    background-color: transparent;
    border: none;
}
#calender_area .block_body {
    padding: 10px 0;
    background-color: #f1f9fc;
}
#calender_area table {
    background: #fff;
    border: none;
    width: 150px;
    margin: 0 auto 5px;
    font-size: 90%;
}
#calender_area table td {
    padding: 1px 3px;
    border-top: 1px solid #ccc;
    border-right: none;
    text-align: center;
}
#calender_area th {
    padding: 1px 3px;
    background: #fff;
    border: none;
    text-align: center;
}
#calender_area table .month {
    margin-bottom: 5px;
    padding-left: 12px;
    background: url("../img/icon/ico_arrow_04.gif") no-repeat left;
    font-size: 120%;
}
#calender_area .off {
    color: #f00;
}
#calender_area .today {
    background-color: #FFF99D;
    font-weight: bold;
}
#calender_area .information {
    margin-left: 10px;
    font-size: 90%;
}


/* ===============================================
▼おすすめ商品
=============================================== */
/*
   tplファイルのマークアップが同じ項目
   メインカラム用
   サイドカラム用           [side_column]
   商品詳細のオススメ商品   [whobought_area]
=============================================== */
/* 共通
----------------------------------------------- */
#share_recommend .block_body,
#recommend_area .block_body,
.recommend_area .block_body,
#bottomcolumn .block_body,
#whobought_area .product_item {
    padding: 10px 0 10px;
    border: none;
   /* background: url("../img/background/line_dot_01.gif") repeat-x bottom; */
}
#share_recommend .block_body p,
#recommend_area .block_body p,
.recommend_area .block_body p,
#bottomcolumn .block_body p,
#whobought_area .product_item p {
    margin: 0 0 5px 0;
}
#share_recommend .block_body img,
#recommend_area .block_body img,
.recommend_area .block_body img,
#bottomcolumn .block_body img,
#whobought_area .product_item img {
    margin: 0 5px 0 0;
}
#share_recommend .block_body h3,
#recommend_area .block_body h3,
.recommend_area .block_body h3,
#bottomcolumn .block_body h3,
#whobought_area .product_item h3 {
    font-size: 100%;
    font-weight: normal;
}

/* サイドカラム用 */
.side_column #recommend_area .product_item {
    margin-bottom: 10px;
}

#bottomcolumn  .recommend_area{
margin:0 10px;
}

/* 画像
----------------------------------------------- */
/* メインカラム用 */
#share_recommend .block_body .productImage,
#main_column #recommend_area .block_body .productImage,
#bottomcolumn #recommend_area .block_body .productImage,
#bottomcolumn  .recommend_area .block_body .productImage,
#main_column .recommend_area .block_body .productImage,
#whobought_area .product_item .productImage {
width: 150px;
text-align:center;
margin:0 auto 10px auto;
}
 .productImage img{
width:130px;
height:auto;
}

#rightcolumn  .recommend_area .block_body .productImage, {
width: 300px;
text-align:center;
margin:0 auto 10px auto;
}
#rightcolumn  .recommend_area .block_body .productImage img {
width: 300px;
height:auto;
margin:0 auto 5px auto;
}

#rightcolumn  .recommend_area .product_item{
margin-bottom:20px;
}
#rightcolumn  .recommend_area .block_body .productImage {
    float: none;
    text-align: center;
    width: auto;
}



/* サイドカラム用 */
.side_column #recommend_area .block_body .productImage {
    float: none;
    text-align: center;
    width: auto;
}






/* 左右の振り分け
----------------------------------------------- */

#share_recommend .block_body .product_item,
#main_column #recommend_area .product_item,
#bottomcolumn #recommend_area .product_item,
#bottomcolumn .recommend_area .product_item,
#main_column .recommend_area .product_item,
#whobought_area .product_item {
    width:16.5%;
    padding:0 15px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
float:left;
margin-bottom:10px;
min-width:180px;
}


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

#share_recommend .block_body .product_item,
#main_column #recommend_area .product_item,
#bottomcolumn #recommend_area .product_item,
#bottomcolumn .recommend_area .product_item,
#main_column .recommend_area .product_item,
#whobought_area .product_item{
width:20%;
}

#share_recommend .block_body .product_item:nth-of-type(6),
#main_column #recommend_area .product_item:nth-of-type(6),
#bottomcolumn  #recommend_area .product_item:nth-of-type(6),
#bottomcolumn .recommend_area .product_item:nth-of-type(6),
#main_column .recommend_area .product_item:nth-of-type(6),
#whobought_area .product_item:nth-of-type(6){
display:none;
}


}

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

#share_recommend .block_body .product_item,
#main_column #recommend_area .product_item,
#bottomcolumn #recommend_area .product_item,
#bottomcolumn .recommend_area .product_item,
#main_column .recommend_area .product_item,
#whobought_area .product_item{
width:25%;
}

#share_recommend .block_body .product_item:nth-of-type(5),
#main_column #recommend_area .product_item:nth-of-type(5),
#bottomcolumn  #recommend_area .product_item:nth-of-type(5),
#bottomcolumn .recommend_area .product_item:nth-of-type(5),
#main_column .recommend_area .product_item:nth-of-type(5),
#whobought_area .product_item:nth-of-type(5){
display:none;
}


}


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

#share_recommend .block_body .product_item,
#main_column #recommend_area .product_item,
#bottomcolumn #recommend_area .product_item,
#bottomcolumn .recommend_area .product_item,
#main_column .recommend_area .product_item,
#whobought_area .product_item{
width:33%;
}

#share_recommend .block_body .product_item:nth-of-type(4),
#main_column #recommend_area .product_item:nth-of-type(4),
#bottomcolumn #recommend_area .product_item:nth-of-type(4),
#bottomcolumn .recommend_area .product_item:nth-of-type(4),
#main_column .recommend_area .product_item:nth-of-type(4),
#whobought_area .product_item:nth-of-type(4){
display:none;
}


}


/* 商品説明テキスト
----------------------------------------------- */
/* メインカラム用 1カラム時*/
#main_column.colnum1 #recommend_area .block_body .productContents {
    clear: both;
}

/* メインカラム用 2カラム時*/
#main_column.colnum2 #recommend_area .block_body .productContents,
#main_column.colnum2 #whobought_area .productContents {
    clear: both;
}

/* メインカラム用 3カラム時*/
#main_column.colnum3 #recommend_area .block_body .productContents,
#main_column.colnum3 #whobought_area .productContents {
    clear: both;
}

/* サイドカラム用 */
.side_column #recommend_area .block_body .productContents {
    clear: both;
}





/* 右カラムバナー
----------------------------------------------- */

.right_banner{
margin-bottom:15px;
}

.right_banner li{
margin-bottom:10px;
}
.right_banner li:last-child{
margin-bottom:0;
}


/* ローテバナー
----------------------------------------------- */

/* ポジション */

.banner_area{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
width:100%;
text-align:center;
padding: 20px 0 10px 0;
}


/* 最近ご覧になった商品およびお客様へのおすすめ商品
----------------------------------------------- */

#share_recommend{
border:1px solid #dddddd;
border-radius:5px;
padding:10px 20px;
margin:0 20px 20px 20px;
}

#share_recommend h2 {
font-size:18px !important;
color:#e47911;
font-weight:bold;
padding-bottom:4px;
margin-bottom:20px;
}



/* ランキング
----------------------------------------------- */
#ch_ranking,#tr_ranking{
clear:both;
margin-bottom:30px;
}

.ranking_contents li{
clear:both;
padding-bottom:10px;
}

.ranking_contents li img{
float:left;
margin-bottom:10px;
margin-right:10px;
}
.ranking_contents li span{
font-size:15px;
font-weight:bold;
}




#characters_list div{
float:left;
width:137px; 
text-align:center;
margin-left:8px;
margin-right8px;
margin-bottom:20px;
height:200px;
}



/************************************************
 インヘッダーブロック
************************************************ */
#headerInternalColumn {
    margin-top: 5px;
    float: right;
    width: 520px;
    height: 35px;
}

/* ログイン（ヘッダー用）
----------------------------------------------- */
#header_login_area {
    padding: 0 10px;
    border: solid 1px #ffc979;
    height: 30px;
    background: #fef3d3;
    letter-spacing: -0.075em;
}
#header_login_area ul.formlist {
    margin-top: 5px;
}
#header_login_area ul.formlist li {
    float: left;
}
#header_login_area ul.formlist li.mail {
    padding-left: 28px;
    width: 155px;
    background: url("../img/common/ico_arrow_login.gif") no-repeat left;
    font-size: 90%;
}
#header_login_area ul.formlist li.password {
    padding-right: 5px;
}
#header_login_area ul.formlist li.login_memory {
    padding-right: 5px;
    font-size: 90%;
}
#header_login_area ul.formlist li.forgot {
    margin-top: 3px;
    padding-right: 5px;
    font-size: 90%;
}
#header_login_area ul.formlist li.btn {
    padding-right: 5px;
    width: 53px;
}
#header_login_area p.btn {
    height: 20px;
    padding: 5px 0;
    vertical-align: middle;
}
#header_login_area p.btn input[type=image] {
    vertical-align: middle;
}

/* ***********************************************
追加ブロック
************************************************ */
/* 共通
----------------------------------------------- */
#container .block_outer #banner_area .block_body {
    border: none;
}

/* 【メイン】バナーエリア_02
----------------------------------------------- */
#main_column .block_outer #banner_area .block_body ul {
    width: 100%;
}
#main_column .block_outer #banner_area .block_body ul li {
    float: left;
}
#main_column .block_outer #banner_area .block_body ul li.sub_01 {
    padding-right: 8px;
}

/* 【サイド】バナーエリア_01
----------------------------------------------- */
/* 【サイド】バナーエリア_02
----------------------------------------------- */
#leftcolumn .block_outer #banner_area .block_body ul li,
#rightcolumn .block_outer #banner_area .block_body ul li {
    margin-bottom: 8px;
}




/* 追加ボタン　在庫、お問い合わせ*/

.wish_btn a{
border:1px solid #ddd;
padding:5px;
border-radius:5px;
text-align:center;
display:block;
margin-bottom:10px;
}
.wish_btn a span{
background:url(/user_data/packages/default/img/icon/warning_ico.png) no-repeat left 50%;
background-size:17px;
padding-left:20px;
}
.wish_btn a:hover{
text-decoration:none !important;
background:#ddd;
color:#000 !important;
}



.inq_btn a{
border:1px solid #ddd;
padding:5px;
border-radius:5px;
text-align:center;
display:block;
}
.inq_btn a span{
background:url(/user_data/packages/default/img/icon/mail_ico.png) no-repeat left 50%;
background-size:18px;
padding-left:20px;
}
.inq_btn a:hover{
text-decoration:none !important;
background:#ddd;
color:#000 !important;
}