/*+++++++++++++++++++++++++++++++++*/
body {
background-color: #fff;
/*
background-image: url(http://www.hsh-style.com/data/hsh-style/image/lead_banner.jpg);
background-repeat: no-repeat;
background-position: center top;
*/
word-break: break-all;
margin: 0px;
padding: 0px;
font-size: 12px;
color: #333;
line-height: 1.4;
font-family: "MS PGothic", "MS Gothic", "Hiragino Kaku Gothic Pro", Osaka-Mono, Osaka, HeiseiKakuGothic, Verdana, Arial, Helvetica, sans-serif;
}

ol,ul,li{list-style:none;}

A:link,A:visited{
text-decoration: underline;
font-size: 12px;
color: #9a635f;
line-height:1.4;
font-weight: normal;
}

A:hover {
text-decoration: underline;
font-size: 12px;
color: #b28885;
line-height: 1.4;
font-weight: normal;
}

form {display: inline;}

h1,p, ul, ol, li {
margin: 0;
padding: 0;
}


img{
vertical-align: bottom;
border: 0;
text-decoration:none;
}

img a{
border-width:0
border: 0;
text-decoration:none;
}
/*
form, input, textarea {
margin: 3px;
padding: 1px;
font-family: "MS Gothic", "MS PGothic", "Hiragino Kaku Gothic Pro", Osaka-Mono, Osaka, HeiseiKakuGothic, Verdana, Arial, Helvetica, sans-serif;

}
*/

hr{
border: 1px solid #E7E7D6;
margin:5px 0;
}


.clear{
clear: both;
}
.hidden{
overflow:hidden;
}
.none{
display:none;
}

.table1 {
width: 100%;
margin-bottom: 1em;
border-collapse: collapse;
border: 2px solid #666;
font-size:12px;
}

.table1 th {
padding: 5px;
border: 1px solid #666;
background: #ddd;
font-weight: normal;
text-align: left;
vertical-align: top;
white-space: nowrap;

}

.table1 td {
padding: 5px;
border: 1px solid #666;
}







/*+++++++++++++++++++++++++++++++++*/
h1{
text-indent:-99999px;
}

h2 {
margin: 0px;
padding: 0px;
font-size: 12px;
font-weight: normal;
}

h3 {
font-size: 12px;
margin: 0px;
padding: 0px;
font-weight: normal;
}

.s2{font-weight:bold;font-size:12px;color:#976B6B;;border-bottom:1px solid #666;margin:0 0 5px 0;}
.s3{font-size:12px;color:#976B6B;border-left:3px solid #976B6B;padding:0 0 0 5px;margin:3px 0;}

/*+++++++++++++++++++++++++++++++++*/
.category_list ul ,
.pickup_category_list ul{
margin:5px 0 0 0;
padding: 0px 3px 0px 5px;
}
#folder0,#folder1,#folder2,#folder3{
margin:0 0 0 9px;
}

.category_list li, 
.pickup_category_list li{
padding: 0 0 5px 12px;
background-image:  url(img/icon04.gif);
background-repeat: no-repeat;
background-position: top left;
}

/*+++++++++++++++++++++++++++++++++*/
/*margin */
.MB05{
margin:0 0 5px 0;
}

.MB10{
margin:0 0 10px 0;
}


.MB15{
margin:0 0 15px 0;
}
/*+++++++++++++++++++++++++++++++++*/

.Qicon{
font-size:12px;
line-height:1.4;
width:25px;
font-weight:bold;
color:#fff;
background-color:#900;
height:20px;
}

.Aicon{
width:25px;
font-weight:bold;
color:#fff;
background-color:#BBBB99;
float:left;

}

.infoArea{
width:517px;
color:#000;
float:right;
font-size:12px;
line-height:1.4;
}
/*+++++++++++++++++++++++++++++++++*/
/*p_pad*/
.p_padS{
font-size:10px;
color:#666;
line-height:1.4;
margin:0 0 7px 0;
}
.p_padC12{
font-size:12px;
color:#666;
line-height:1.2;
margin:0 0 7px 0;
}
.p_padR{
font-size:12px;
color:#666;
line-height:1.4;
margin:0 0 7px 0;
text-align:right;
}
.p_pad10{
font-size:12px;
line-height:1.4;
margin:0 0 7px 0;
}
.p_pad15{
font-size:12px;
line-height:1.6;
margin:0 0 14px 0;
}

.p_padUB{
font-size:12px;
line-height:1.4;
padding:5px 0;
border-bottom:2px solid #caccca;
margin:5px 0;
}

.p_padG{
font-size:12px;
line-height:1.4;
padding:5px;
background-color:#E6E6D7;
}


/*+++++++++++++++++++++++++++++++++*/
/*ICON*/

.orenge_Btn {
font-size: 12px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/list_icon.gif);
background-repeat: no-repeat;
background-position: center left;
padding:0px 0 0 13px;
}


/*+++++++++++++++++++++++++++++++++*/
/*TOP ITEM LIST*/
.Box-AreaL{
width:245px;
float:left;
margin:0 0 7px 0;
}

.Box-AreaR{
width:245px;
float:right;
margin:0 0 7px 0;
}

