@charset "Shift_JIS";

/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー：サイト切替
--------------------------------------------------------------------- */
#header_shopnav_wrap {
	background:#f9f2e9;
	padding-bottom:5px;
}
#header_shopnav {
	height: 32px;
	background: url(../img/usr/top/header_bg.png) center 0px repeat-x;
}
#header_shopnav .inner_ {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	zoom: 1;
}
#header_shopnav .inner_:after,
#header_shopnav .inner_ ul:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
#header_shopnav .inner_ ul {
	zoom:1;
}
#header_shopnav .inner_ ul li {
	float:left;
	z-index:999;
}

/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header {
	width:100%;
	height: 68px;
	background: url(../img/usr/top/header_back_top.png) center top repeat-x;
}
#header .inner_ {
	width: 960px;
	height: 68px;
	margin: 0 auto;
	position: relative;
	overflow: visible;
}
#header .inner_ #welcomeMessage {
	height:18px;
	padding:3px 0 0 0;
	font-size:11px;
	color:#402e2c;
}
#header #sitelogo {
	width:254px;
	height:32px;
}
#header .catch_ {
	height:21px;
	font-size:12px;
	line-height:20px;
	color:#ea0d12;
}
#header #globalnav {
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
}
#header #globalnav li {
	float:left;
}
#header #globalnav li#gnav_facebook,
#header #globalnav li#gnav_twitter,
#header #globalnav li#gnav_mixi {
	padding:0 0 0 5px;
}
#header .header_menu_ {
	width:690px;
	height:58px;
	position:absolute;
	top:0;
	right:0;
	background: url(../img/usr/top/header_menu_bg.png) left 20px no-repeat;
}
#header #top_search_form {
	width:234px;
	height:20px;
	line-height:20px;
	position:absolute;
	top:26px;
	left:12px;
}
#header #top_search_form input {
	color:#999;
	border:none;
}
#header .to_searchdetail {
	font-size:10px;
	line-height:18px;
	position:absolute;
	top:28px;
	left:255px;
}
#header .to_searchdetail a {
	padding: 0 0 0 18px;
	color:#6f5244;
	background: url(../img/usr/top/arrow.png) 0 -1px no-repeat;
}
#header #top_search_form .keyword_ {
	width:215px;
}
#header .inner_ #jscart_replace_ {
	padding: 6px 14px 0 35px;
	width: 320px;
	height: 23px;
	position:absolute;
	top:23px;
	right:2px;
}
#header .cart_title_ {
	display:none;
}
#header .cart_frame_ {
	padding-bottom:5px;
	overflow: hidden;
}
dl.cart_goods_ {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
dl.cart_goods_ dt {
	text-align: left;
}
dl.cart_goods_ dt div.name1_ {
	float: left;
	width: 118px;
}
dl.cart_goods_ dt div.delete_ {
	padding-left:2px;
	float: left;
}
dl.cart_goods_ dt div.delete_ img {
	cursor: pointer;
}
dl.cart_goods_ dt div.delete_b_ {
	clear: left;
}
dl.cart_goods_ dd {
	text-align: right;
}
dl.cart_total_ {
	width: 100px;
	float: left;
	overflow: hidden;
	color: #584637;
}
dl.cart_total_ dt {
	float: left;
	display: inline;
}
dl.cart_total_ dd {
	float: left;
	display: inline;
	text-align: right;
}
.cart_postage_ {
	padding-right: 10px;
	font-size: 10px;
	color: #ea0f13;
	float: left;
}
.cart_to_order_ {
	font-size:10px;
	line-height:18px;
	position:absolute;
	top:5px;
	right:6px;
}
.cart_to_order_ a {
	padding: 0 0 0 18px;
	color:#6f5244;
	background: url(../img/usr/top/arrow.png) 0 center no-repeat;
}
.cart_null_ {
}
.cart_errormessages_ {
	display:none;
	font-size: 10px;
}
.cart_erroralert_ {
	font-size: 10px;
	color: #993300;
}


/* --------------------------------------------------------------------
	ユーザー定義　ビジュアル
--------------------------------------------------------------------- */
.visual_ {
	text-align: center;
}

/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
#footer {
	width: 100%;
	background: url(../img/usr/top/footer_back.png) center bottom repeat-x;
	position: absolute;
	bottom: 0;
	left:0;
	clear:both;
}
#footer .inner_ {
	height: 123px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#footernav {
	width: 960px;
	height:30px;
	padding:20px 0 0 0;
	border-bottom:#ece8e2 2px solid;
	position:absolute;
	left:0;
	bottom:33px;
	overflow:hidden;
}
#footernav li {
	padding: 0 17px 0 20px;
	background: url(../img/usr/top/arrow.png) 0 0 no-repeat;
	float:left;
}
#footernav li.last_ {
	padding: 0 0 0 0;
	background: none;
	float:right;
}
#footernav li a {
	color: #6f5244;
}
#footernav li select {
	font-size: 11px;
	color: #59493f;
}
#copyright {
	width: 960px;
	height:33px;
	border-top:#FFF 1px solid;
	text-align: center;
	line-height:33px;
	color:#402e2c;
	position:absolute;
	left:0;
	bottom:0;
}
#footer .to_top_ {
	position: absolute;
	right: 0;
	top: -12px;
}
#footer .sns_ {
	float: left;
}
#footer .sns_ li {
	padding-right: 5px;
	float: left;
}
form.footer_link_ {
	display: inline;
}

