@charset "utf-8";

/***モバイル用CSS****/

/* ------ Web Font ------ */

/* IE */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.eot);
}
/* Firefox, Opera, Safari */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.otf) format("truetype");
}

.icon {
	font-family: iconfont;
	font-weight: normal;
}

.icon-download:before {
	content: "\00ed";
}
.icon-customize:before {
	content: "w";
}
.icon-iphone:before {
	content: "T";
}
.icon-list:before {
	content: "\002c7";
}

.icon-header-navi:before {
	content: "û";
	padding-right:8px;
}

/*Û
Û
Û*/

/***ボディーの設定　ここから***/
/*---------------------------------------------------------------------------*/
body{
	background-image:none;
	background-color:#222;
}
body.wind,
body.support{
	background-image:none;
}
body.omiya{
	background-image:none;
}

/***ボディーの設定　ここまで***/
/*---------------------------------------------------------------------------*/

/***レイアウトの設定　ここから***/
/*---------------------------------------------------------------------------*/
/*全体の幅とセンタリング*/
#global {
}
/*ヘッダー*/
/*---------------------------------------------------------------------------*/
#header {
	background-image:none;
	background-color:#f39700;
	min-height:80px !important;
	height:auto !important;
}
body#wide #header {
}
#header_body {
	background-image:none;
	width:auto;

	min-height:80px;
	height:auto !important;
	height:80px;
}
body#wide #header_body {
}

/*見出し1*/
#header h1 {
	display:none;
	float:none;
	letter-spacing:0;
	line-height: 1em;
	padding:4px;
	width:100%;
}
body#wide #header h1 {
	display:none;
}

/*ヘッダー内メニュー*/
#header .menu {
	float:none;
	padding:0px 0px;
	width:auto;
	position:absolute;
	top:8px;
	right:8px;
}
#header .menu ul{
}
#header .menu li {
}
#header .menu li a{
	height:38px;
}
#header .menu li#jp a{
	background:url(../img/icon_langage.gif) no-repeat -120px 0;
	width:38px;
}
#header .menu li#english a{
	background:url(../img/icon_langage.gif) no-repeat -120px -40px;
	width:44px;
}
#header .menu li#korea a{
	background:url(../img/icon_langage.gif) no-repeat -120px -80px;
	width:38px;
}
#header .menu li#chinese a{
	background:url(../img/icon_langage.gif) no-repeat -120px -120px;
	width:38px;
}
#header .menu li#francais a{
	background:url(../img/icon_langage.gif) no-repeat -120px -160px;
	width:38px;
}
#header .menu li#german a{
	background:url(../img/icon_langage.gif) no-repeat -120px -200px;
	width:38px;
}
/*マウスオーバー時*/
#header .menu li#jp a:hover{
	background:url(../img/icon_langage.gif) no-repeat -120px 0px;
}
#header .menu li#english a:hover{
	background:url(../img/icon_langage.gif) no-repeat -120px -40px;
}
#header .menu li#korea a:hover{
	background:url(../img/icon_langage.gif) no-repeat -120px -80px;
}
#header .menu li#chinese a:hover{
	background:url(../img/icon_langage.gif) no-repeat -120px -120px;
}
#header .menu li#francais a:hover{
	background:url(../img/icon_langage.gif) no-repeat -120px -160px;
}
#header .menu li#german a:hover{
	background:url(../img/icon_langage.gif) no-repeat -120px -200px;
}

/*ロゴマーク*/
#header #logo {
	float:none;
	margin-top:8px

/*	min-height:88px;
	height:auto !important;
	height:88px;*/
}

/*ヘッダー内ナビゲーション*/
#header #header_navi {
	background-color:#ee781c;
	float:none;
	margin-top:16px;
	padding:8px 0;
	width:auto;

	overflow: hidden;
	*zoom: 1;
}
#header_navi_btn {
	display: block !important;
/*	width: 50px;*/
	width: 200px;
	margin: 0 auto 4px;
