@charset "UTF-8";
/* CSS Document */

.HybLtHdr #sidebar1 {
	float: left; 
	width: 12em; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	background: #000000; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 30px 0; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
}
.HybLtHdr #sidebar1 h3, .HybLtHdr #sidebar1 p {
	margin-left: 10px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 10px;
}

.HybLtHdr #mainContent { 
	margin: 30px 50px 0 13em; /* 右マージンは、パーセントまたはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
} 


/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#sidebar1 ul {
	list-style-image: url(../img/mark01.gif);
	list-style-position: inside;
	font-family: "ＭＳ Ｐゴシック", Osaka, HiraKakuPro-W3;
	font-size: 0.75em;
	line-height: 150%;
	color: #FFFFFF;
	margin-left: 10px;
}

#sidebar1 li {
margin-bottom: .75em;
padding-left: .5em;
}

#sidebar1 ul ul {
margin-top: .5em;
list-style-image: url(../img/mark02.gif);
font-size: 1em;
}

#sidebar1 ul ul ul {
list-style-image: url(../img/mark03.gif);
}

#sidebar1 ul ul ul ul {
list-style-image: url(../img/mark03.gif);
}

#sidebar1 ul ul li {
padding-left: 10px;
}

/* カタログ */
.catalog {
	width: 130px;
	height:63px;
	margin-top: 20px;
	margin-left: 15px;
	background:url(../../instruments/img/catalog.gif) no-repeat left bottom;
}
.catalog a {
	display:block;
	width:130px;
	height:63px;
	font-size:1px;
	line-height:1px;
	outline:none;
	text-indent:-9999px;
}
.catalog a:hover {
	background:url(../../instruments/img/catalog_on.gif) no-repeat left bottom;
	}
	

/* 楽器トップ分岐 */
div#Content .top_box {
	overflow: hidden;
	position: relative;
	width: 884px;
	margin: 0px 0px 0px;
}

div#Content .top_right
	{
	width: 442px;
	float: right;
	margin: 0px;
	}
	
div#Content .top_left
	{
	width: 442px;
	float: left;
	margin: 0px;
	}
	
.saxophone {
	width:442px;
	height:164px;
	background:url(../../instruments/img/saxophone.jpg) no-repeat left bottom;
}
.saxophone a {
	display:block;
	width:442px;
	height:164px;
	font-size:1px;
	line-height:1px;
	outline:none;
	text-indent:-9999px;
}
.saxophone a:hover {
	background:url(../../instruments/img/saxophone_on.jpg) no-repeat left bottom;
	}
	
.clarinet {
	width:442px;
	height:164px;
	background:url(../../instruments/img/clarinet.jpg) no-repeat left bottom;
}
.clarinet a {
	display:block;
	width:442px;
	height:164px;
	font-size:1px;
	line-height:1px;
	outline:none;
	text-indent:-9999px;
}
.clarinet a:hover {
	background:url(../../instruments/img/clarinet_on.jpg) no-repeat left bottom;
	}
.brass {
	width:442px;
	height:163px;
	background:url(../../instruments/img/brass.jpg) no-repeat left bottom;
}
.brass a {
	display:block;
	width:442px;
	height:163px;
	font-size:1px;
	line-height:1px;
	outline:none;
	text-indent:-9999px;
}
.brass a:hover {
	background:url(../../instruments/img/brass_on.jpg) no-repeat left bottom;
	}
.accessories {
	width:442px;
	height:163px;
	background:url(../../instruments/img/accessories.jpg) no-repeat left bottom;
}
.accessories a {
	display:block;
	width:442px;
	height:163px;
	font-size:1px;
	line-height:1px;
	outline:none;
	text-indent:-9999px;
}
.accessories a:hover {
	background:url(../../instruments/img/accessories_on.jpg) no-repeat left bottom;
	}




	
#list {
	margin:0px;
}

div#list .box {
	overflow: hidden;
	position: relative;
	width: 884px;
	margin: 0px 0px 50px;
}
div#list .right
	{
	width: 417px;
	float: left;
	margin: 0px;
	}
	
div#list .left
	{
	width: 417px;
	float: right;
	margin: 0px;
	}
div#list .right_txt
	{
	width: 317px;
	float: right;
	margin: 0px;
	}
	
div#list .left_ph
	{
	width: 100px;
	float: left;
	margin: 0px;
	}
	
div#list .name {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 5px;
}

/* 縦組 */
div#list .box_t {
	overflow: hidden;
	position: relative;
	width: 884px;
	margin: 0px 0px 50px;
}
div#list .right_t
	{
	width: 417px;
	float: left;
	margin: 0px;
	}
	