.Box-CommL{
width:270px;
float:left;
margin:0 0 7px 0;
}

.Box-CommR{
width:270px;
float:right;
margin:0 0 7px 0;
}

/*YM LIST*/
.ym_Box{
width:490px;
padding:7px 5px 0px 5px;
margin:5px 0;
border:1px solid #A18578
}

.ym_Box:after,
.Area_Box:after,
.p_padUB:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}

.ym_Box,.Area_Box,.p_padUB {display: inline-block; }
/* no ie mac ＼*/
* html .ym_Box,.Area_Box,.p_padUB{ height: 1%; }
.ym_Box,.Area_Box,.p_padUB{ display: block; }
/* */

.Box-YML{
width:140px;
float:left;
margin:0 0 7px 0;
}

.Box-YMR{
width:330px;
float:right;
margin:0 0 7px 0;
}


/*+++++++++++++++++++++++++++++++++*/
.original_navi{
background: url(http://www.hsh-style.com/data/hsh-style/image/original_btn.gif) no-repeat 0 0;
width: auto;
height: 25px;
margin: 0px 0px 5px;
padding: 10px 0px 0px 20px;
}

/* Navi_NONE */
.diary{
display:none;
}


/*+++++++++++++++++++++++++++++++++*/
/* 大外 */
#container {
width: 860px;
background-repeat: no-repeat;
background-position: right top;

/*MacIE以外のブラウザ用＼*/
margin-top: 0px;
/**/
font-size: 12px;
}

/*+++++++++++++++++++++++++++++++++*/
/* ヘッダー */
#header {
width: 860;
height: 220px;
margin: 0px;
padding: 0px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/lead_banner.jpg);
background-repeat: no-repeat;
background-position: center top;
}


/*+++++++++++++++++++++++++++++++++*/
#copy {
width: 450px;
height: 30px;
margin: 0 0 0 0!important;
padding: 0px 5px 5px 10px;
font-size: 12px;
position: absolute;
top: -90px;
/*MacIE以外のブラウザ用＼*/
top: 5px;
/**/
color: #666;
z-index: 1;
line-height:1.2;
}

/*+++++++++++++++++++++++++++++++++*/
/* サブナビゲーション */
.subnavi {
width: 450px;
height: 30px;
padding: 0px 5px 0px 460px;
margin: 0 0 0 0!important;
font-size: 12px;
position: absolute;
top: -90px;
/*MacIE以外のブラウザ用＼*/
top: 5px;
/**/
color: #666;
}


/* リンク色 */
.subnavi a,#footer_Link a,#Copy a{
font-size: 12px;
color: #333!important;
}
.subnavi a:hover,#footer_Link a:hover,#Copy a:hover{
font-size: 12px;
color: #666!important;
}

/*+++++++++++++++++++++++++++++++++*/
.subicon01 {
height: 15px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/icon01.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 17px;
}

/* お問い合わせアイコン　
※アイコンサイズ横15px×縦15px */
.subicon02 {
height: 15px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/icon02.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 17px;
padding-right: 10px;
}


/* その他順行系アイコン　
※アイコンサイズ横15px×縦15px */
.subicon03 {
height: 15px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/icon03.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 17px;
}

/* 画面を閉じるアイコン　
※アイコンサイズ横15px×縦15px */
.subicon04 {
height: 15px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/icon03.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 17px;
}

/*+++++++++++++++++++++++++++++++++*/
/* 横幅ボックス */

/* 左、右用枠160 */
.side_box {
width: 150px;
margin: 0px 5px 10px 5px;
padding: 0px;
}

/* 中央用枠160 */
.center_box {
width: 500px;
margin: 0px 0px 5px;
padding: 0px;
}

/*+++++++++++++++++++++++++++++++++*/
.category_title h3,
.pickup_category_title h3{
color:#fff;
width: auto;
height: 25px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/menu_bg01.gif);
margin: 0px;
padding: 10px 0px 0px 30px;
}

/* カテゴリ一覧部分 */
.category_list,
.pickup_category_list {
width: auto;
background-color: #F7F6F4;
border-left: 1px solid #A18578;
border-right: 1px solid #A18578;
border-bottom: 1px solid #A18578;
margin: 0px;
padding: 5px 0px 5px;
color: #666;
font-weight: bold;
}

/*　親カテゴリの色※特集も共通 */
.mcategory A:link,.mcategory A:visited {
color: #666;
font-size: 11px;

}

/*+++++++++++++++++++++++++++++++++*/
/* ナビゲーション　
※背景画像横160px、縦は設定、空白は高さ指定 */
.navi {
width: auto;
margin: 0px;
padding: 0px;
}
/*
.navi A:link,.navi A:visted {
color: #fff;
}
*/
/* フリー */
.free_menu,.bbs,.link,.diary,.shop   {
display:none;
}


/*+++++++++++++++++++++++++++++++++*/
/* ショッピングカート */

/* カートタイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.shopc_title {
color:#666;
width: auto;
height: 25px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/cart_bar.gif);
margin: 0px;
padding: 10px 0px 0px 30px;
}

/* カートの中身大枠 */
.shopc_list {
width: auto;
background-color: #FFFFFF;
border-left: 1px solid #A18578;
border-right: 1px solid #A18578;
border-bottom: 1px solid #A18578;
margin: 0px;
padding: 5px 0px 5px;
}