/*	border-bottom: solid 1px #444;*/
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#header_navi_btn a {
	display: block;
	height: 25px;
	line-height: 25px;
	color: #b5b5b5;
	font-size: 14px;
	border: solid 1px #ee781c;
	text-align: center;
	vertical-align: top;
	text-decoration: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-text-shadow: 0px -1px 0px #700;
	text-shadow: 0px -1px 0px #111;
}
	#header_navi_btn a:link,
	#header_navi_btn a:visited {
		background: url(../img/bg_gradient.png) repeat-x #444;
		background: -moz-linear-gradient(top, #444, #333);
		background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
		background: -webkit-linear-gradient(top, #444, #333);
		background: -o-linear-gradient(top, #444, #333);
		background: linear-gradient(to bottom, #444, #333);
	}
#header_navi_btn a:hover,
#header_navi_btn a:active,
#header_navi_btn a.current {
	background: url(../img/bg_gradient.png) repeat-x #555;
	background: -moz-linear-gradient(top, #555, #444);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
	background: -webkit-linear-gradient(top, #555, #444);
	background: -o-linear-gradient(top, #555, #444);
	background: linear-gradient(to bottom, #555, #444);
}
#header #header_navi ul {
	display:none;
}

#header #header_navi li {
	border-top:1px solid #f5ae77;
	width:50%;
}
/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {
	#header #header_navi li {
		width:100%;
	}
}

#header #header_navi li a{
	color:#fff;
	padding:8px 16px;
	height:auto;
	text-indent:0px;
}
#header #header_navi li#ochanomizu a{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
	width:auto;
}
#header #header_navi li#omiya a{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
	width:auto;
}
#header #header_navi li#hachiouji a{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
	width:auto;
}
#header #header_navi li#violin a{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
	width:auto;
}
#header #header_navi li#secondhands a{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
	width:auto;
}
#header #header_navi li#creare a{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
	width:auto;
}
#header #header_navi li#webshop a{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
	width:auto;
}
/*マウスオーバー時*/
#header #header_navi li#ochanomizu a:hover{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
}
#header #header_navi li#omiya a:hover{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
}
#header #header_navi li#hachiouji a:hover{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
}
#header #header_navi li#violin a:hover{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
}
#header #header_navi li#secondhands a:hover{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
}
#header #header_navi li#creare a:hover{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
}
#header #header_navi li#webshop a:hover{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px;
}
#header #header_navi li a:hover{
	text-decoration:none;
	background-color:#f5ae77 !important;
}

/*ナビゲーション*/
/*---------------------------------------------------------------------------*/
#navi_btn{
		position: relative;
		display: block;
		width: 100%;
		padding: 5px 0;
		background-color: #222;
}
#navi_btn div {
	width: 50px;
	margin-left: 10px;
	border-bottom: solid 1px #444;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#navi_btn a {
	display: block;
	height: 25px;
	line-height: 25px;
	color: #ccc;
	font-size: 14px;
	border: solid 1px #111;
	text-align: center;
	vertical-align: top;
	text-decoration: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-text-shadow: 0px -1px 0px #700;
	text-shadow: 0px -1px 0px #111;
}

#navi_btn a:link,
#navi_btn a:visited {
	background: url(../images/bg_gradient.png) repeat-x #444;
	background: -moz-linear-gradient(top, #444, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
	background: -webkit-linear-gradient(top, #444, #333);
	background: -o-linear-gradient(top, #444, #333);
	background: linear-gradient(to bottom, #444, #333);
}
#navi_btn a:hover,
#navi_btn a:active,
#navi_btn a.current {
	background: url(../images/bg_gradient.png) repeat-x #555;
	background: -moz-linear-gradient(top, #555, #444);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
	background: -webkit-linear-gradient(top, #555, #444);
	background: -o-linear-gradient(top, #555, #444);
	background: linear-gradient(to bottom, #555, #444);
}

#navi {
	position:absolute;
	left:-240px;
	top:0px;
	background-mage:none;
	height:auto !important;

	width:240px;
}
#navi_body {
	width:100%;
	height:100% !important;
}
#navi #navi_notmobile{
	display:none;
}
#navi #navi_mobile{
	display:block;
}
#navi ul{
	background-color:#222;
	padding-top:38px;
}
#navi li {
	display:block;
	float:none;
	border-top:1px solid #535353;
	width:240px;
	height:auto !important;
}
#navi li:last-child {
	border-bottom:1px solid #535353;
}
#navi li#search_area form{
	padding:16px;
}

