/* CSS		：09reset.css */
html,body {
	height:100%;
	margin:0;
	padding:0;
}


div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,th,td,address {
	font-style:normal;
	font-weight:normal;
	margin:0px;
	padding:0px;
	line-height:1;
	font-size:100%;
}

ul,ol {
	list-style:none;
}

img {
	border:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* CSS		：09font.css */
/* safari only */
body:first-of-type {font-size:small;}

/* ie only */
input {*line-height:1.3em;}
*:first-child+html input {line-height:1.25em;}
head~/* */body input {line-height:1.25em;}

body {
	font-size:13px !important;
	*font-size:small !important;
    *font:x-small !important;
	background:#ffffff;

/* 以下 media側/09base.css より抜粋 start */
/*	font-family:verdana,arial,helvetica,sans-serif;*/
	/* Mantis 1064 対応*/
	font-family:verdana, arial, helvetica, sans-serif; 
	min-width:1000px;
	/* end */
}

table {
	font-size:inherit;
	font:100%;
}

/*回避指定用*/
.f10px{ font-size:77% !important;}

/* CSS		：09common.css */
a:link{
	color:#005db9;
	text-decoration:none;
}

a:visited{
	color:#003263;
	text-decoration:none;
}

a:hover{
	color:#003263;
	text-decoration:underline;
}

input[type=text],input[type=password] {
	border:solid 1px silver;
	height:1.25em;
}

/*  clerfix　フロート解除したい要素の親に適用
------------------------------------------------------------ */
.cfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* CSS		：09step.css */

body{
	background:#ffffff;
}

/* CSS		：12common.css */
/* -----------------------------------------------------------------------------
**
** common
**
----------------------------------------------------------------------------- */
body {
	background:#FFF;
	line-height:1.2;
	min-width:1030px;
}
/*body ul, body ol, body li { zoom: normal; }*/
body{zoom: normal;}

#headerArea12base {
	background:url(../../images/img12/common/headerNav_bg_01.gif) 0 0 repeat-x;
}

#headerNav {
	width:1000px;
	padding:0 0 0 0;
	margin:0 auto;
}

/*---------------------------------------------------------- */
/*  ヘッダナビ最上部 13/03/18 追加
------------------------------------------------------------ */
#headerArea12base #headerNavInner00{
	padding:5px 0 0 0;
	height:19px;
}
#headerArea12base #headerNavInner00 .headerNavInner00Txt01{
	float:right;
	padding-right:11px;
	background:url(../../images/img12/common/headerNav_bg_10.gif) 100% 0 no-repeat;
	text-align:right;
	font-size:12px;
	color:#231815;
	line-height:1.1;
	top:-2px;
}
#headerArea12base #headerNavInner00 .headerNavInner00Txt01 span{
	font-weight:bold;
}

#headerArea12base #headerNavInner00 .headerNavInner00Txt02{
	float:right;
}
#headerArea12base #headerNavInner00 .headerNavInner00Txt02 li{
	float:left;
	font-size:12px;
	padding-left:10px;
	line-height:1.1;
}

#headerArea12base #headerNavInner00 .headerNavInner00Txt02 li{
	float:left;
	font-size:12px;
	padding-left:10px;
	line-height:1.1;
}
#headerArea12base #headerNavInner00 .headerNavInner00Txt02 li a{
	color:#231815 !important;
	background:url(../../images/img12/common/headerNav_ic_03.gif) 0 4px no-repeat;
	padding-left:8px;
}

#headerArea12base #headerNavInner00 .headerNavInner00Txt02 li.list01 {
    width: 90px;
 }

#headerArea12base #headerNavInner00 .headerNavInner00Txt02 li.list01_login{
	width:85px;
}

#headerArea12base #headerNavInner00 .headerNavInner00Txt02 li.list02 {
    padding-right: 6px;
}
#headerArea12base #headerNavInner00 .headerNavInner00Txt02 li.list03{
	width:66px;
}
#headerArea12base #headerNavInner00 .headerNavInner00Txt02 li.list04{
	width:138px;
}
#headerArea12base #headerNavInner00 .headerNavInner00Txt02 li.list05 {
    padding-right: 6px;
}

