/* テーマ：フェイバリット／楽器 */

body{
	font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
	text-align:center;
margin:0px auto;
	padding:0px;
	font-size:84%;
	line-height:135%;
	color:#333333;
	background:#efefef;
}

table{ /* 基本テーブル設定（固定）*/
	border:0px none;
	margin:0px;
	padding:0px;
	text-align:left;
	border-collapse:collapse;
}

th {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}

td {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}

th {white-space:nowrap;} 

h1,h2,h3,h4 { /* 基本タイトル（固定）*/
	padding:0px;
	margin:0px;
	font-size:100%;
	text-align:left;
}

a{ /* 基本のリンク （固定）*/
	color:#000;text-decoration:none}
a:hover {
	color:#6e53a3;text-decoration:underline}

ul{ /* 基本のリスト （固定）*/
	list-style-type:square;}

ul ul{	list-style-type:none;}

img{ border:0px;}/* イメージボーダー指定 */

form {	padding:0px;display:inline;}

p{ line-height:150%;margin:5px 0px;padding:2px 0px;}

.clear_both { /* 画像の周り込み解除 */
	clear:both;
	font-size:1px;
	visibility:hidden;
	overflow:hidden;
	height:1px;
	text-align:center;
}

.button1{ /* inputボタン設定 */
	cursor: pointer !important;
	color:#ffffff;
	background: url(../img/btn_search.gif) /*#471F00*/;
	border:1px solid #eeeee7;
	border-top-color:#eeeee7;
	border-right-color:#eeeee7;
	border-bottom-color:#eeeee7;
	border-left-color:#eeeee7;
	font-weight:bold;
}
.text1 {border:1px solid #CCCCCC;
	margin:2px 0 0 10px;
	vertical-align:top;
}/* テキストエリアデザイン設定 */

.caution{ font-weight:bold;color:#FF0000;}/* エラーメッセージ */

.no2{font-size:110%;} /* フォントズーム */

.strong{ font-weight:bold;}/* フォントボールド */

.red{color:#CC0000;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#006600;} /* フォント緑 */
.glay{color:#666666;} /* フォントグレー */

.centerbox .goods {
	border-bottom:1px dotted #999999;
	padding-bottom:7px;
}
.centerbox .goods a {
	border-left:5px solid #c4bfd0;
	padding:5px 0 5px 7px;
}
.centerbox .layout1 .price {
	border-bottom:1px dotted #999999;
	padding:5px 0;
}
.centerbox .layout1 .expl {
	padding:5px 0;
}


.item img{/* 商品画像枠  */ 
	height:auto;
	padding:2px;
	margin:0px;
	background:#B0B6B8;
	text-align:center;
}

.spacebox{/* スペース設定  */ 
	height:50px;
}



/********************************************************************/
/* 大枠テーブル（固定） */
#container {
	width:960px;
	margin: 0px auto;
text-align:left;
	border-right:1px solid #e2e2e2;
	background:/* url(../img/container.gif) */ #FFFFFF;
}

/* マイページ、ポップアップ画面 */
#enter {
	width:100%;
	text-align:left;
	background:/* url(../img/enter.gif) */ #ffffff;
	border:1px solid #e3e3e3;
}

/* ヘッダー */
#header{
	width:100%;
/*	height:60px;*/
	border-top:5px solid #6f53a4;
}

td>#header { /* IE7 Safari Firefox 用 */
	height:auto;
/*	min-height:60px;*/
}

.shoplogo{ /* サイトロゴブロック（設定の場合） */
	background:url(../img/logo-yhp.gif) no-repeat right 19px;
	height:60px;
	margin-right:17px;
}
.shoplogo:after {
	content: "";
	display: block;
	clear: both;
}
.siteName { /* サイト名 h1 （テキスト） */
	margin:21px 25px 0 0;
	padding:0;
	font-size:100%;
	line-height:1em;
	float:left;
}
.siteName a {
	text-indent:-9999px;
	background:url(../img/logo-yms.gif) no-repeat 17px 0;
	width:203px;
	height:24px;
	display:block;
}
.siteName a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
	margin:0;
	padding:14px 0 0 0;
	font-size:100%;
	line-height:1em;
	color:#999999;
	font-weight:thin;
	float:left;
}
.sitecopy a {color:#161616;text-decoration:none;}
.sitecopy a:hover {color:#6C91A9;text-decoration:underline;}


/* ヘッダーメニュー */
#headMenu {
	width:100%;
	height:32px;
	background:url(../img/headmenu.gif) no-repeat;
	clear:both;
	margin-bottom:17px;
}

.headnavi { /* ヘッダーメニューテキスト */
	padding:6px 20px 0px 20px;
	color:#aaa;
	text-align:right;
}

.headnavi a{color:#fff;text-decoration:none;font-weight:bold;}
.headnavi a:hover {color:#ccc;text-decoration:underline;}

.navi01 {/* ヘッダーメニューアイコン */
	background-position:left center;
	background-repeat:no-repeat;
	/*background:url(../img/navi01.gif) ;*/
}

/* ヘッダー下装飾ライン */
.hline {
	display:none;
}

/********************************************************************/

li {
list-style: none;
}

#leftSide { /* 左サイドtd */
	width:170px;
	padding:0px;
	margin:0px;
	/* background:#B89557;*/
	vertical-align:top;
	z-index:900;
}


#rightSide { /* 右サイドtd （3列）*/
	width:170px;
	padding:0px;
	margin:0px;
	/* background:#3155A6;*/
	vertical-align:top;
	background:url(../img/rightside.gif) ;
}

#rightSide { /* 右サイドtd （3列 ブログ）*/
	width:170px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	/* background:url(../img/rightside2.gif) ;*/
}
.sidebox h3 {
	padding:8px 0 0 34px;
	margin:0px;
	width:auto;
	height:27px;
	background:url(../img/rightbox-tit.gif) no-repeat;
	color:#000;
}