#navi li a{
	color:#fff;
	background:url(../img/icon_link05.gif) no-repeat 8px 12px !important;
	padding:16px;
	width:208px;
	height:auto !important;
}
#navi li a:hover{
	background-color:#535353 !important;
	text-decoration:none;
}


/*背景画像*/
/*---------------------------------------------------------------------------*/
#wrapper {
	background-imge:none;
	margin:0;
	padding:8px;
	width:auto;
}

/*サイドバー*/
/*---------------------------------------------------------------------------*/
#sidebar {
	float:none;
	display:none;
}
#sidebar h3 {
}
#sidebar h4 {
}
#sidebar p{
}

#sidebar .search{
}

#sidebar .search_body{
}

#sidebar .menu{
}
#sidebar .menu_body{
}
#sidebar .menu_body h3{
}
#sidebar .menu_body ul{
}
#sidebar .menu_body ul li {
}
#sidebar .menu_body ul li.parent {
}
#sidebar .menu_body ul li.bottom{
}
#sidebar .menu_body ul ul{
}
#sidebar .menu_body ul ul li {
}
#sidebar .menu_body ul li a{
}
#sidebar .menu_body ul li.parent a{
}
#sidebar .menu_body ul ul li a,
#sidebar .menu_body ul .parent ul li a{
}
#sidebar .menu_body ul li a:link {
}
#sidebar .menu_body ul li a:visited {
}
#sidebar .menu_body ul li a:hover {
}
#sidebar .menu_body ul li a:active {
}
.sidebar_none #sidebar{
	display:none;
}

/*コンテンツ*/
/*---------------------------------------------------------------------------*/
#content{
	float:none;
	padding:0;
	width:100%;
	overflow:hidden;
}


body#wide #content{
	width:100%;
}

.sidebar_none #content{
	width:100%;
}

body.acoustic #content{
}
body.acoustic_black #content{
}

/*キャッチ*/
/*---------------------------------------------------------------------------*/
#content .catch{
	width:100%;
/*	overflow:hidden;*/
}
#content .catch  img{
}
#content .img{
/*	width:100% important;*/
}

/*見出し2*/
#content h2 {
	color:#333;
	letter-spacing:0px;
	background-image:none;
	border-left:4px solid #f39700;
	margin-bottom:8px;
	padding:0px 8px;

	height:auto;

}
.support #content h2 {
	background-image:none;
}
.sidebar_none #content h2 {
	background-image:none;
}
/*見出し3*/
#content h3 {
	color:#900;
	letter-spacing:0px;
	background-image:none;
	border-bottom:1px solid #900;
	padding:0px 8px;
}
.support #content h3 {
	background-image:none;
}
/*見出し4*/
#content h4 {
	border-bottom:none;
	border-left:#900 4px solid;
	color:#900;
	letter-spacing:0px;
	padding:0px 4px;
}
.support #content h4 {
	border-bottom:none;
	border-left:#339 4px solid;
	color:#339;

}
/*段落*/
#content p {
	text-align:left;
}

#content iframe{
	width:100%;
}
/*----------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------*/




/*----------------------------------------------------------------------------------------*/

/*画像レイアウト*/
/*---------------------------------------------------------------------------*/
#content .img_left{
}
#content .img_rigth{
}
/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {
	#content .img_left{
		float:none;
	}
}

#content .clear{
	#content .img_rigth{
		float:none;
	}
}
/*
ブロック要素の高さを揃える
jsで調整
高さを揃えるブロックの親要素にクラス「heightLineParent」を設定
*/
.heightLineParent{
}

/*透過PNG*/
.png{
}