/* カートの中身タイトル　
※アイコンサイズ横25px×縦20px */
.shopc_in_title {
	width: auto;
	height: 20px;
	margin: 0px;
	padding-left: 30px;
	padding-top: 7px;
	background-image: url(img/cart.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}

/* カートの中身商品リスト */
.shopc_in {
width: auto;
border-top: 1px solid #A18578;
background-color: #F5F5F5;
margin: 0px;
padding: 5px 5px 10px;
font-size: 10px;
}

/* レジに行く */
.shopc_go {
	width: auto;
	border-top: 1px solid #A18578;
	margin: 0px;
	padding: 5px;
}


/*+++++++++++++++++++++++++++++++++*/
/* フッター */
#page_top{
float:right;
width:100px;
height:15px;
margin:0 0 5px 0;
padding:0 5px 5px 0 ;
}
#footer_Box {
width:auto;
border-top:3px solid #D7CCB1;
padding:5px;
font-size: 12px;
font-family:arial, sans-serif;
}
#footer_Link {
float:left;
width:400px;
height:30px;
padding: 0px 0 0 5px;
}

#Copy{
text-align:right;
float:right;
width:350px;
}


/*+++++++++++++++++++++++++++++++++*/

/* メインコンテンツ領域 */

/* メイン写真 */
#photo {
width: 700px;
height: 130px;
margin: 0px;
padding: 0px;
}

/* 左td */
#lefttd{
width: 160px;
margin: 0px;
}

/* 中央td */
#centertd {
width: 500px;
padding: 0px 10px 10px 20px;
margin: 0px;
}

/* 右td */
#righttd {
width: 160px;
padding: 0px 0px 15px 10px;
margin: 0px;
}
#righttd #lefttd{
padding:0px!important;
margin: 0px!important;
}
/* 内部ページtd */
#pagetd {
padding: 0px 0px 0px 0px;
margin:0;
}

/* ポップアップ用padding消去 */
#popup #pagetd {
padding: 0px;     
}

/* 写真影 */
.photo_line_80 {
width: 80px;
height: auto;
border-right: 0px solid #666666;
border-bottom: 0px solid #666666;
margin: 0px;
padding: 0px;
}

.photo_line_140 {
	width: 140px;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	margin: 0px;
	padding: 0px;
}

.photo_line_250 {
	width: 250px;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	margin: 0px;
	padding: 0px;
}

.photo_line {
	width: auto;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	margin: 0px;
	padding: 0px;
}

/* リンク用枠※買い物かご等の下ボタン枠 */
.link_bot_box {
	width: auto;
	background-color: #FFFFFF;
	border: 2px solid #c8c8c8;
	padding: 5px;
	margin: 5px 200px 5px 200px;
	text-align: center;
}

/* トップテーブル幅 */
.auto {
    width:100%;
	font-size: 12px;
}

/*+++++++++++++++++++++++++++++++++*/


/* 右大枠上　
※背景画像横160px、縦は設定、空白は高さ指定 */
#righttd .welcome_top {
	width: auto;
	background-image: url(img/welcome_top_s_bg.gif);
	margin: 0px;
	padding: 15px 5px 0px 10px;
}

/* 大枠中 */
#righttd .welcome_middle {
	width: auto;
	background-image: url(img/welcome_middle_s_bg.gif);
	margin: 0px;
	padding: 5px 5px 0px;
}

/* 大枠下 */
#righttd .welcome_bottom {
	width: auto;
	height: 15px;
	background-image: url(img/welcome_bottom_s_bg.gif);
	margin: 0px;
	padding: 0px;
}

/* 写真 */
.photo_welcome {
	width: auto;
	margin: 0px 10px 0px 5px;
	float:left;
}

/********************************************************************/
/* 最新情報 */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.CH_Bar_short,.whatnew_top{
width: auto;
height: 25px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/Gh2_bar.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 0 0 12px 0;
padding: 10px 0px 0px 10px;
font-size: 14px;
font-weight:bold;
color: #58321C;
}

/* 大枠中 */
.whatnew_middle{
padding:0 0 0 10px;
}
.whatnew_middle li {
font-size: 12px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/list_icon.gif);
background-repeat: no-repeat;
background-position: center left;
padding:0px 0 0 13px;
}

/* 大枠下 */
.whatnew_bottom {
width: auto;
border-bottom: 3px solid #f5f5f5;
padding:0 0 10px 0;
margin:0 0 5px 0;
}

/* 右大枠上　
※背景画像横160px、縦は設定、空白は高さ指定 */
#righttd .whatnew_top {
	width: auto;
	background-image: url(img/welcome_top_s_bg.gif);
	margin: 0px;
	padding: 15px 5px 0px 10px;
}

/* 大枠中 */
#righttd .whatnew_middle {
	width: auto;
	background-image: url(img/welcome_middle_s_bg.gif);
	margin: 0px;
	padding: 5px 5px 0px;
}

/* 大枠下 */
#righttd .whatnew_bottom {
	width: auto;
	height: 15px;
	background-image: url(img/welcome_bottom_s_bg.gif);
	margin: 0px;
	padding: 0px;
}