#center1 { /* センター td （2列）*/
	width:690px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	/* background:url(../img/center1.gif) ;*/
}

#center2 { /* センターtd （3列）*/
	width:520px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	/* background:url(../img/center2.gif) ;*/
}

#center3 { /* センターtd （装飾用）*/
	vertical-align:top;	
	width:100%;
	/* background:url(../img/center3.gif) ;*/
}


.header_area { /* ヘッダのフリーエリア */
	text-align:left;
	width:680px;
	margin:0px 5px 0px 5px;
	padding:0px;
}

.footer_area { /* フッタのフリーエリア */
	text-align:left;
	width:680px;
	margin:0px 5px 0px 5px;
	padding:0px;
}
.sidebox { /* サイド用ブロック（幅設定） */
	width:159px;
	margin:0px 0 10px 0;
	/* background:url(../img/sidebox.gif) ;*/
}


#leftSide .sidebox { /* サイド用ブロック（幅設定） */

	padding:1px 0 0 0;
	margin:0 0 0 10px;
	border-bottom:2px #d1d1d1 solid !important;
	/* background:url(../img/sidebox.gif) ;*/
	z-index:1000;
}

*+html body #leftSide .sidebox, * html body #leftSide .sidebox{
	margin:0 0 0 7px;
	border-bottom:2px #d1d1d1 solid !important;
} 
.centerbox { /* センター用ブロック（幅設定） */
	margin:0px;
	padding:10px;
	/*background:url(../img/centerbox.gif) ;*/
}

.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 右 */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:buttom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}

/********************************************************************/
/* 基本商品テキスト設定 */