/*---------------------------------------------------------- */
/*  ヘッダナビ1段目
------------------------------------------------------------ */
/* レイアウト用 */
#headerArea12base #headerNavInner01 {
}
/* ロゴエリア */
#logoArea {
	float:left;
	width:167px;
}

/* 会社情報、タワーレコードメンバーズ */
#headerNavInner01Right {
	float:right;
	width:210px;
	text-align:right;
}

#headerNavInner01Right #companyMembers {
	padding:14px 0 0 0;
	z-index:0;
}

/* レイアウト用 */
#headerArea12base #headerNavInner03 {
	padding-top:2px;
}
/* 検索窓 */
#searchArea {
	position:relative;
	float:left;
	margin:0 0 0 -3px;
	background:url(../../images/img12/common/headerNav_bg_03.gif) 0 0 no-repeat;
	width:670px;
	padding-left:9px;
	z-index:80;
}
#searchArea input {
	float:left;
}
#searchArea #searchTxt01 {
	border:none;
	padding:7px 5px 6px 0;
	width:482px;
	font-size:15px;
	display:block;
	overflow:hidden;
	background-color:transparent;	
}

#searchArea #searchTxt01 {
	border:none;
	padding:7px 5px 6px 0;
	width:482px;
	font-size:15px;
	display:block;
	overflow:hidden;
	background-color:transparent;	
}

#searchArea #searchTxt01{padding:9px 5px 4px 0  \9;/* IE8 */}
:root #searchArea #searchTxt01{padding:7px 5px 6px 0  \0/; /* IE9 */}


#searchArea #searchBtn01 {
	width:88px;
	height:33px;
	z-index:1;
	position:relative;
}
#searchArea #searchBtn02 {
	width:90px;
	height:33px;
	margin-left:0px;
	z-index:0;
	position:relative;
}
/* ユーザーのカート表示 */
#cartArea {
	width:215px;
	float:right;
	margin:0 -3px 0 0;
	height:33px;
	padding-bottom:6px;
}

/* panNav パンくずがない場合 */
#panNav12base {
	width:1000px;
	padding:0 0 7px 0;
	margin:9px auto 0 auto;
	clear:both;
}

#panNav12baseInner{
    margin:0 0 0 1px;
}

#contentsArea12base {
	width:1024px;
	padding:0 0 20px 0;
	margin:0 auto;
	clear:both;
}

/* 左メインカラムレイアウト用 */
#contentsArea12base #mainLeft {
	float:left;
	width:813px;
}

/* 右カラムレイアウト用 */
#contentsArea12base #sideNavRight {
	float:left;
	width:207px;
}
/* 新規会員登録、ログイン、ポイント数の確認、注文状況、クーポンの確認、お気に入りリスト、最近チェックした商品の確認モジュール用 */
#contentsArea12base #sideNavRight .sideNavRightInner01Inner {
	background:url(../../images/img12/common/sideNavRight_bg_04.gif) right 0 no-repeat;
	padding:0 10px 0 0;
}
#contentsArea12base #sideNavRight .sideNavRightInner01 {
	background:url(../../images/img12/common/sideNavRight_bg_05.gif) right bottom no-repeat;
	padding:0 0 10px 0;
	margin-bottom:10px;
}
#contentsArea12base #sideNavRight .sideNavRightInner01 .sideNavRightInner02 {
	background:url(../../images/img12/common/sideNavRight_bg_02.gif) 0 0 no-repeat;
	padding:0 0 0 0;
}

