@charset "UTF-8";


/*----------------------------------------------------------------------
/			layout 
/----------------------------------------------------------------------*/
div#wrapper{
	text-align: center;
	width: 940px;
	margin: 0 auto;
	padding:0;
	height: 100%;
	position: relative;
	overflow: hidden;
}

/*----------------------------------------------------------------------
/			header 
/----------------------------------------------------------------------*/
div#header{
	height: 96px;
	margin: 0 0 0px 0;
	text-align:left;
		background-color: #fffffff;
	
}
/*----------------------------------------------------------------------
/			wide 
/----------------------------------------------------------------------*/
div#wrapper div.wide{
	background:url(/images/common/bg.gif) repeat-y;
	
	background:url(/images/common/woodbg.jpg) repeat-y;
}
/*----------------------------------------------------------------------
/			main 
/----------------------------------------------------------------------*/
div#wrapper div.main{
	float:right;
	height:100%;
	width: 700px;
	overflow:auto;
	text-align:left;
	background-color: #ffffff;
}
div#wrapper div.main div.innerMain{ 
	margin: 0 20px 0 0;
	padding: 0 0 20px 0;
	width: 664px;
}
/*----------------------------------------------------------------------
/			global menu 
/----------------------------------------------------------------------*/
img.logo{
	padding: 0px 0 0 5px;
	margin-top: 18px;
}
div.globalMenu{
	width: 664px;
	position: absolute;
	top: 15px;
	left: 240px;
}
div.globalMenu select{
	font-size: 90%;
}
div.globalMenu form#headerSearch{
	width: 450px;
}
div.globalMenu form#headerSearch .icon,
div.globalMenu form#headerSearch input, div.globalMenu form#headerSearch select{
	vertical-align: middle;
}
div.globalMenu form#headerSearch input.inpu{
	border:1px solid #999999;
	background-color: #f5f5f5;
	font-size: 90%;
	padding: 1px 2px;
}
div.globalMenu form#headerSearch input#w_search{
	width: 150px;
}
div.globalMenu form#headerSearch p{
	margin: 0;
	padding: 0;
}
div.globalMenu form#headerSearch .price{
	margin-top: 4px;
	padding-left: 130px;
}
div.globalMenu form#headerSearch .price span{
	font-size: 12px;
}
div.globalMenu form#headerSearch .price input{
	width: 60px;
	margin-left: 3px;
	text-align: right;
}
div.globalMenu form#headerSearch input#headerSearchSubmit{
	padding-top: 10px;
	float: right;
}
div.globalMenu ul{
	margin:0 0 5px 0;
 	padding:0 0 5px 0;
	 height: 16px;
}

div.globalMenu li{	
	margin:0 ;
	padding:0 ;
	list-style-type: none;
	float:left;
	height: 16px;
	border-right: 1px solid #cccccc;

	line-height: 100%;	
}
div.globalMenu li a{
	display:block;
	height: 14px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}	
div.globalMenu li#g_top a{
	background-image:url(/images/common/b_top_top.gif);
	width: 53px;
}
div.globalMenu li#g_how a{
	background-image:url(/images/common/b_top_how.gif);
	width: 114px;
}
div.globalMenu li#g_mail a{
	background-image:url(/images/common/b_top_mail.gif);
	width: 61px;
}
div.globalMenu li#g_link a{
	background-image:url(/images/common/b_top_link.gif);
	width: 64px;
}	
div.globalMenu li#g_map a{
	background-image:url(/images/common/b_top_map.gif);
	width: 60px;
}
div.globalMenu a#showCart{
	display:block;
	width:120px;
	height: 46px;
	position: absolute;
	top: 20px;
	right:0;
	overflow: hidden;
	background-image:url(/images/common/b_top_cart.gif);
}
div.globalMenu a:hover#showCart{
	background-position: 0 bottom;
}