div#list .left_t
	{
	width: 417px;
	float: right;
	margin: 0px;
	}
div#list .right_t_txt
	{
	width: 317px;
	float: right;
	margin: 0px;
	}
	
div#list .left_t_ph
	{
	width: 100px;
	float: left;
	margin: 0px;
	}
div#list .model_t {
	width: 417px;
}

/* model 720px */
div#mainContent .box_sop {
	overflow: hidden;
	position: relative;
	width: 720px;
	margin: 0px 0px 50px;
}

div#mainContent .right_sop
	{
	width: 335px;
	float: left;
	margin: 0px;
	}
	
div#mainContent .left_sop
	{
	width: 335px;
	float: right;
	margin: 0px;
	}
div#mainContent .left_sop_ph
	{
	width: 100px;
	float: left;
	margin: 0px;
	}
div#mainContent .right_sop_txt
	{
	width: 235px;
	float: right;
	margin: 0px;
	}
	
div#mainContent .boxs {
	overflow: hidden;
	position: relative;
	width: 720px;
	margin: 0px 0px 50px;
}

div#mainContent .rights
	{
	width: 335px;
	float: left;
	margin: 0px;
	}
	
div#mainContent .lefts
	{
	width: 335px;
	float: right;
	margin: 0px;
	}
div#mainContent .lefts_ph
	{
	width: 140px;
	float: left;
	margin: 0px;
	}
div#mainContent .rights_txt
	{
	width: 195px;
	float: right;
	margin: 0px;
	}


/* クラリネット */	
div#mainContent .box_cla {
	overflow: hidden;
	position: relative;
	width: 720px;
	margin: 0px 0px 50px;
}
div#mainContent .left_cla_ph
	{
	width: 150px;
	float: left;
	margin: 0px;
	}
div#mainContent .right_cla_txt
	{
	width: 570px;
	float: right;
	margin: 0px;
	}
p.waku {
	width: 535px;
	border: 1px solid #666666;
	margin: 0px;
	padding: 15px;
}

/* 縦組 */
div#mainContent .box_t {
	overflow: hidden;
	position: relative;
	width: 720px;
	margin: 0px 0px 50px;
}

div#mainContent .right_t
	{
	width: 335px;
	float: left;
	margin: 0px;
	}
	
div#mainContent .left_t
	{
	width: 335px;
	float: right;
	margin: 0px;
	}
div#mainContent .model_t {
	width: 330px;
}		
	
/* model 660px */
div#mainContent .box {
	overflow: hidden;
	position: relative;
	width: 660px;
	margin: 0px 30px 50px;
}

div#mainContent .right
	{
	width: 305px;
	float: left;
	margin: 0px;
	}
div#mainContent .left
	{
	width: 305px;
	float: right;
	margin: 0px;
	}
div#mainContent .left_ph
	{
	width: 100px;
	float: left;
	margin: 0px;
	}
div#mainContent .right_txt
	{
	width: 205px;
	float: right;
	margin: 0px;
	}
	


.model {
	width: 305px;
}
.models {
	width: 330px;
}
.name {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 5px;
}


.con {
margin-top: 0px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 20px;
width: 660px;
}



/* 一覧 */
#select {
	margin:0px;
}
#select ul {
	padding: 0px;
}
#select li {
	list-style-type:square;
	list-style-position: inside;
}


div.imagebox {
	background-color: #000000;
	width: 150px;
	height:320px;
	float: left;
	margin: 0px 15px 30px 0px;
}
/* 限定品 */
div.imagebox_limited {
	background-color: #000000;
	width: 180px;
	height:370px;
	float: left;
	margin: 0px 15px 20px 0px;
}
/* 一覧横組 */
div.imagebox_yoko {
	background-color: #000000;
	width: 330px;
	height:200px;
	float: left;
	margin: 0px 30px 40px 0px;
}
/* 一覧横組ケース */
div.imagebox_yoko_c {
	background-color: #000000;
	width: 330px;
	height:230px;
	float: left;
	margin: 0px 30px 40px 0px;
}
/* 一覧横組ネック */
div.imagebox_yoko_n {
	background-color: #000000;
	width: 220px;
	height:280px;
	float: left;
	margin: 0px 20px 40px 0px;
}

p.image, p.caption {
	margin: 0px;
		}
p.caption {
	font-size: 0.75em;
	line-height: 160%;
	text-align: center;
		}

p.exp {
	clear: left;
		}