#contentsArea12base #sideNavRight .sideNavRightInner01 #loginColumn {
	text-align:center;
	background:#ffd000;
	margin-left:5px;
	padding:20px 0 10px 0;
	zoom:1;
}
#contentsArea12base #sideNavRight .sideNavRightInner01 #loginColumn li{
	font-size:0;
}
/* ポイント数の確認、注文状況、クーポンの確認 */
ul.optionRight {
	margin-left:5px;
}
/* ポイント数の確認、注文状況、クーポンの確認 */
ul.optionRight li.optionRightlink a {
	border-bottom:1px solid #ffd000;
	border-left:1px solid #ffd000;
	border-right:1px solid #ffd000;
	padding:10px 35px 10px 10px;
	background:url(../../images/img12/common/ico_link_01.png) 96% 8px no-repeat #fffae6;
	display:block;
	font-size:12px;
}
ul.optionRight li.optionRightlink a:hover {
	background:url(../../images/img12/common/ico_link_01_on.png) 96% 8px no-repeat #fffae6;
}

#footerArea12base, #footerArea12base a {
	color:#FFF;
}
#footerArea12base #footerAreaTop {
	background:url(../../images/img12/common/bg_top_01.png) 0 bottom repeat-x;
}
#footerArea12base #footerAreaTopInner {
	margin:0 auto 0 auto;
	width:1024px;
	text-align:right;
	font-size:0;
}
#footerArea12base #footerAreaNav1 {
	background:#231815;
	padding:10px 0 0 0;
	min-width:1024px;
}
#footerArea12base #footerAreaNav1 h3 {
	font-weight:bold;
	line-height:1.2em;
}
#footerArea12base #footerAreaNav1 .footerAreaNav1Inner {
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	width:1024px;
	clear:both;
	background:url(../../images/img12/common/bottomNav_bg_02.gif) 0 0 repeat-y;
}

#footerArea12base #footerAreaNav1 .footerAreaNav1Column01 {
	float:left;
	width:200px;
}

#footerArea12base #footerAreaNav1 .footerAreaNav1Column01 ul, #footerArea12base #footerAreaNav1 .footerAreaNav1Column02 ul {
	margin:10px 0 8px 0;
}
#footerArea12base #footerAreaNav1 .footerAreaNav1Column01 ul li, #footerArea12base #footerAreaNav1 .footerAreaNav1Column02 ul li {
	padding:0 10px 8px 0;
}

#footerArea12base #footerAreaNav1 .footerAreaNav1Column01 ul li a, #footerArea12base #footerAreaNav1 .footerAreaNav1Column02 ul li a {
	display:block;
	background:url(../../images/img12/common/bottomNav_ico_01.gif) 0 0.2em no-repeat;
	padding:0 0 3px 10px;
	line-height:1.2
}

#footerArea12base #footerAreaNav2 {
	background:#231815;
}

#footerArea12base #footerAreaNav3 {
	background:#fdd000;
}
#footerArea12base #footerAreaNav3Inner {
	margin:0 auto 0 auto;
	padding:17px 0 17px 0;
	width:1024px;
	text-align:center;
}

input{
outline: none;
}

/*---------------------------------------------------------- */
/*  カートインボタンに表示するカートイン件数
------------------------------------------------------------ */
#cartArea .countIco{
    margin                : 0 auto;
    display               : block;
    text-align            : center;
    z-index               : 100;
    white-space           : nowrap;
    overflow              : hidden;
    position              : relative;

    -webkit-border-radius : 13px;
    -moz-border-radius    : 13px;
    border-radius         : 13px;
    width                 : 26px;
    height                : 26px;
    line-height           : 26px;
    top                   : -38px;
    right                 : -88px;

    background-color      : #FFD000;
    border                : 1px solid #d71920;
    color                 : #d71920;
    font-size             : 13px;

    box-shadow            : 1px 1px 1px 1px #454545;
    -moz-box-shadow       : 1px 1px 1px 1px #454545;
    -webkit-box-shadow    : 1px 1px 1px 1px #454545;

    position: relative;
    z-index:1;
    behavior: url("../Css/PIE/PIE.htc");

}