/*----------------------------------------------------------------------
/			menu 
/----------------------------------------------------------------------*/
div#wrapper div.menu{
	width: 216px;
	float:left;
	text-align:left;
	overflow:auto;
	height: 100%;
	/*
	overflow: scroll;
	height: 300px;
	*/
	padding: 0px 0 0 0;
	background:url(/images/common/menu_head.gif) no-repeat;
	background:url(/images/common/menu_head.jpg) no-repeat;
	line-height: 100%;
}
div#wrapper div.menu a{
	text-decoration: none;
}
div#wrapper div.menu a:hover{
	color: #ffcc66 !important;
}
div#wrapper div.menu div.cat{
	margin: 0 0 5px 0;
}
div#wrapper div.menu div.innerMenu{
	padding: 10px 0 0 10px ;
	width:180px;
}
div#wrapper div.menu div.innerMenu h2,
div#wrapper div.menu div.innerMenu ul.level1 li a.level1{
	color: #ffffff;
	margin:0;
	padding:0 0 0 18px;
	background: url(/images/common/icon_dir_c.gif) no-repeat 0 0px;
	line-height: 100%;
	font-weight: bold;
	font-size: 90%;
}

div#wrapper div.menu div.innerMenu ul.level1 li#menu_3000_etick{
	padding-top: 8px;
	background:url(/images/common/woodline.gif) repeat-x 0 top;
}
div#wrapper div.menu div.innerMenu ul.level1 li#menu_0_12inch  a.level1,
div#wrapper div.menu div.innerMenu ul.level1 li#menu_0_7inch  a.level1{
	background-image: url(/images/common/icon_7.gif);
}

div#wrapper div.menu div.innerMenu ul.level1 li#menu_new_arrival a.level1{
	background-image: url(/images/common/icon_new_a.gif) ;
}
div#wrapper div.menu div.innerMenu ul.level1{
	margin:0;
	padding:0;
}
div#wrapper div.menu div.innerMenu ul#newArrival{
	margin-bottom:10px;
	background:url(/images/common/woodline.gif) repeat-x 0 bottom;
	margin:0 0 10px 0px;
	padding:0 0 5px 0;
}
/*
div#wrapper div.menu div.innerMenu ul#mainMenu7inch{
	margin-bottom:10px;
	background:url(/images/common/woodline.gif) repeat-x 0 bottom;
	margin:0 0 10px 0px;
	padding:0 0 5px 0;
} */

div#wrapper div.menu div.innerMenu ul#mainMenu{
	background-image: none;
}
div#wrapper div.menu div.innerMenu ul.level1 li{
	list-style-type: none;
	margin-bottom:5px;
}
div#wrapper div.menu div.innerMenu ul.level1 li.open a.level1{
	background-image: url(/images/common/icon_dir_o.gif)
}
div#wrapper div.menu div.innerMenu ul.level1 li ul{
	margin:0;
	padding:0px 0 0 0px;
}
div#wrapper div.menu div.innerMenu ul.level1 li ul li ul{
	padding-left: 15px;
}

div#wrapper div.menu div.innerMenu ul.level1 li ul li a{
	font-size: 90%;
	color: #ffffff;
	padding-left: 18px;
}
div#wrapper div.menu div.innerMenu ul.level1 li ul li a:visited{
	font-size: 90%;
	padding-left: 18px;
}
div#wrapper div.menu div.innerMenu ul.level1 li ul li{
	color: #ffffff;
	padding: 3px 0px 3px 0px;
	background: url(/images/common/dir_1.gif) no-repeat 0 0;
	margin:0 0 0 0px;
	list-style-type: none;
	line-height:100%;
}
div#wrapper div.menu div.innerMenu ul.level1 li ul li.last{
	background: url(/images/common/dir_2.gif) no-repeat 0 top;
}
div#wrapper div.menu div.innerMenu ul.level1 li ul li.open a.hasChild {
	background: url(/images/common/icon_dir_o.gif) no-repeat 0 2px;
	margin-left: 14px;
	display:block;
	padding: 0 0 3px 18px;
}
div#wrapper div.menu div.innerMenu ul.level1 li ul li.close a.hasChild {
	background: url(/images/common/icon_dir_c.gif) no-repeat 0 2px;
	margin-left: 14px;
	display:block;
	padding: 0 0 3px 18px;
}
div#wrapper div.menu div.innerMenu ul li.close ul{
	display:none;
}
div#wrapper div.menu div.innerMenu h2, div#wrapper div.menu div.innerMenu ul.level1 li a.on{
	font-weight: bold;
	color: #ffcc66;
}
/*freelink*/
div#wrapper div.menu div.freelink{
/*	border:1px solid #c09e7e; */
	width: 180px;
	margin: 2px 0 15px 0;
}
div#wrapper div.menu div.freelink ul{
/*	padding:5px 0 5px 5px;  */
	margin:0;
	color: #ffffff;
}
div#wrapper div.menu div.freelink li{
	margin: 4px 0;
	font-weight: bold;
	list-style-type: none;
