/*-----------------------------------------------------------------
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
-----------------------------------------------------------------*/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,th,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;}
.line {font-size:1px;line-height:1px;}

/*--- default */
body {
	background: #fff;
	color: #333;
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
	line-height:1.4;
	overflow-x: hidden;
}

body td,body th{
	font-size:13px;
}
/* for IE6 */
* html body {
    font-size: 75%;
}
/* for IE7 */
*:first-child+html body {
    font-size: 75%;
}
/*----------------------------------------------------
	clearfix
----------------------------------------------------*/
.M_clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .M_clearfix,
* html #M_wrapper{ zoom: 1; } /* IE6 */

*:first-child+html .M_clearfix,
*:first-child+html #M_wrapper{ zoom: 1; } /* IE7 */
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
a:link,
a:visited{
    color:#000000;
    text-decoration:none;
}
a:hover{
	color: #999999;
}

/*----------------------------------------------------
	.M_mainContents
		メイン
----------------------------------------------------*/
.M_mainContents {
	padding-bottom:64px;
	margin-left:24px;
	text-align:center;
}
 
/* リンクテキストボタン
========================================== */
a:link.M_btnStyle,
a:visited.M_btnStyle,
a:active.M_btnStyle{
	padding:1px 4px;
	border:1px solid #333;
	margin:0 4px;
	color:#333;
	text-decoration:none;
	background:#eee;
}
a:hover.M_btnStyle{
	color:#fff;
	background:#333;
}
 
/* Form
========================================== */
textarea{
	border:1px solid #b3b3b3;
}

/* Table
========================================== */
td,th{
	vertical-align:top;
}

/* 会員認証
========================================== */
.line{
	height:0;
}

/* 買い物かご
========================================== */
#M_basket {
    text-align: left;
}

/* 商品分類
========================================== */
#M_result{
	margin-bottom:8px;
	font-size:92%;
}
#M_total{
	float:left;
	width:20%;
}
#M_line{
	float:right;
	width:80%;
	text-align:right;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #EEEEEE;
}
#M_line a:link{
        color:#999999;
}
#M_line a:hover{
        color:#ff6600;
}

#M_categoryList table{
	margin-bottom:16px;
}
#M_categoryList table table{
	width:140px;
	margin:16px 0 0 0;
}
#M_categoryList table table table{
	width:220px;
}
#M_categoryList table table table font{
	color:#333;
}
 
/* 商品詳細
========================================== */
.M_mainContents#M_item h2{
	font-size:134%;
	padding:8px;
	margin-top:8px;
}
/* 前の商品　次の商品 */
#M_item .M_itemLink li{
	display:inline;
}
#M_item .M_itemLink li a{
	padding:0 4px;
}
#M_item .M_itemLink .M_prev{
	float:left;
}
#M_item .M_itemLink .M_next{
	float:right;
}
/* 商品画像 */
#M_item #M_itemImg{
	float:left;
	width:300px;
}
/* 商品詳細 */
#M_item #M_itemInfo{
	float:right;
	width:415px;
}
#M_item #M_itemSubLink{
	font-size:92%;
	margin-top:16px;
	text-align:left;
}
#M_item #M_itemSubLink li{
	display:inline;
	padding-right:8px;
}
#M_item #M_itemDetailInfo{
	margin:16px auto;
	text-align:left;
}
/* ボタン */
#M_item #M_itemBtn{
	/*border:2px solid #ccc;*/
	padding:16px 0;
}
/* さらにでかいボタン */
#M_item #M_itemBtn .M_btnStyle{
    padding:8px 30px;
}
/* レビュー */
#M_item h3{
	border-left:4px solid #ccc;
	padding-left:8px;
	margin:16px auto;
}
#M_item #M_review{
	margin:16px auto;
}
#M_item #M_reviewView{
	margin-top:16px;
}

/* ポップアップ
========================================== */
.M_popup{
	text-align:center;
	padding:16px;
}


/* 追加分20130806
========================================== */

td.line{
display:none;
}

/*td リンク色*/
td a:hover{
        color:#ff6600;
}

.td_01{ 
padding: 50px 0 10px;
}

b{
color:ff6600;
}

/*商品一覧、検索*/

.td-01 {
    padding: 5px 10px 5px 0;
    vertical-align: middle;
}

.td-03{
    padding:5px 0 0 0;
}

.td-02 {
    padding: 10px 0;
    vertical-align: middle;
}
.b-01 {
    color: #000000;
    font-size: 14px;
}

.td-title {
    font-size: 12px;
    padding: 5px 0;
    vertical-align: middle;
}

.table-width{
    width:736px;
    margin: 0 0 0 64px;
}

.table-width02{
    width:736px;
    margin: 0 0 0 64px;
    border-bottom: 1px solid #EEEEEE;
}









/*----------------------------------------------------
	検索ページ
----------------------------------------------------*/

.section{
    width: 780px;
    text-align: left;
}

.name a{
    text-decoration: none;
}

p.price{
    color:#ff6600;
}

/* 検索ページ nameリンク色 */
p.name a:link,
p.name a:visited,
p.name a:active{
	color:#000;
}

p.name a:hover{
	color:#999999;
}

/*----------------------------------------------------
	ブランド
----------------------------------------------------*/
#M_categoryList a:link,
#M_categoryList a:visited,
#M_categoryList a:active{
	color:#000;
}

#M_categoryList a:hover{
	color:#999999;
}

#M_total{
    padding: 0 0 10px 0;
    border-bottom: 1px solid #EEEEEE;
}

.category h4{
	font-size:18px;
	margin: 40px 0 20px 0;
	padding: 0 0 0 26px;
	background: url(https://www.hectoshop.com/design/images/i_01.png) no-repeat center left;
}


/*----------------------------------------------------
	ヘッダ
----------------------------------------------------*/
#header{
    margin-top: 50px;
    padding: 2rem 0;
}

.hd-wrapper {
    border:1px solid #ddd;
    padding:5px;
}
.hd {
    overflow-y: scroll;
    height: 125px;
}

.hd b {
    color: #bbbbbb;
    font-weight: normal;
}
.M_helloMsg {
    margin: 0;
    padding-right: 1rem;
}

/*----------------------------------------------------
	レフトナビ
----------------------------------------------------*/
#left_navi a.button {
    margin: 1rem 0;
}

#left_navi ul {
    margin: 1rem 0 1.5rem;
}

#left_navi ul:last-child {
    margin-bottom: 0;
}
#left_navi li {
    margin: 0.5rem 0;
}
#left_navi ul ul {
    margin: 0 0 0 1.8rem;
}
#left_navi .title {
    font-weight: bold;
}
#left_navi .content {
    padding: 0 !important;
}
#left_navi .ui.accordion .title:not(.ui) {
    padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
}

/*----------------------------------------------------
	メイン
----------------------------------------------------*/
#makebanner > tbody > tr > td:last-child {
    padding-left: 1.5rem;
    padding-top: 1rem
}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
#footer{
    margin-top: 2rem;
    box-shadow: 0px -1px 1px 0 rgba(34,36,38,.15);
}
.ui.footer.vertical.segment .ui.container{
    padding: 4rem 0 3rem;
}
#footer p{
    margin-bottom: 0.5rem;
}