/*+++++++++++++++++++++++++++++++++*/
/* 商品関連レイアウト */

/* スタイル1　中央上 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.style1_top{
width: auto;
height: 25px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/Gh2_bar.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 0 0 12px 0;
padding: 10px 0px 0px 10px;
font-size: 14px;
font-weight:bold;
color: #58321C;
}

/* 大枠中 */
.style1_middle {
width: 480px;
margin: 0px;
padding: 0 9px;
}



/* 大枠下 */
.style1_bottom {
width: auto;
margin: 0px;
padding: 0px;
}

/* コピー */
.style1_copy {
width: auto;
margin: 0px;
font-size: 12px;
line-height:1.4;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style1_table_top {
width: auto;
margin: 10px 0px 0px;
padding: 0px;
}

/* 各テーブル枠中 */
.style1_table_middle {
width: auto;
background-color: #F5F5F5;
background-image: url(img/text_bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
border: 1px solid #A18578;
margin: 0px;
padding: 10px;
}

/* 各テーブル枠下 */
.style1_table_bottom {
width: auto;
margin: 0px;
padding: 0px;
}

/* テーブル */
.style1_table {
width: 460px;
margin: 0px;
padding: 0px;
}

/* 写真 商品説明の長さにより高さは変更してください　*/
.style1_photo {
width: auto;
margin: 0px 5px 0px 0px;
padding: 0px;
border:1px solid #A18578;
}

/* カート内写真 */
.cart_table .style1_photo {
	height: auto;
	margin: 0px;
	padding: 0px;
}

/* 商品詳細内写真 */
.list_item_table .style1_photo {
	height: auto;
	padding: 0px;
	margin: 5px;
}

/* 商品詳細内写真 */
.detail_item_table .style1_photo {
	height: auto;
	margin: 0px;
	padding: 0px;
}

/* 説明 */
.style1_text {
width: auto;
margin: 0px;
padding: 5px;
font-size: 12px;
}





/* 商品名 */
.item_name {
font-size: 14px;
color: #A18578;
font-weight: bold;
line-height:1.4;
}

/* 価格 */
.price {
	background-image: url(img/secline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 10px;
	color: #666666;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	padding: 0px 0px 7px;
	font-weight: bold;
}

#lefttd .price {
	background-image: none;
	font-size: 10px;
	color: #666666;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	padding: 0px 0px 7px;
	font-weight: bold;
}

/* 価格大 */
.priceb {
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
}

/* 在庫ありなし */
.stock {
	color: #333333;
}


/*+++++++++++++++++++++++++++++++++*/
/* スタイル2　中央下 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.style2_top {
	width: auto;
	height: 27px;
	background-image: url(img/top_title_bg01.gif);
	margin: 0px;
	padding: 8px 0px 0px 10px;
	font-size: 12px;
	color: #FFFFFF;
}

/* 大枠中 */
.style2_middle {
width: 478px;
margin: 0px;
padding: 5px 10px 10px;
}

/* 大枠下 */
.style2_bottom {
width: auto;
padding: 0px;
}

/*　コピー　*/
.style2_copy {
	width: auto;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 10px;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style2_table_top {
    width: auto;
	margin: 5px 0px 0px;
    padding: 0px;
}

/* 各テーブル枠中 */
.style2_table_middle {
width: auto;
background-color: #F5F5F5;
background-image: url(img/text_bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
border: 1px solid #A18578;
margin: 0px;
padding: 10px;
}

/* 各テーブル枠下 */
.style2_table_bottom {
width: auto;
margin: 0px;
padding: 0px;
}

/* テーブル */
.style2_table {
width: 454px;
margin: 0px;
padding: 0px;
}


/* 写真 */
.style2_photo {
width: auto;
margin: 0px 5px 0px 0px;
padding: 0px;
}

/* 説明 */
.style2_text {
width: auto;
padding: 10px;
font-size: 10px;
}

/* 2-5位テーブル */
.style2_rank_table {
width: 454px;
padding: 0px;
}

/* 2-5位テーブルの各ｔｄ */
.style2_rank_table td {
width: 113px;
}

/* 2-5位セル */
.style2_rank {
	width: auto;
	margin: 0px 1px;
	padding: 4px;
	font-size: 10px;
}

/* 2-5位写真 */
.style2_rank_photo {
	width: 80px;
	margin: 0px 12px;
	padding: 0px;
}

/* 2-5位説明 */
.style2_rank_text {
	width: auto;
	margin: 5px 0px;
	padding: 5px;
	font-size: 10px;
}

/* 1位テキスト */
.rank1 {
	font-size: 11px;
	width: auto;
	padding-left: 5px;
	color: #666666;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-weight: bold;
}

/* 2-5位テキスト */
.rank2-5 {
	font-size: 11px;
	color: #666666;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-weight: bold;
}

/********************************************************************/
/* 右領域 */

/* スタイル3 */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.style3_top {
width: auto;
height: 25px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/menu_bg01.gif);
margin: 0px;
padding: 10px 0px 0px 30px;
color:#fff;
}

/* 大枠中 */
.style3_middle {
width: auto;
border-left: 1px solid #A18578;
border-right: 1px solid #A18578;
margin: 0px;
padding: 10px;
}

/* 大枠下 */
.style3_bottom {
width: auto;
height: 15px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/bottom_bg.gif);
margin: 0px;
}

/* コピー */
.style3_copy {
	width: auto;
	margin: 0px;
	padding: 2px;
	font-size: 10px;
	text-align: center;
}

/* テーブル */
.style3_table {
	width: auto;
	background-color: #F5F5F5;
	background-image: url(img/text_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #A18578;
	margin-top: 5px;
	padding: 10px 5px 5px;
}

/* 写真 */
.style3_photo {
	width: 80px;
	margin: 0px;
	padding: 0px 18px;
}

/* 説明 */
.style3_text {
width: auto;
/*background-image: url(img/text_bg.gif);*/
background-repeat: repeat-x;
margin: 10px 0px 0px;
padding: 5px;
font-size: 10px;
line-height:1.2;
}

/********************************************************************/
/* メルマガ */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.melmaga_top h3{
color:#fff;
width: auto;
height: 25px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/menu_bg02.gif);
margin: 0px;
padding: 10px 0px 0px 30px;
}

/* 大枠中 */
.melmaga_middle {
width: auto;
border-left: 1px solid #A18578;
border-right: 1px solid #A18578;
margin: 0px;
padding: 5px;
}

/* 大枠下 */
.melmaga_bottom {
width: auto;
height: 15px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/bottom_bg.gif);
margin: 0px;
}

/* 内容 */
.mdata {
margin: 0px 5px 0px 5px;
}

.mdata p{
font-size: 10px;
color:#666;
line-height:1.3;
padding:0 5px;
margin:0 0 7px 0;
}



/********************************************************************/
/* 店長日記 */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.tdiary_top {
	width: auto;
	height: 25px;
	background-image: url(http://www.hsh-style.com/data/hsh-style/image/menu_bg01.gif);
	margin: 0px;
	padding: 10px 0px 0px 10px;
}

/* 大枠中 */
.tdiary_middle {
	width: auto;
    border-left: 1px solid #A18578;
    border-right: 1px solid #A18578;
	border-bottom: 1px solid #A18578;
	margin: 0px;
	padding: 5px;
}

/* 大枠下 */
.tdiary_bottom {
	width: auto;
	margin: 0px;
}

/* 写真 */
.tphoto {
	width: 60px;
	float: left;
	margin: 0px 0px 0px 1px;
	padding: 0px;
}

/* プロフィール */
.tdata {
	width: 60px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	font-size: 10px;
}

/* プロフィールタイトル */
.ttitle {
	margin: 0px;
	padding: 0px;
	color: #333300;
}

/* コメント */
.tcom {
	margin: 5px 5px 0px;
	padding: 5px;
	background-color: #F5F5F5;
	font-size: 10px;
}








/**********************************/
/* 第二階層 */

/* 第二階層パンクズ下大枠 */
#pagemain {
width: 670px;
margin: 0px;
padding: 0px 15px 15px
}

/* 第二階層パンクズ */
#pan {
padding:5px 10px;
width: auto;
}