/* --------------------------------------------------------------------
	ユーザー定義　TOPページ中部テンプレート
--------------------------------------------------------------------- */

#sns_contents {
	width:960px;
	height:1168px;
	margin:0 auto 20px;
	overflow:hidden;
}
#sns_contents h2 {
	height:18px;
	margin-bottom:12px;
	text-align:left;
}
#sns_contents #facebook {
	width:250px;
	height:750px;
/*	padding: 20px 10px 0px 10px;
*/	float:left;
/*	background: url(../img/usr/top/sns_contents_bg.png) 0 0 no-repeat;*/
}
#sns_contents #facebook h2 {
	padding-left: 10px;
}
#sns_contents #movie_gallary {
	width:690px;
	height:925px;
	float:right;
	background: url(../img/usr/top/movie_gallary_bg.png) 0 0 no-repeat;
	margin-bottom:10px;
}
#sns_contents #movie_gallary .inner {
	padding: 0px 0 0 20px;
}

#sns_contents #movie_gallary .box_ {
	width: 315px;
	float: left;
	margin:5px 20px 0 0;
	height: 270px;
}
#sns_contents #movie_gallary .movie_ {
	margin:10px auto;
	text-align:center;
	width:314px;
	height:176px
}
#sns_contents #movie_gallary h2 {
	background: url(../img/usr/top/icon_movie_g.png) 0 0 no-repeat;
	color:#6f5244;
	padding-left: 24px;
    font-size: 13px;
    font-weight: bold;
    padding-top: 3px;
}

#sns_contents #movie_gallary .comment {
	margin:10px auto;
	color:#6f5244;
}

#sns_contents #movie_gallary .movie_gallary_detail_ a {
	padding: 0 0 0 25px;
}

#sns_contents #artist_dvd {
	width:770px;
	height:307px;
	padding-left:190px;
	padding-top: 20px;
	background: url(../img/usr/top/recommend_dvdartist_bg.png) 0 0 no-repeat;
	overflow:hidden
}
#sns_contents #artist_dvd .box_ {
	width: 236px;
	float: left;
	margin-right: 20px;
}
#sns_contents #artist_dvd h2.music {
	background: url(../img/usr/top/icon_mic.png) 0 0 no-repeat;
	color:#6f5244;
	padding-left: 24px;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
}
#sns_contents #artist_dvd h2.dvd {
	background: url(../img/usr/top/icon_dvd.png) 0 0 no-repeat;
	color:#6f5244;
	padding-left: 24px;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
}
#sns_contents #artist_dvd .comment {
	margin:20px auto;
	color:#6f5244;
}