.price{ /* 商品価格 */
	color:#d1306a;
	text-align:left;
	font-weight:bold;
}
.price.zoom{ /* 商品価格 （商品詳細） */
	font-size:125%;font-weight:bold;
}
.expl{ /* 商品説明文 */
	text-align:left;
	color:#4a4649;
}
.expl a{color:#333333;	text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}

.fixed{ /* 商品定価 */
	color:#333333;
	text-align:left;
}

h2.goods /* 商品名 （商品一覧）*/
a{ /* 基本のリンク （固定）*/
	color:#45423f;text-decoration:none}
a:hover {
	color:#4c3a71;text-decoration:underline}
	
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin:0px ;
	padding:0px;
}

.topIMG td{
	margin:0px;
	padding:0px;
}
/*** サイト説明
.shopCopy {  
	margin:0px;
	padding:5px 10px 5px 10px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	background:url(../img/top_img02.gif);
}
***/
.shopCopy {
	display:none;
}


/* タイトルデザイン */

.free_title { /* タイトル1 h3 */
	padding:8px 0px 0px 15px;
	margin:0px;
	color:#ffffff;
	width:auto;
	height:22px;
	background:url(../img/title_bar01.gif) repeat;
	line-height:100%;
	vertical-align:middle;
}

.centerbox .title1{ /* タイトル1 h3 */
	padding:8px 0 0 13px;
	margin:0px;
	width:auto;
	height:27px;
	background:url(../img/centerbox-tit.gif) repeat;
	color:#fff;
}



.title1 a{color:#000000;text-decoration:none;}
.title1 a:hover{color:#ffffff;text-decoration:underline;}

.centerbox .title2{ /* タイトル2 h3 */
	padding:8px 0 0 13px;
	margin:0 0 10px;
	width:auto;
	background:url(../img/centerbox-tit.gif) no-repeat;
	height:27px;
	color:#fff;
}


.title2 a{color:#FFFFFF;text-decoration:none;}
.title2 a:hover{color:#FFFFFF;text-decoration:underline;}
#rightSide .title2 a{color:#000000;text-decoration:underline;}
#rightSide .title2 a:hover{color:#666666;text-decoration:none;}




.title3{ /* タイトル3 h3 */
        padding:8px 0px 0px 15px;
        margin:0px;
        width:auto;
        color:#FFFFFF;
        height:22px;
        background:url(../img/title_bar02.gif) repeat;
        line-height:100%;
        vertical-align:middle;
}

.rank{/* ランキングアイコン */
        text-align:left;
}

/*** もどし
.mainCont {

	padding:10px;
	margin:0px;
	width:auto;
	background:#eeeeee url(../img/box-top_01.gif) no-repeat top;
}
***/
.mainCont { /* メインコンテンツ */

	margin:0px;
	width:auto;
}





.contbox { /* メインコンテンツ内項目ボックス*/
	padding:10px 0px;
	margin:0px;
	width:auto;
}


ul.news{ /* 最新情報リスト設定 */
	text-align:left;
	padding:0px 0px 0px 12px;
	margin:0px;
	list-style:square;
	color:#692A00;
}

li.p3{padding:3px;}

.free_list{ /* リスト設定 */
        padding:2px 0 0 0;
        margin:0px;
}

ul.list{ /* リスト設定 */
	text-align:left;
	padding:5px 10px;
	margin:0px;
	list-style:square;
	color:#F59300;
}

ul.map{ /* サイトマップリスト設定 */
	text-align:left;
	padding:0px 20px;
	margin:0px;
	color:#382200;
}
li.sm1 { margin:4px ;display:block;}
li.sm2 { margin:0px 0px 0px -35px;display:block;}

.sitemap{ /* サイトマップリスト 項目タイトルh4*/
	padding:5px 25px;
	color:#D02B14;
	background:url(../img/icon_sitemap.gif) no-repeat ;
	background-position:left center;
}


/* テーブル余白設定  （固定） */
.layoutp5  { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}

.layoutp3  { padding:5px 0px;}/* 余白3px */
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #999999;}

.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */

.backcolor1 { background:#AADBF0;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF;vertical-align:middle} /* コンテンツ内 */
.backcolor3 { background:#E0E0C2;padding:10px 0px;} /* カート部分 */


/* 商品レイアウト（トップページセンター、商品一覧用）*/

.layoutFrame{/* 大枠 table */
	margin:10px 0px 0px 0px;
	padding:0 0 34px 0;
	width:100%;
	background:#eeeeee;
	/* background:url(../img/layoutframe.gif) ;*/
}
.layoutFrame td{
	margin:0px;
	padding:17px 17px 0 17px;
	vertical-align:top;
}

.layout1{ /* レイアウト */
	padding-bottom:17px;
	background:#eeeeee;
	/* background:url(../img/layout1.gif) ;*/
	border-bottom:4px solid #d1d1d1;
}
.layout1 td{
	margin:0px;
	padding:3px;
}
#rightSide .layout1 {
	background:#eeeee7;
	border-top:1px solid #d1d1d1;
	border-bottom:none;
	padding:10px 0 5px 0;
}
#rightSide .goods,
#rightSide .price,
#rightSide .expl {
	margin-bottom:5px;
}
#rightSide .expl {
	margin:0;
}


/* 第二階層 */

#bread{ /* パンクズ */
	margin:0px;
	padding:3px 10px;
	color:#000;
	text-align:left;
	/*background:#382200;*/
	background:url(../img/mainframe.gif) ;
}
#bread a { color:#000;}
#bread a { color:#000; text-decolation:underline;}


h4.title{
	margin:5px 0px;	
	padding:2px 0px;
	color:#D02B14;
	border-bottom:1px solid;
}

.mainFrame{ /* メイン大枠 */
	margin:0px;
	padding:5px;
	background:#CACACA;
	/* background:url(../img/mainframe.gif) ;*/
}

p.title	{ margin:3px 0px;	
	padding:2px 0px;
	color:#336F99;
	border-bottom:1px dotted;
	font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent{ /* 新規登録 h4 */
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_ent.gif) no-repeat;
}

.mailmag_cha{ /* アドレス変更 h4 */
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_cha.gif) no-repeat;
}

.mailmag_can{ /* 配信解除 h4 */
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_can.gif) no-repeat;
}

#sortList{ /* ソート */
	margin:0px;
	padding:10px 3px 5px 3px;
	width:auto;
	color:#333333;
	float:right;
}

.pageTop { /* ページトップ */
	padding:3px 5px 0px 17px;
	margin:10px 5px;
	background:url(../img/icon_top.gif) no-repeat;
	font-size:76%;
	font-weight:bold;
	float:right;
}
.pageTop a{ color:#371D21;text-decoration:none;}
.pageTop a:hover{ color:#632D38;text-decoration:none;}


/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
	padding:0 0 7px 0;
	margin:30px 0 0;
	width:auto;
	border-bottom:5px solid #d2d2d2;
	font-size:0.85em;
	background:url(../img/copyright.gif) no-repeat 10px 6px;
}

.footnavi { /*フッターメニューテキスト設定*/
	padding:0 10px 0px 0;
	color:#7F6268;
	text-align:right;
}
.footnavi a{ color:#696969;text-decoration:underline;font-weight:bold;}
.footnavi a:hover { color:#6e53a3;text-decoration:none;font-weight:bold;}

#copyright {
	display:none;
}

/********************************************************************/
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	width:auto;
	background-color:#eeeee7;
	border-bottom:1px solid #d1d1d1;
}
#search label{
	display:block;
	height:35px;
	padding:0px;
	margin:0 0 -12px 0;
	text-indent:-9999px;
	background: url(../img/bg_label.gif) left top no-repeat;
}

.fieldarea{padding:5px 0px 5px 0px;virtical-align:center;}

/* サイドメニューカテゴリリスト */

.list { /* メニュー枠設定 */
	padding:0;	
	display:block;
	background-color:#eeeee7;
	/* background:url(../img/list.gif) ;*/
}

.list h3 { /* タイトル */
	padding:5px 5px;
	margin:0px;
}

ul.free_listbox {
	text-align:left;
	padding:0px;
	margin:0px;
	list-style:none;
}
ul.free_listbox .ca3 {
	background:url(../img/bg-tokka.gif) left top no-repeat;
	height:40px;
}
ul.free_listbox li.ca3 {
	border-bottom:none;
	margin-bottom:2px;	
}

ul.free_listbox li.ca3 a{
	padding:0 12px 0 26px;
	color:#fff;
	background:none;
	display:block;
}

ul.free_listbox li.ca3 a:hover{
	color:#fff;
	background:none;
	display:block;
}




ul.listbox{
	text-align:left;
	padding:37px 10px 10px 10px;
	margin:0px;
	list-style:none;
	background:url(../img/bg_productInfo.gif) left top no-repeat;
}

li.ca1 {
	width:139px;
	margin:8px 0 2px 0;
	border-top:1px #999 dotted;
	font-size:91%;
	line-height:1.1;
}

li.ca2 {
	width:135px;
	margin:0 0 0 4px;
	padding:0;
	font-size:83%;
	line-height:1.4;
	_line-height:1.1;
}
li.ca1 a{
	display:block;
	color:#000;
	margin-top:8px;
	padding:2px 0 0 8px;
	font-weight:bold;
	text-decoration:none;
	background:url(../img/bg_navBar.gif) left top repeat-y;
}
li.ca2 a{
	display:block;
	color:#000;
	padding:0 0 0 12px;
	background:url(../img/bg_cal2.gif) 0.5em 0.7em no-repeat;
}
*+html body li.ca2 a{
	background:url(../img/bg_cal2.gif) 0.5em 0.45em no-repeat;
}
* html body li.ca2 a{
	background:url(../img/bg_cal2.gif) 0.5em 0.35em no-repeat;
}
li.ca1 a:hover,li.ca2 a:hover{
	color:#6e53a3;
	text-decoration:underline;
}
li.ca3 {
	margin:0px;
	border-bottom:1px #5F3B42 solid /*dotted*/;	
}

li.ca3 a{ padding:5px 3px 5px 15px;display:block;
	color:#9F4A4C;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye01.gif) no-repeat;
}

li.ca3 a:hover{ color:#812F31;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye01_ov.gif) no-repeat;
}

li.ca4 {
	margin:0px;
	border-bottom:1px #5F3B42 solid dotted;
}

li.ca4 a{ padding:3px 3px 3px 20px;display:block;
	color:#334054;font-weight:/*bold;*/text-decoration:none;
	background:url(../img/icon_eye02.gif) no-repeat #F4F0EA;
}

li.ca4 a:hover{ color:#334054;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #C1B39E;
}

.sline1,.sline2 { 
	display:block;
}

/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin:0px;
	background: #eeeee7;
	border-bottom:1px solid #d1d1d1;
	/* background:url(../img/sidemain1.gif) ;*/
	font-size:0.85em;
	padding:0 10px 10px 10px;
}