/* Head Line*/
.ptitle {
width: 660px;
height: 25px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/Gh2_underbar.gif);
background-repeat: no-repeat;
background-position: left center;
margin:5px 0 15px 0;
padding: 10px 0px 0px 7px;
font-size: 14px;
font-weight:bold;
color: #58321C;
}

.Bar_Line{
color:#976B6B;
font-size:14px;
font-weight:bold;
border-left:5px solid #E7E7D6;
border-bottom:5px solid #E7E7D6;
padding:5px 0 3px 10px;
margin:5px 0 15px 0;
}

.Bar_sq{
color:#976B6B;
font-size:12px;
font-weight:bold;
margin:10px 0 7px 0;
padding:0 0 0 10px;
border-left:5px solid #E7E7D6;
}

/* 第二階層中 */
.pmiddle {
width: 658px;
margin: 10px 0 10px 10px;
padding: 15px 5px 1px;
}

.Undermiddle {
width: 555px;
margin: 0 0 0 25px;
padding: 5px 25px;

border:4px solid #E7E7D6;
}

.Area_Box {
width:540px;
padding:0 5px 0 10px ;
margin:0 0 10px 0;
}


/* 第二階層下 */
.pbottom {
width: 660px;
height: 35px;
margin: 0px;
padding: 0px 5px 5px;
}

/* カートに入れる・お問い合わせボタン枠 */
.item_bot_box {
    background-color: #FFFFFF;
	border: 1px solid #A18578;
	margin: 0px;
	padding: 5px 5px 5px;
	color: #999999;
}

.item_bot_box2 {
    background-color: #F9F9F9;
	border-left: 1px solid #A18578;
	border-right: 1px solid #A18578;
	border-top: 1px solid #A18578;
	margin: 5px 0px 0px;
	padding: 10px 5px 10px;
}

/********************************************************************/
/* 商品一覧ページ */

/* 商品一覧タイトル　
※アイコンサイズ横35px×縦35px */
.list_name {
width: 245px;
height: auto;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/icon_sub_title01.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 5px 0px 5px 20px;
font-size: 14px;
float: left;
font-weight: bold;
font-family: georgia, serif;
}