#sns_contents #artist_dvd .movie_ {
	margin:10px auto;
	text-align:center;
	height:133px;
	width:236px;
}

#sns_contents #artist_dvd .artist_detail_ {
	border-top:#e8e8e8 1px solid;
	padding: 10px 0 0 0;
    font-weight: bold;
    margin-top: 20px;
}
#sns_contents #artist_dvd .artist_detail_ a {
	padding: 0 0 0 25px;
}
#sns_contents #artist_dvd .artist_detail_ a.onpu_ {
	background: url(../img/usr/top/icon_movie_onpu.png) 5px 1px no-repeat;
}
#sns_contents #artist_dvd .artist_detail_ a.star_ {
	background: url(../img/usr/top/icon_movie_star.png) 5px 1px no-repeat;
}

#sns_contents #artist {
	width:672px;
	height:290px;
	padding: 20px 0 0px 18px;
	float:right;
	background: url(../img/usr/top/movie_contents_bg.png) 0 0 no-repeat;
}
#sns_contents #artist .box_ {
	width: 206px;
	float: left;
	margin-right: 18px;
}
#sns_contents #artist .movie_ {
	margin:10px auto;
	text-align:center;
}
#sns_contents #artist .music_title_ {
	margin:10px auto;
	color:#6f5244;
}
#sns_contents #artist .artist_name_ {
	margin:10px auto;
	color:#6f5244;
}
#sns_contents #artist .artist_detail_ {
	border-top:#e8e8e8 1px solid;
	padding:5px 0 0 0;
	font-weight:bold;
}
#sns_contents #artist .artist_detail_ a {
	padding: 0 0 0 25px;
}
#sns_contents #artist .artist_detail_ a.onpu_ {
	background: url(../img/usr/top/icon_movie_onpu.png) 5px 1px no-repeat;
}
#sns_contents #artist .artist_detail_ a.star_ {
	background: url(../img/usr/top/icon_movie_star.png) 5px 1px no-repeat;
}

#sns_contents .movie_btn {
	width: 690px;
	height: 93px;
	/* position:relative; */
	/* right:-370px; */
	/* top:-13px; */
	float: right;
	text-align: center;
	margin-bottom:10px;

}

/* --------------------------------------------------------------------
	ユーザー定義　TOPページ イベントスライダー
--------------------------------------------------------------------- */
#top_event_slider {
  width: 100%;
  padding: 10px 0 6px;
  height: 122px;
}
#top_event_slider .banners_ {
  position: relative;
  height: 100px;
}
#top_event_slider .banners_ li {
  position: absolute;
}
#top_event_slider .dot_ {
  text-align: center;
  padding-top: 7px;
}
#top_event_slider .dot_ li {
  display: -moz-inline-box;  
  display: inline-block;  
  /display: inline;  
  /margin-right: 3px;  
  line-height: 15px;  
  width: 15px  
  height: 15px;  
  /zoom: 1;  
}
#top_event_slider .dot_ li a {
  display: block;  
  text-decoration: none;  
  width: 25px;
  text-indent: -9999px;
  height: 15px;
  width: 15px;
  background: url(../img/usr/top_event_slider/parts/dot.png) 0 0 no-repeat;
}
#top_event_slider .dot_ li.active_ a,
#top_event_slider .dot_ li a:hover {
  background: url(../img/usr/top_event_slider/parts/dot.png) 0 -20px no-repeat;
}
#top_event_slider .btns_ {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
#top_event_slider .btns_ .left_ {
  position: absolute;
  left: 0;
  top: -86px;
}
#top_event_slider .btns_ .right_ {
  position: absolute;
  right: 0;
  top: -86px;
}