.sidemain1 p {
	padding:10px 0 0 0;
	margin:0px;
	line-height:120%;
	text-align: justify;
	text-justify: distribute;
}

.sidemain1 ul { /* リスト設定 */
	margin:0px;
	padding:3px 0px 3px 0px;
	list-style:none;
} 

.sidemain1 li {
	display:block;
	padding:2px 0px 2px 10px;
	color:#334d55;
	background:url(../img/icon_eye03.gif) no-repeat;
}





/* カレンダー */
caption { /* 年月タイトル */
	 font-weight:bold;
	 text-align:center;
	 padding:3px;
	 color:#333333;
}
caption a{ color:#5B747D;text-decoration:underline;}
caption a:hover{ color:#73AAC1;	 text-decoration:underline;}

.carender { /* カレンダー テーブル*/
	 border-collapse:collapse;
	 padding:5px 0px;
	 margin:0px;
	 text-align:center;
}

.carender td {
	padding:2px;
	border-collapse:collapse;
	text-align:right;
	border:1px solid #A8A8A8;
	background:#ffffff;	
}

.carender th {
	padding:2px;
	border-collapse:collapse;
	border:1px solid #A8A8A8;
	background:#ffffff;	
}

th.day { /* ヘッダ平日 */
	font-weight:bold;
	color:#333333;
	background:#DDD6CB;
	text-align:center;
}

th.sun { /* ヘッダ日曜 */
	color:red;
	background:#CCA1A2;
	text-align:center;
}

th.sat { /* ヘッダ土曜 */
	color:blue;
	background:#9FA7B1;
	text-align:center;
}

.chert { /* 表示色説明枠  */
	margin:5px 5px;
	/*font-size:84%;*/
}
.chert td {
	border-collapse:separate;
	padding:0px 0px 0px 5px;
	border:1px solid #A8A8A8;
}

.line01{padding:1px 0px 0px 0px;
	/*border:#145CD8 1px dotted;vertical-align:buttom;*/
	background:url(../img/rsdot.gif);} 

#rss{ / * RSS設定 */
	margin:0px;
	padding:5px;
}

#count{ / * カウンター */
	margin:0px;
	padding:5px;
}