/*サブナビゲーション*/
/*---------------------------------------------------------------------------*/
#subnavi {
	clear:both;
	background-image:none;
	background-color:#020101;
	line-height:1em ;
	width:100%;
	overflow:hidden;
}
#subnavi .subnavi_body{
	background-image:none;
	height:auto;
	padding:8px 0;
	width:100%;
}
#subnavi .menu_body{
	float:none;
}
#subnavi .menu_body ul {
	float:none;
	list-style-type:none ;
}
#subnavi .menu_body ul li{
	float:none;
	padding:0px;
	width:100%;
}
#subnavi ul li#group_ochanomizu a{
	background-image:none;
}
#subnavi ul li#group_repair a{
	background-image:none;
}
#subnavi ul li#group_acoustic a{
	background-image:none;
}
#subnavi ul li#group_guitars_repair a{
	background-image:none;
}
#subnavi ul li#group_secondhands a{
	background-image:none;
}
#subnavi ul li#group_omiya a{
	background-image:none;
}
#subnavi ul li#group_creare_omiya a{
	background-image:none;
}
#subnavi ul li#group_hachiouji a{
	background-image:none;
}
#subnavi ul li#group_creare_hachiouji a{
	background-image:none;
}
#subnavi ul li#group_violin a{
	background-image:none;
}
#subnavi ul li#group_shimora a{
	background-image:none;
}
#subnavi ul li#group_wind a{
	background-image:none;
}
#subnavi ul li#group_webshop a{
	background-image:none;
}
#subnavi ul li#group_kaitori a{
	background-image:none;
}


#subnavi .menu_body ul li a{
	background:url(../img/icon_link05.gif) no-repeat 8px 12px !important;
	padding:8px 16px;
	width:100%;
}
#subnavi p{
	border-bottom:1px solid #535353;
	padding:8px;
}


/*フッター*/
#footer {
	clear:both;
	color:#FFF;
	background-image:none;
	background-color:#f39700;
	height:40px !important;
	min-height:40px;
}
#footer .menu{
}
#footer .menu h2{
}
#footer .menu ul {
}
#footer .menu ul li{
}
#footer address{
}

/*ページの先頭へ*/
#pagetop{
	display:none;
}
#pagetop .btn{
}
#pagetop .btn a{
}
#pagetop .btn a:hover{
}


/***レイアウトの設定　ここまで***/
/*---------------------------------------------------------------------------*/


/***基本設定　ここから***/
/*---------------------------------------------------------------------------*/
/*太字*/
b {
}

/*リンク*/
a{
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}

img{
	max-width:100%;
}

#content object{
	display:none;
}
#content table{
	width:100%;
}

.mobile_disp_none{
	display:none !important;
}
.pc_disp_none{
	display:block !important;
}

/***基本設定　ここまで***/
/*---------------------------------------------------------------------------*/


/*選定品のご案内*/
/*---------------------------------------------------------------------------*/
#content .selection{
	position:relative;
	background-image:none;

	border:1px solid #4cbaf0;	
	background-color:#e0f3fc;
	border-radius:4px;
	margin-bottom:8px;
	padding:8px 0;
	width:auto;
	
}
#content .selection .obj{
	display:none;
}
#content .selection_body{
	background-image:none;
	padding:0;
	width:100%;
}
#content .selection_column{
	float:none;
	width:100%;
}
#content .selection_column2{
	float:none;
	width:100%;
}
/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {
	#content .selection img{
		max-width:80%;
	}
}


/***ブロック設定　ここから***/
/*---------------------------------------------------------------------------*/
.m_0_0_8_0{
}
.p_0_2_2_0{
	padding-right:1px;
	padding-bottom:1px;
}
.p_0_0_2_0{
	padding-bottom:1px;
}
.p_0_2_8_0{
	padding-right:1px;
	padding-bottom:1px;
}
.p_0_8_8_0{
	padding-right:1px;
	padding-bottom:1px;
}
.p_0_0_8_0{
	padding-bottom:1px;
}
.p_8_8_8_8{
	padding-right:1px;
	padding-bottom:1px;
}
.block_128{
}
.block_152{
}
.block_153{
}
.block_154{
}
.block_155{
}
.block_163{
}
.block_170{
}
.block_178{
}
.block_186{
}
.block_194{
}
.block_250{
	width:100%;
}
.block_259{
	width:100%;
}
.block_250_border{
	width:100%;
}
.block_259_border{
	width:100%;
}
.block_465_pur{
	width:100%;
}
.block_318{
	width:100%;
}
.block_327{
	width:100%;
}
.block_350{
	width:100%;
}
.block_380{
	width:100%;
}
.block_388{
	width:100%;
}
.block_418{
	width:100%;
}
.block_420{
	width:100%;
}
.block_518{
	width:100%;
}
.block_598{
	width:100%;
}
.block_600_center{
	width:100%;
}
.block_654{
	width:100%;
}
.block_128 span.text_s,
.block_152 span.text_s,
.block_153 span.text_s,
.block_154 span.text_s,
.block_155 span.text_s,
.block_163 span.text_s,
.block_170 span.text_s,
.block_178 span.text_s,
.block_186 span.text_s,
.block_194 span.text_s{
	display:none !important;
}