/* --------------------------------------------------------------------
	入力フォームサイズ調整 
-------------------------------------------------------------------- */
input[type="checkbox"],
input[type="radio"] {
	width:auto !important;
	border:none !important;
}
div.login_ table.loginform_ td input, /* ログイン画面 */
div.customer_ table td input,         /* マイページ */
div.customer_ table td select,
div.mail_ table td input,             /* メルマガ登録 */
div.contact_ table.contact_ td input, /* お問い合わせ */
div.contact_ table.contact_ td select,
div.contact_ table.contact_ td textarea,
table.search_ td input,
table.search_ td select,              /* 商品検索 */
table.cartlist_ td select,            /* 購入フロー */
table.cartlist_ td input,
table.formlist_dest_ td select,
table.formlist_dest_ td input,
#method_cupon input,
#method_promotion input,
.point_use_ input#pointpay_num,
table.coupon input,
table.method_sender_ input,
table.method_sender_ select,
table.estimate_ td input,             /* 支払方法の指定 */
table.estimate_ td select,
table.estimate_ td textarea,
table.method_host_ td input,          /* ゲスト購入 */
table.method_host_ td select,
div.addresslist_ table td input,
div.addresslist_ table td select,
table.review_table_ td select,        /* ユーザーレビュー */
table.review_table_ td input,
table.review_table_ td textarea,
div.intro_ div.intro_box_ textarea,   /* 紹介 */
div.questionnaire_box_ input,         /* アンケート */
div.questionnaire_box_ select,
div.questionnaire_box_ textarea,
table.StyleB_Frame_ td.qty_ input
{
	padding:5px 5px;
	margin:0 5px;
	font-size:12px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka;
	border:none;
	border:#ccc 1px solid;
	max-width:680px !important;
}
/* ログイン画面 */
div.login_ table.loginform_ th  {
	vertical-align:middle;
}
/* 会員情報画面(マイページ) */
div.customer_ table.customer_ th,
div.customer_ table.custdest_ th,
div.customer_ table.customerconfirm_ th,
div.customer_ table.passchange_ th,
div.customer_ table.mailchange_ th,
div.customer_ table.intro_address_ th,
div.customer_ table.withdrawal_ th {
	vertical-align:middle;
}
div.customer_ table.customer_ td,
div.customer_ table.customerconfirm_ td {
	padding-top:12px;
	padding-bottom:12px;
}
div.customer_ table td select option {
	padding:0 8px;
}
div.customer_ table td span {
	margin:5px 0 0 0;
	display:block;
}
/**/
div.customer_ table.message_ th {
	vertical-align:middle;
}
/* メルマガ登録 */
div.mail_ table th {
	width: 25%;
	vertical-align:middle;
}
div.mail_ table td span,
div.mail_ table td p.small_ {
	margin-top:5px;
	display:block;
}
/* お問い合わせ */
div.contact_ table.contact_ th {
	vertical-align:middle;
}
div.contact_ table.contact_ td {
	padding-top:12px;
	padding-bottom:12px;
}
div.contact_ table.contact_ td select option {
	padding:0 8px;
}
div.contact_ table.contact_ td span {
	margin:5px 0 0 0;
	display:block;
}
/* 詳細検索 */
table.search_ {
	width: 100%;
	margin: 0 auto;
	border:#ccc 1px solid;
	border-collapse:collapse;
}
table.search_ th {
	width:120px;
	vertical-align: middle;
	border:#ccc 1px solid;
	border-collapse:collapse;
	text-align:left;
}
table.search_ td {
	padding-top:12px;
	padding-bottom:12px;
	border:#ccc 1px solid;
	border-collapse:collapse;
}
table.search_ td select option {
	padding:0 8px;
}
/* 購入フロー */
table.cartlist_ td input[type="image"] {
	padding:0 !important;
	margin:0 !important;
	border:none !important;
}
table.formlist_dest_ td select option {
	padding:0 8px;
}
table.method_host_ th,
div.addresslist_ table th,
table.method_sender_ th,
table.estimate_ th {
	vertical-align:middle;
}

/* ユーザーレビュー */
table.review_table_ {
}
table.review_table_ th {
	font-weight: bold;
	vertical-align: middle;
	overflow:hidden;
}
table.review_table_ th span.title_ {
	float:none;
}
/* アンケート */
div.questionnaire_box_ table th {
	font-weight: bold;
	vertical-align: middle;
	overflow:hidden;
}
/* 商品詳細 ユーザーレビュー */
.review_img {
	margin-bottom: 10px;
}