/*	background:url("/images/common/icon_new_a.gif") no-repeat scroll 0 2px transparent; */
}
div#wrapper div.menu div.freelink li a{
	padding:0 0 0 18px;
	background: url("/images/common/icon_dir_c.gif") no-repeat scroll 0 0 transparent; 
	line-height: 100%; 
	font-size:90%;
	margin:0;
}
div#wrapper div.menu div.freelink li.normal{
}
div#wrapper div.menu div.freelink ul a,
div#wrapper div.menu div.freelink ul a:visited{
	color: #ffffff;
}
/*----------------------------------------------------------------------
/			search dropdown
/----------------------------------------------------------------------*/
div#index.innerMain{
    position: relative;
}
#header{
    position: relative;
}
#screen-meta-wrapper {
/*    position: absolute;*/
}
#screen-meta {
    background-color: #4191d5;
    border-color: #CCCCCC;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	color:#FFF;
	font-family:"メイリオ", Meiryo;
}
#screen-options-link-wrap, #contextual-help-link-wrap, #screen-meta {
    border-radius: 4px;
}
#screen-meta {
    /*border-style: none solid solid;*/
    border-width: 0 1px 1px;
    display: none;
    margin: 0 0 12px 0;
    position: relative;
}
#screen-options-wrap, #contextual-help-wrap {
    margin: 0;
    padding: 15px 20px 12px;
    position: relative;
}
#screen-options-wrap h5{
  font-size: 16px;
}
#screen-options-wrap h5.search_detail_title {
	background:url(../images/common/search_detail_point1.png) 0 0 no-repeat;
	color:#FFF;
	border:0;
	padding-left:30px;
	padding-top:1px;
	float:left;
}
#screen-options-wrap a.close_btn {
	font-size:10px;
	padding:2px 7px;
	background-color:#2578bf;
	color:#FFF;
	float:right;
	text-align:center;
	border-radius:4px;
	text-decoration:none;
	letter-spacing:1px;
	font-weight:bold;
	cursor:pointer;
}
#screen-options-wrap a:hover.close_btn {
	background-color:#6cb3ef;
}

#contextual-help-wrap {
    margin-left: -4px;
    padding: 0;
}
#contextual-help-wrap {
    overflow: auto;
}


#screen-meta-links {
    margin: 0;
}
#screen-meta-links .screen-meta-toggle {
    position: relative;
    top: -1px;
}
#screen-options-link-wrap, #contextual-help-link-wrap {
    background: linear-gradient(to top, #DFDFDF, #F1F1F1) repeat scroll 0 0 #E3E3E3;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
#screen-options-link-wrap, #contextual-help-link-wrap, #screen-meta {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
#screen-options-link-wrap, #contextual-help-link-wrap {
/*    float: right; */
    font-family: sans-serif;
    height: 23px;
    margin: 0 0 0 6px;
    padding: 0;
}

#screen-meta-links .screen-meta-toggle {
    position: absolute;
	left:686px;
    top: 50px;
	border:none;
	background:none;
}

#screen-meta-links .screen-meta-toggle a:hover {
	background-position:0 -17px;
}
#screen-options-link-wrap, #contextual-help-link-wrap {
    background: linear-gradient(to top, #DFDFDF, #F1F1F1) repeat scroll 0 0 #E3E3E3;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
#screen-options-link-wrap, #contextual-help-link-wrap, #screen-meta {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
#screen-options-link-wrap, #contextual-help-link-wrap {
/*    float: right; */
    font-family: sans-serif;
    height: 23px;
    margin: 0 0 0 6px;
    padding: 0;
}


#screen-meta-links a.screen-meta-active {
    background-position: right -31px;
}
#screen-meta-links a.show-settings {
	background:url(../images/common/search_detail_btn.gif) 0 0 no-repeat;
	width:80px;
	height:17px;
	display:block;
	text-indent:-9999px;
    z-index: 1;
}
#screen-meta-links a:hover.show-settings {
	background-position:0 -17px;
}
#screen-meta-links a.press {
	background-position:0 -34px;
}
#screen-meta-links a:hover.press {
	background-position:0 -51px;
}