/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {
	.block_128{
		width:48%;
	}
	.block_152{
		padding:0 2px 8px 0;
		width:49%;
	}
	.block_152 img{
		min-width:100%;
	}
	.block_153{
		width:49%;
	}
	.block_154{
		width:49%;
	}
	.block_154 img{
		min-width:100%;
	}
	.block_155{
		width:49%;
	}
	.block_163{
		width:49%;
	}
	.block_170{
		width:49%;
	}
	.block_178{
		width:49%;
	}
	.block_186{
		width:49%;
	}
	.block_194{
		padding:0 2px 8px 0;
		width:49%;
	}

}

.line1{
	display:block;
	float:none;
	width:100%;
	overflow:hidden;
	white-space:nowrap;

}
.line1 .column2{
	width:49.5%;
}
.line1 .column3{
	width:33%;
}
.line1 .column4{
	width:24.5%;
}
.line1 .column5{
	width:19.8%;
}

/***ブロック設定　ここまで***/


/***テーブル設定***/
/*---------------------------------------------------------------------------*/
@media screen and (max-width: 479px) {

	.datatable201410{
	}
	
	.datatable201410 p{
	}
	
	#content table.listtable{
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:10px;
		border:1px solid #CCC !important;
	}

	#content table.listtable thead{
		display:none;
	}
	#content table.listtable th{
		display:block;
		position:relative;
		text-align:left;
		padding: .4em .4em .4em 5em;
		word-break:break-all;
		border:none !important;
	}
	
	#content table.listtable td{
		display:block;
		position:relative;
		text-align:left;
		padding: .4em .4em .4em 5em;
		word-break:break-all;
		border:none !important;
	}
	#content table td.td_img{
		width:auto;
	}
	#content table td.td_model{
		width:auto;
	}
	#content table th.td_price,
	#content table td.td_price{
		width:auto;
	}
	#content table td.td_color{
		width:auto;
	}
	.nowshowing{
	}
	#content table.listtable th:before,
	#content table.listtable td:before{
		content:attr(data-th)" ";
		font-size:80%;
		display:inline-block;
		position:absolute;
		top:4px;
		left:4px;
		width:5em;
		padding- .4em 0 0 .8em;
		color:#666;
	}

}

/***テーブル設定　ここまで***/
/*---------------------------------------------------------------------------*/


/* スライダーここから */
.jquery-slider {
	width: 100% !important;
/*	height: 52% !important;
	max-height: 393px !important;
	min-height: 251px !important;
	height: auto !important;*/
/*	max-width:752px;*/
/*	max-heght:393px;*/
}
/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {
	.jquery-slider {
	/*min-height: 167px !important;*/
	}
}


.jquery-slider-element {
	width: 100% !important;
	height: 100% !important;
	overflow:hidden;
}
.jquery-slider-element img{
	width: 100% !important;
/*	min-width: 200px !important;*/
	height:auto;
}
.jquery-slider-control {
}
.jquery-slider-control:hover {
}
.jquery-slider-control-prev {
    left: 8px;
    top: 50%;
}
.jquery-slider-control-next {
    right: 8px;
    top: 50%;
}
.jquery-slider-pages {
}
.jquery-slider-page {
}
.jquery-slider-page:hover {
}
.jquery-slider-page-current {
}

/* スライダーここまで */
/*------------------------------------------------------------------------*/