/*---------------------------------------------------------- */
/* ヘッダーナビゲーション CSSバージョン
------------------------------------------------------------ */
/*-- メインナビゲーション ------------------- */
#headerNavInner01 .headerMainNavBlock .headerTab {
    color                 : #FFFFFF;
    background-color      : #231815;
    border-radius         : 5px 5px 0px 0px;
    -webkit-border-radius : 5px 5px 0px 0px;
    -moz-border-radius    : 5px 5px 0px 0px;
    margin                : 15px 1px 0px 0px;
    height                : 36px;
    width                 : 125px;
    float                 : left;
    line-height           : 34px;
    text-align            : center;
    font-size             : 14px;
    font-weight           : bold;
    padding-left          : 25px;
    background-repeat     : no-repeat;
    background-position   : 6px 6px;
    background-size       : 25px;
}

#headerNavInner01 .headerMainNavBlock .ico_online_selected {
    background-image: url("../../images/img12/common/icon-online.png");
}

#headerNavInner01 .headerMainNavBlock .headerLink {
    color                 : #231815;
    background-color      : #FFFFEE;
    border-radius         : 5px 5px 0px 0px;
    -webkit-border-radius : 5px 5px 0px 0px;
    -moz-border-radius    : 5px 5px 0px 0px;
    margin      : 15px 1px -10px 0px;
    height      : 35px;
    width       : 125px;
    float       :left;
    line-height : 36px;
    text-align  : center;
    font-size   : 14px;
    font-weight : bold;
    padding-left: 25px;

    background-repeat  : no-repeat;
    background-position: 6px 6px;
    background-size    :25px;

    border-bottom      : 1px solid #231815;
    box-shadow         :  0 0 6px 0 #231815 inset;
    -webkit-box-shadow :  0 0 6px 0 #231815 inset;
    -moz-box-shadow    :  0 0 6px 0 #231815 inset;

}

#headerNavInner01 .headerMainNavBlock .headerLink .dammy_shadow {
    display:none;
}

#headerNavInner01 .headerMainNavBlock .ico_music_link {
    background-image: url("../../images/img12/common/icon-music_black.png");
}

#headerNavInner01 .headerMainNavBlock .ico_tenpo_link {
    background-image: url("../../images/img12/common/icon-tenpo_black.png");
}


/*-- サブナビゲーション ------------------- */
#headerSubNavArea
{
    width      : 1000px;
    height     : 38px;
}

#headerSubNavArea .headerSubNavBlock {
    height      : 20px;
    margin-top  : 6px;
    padding     : 0px 5px;
    float       : left;
    border-left : solid  1px #FFD000;
}

#headerSubNavArea .headerSubNavBlock .headerLink {
    margin      : -4px 0px -20px 0px;
    height      : 36px;
    float       : left;
    line-height : 28px;
    text-align  : center;
    font-size   : 100%;
    font-weight : bold;
    text-decoration: none;
    padding     : 0px 15px;
    cursor      : pointer;
}

#headerSubNavArea .headerSubNavBlock a.headerSubNavTab:link,
#headerSubNavArea .headerSubNavBlock a.headerSubNavTab:visited {
    color      :#FFFFFF !important;
}

#headerSubNavArea .headerSubNavBlock a.headerSubNavTab:hover{
    color       :#FFD000 !important;
}

#headerSubNavArea  .headerSubNavBlock .subNavOnline  {
    padding    :0px;
    width      :131px;
}

#headerSubNavArea .headerSubNavLast {
    border-right:solid  1px #FFD000;
}

/* CSS		：mypage_new.css */
.customerInputText {
	height: 25px;
	vertical-align: middle;
}

/*　通知画面の全て既読するボタン*/
.AlreadyBtn {
	position: relative;
	border-radius: 4px;
	border: 1px solid #aeaeae;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	font-size: 11px;
	color: #232323;
	letter-spacing: 1.1px;
	background: #fff;
	cursor: pointer;
}
	.AlreadyBtn:hover {
		border: 1px solid #666666;
	}