#screen-meta-links a {
    color: #777777;
}

#screen-meta select,
#screen-meta input {
	padding:4px;
	border-radius:4px;
	border:none;
	color:#333;
	font-weight:bold;
	ont-family:"メイリオ", Meiryo;
}
#screen-meta select{
	margin-right: 4px;
	margin-bottom: 4px;
}
#screen-meta .search_junle_select select{
	font-size: 1em;
}
#screen-meta td {
	padding:4px 0;
	vertical-align:top;
	font-size:12px;
	background-color: transparent;
}
#screen-meta td.search_list_title {
	background:url(../images/common/search_detail_point2.png) 3px 6px no-repeat;
	padding-left:20px;
	width:105px;
}
#screen-meta ul,
#screen-meta li{
	margin:0;
	padding:0;
	list-style:none;
}
#screen-meta li {
	background-color:#2578bf;
	border-radius:4px;
	padding:2px 6px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	font-size:10px;
	letter-spacing:1px;
}
#screen-meta input.search_btn {
	background:url(../images/common/search_btn_bg.png) 12px 12px no-repeat;
	padding:12px;
	background-color:#145288;
	color:#FFF;
	padding-left:30px;
	cursor:pointer;
}
#screen-meta input:hover.search_btn {
	background-color:#1a6eb6;
}

div#index.innerMain {
	position:inherit;
}

/*search_result*/

div.search_result {
	background-color:#EEE;
	border-radius:4px;
	padding:15px;
	margin-bottom:15px;
}
div.search_result td {
	font-size:12px;
	padding:3px 6px;
}
div.search_result td.result_list_title {
	width:105px;
}
div.search_result .result_frame {
	padding:2px 6px;
	background-color:#DDD;
	border-radius:4px;
	margin-right:4px;;
	font-size:12px;
}
div.search_result h4 {
	padding:3px 6px;
	border-radius:4px;
	background-color:#DDD;
	color:#666;
}

div.search_result h5 {
	font-size:16px;
	padding:3px 6px;
	border:none;
	margin:0;
}
div.search_result h5 span.num {
	font-size:18px;
	color:#C00;
}


/*----------------------------------------------------------------------
/			item 
/----------------------------------------------------------------------*/

div.item h2{
	background: none;
	padding:0;
	margin-bottom: 6px;
}
div.item div.subInfo{
	text-align:right;
	margin:0 0 5px 0;
	width:110px;
	float: right;
}
div.item div.subInfo submit{
	margin: 0;

}
div.item {
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	background:url(/images/common/dot_line.gif) repeat-x 0 bottom;
	width:100%;
}
div.item.jacketnum-1{ min-height: 110px; }
div.item.jacketnum-2{ min-height: 220px; }
div.item.jacketnum-3{ min-height: 330px; }
div.item.jacketnum-4{ min-height: 440px; }
div.item.jacketnum-5{ min-height: 550px; }
div.item.jacketnum-6{ min-height: 660px; }
div.last{
	margin-bottom: 10px;
}
div.item div.txt h3, div.item div.txt p,div.item div.optionData{
	font-size: 120%;
}
div.item div.optionData{
	margin: 0 0 0px 0;
	padding:0;
/*	font-size:95%; */
}
div.item div.jacket{
	width :110px;
	height: 110px;
	float: left;
}
div.item div.jacket p{
	background:url(/images/common/jacket_bg.gif) no-repeat 5px 5px;
	margin-bottom: 5px;
}
div.item div.jacket img{
	margin-bottom: 5px;
}
div.item div.txt{
	width: 530px;
	padding-right:10px;
	float:right;
}
div.item div.txt p{
/*	font-size: 110%; */
}
div.item div.txt span.soldout{
	color: #c40026;
	font-weight: bold;
}
div.item span.artist{
}
div.item span.album{
}
div.item div.junle{

}
div.item div.condition{
	margin: 0 0 8px 0;	
	font-size: 120%;
}
div.item span.category{

}
div.item span.price{
	font-weight:bold;
	color: #006699;
	font-size:110%;
}
div.item span.price_original{
	padding-left: 6px;
	font-size: 80%;
	color: #0a4f66;
}
 div.item span.tax, div.item span.onlineprice{
	font-size:90%;
}
div.item span.onlineprice{
	font-size:80%;
	text-decoration: underline;
	padding-left: 18px;
	margin-right: 6px;
	background:url(/images/common/icon/warning_triangle_14.png) no-repeat 0 50%;
	cursor: pointer;
}
div.item span.discount, span.discount{
	text-decoration: line-through;
}
div.item span.inch{
	font-size:110%;
}