/* ソート */
.list_soat {
	width: 300px;
	margin-left: 330px;
	padding: 5px 0px 0px 15px;
	font-size: 12px;
	color: #666666;
}

/* 商品数 */
.list_count {
width: auto;
border-top: 3px solid #E7E7D6;
border-bottom: 3px solid #E7E7D6;
margin: 0px 10px 5px;
padding: 5px 0px 5px 5px;
color: #666;
font-size: 12px;
}

/* 各テーブル枠上　
※背景画像横638px(外ボーダーにより変動)、縦は設定(15px以上)、空白は高さ指定 */
.list_table_top {
width: auto;
margin: 10px 10px 0px;
padding: 0px;
}

/* 各テーブル枠中 */
.list_table_middle {
width: auto;
background-color: #F5F5F5;
background-image: url(img/text_bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
margin: 0px 10px;
padding: 5px;
}

/* 一覧用 */
.list_table_middle .style1_text {
margin: 0px;
border-left: 0px;
}

/* 各テーブル枠下 */
.list_table_bottom {
width: auto;
margin: 0px 10px;
padding: 0px;
}

/* 商品一覧テーブル */
.list_item_table {
width: 626px;
margin: 0px;
padding: 0px;
}

/********************************************************************/
/* 商品詳細ページ */

/* テーブル枠上　
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_table_top {
width: auto;
padding: 0px;
margin: 0 10px 0px 10px;
}

/* テーブル枠中 */
.detail_table_middle {
width: auto;
border:4px solid #E7E7D6;
padding: 10px;
margin: 0px 10px 0px 10px;
}

/* テーブル枠下 */
.detail_table_bottom {
width: auto;
padding: 0px;
margin: 0px 10px 10px;
}

/* 商品詳細テーブル */
.detail_item_table {
width: 616px;
margin: 0px;
padding: 5px;
background-color:#ebebe2;
}

/* 商品詳細商品説明 */
.detail_item_text {
width: auto;
background-color: #fff;
margin: 0px 0px 5px 5px;
padding: 10px;
font-size: 12px;
line-height:1.6;
}



/* 商品詳細サブタイトル 
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_sub_title {
color:#9a635f;
font-size:12px;
font-weight:bold;
padding:0 0 0 2px;
margin:15px 0 7px 0;
}

/* 詳細説明 */
.detail_sub_table {
	width: 616px;
	margin: 0px;
	padding: 0px;
}

/* 他の写真 */
.detail_sub_table02 {
	width: 616px;
	margin: 0px;
	padding: 5px 0px 0px;
}

/* 詳細説明テキスト */
.detail_sub_text {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #A18578;
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
}

/* 他の写真サブセル */
.sub_item {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #A18578;
	margin: 0px 5px 5px;
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
}

/* セル幅 */
.detail_sub_table02 td {
    width: 200px;
}

/* 他の商品写真 */
.sub_item_photo {
	width: auto;
	height: auto;
	margin: 5px 15px;
	padding: 0px;
}

/********************************************************************/
/* 内部ページのテーブル　※ptitle〜pbottomの内側で使用 */

/* 内部ページの上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.page_table_top {
width: auto;
height: 25px;
background-image: url(http://www.hsh-style.com/data/hsh-style/image/sub_menu_bg01.gif);
margin: 0 20px 0px;
padding: 10px 5px 0px 10px;
font-size: 14px;
color: #FFFFFF;
font-weight:bold;
}

/* 内部ページの中 */
.page_table_middle {
width: auto;
background-color: #F5F5F5;
border-left: 1px solid #A18578;
border-right: 1px solid #A18578;
border-bottom: 1px solid #A18578;
margin: 0px 20px;
padding: 10px 10px 5px;
}

/* 内部ページの下 */
.page_table_bottom {
	width: auto;
	margin: 0px 20px;
	padding: 5px;
}

/* 内部ページの上※デザイン違い
かごSTEP1お客様情報の入力、STEP3、4の確認画面で使用 */
.page_table2_top {
	width: auto;
	height: 25px;
	background-image: url(http://www.hsh-style.com/data/hsh-style/image/sub_menu_bg01.gif);
	margin: 10px 20px 0px;
	padding: 10px 5px 0px 10px;
	font-size: 14px;
	color: #FFFFFF;
}

/* 内部ページの中 */
.page_table2_middle {
	width: auto;
	background-color: #F5F5F5;
	border-left: 1px solid #A18578;
	border-right: 1px solid #A18578;
	border-bottom: 1px solid #A18578;
	margin: 0px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table2_bottom {
	width: auto;
	margin: 0px 20px;
	padding: 5px;
}

/* 内部ページbbs用 
背景画像横幅522px　middleボーダー設定なしの場合520px */
.page_table3_top {
	width: auto;
	height: 25px;
	background-image: url(img/sub_menu_bg02.gif);
	margin: 10px 20px 5px;
	padding: 10px 5px 0px 10px;
	font-size: 14px;
	color: #FFFFFF;
}

/* 内部ページの中 */
.page_table3_middle {
	width: auto;
	background-color: #F5F5F5;
	border: 1px solid #A18578;
	margin: 0px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table3_bottom {
	width: auto;
	margin: 0px 20px;
	padding: 5px;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px */
.page_sub_top {
	width: auto;
border-left:5px solid #9a635f;
	margin: 10px 0px 15px 0;
	padding: 2px 0px 0px 7px;
	font-size: 12px;
	color: #9a635f;
	font-weight: bold;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px
ご利用案内で使用 */
.page_sub2_top {
	width: auto;
border-left:5px solid #9a635f;
	margin: 5px 0px 15px 0;
	padding: 2px 0px 0px 7px;
	font-size: 12px;
	color: #9a635f;
	font-weight: bold;
}

/* 内部テーブルフレーム */
.table_fream {
}

/********************************************************************/
/* カートの中身 */

/* カートの中身テーブル */
.cart_table {
	width: auto;
	margin:10px 0px;
}

/* カートの中身テーブル　
※配置がそのテーブル内で最も下の場合 */
.cart_table_bottom {
    width: 592px;
	margin: 10px 0;
	padding: 0px;
}

/* カート注意書き、パスワード、新しいカード情報、ご利用ガイド */
.point_box {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #A18578;
	margin: 5px 5px 0px 5px;
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
}

.point_box2 {
	width: auto;
	margin: 0px 5px 8px 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 140%;
}

.point_box3 {
width: auto;
background-color: #FFFFFF;
margin:5px 10px 5px 10px;
padding: 5px;
text-align: center;
font-size: 12px;
line-height: 140%;
}

/* エラーボックス */
.error_box {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #A18578;
	margin: 5px 40px 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
}

/* エラーテキスト */
.error_text {
	color: #FF6633;
	font-weight: bold;
}

/* テーブルパティング　
※各項目divに設定 */
.box_padding {
padding: 2px;
}

/* カート金額 */
.cart_price_box {
	width: 150px;
	background-image: url(img/secline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0px 0px 2px 5px;
	padding: 5px 5px 10px;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
}

/* カートステップテーブル */
.cart_step_table {
	width: auto;
	margin-left: 5px;
margin:0 0 15px 0;
}

/* カートステップ 
※現ページはcheck 画像サイズ横幅160px */
.cart_step_1 {
	width: auto;
    background-color: #F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #999999;
}

.cart_step_2 {
width: auto;
background-color: #F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #999999;
}

.cart_step_3 {
	width: auto;
    background-color: #F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #999999;
}

.cart_step_4 {
	width: auto;
    background-color: #F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #999999;
}

.cart_step_1_check {
	width: auto;
    background-color: #97817e;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

.cart_step_2_check {
	width: auto;
    background-color: #97817e;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

.cart_step_3_check {
	width: auto;
    background-color: #97817e;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

.cart_step_4_check {
	width: auto;
    background-color: #97817e;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

/* 内容確認用テキスト */
.bottom_check {
	width: 598px;
	text-align: center;
	margin: 10px 20px 0px;
	padding: 5px;
}

/* フォーム系td背景 */
.td_color1 {
 background-color:#97817e;
border-top: 1px solid #F5F5F5;
border-left: 1px solid #F5F5F5;
padding: 5px;
color: #FFFFFF;
}

.td_color2 {
background-color:#FFFFFF;
border-top: 1px solid #F5F5F5;
border-left: 1px solid #F5F5F5;
padding: 5px;
}

.td_color3 {
background-color:#E3D9BF;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
padding: 5px;
color: #58321C;
}

/********************************************************************/
/* 店長日記・最新ニュース */

/* 各テーブル枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.tdiary_news_table_top {
	width: auto;
	height: 25px;
	background-image: url(http://www.hsh-style.com/data/hsh-style/image/sub_menu_bg01.gif);
	margin: 10px 20px 0px;
	padding: 10px 5px 0px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

/* 各テーブル枠中 */
.tdiary_news_table_middle {
	width: auto;
	background-color: #F5F5F5;
	border: 1px solid #A18578;
	margin: 0px 20px 5px;
	padding: 0px 10px 10px;
}

/* 各テーブル枠下 */
.tdiary_news_table_bottom {
	width: auto;
	margin: 0px 20px;
	padding: 0px;
}

/* テーブル */
.tdiary_news_table {
	width: 596px;
	margin: 0px;
	padding: 0px;
}

/* テキスト部分 */
.tdiary_news_text {
	width: auto;
	margin: 0px 0px 0px;
	padding: 10px;
}

/* 写真部分 */
.tdiary_news_photo {
	width: auto;
	margin: 0px;
	padding: 10px 5px 0px 0px;
}

/********************************************************************/
/* リンク集・ショップのご案内 */

/* td左 */
.td_link_shop1 {
width: 140px;
background-color: #97817e;
border-bottom: 1px solid #F5F5F5;
padding: 5px;
}

/* td右 */
.td_link_shop2 {
width: auto;
background-color: #FFFFFF;
border-bottom: 1px solid #F5F5F5;
padding: 1px;
}

/* 大枠 */
.link_shop {
	background-color: #F5F5F5;
	border: 1px solid #A18578;
    margin: 5px;
	padding: 10px 10px 0px;
}

/* テーブル */
.link_shop_table {
width: 575px;
margin: 7px 0;
}

/* ショップタイトル項目 */
.shop_title {
width: auto;
height: 25px;
background-image: url(img/icon_sub_title03.gif);
background-repeat: no-repeat;
margin-bottom: 5px;
padding: 7px 0px 0px 20px;
font-size: 12px;
color: #FFFFFF;
font-weight:bold;
}

/* リンクタイトル項目 */
.link_title {
	width: auto;
	margin-bottom: 5px;
	padding: 9px 0px 0px 15px;
}

.link_title A:link {
    color: #FFFFFF;
}

.link_title A:active {
    color: #FFFFFF;
}

.link_title A:visited {
    color: #FFFFFF;
}

.link_title A:hover {
    color: #FFFFFF;
}

/* テキスト部分 */
.shop_link_text {
margin: 0px;
padding: 10px;
}

/********************************************************************/
/* ご利用ガイド */
.guide_text {
	width: auto;
	margin: 0px;
	padding: 0px 10px 5px;
}

/********************************************************************/







/* おちゃのこ */
/* 「おちゃのこネット ホームページ作成とショッピングカート付きネットショップ開業サービス」
※上記の文言は必須項目ですので、削除する事は許可されていません。 */
#ochanoko {
display:none;
}

/********************************************************************/
/* ウィンドウを閉じる */
.win_close {
	padding-left: 10px;
}

/********************************************************************/
/* 掲示板 */

/* 大枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.bbs_table_top {
	width: auto;
	background-color: #F5F5F5;
	border-left: 1px solid #A18578;
	border-right: 1px solid #A18578;
	border-top: 1px solid #A18578;
	margin: 20px 20px 0px;
	padding: 2px;
}

/* 大枠中 */
.bbs_table_middle {
	width: auto;
	background-color: #F5F5F5;
	border-left: 1px solid #A18578;
	border-right: 1px solid #A18578;
	margin: 0px 20px;
	padding: 10px;
}

/* 大枠下 */
.bbs_table_bottom {
	width: auto;
	background-color: #F5F5F5;
	border-left: 1px solid #A18578;
	border-right: 1px solid #A18578;
	border-bottom: 1px solid #A18578;
	margin: 0px 20px 20px;
	padding: 2px;
}

/* テーブル小 */
.bbs_table_stop {
	width: 500px;
	margin-left: 50px;
	padding: 0px;
}

/* テーブル小 */
.bbs_table_s {
	width: 500px;
	margin: 0px;
	padding: 0px;
}

/* テーブル */
.bbs_table {
	width: 594px;
	margin: 0px;
	padding: 0px;
}

/* tdカラー */
.bbs_td_color1 {
    width: 20px;
    background-color:#5CADD6;
	padding: 5px;
	color: #FFFFFF;
}

.bbs_td_color2 {
    background-color:#A18578;
	padding: 5px;
}

.bbs_td_color3 {
    width: 30px;
    background-color:#A18578;
	padding: 5px;
}

/* テキスト */
.bbs_text {
	width: auto;
    background-color:#FFFFFF;
	border: 1px solid #A18578;
	margin: 5px 5px 15px;
	padding: 15px;
}

/* ページ送り */
.sec_line_top {
width: auto;
text-align: right;
margin: 10px 20px 0px;
padding: 5px;
}

/********************************************************************/
/* フォームボタン強調 */
.bot_b input {
padding: 3px;
background-color: #FFFFFF;
background-image: url(img/bot_bg.gif);
color: #FFFFFF;
}


/********************************************************************/
/* 回り込み回避用スタイル */
.clear-both {
	clear: both;
	height: 1px;
	font-size: 1px;
	text-align: center;
	overflow: hidden;
	visibility: hidden;
}

/********************************************************************/
/* フォント */

/* ボールド */
.text-bold {
margin:0 0 3px 0;
}

/* ノーマル */
.text-normal { 
font-weight:normal;
}

/* ボールド大 */
.text-bold-b {
	font-size: 12px;
}

/* パンクズ現ページ */
.thispage {
	color: #000000;
}

/* リンク文字かご関連 */
.text-link-bot-b {
	font-size: 14px;
}

/* サイズ小用 */
.text-11 {
font-size: 11px;
margin:0 0 1em 0;
}

/* サイズ大用 */
.text-14 {
	font-size: 14px;
}

/* ショップロゴ用 */
.text-18 {
	font-size: 20px;
	line-height: 100%;
	font-weight: bold;
}

/* 掲示板テキスト用カラー */
.bbs_color {
	color: #000000;
}

/*Common Class for Clear*/
.inner_fl {
	}
/*Float Clear == Thanks for positioniseverything.net*/
.inner_fl:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
.inner_fl { display: inline-block; }
/* hide ie mac ＼*/
.inner_fl { height: 1%; }
.inner_fl { display: block; }
/* */
.clear
{
 clear: both;
 overflow: hidden;
 width: 1px;
 height: 1px;
 margin: 0 -1px -1px 0;
 border: 0;
 padding: 0;
 font-size: 0;
 line-height: 0;
}

form, input, textarea{
margin:1px 8px 1px 0;
}