/********************************************************************/
/* ブログ */

.blogbox { /* コメントボックス*/
	padding:5px;
	margin:2px 0px;
	width:auto;
	/* background:url(../img/blogbox.gif) ;*/
}

.entry_title { /* ブログエントリータイトル h2 */
	padding:5px 0px 10px 0px;
	display:block;
	font-size:116%;
	color:#403430;
	/* background:url(../img/entry_title.gif) ;*/
}

.entry_date{
	display:block;
	padding:10px 0px 3px 0px;
	color:#F69B1A;
	text-align:right;
}

.state{ /* ブログステータス */
	padding:2px 0px;
	text-align:right;
	border-top:#ded9c5 1px dashed;
}

.subtitle {/* h3 ブロックサブタイトル */
	padding:2px 0px;
	margin:10px 0px 10px 0px;
	text-align:left;
	font-size:110%;
	color:#F69B1A;
	border-bottom:#F69B1A 2px solid;
	/* background:url(../img/subtitle.gif) ;*/
}

 p.label { /* ブログコメントタイトル */
	font-weight:bold;
}

.tb_url{ /* トラックバックurl */
	font-weight:bold;margin-bottom:10px;
}

/********************************************************************/
/* カート */

.point {font-size:120%;color:red;font-weight:900;}

.pointline {font-size:100%;color:red;font-weight:900;padding:3px;background-color:#D6C692;}



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align:center;
	width:100%;
	height:83px;
}

.step_navi01 {
	background-image:url(../img/navi01.gif);
	background-repeat:no-repeat
}

.step_navi02 {
	background-image:url(../img/navi02.gif);
}

.step_navi03 {
	background-image:url(../img/navi03.gif);
}

.step_navi04 {
	background-image:url(../img/navi04.gif);
}