div.item a.aboutC{
	width:92px;
	float:right;
}

div.item div.listenMusic{
	width:400px;
	float: left;
	margin: 0;
}
div.item div.listenMusic ul{
	padding:0 0 0 80px;
	margin:0;
	background:url(/images/common/icon_sound2.gif) no-repeat left center;
}
div.item div.listenMusic li{
	list-style-type: none;
/*	padding:0 0 0 20px; */
	margin:0 0 3px 0;
	font-size: 90%;
/*	color: #ff6600; */
	line-height: 140%;
}
div.item div.listenMusic li div.mpPlayer{
	width: 28px;
	height: 14px;
	margin-right: 5px;
	display: inline;
	vertical-align:middle;
}

/*----------------------------------------------------------------------
/			category 
/----------------------------------------------------------------------*/
div.tCategory{
	background-color:#cc0000;
	height:66px;
	margin: 0 0 20px 0;
}
div.tCategoryR{
	height:66px;
	background:url(/images/common/t_cat_r.gif) no-repeat  right top;
}
div.tCategoryL{
	height:66px;
	background:url(/images/common/t_cat_l.gif) no-repeat left top;
}
div.tCategory h1{
	line-height: 66px;
	color: #ffffff;
	padding: 0 0 0 30px;
	font-size: 100%;
	margin:0;
}
div.tCategory h1 span.hitNum{
	font-weight: normal;
	font-size: 90%;
}
div.tCategory h1 a,
div.tCategory h1 a:visited,
div.tCategory h1 a:hover{
	color: #ffffff;
	text-decoration: none;
}
div.tCategory h1 a:hover{
	color: #FFCC66;
}
/*----------------------------------------------------------------------
/			pager 
/----------------------------------------------------------------------*/
div.pager{
	font-size: 90%;
	line-height: 26px;
}
div.pagerTop{
		background:url(/images/common/dot_line.gif) repeat-x 0 bottom;
		padding-bottom: 10px;
		margin-bottom:20px;
}
div.pageNum{
	width: 600px;
	float:left;
}
div.pager a{

}
div.pagerBottom{
	margin-bottom:30px;
}
div.pager div.nextNavi{
	width:60px;
	float: right;
	text-align:right;
	
}
div.pager div.nextNavi a{
	margin-left: 10px;
	background-color: #ffffff;
}
div.pager span.on{
	font-weight:bold;
	color: #cc0000;
}

/*----------------------------------------------------------------------
/			no stock records
/----------------------------------------------------------------------*/
div.message{
	text-align: center;
	border: 1px solid;
	margin: 10px 0px;
	padding:10px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div.message ul{
	list-style-position: inside;
	padding: 4px 0 4px 12px;
    margin: 8px 26px 0px 26px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
div.message ul li{
	text-align: left;
	width: auto;
}
div.message ul li a{
	padding-left: 12px;
}
div.message p{
	margin: 2px 0;
}
div.message p.title span{
	padding-left: 20px;
	font-weight: bold;
}
div.message.error{
	color: #D8000C;
	background-color: #FFBABA;
}
div.message.error p.title span{
	background: url(../images/common/icon/error.png) no-repeat center left;
}
div.message.noStock{
	color: #D8000C;
	background-color: #FFBABA;
}
div.message.noStock ul{
	background-color: #FFF;
}
div.message.noStock p.title span{
	background: url(../images/common/icon/gem_remove.png) no-repeat center left;
}
div.message.removeStock{
	color: #4F8A10;
	background-color: #DFF2BF;
}
div.message.removeStock p.title span{
	background: url(../images/common/icon/gem_okay.png) no-repeat center left;
}

/*----------------------------------------------------------------------
/			window 
/----------------------------------------------------------------------*/
body.window{
	padding: 20px;
	overflow:auto;
}