/* ケース */
#casebox {
	overflow: hidden;
	position: relative;
	width: 420px;
	border: 1px solid #666666;
	margin: 0px 0px 50px;
	padding: 15px;
	float: left;
}
#casebox_ph
	{
	width: 200px;
	float: right;
	margin: 0px;
	}
#casebox_txt
	{
	width: 190px;
	float: left;
	margin: 0px;
	}
#casebox .fuzoku {
	font-family: "ＭＳ Ｐゴシック", Osaka, HiraKakuPro-W3;
	font-size: 0.75em;
	line-height: 150%;
	color: #CCCCCC;
}
	
/*  限定品メニュー*/	
.limited {
	width:884px;
	height:100px;
	background:url(../../instruments/saxophone/img/bird_f_on.jpg) no-repeat left bottom;
	margin-left: 0px;
	margin-bottom: 60px;
}
.limited a {
	display:block;
	width:884px;
	height:100px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.limited a:hover {
text-indent:-9999px;
}

div.imagebox_other {
	background-color: #000000;
	width: 215px;
	height:430px;
	float: left;
	margin: 0px 0px 15px 15px;
}

/*  jubileeメニュー*/	
.jubilee {
	width:884px;
	height:100px;
	background:url(../../instruments/saxophone/img/jubilee_on.jpg) no-repeat left bottom;
	margin-left: 0px;
	margin-bottom: 60px;
}
.jubilee a {
	display:block;
	width:884px;
	height:100px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.jubilee a:hover {
text-indent:-9999px;
}

/*  限定品2メニュー*/	
.limited2 {
	width:884px;
	height:100px;
	background:url(../../instruments/saxophone/img/bird_d_on.jpg) no-repeat left bottom;
	margin-left: 0px;
	margin-bottom: 60px;
}
.limited2 a {
	display:block;
	width:884px;
	height:100px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.limited2 a:hover {
text-indent:-9999px;
}

div.imagebox_other {
	background-color: #000000;
	width: 215px;
	height:430px;
	float: left;
	margin: 0px 0px 15px 15px;
}


/* マウスピース一覧 */
#ichiran {
	width: 640px;
	background: #000000;
	text-align: left;
	margin: 10px 10px 30px;
} 
#close {
width: 640px;
margin: 10px;
text-align:center;
}
input {
background-image: url(../../instruments/accessories/mouthpiece/saxophone/img/recap_close.gif);
height: 20px;
width: 60px;
color: #CCCCCC;
	}
	
#cla_ichiran {
	width: 390px;
	background: #000000;
	text-align: left;
	margin: 10px 10px 30px;
} 
#cla_close {
width: 390px;
margin: 10px;
text-align:center;
}

/* ページリンク */
#mouthpiece {
	overflow: hidden;
	position: relative;
	width: 220px;
	border: 1px solid #666666;
	margin: 0px 0px 50px;
	padding: 15px;
	float: left;
}
#mouthpiece .fuzoku {
	font-family: "ＭＳ Ｐゴシック", Osaka, HiraKakuPro-W3;
	font-size: 0.75em;
	line-height: 150%;
	color: #CCCCCC;
}

/* テーブル */

table.list{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#000000;
	empty-cells:show;
	width: 720px;
	margin-bottom: 20px;
	color: #CCCCCC;
	font-size: 0.75em;
}
.list th{
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    color:#FFFFFF;
    background-color:#444444;
    background-position:left top;
    padding:0.3em 1em;
	text-align: center;
}
.list td{
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding:0.3em 1em;
	text-align: center;
}

.midashi {
	background-color: #8b8b8b;
}

#recap p {
	font-family: "ＭＳ Ｐゴシック", Osaka, HiraKakuPro-W3;
	font-size: 0.75em;
	line-height: 150%;
	color: #CCCCCC;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 30px;
	width: 620px;
}

#recap p.ttl {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 0px;
}

#cla_recap p {
	font-family: "ＭＳ Ｐゴシック", Osaka, HiraKakuPro-W3;
	font-size: 0.75em;
	line-height: 150%;
	color: #CCCCCC;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 30px;
	width: 370px;
}

#cla_recap p.ttl {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 0px;
}

.pricedown {
	font-weight:bold;
	color:#FF0000;
	padding: 0px 10px;
	font-size:130%; 
}
.pricedown_line {
	font-weight:bold;
	color:#FF0000;
	text-decoration:underline;
	padding: 0px 10px; 
}
.torikesi{
	text-decoration:line-through;
	color:#FF0000;
}