@charset "UTF-8";
@import url(./pages.css);
body {
  background: url(http://gigaplus.makeshop.jp/hirota1924/common/img/foot_bg.png) bottom repeat-x;
}

/* Header
------------------------------*/
.head_wrap {
  background: url(http://gigaplus.makeshop.jp/hirota1924/common/img/head-back.jpg) repeat-x;
  border-top: 5px solid #482b1b;
}

.headline {
  background: url(http://gigaplus.makeshop.jp/thehirota/common/img/head_line_bg.gif) no-repeat center top;
}
.headline .inner {
  height: 16px;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.headline .inner .subNav {
  margin-top: -4px;
  float: right;
}
.headline .inner .subNav li {
  margin-left: 25px;
  float: left;
}

.header .inner {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  height: 65px;
}
.header .inner .logo {
  float: left;
  margin-top: 4px;
  width: 210px\9;
  overflow: hidden\9;
}
.header .inner .logo img {
  display: block;
}
.header .inner .nav {
  float: right;
  /*width: 610px\9;*/
}
.header .inner .nav ul {
  margin: 20px 0 0 30px;
}
.header .inner .nav ul li {
  float: left;
  border-right: #8c6e5f 1px solid;
}
.header .inner .nav ul li:last-child {
  border-right: none;
}
.header .inner .contact {
  float: right;
  margin-top: 15px;
}

/* Footer
------------------------------*/
#footer {
  color: #FFF;
}
#footer .inner {
  width: 960px;
  margin: 0 auto;
  padding: 10px 0 0;
  position: relative;
  height: 20px;
}
#footer .inner .nav {
  width: 55%;
  float: left;
  letter-spacing: 0.1em;
}
#footer .inner .nav a {
  color: #FFF;
}
#footer .inner address {
  width: 40%;
  float: left;
  text-align: left;
  margin-top: 0;
  color: #FFF;
  font-size: 11px;
  letter-spacing: 0.1em;
  line-height: 180%;
}
#footer .inner .pagetop {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

/* Keyvisual
------------------------------*/
.keyVisual {
  background: #f8f4ee;
}
.keyVisual .inner {
  width: 950px;
  margin: 0 auto;
}
.keyVisual .inner .bx-pager {
  position: absolute;
  bottom: 10px;
}
.keyVisual .inner .bx-wrapper {
  margin-bottom: 0;
}
.keyVisual .inner .bx-wrapper .bx-viewport {
  box-shadow: none;
}
.keyVisual .inner .bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
}
.keyVisual .inner .bx-wrapper .bx-pager.bx-default-pager a:hover, .keyVisual .inner .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #bb0f4c;
}

/* main
------------------------------*/
#makebanner {
  margin-top: 30px;
}

/* topmain
------------------------------*/
.topmain {
  padding-left: 20px;
  width: 720px;
}
.topmain h2 {
  margin-bottom: 20px;
}
.topmain #top_banner {
  margin-bottom: 20px;
  width: 720px;
}
.topmain #top_banner li.left {
  float: left;
}
.topmain #top_banner li.right {
  float: right;
}
.topmain .recommend {
  margin-bottom: 40px;
}
.topmain .recommend dl {
  text-align: left;
  margin-bottom: 20px;
}
.topmain .recommend dl:after {
  content: "";
  display: block;
  clear: both;
}
.topmain .recommend dl dt {
  /*display: table-cell;*/
  float: left;
  vertical-align: top;
  width: 29%;
}
.topmain .recommend dl dd {
  /*display: table-cell;*/
  float: right;
  vertical-align: middle;
  width: 70%;
}
.topmain .recommend dl dd table .woong td {
  font-size: 11px;
  text-align: left;
  padding: 0 5px;
}
.topmain .recommend dl dd table .woong td a {
  display: block;
}
.topmain .recommend dl dd table .woong td img {
  margin-top: 5px;
}
.topmain .recommend dl dd table .woong:nth-child(3) td {
  text-align: left;
  color: #FF0000;
  font-size: 13px;
}
.topmain .sp_item {
  margin-bottom: 40px;
}
.topmain .sp_item table {
  border: none;
  background: none;
}
.topmain .sp_item table td, .topmain .sp_item table th {
  border: none;
  background: none;
}
.topmain .sp_item table td {
  font-size: 11px;
  vertical-align: top;
  padding-right: 10px;
}
.topmain .sp_item table td > table {
  margin-top: 10px;
}
.topmain .sp_item table td a {
  display: block;
}
.topmain .sp_item table td a img {
  width: 100px;
}
.topmain .sp_item table td > img {
  margin-top: 3px;
}
.topmain .sp_item table td.line:nth-child(3) {
  padding: 0;
  border-right: 1px dashed #CCC;
}
.topmain .sp_item table td b {
  text-align: left;
  color: #FF0000;
  font-size: 13px;
  font-weight: normal;
  margin-top: 5px;
  display: block;
}
.topmain .sp_item table td.line {
  padding: 2px 0;
}
.topmain .store_news {
  margin-bottom: 40px;
}
.topmain .store_news table table {
  margin-bottom: 10px;
}
.topmain .store_news table table td.woong {
  padding: 0px 5px;
  color: #83543d;
  vertical-align: middle;
  line-height: 1;
}
.topmain .store_news table table td.woong:nth-child(1) {
  padding: 0;
  background: #f8f4ee;
  border-radius: 3px;
  font-size: 10px;
  text-align: center;
}
.topmain .check_item table#recent td.line {
  display: none;
}
.topmain .check_item table#recent td.itemBox {
  padding: 5px;
}
.topmain .check_item table#recent td.itemBox table {
  border-radius: 4px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  height: 170px;
}
.topmain .check_item table#recent td.itemBox table td {
  vertical-align: middle;
  font-size: 11px;
  padding: 0 10px;
}
.topmain .check_item table#recent td.itemBox table td .name {
  margin-bottom: 5px;
  text-align: left;
}
.topmain .check_item table#recent td.itemBox table td .price {
  text-align: left;
  color: #FF0000;
  font-size: 13px;
}

/* side
------------------------------*/
.side {
  width: 200px\9;
}
.side > div {
  margin-bottom: 20px;
}
.side .cart {
  padding: 5px;
  margin-bottom: 20px;
  border: 1px solid #83543d;
  color: #83543d;
}
.side .cart .text {
  text-align: center;
  padding: 5px 0 0;
}
.side .login {
  margin-bottom: 20px;
}
.side .login p {
  margin-bottom: 10px;
}
.side .login .join {
  text-align: right;
}
.side .login .join a {
  background: url(http://gigaplus.makeshop.jp/hirota1924/common/img/point.jpg) left center no-repeat;
  padding-left: 10px;
}
.side .search {
  margin-bottom: 20px;
}
.side .search .searchBox {
  padding: 10px;
  position: relative;
}
.side .search .searchBox input {
  padding: 5px 0;
  width: 182px;
  width: 178px\9;
  height: 27px\9;
  margin: 0;
  box-shadow: 1px 1px 5px 2px #F7F7F7 inset;
  border: 1px solid #CCC;
}
.side .search .searchBox a {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}
.side .category {
  margin-bottom: 20px;
}
.side .lanking {
  margin-bottom: 20px;
}
.side .info {
  margin-bottom: 20px;
}
.side .info li {
  margin-bottom: 10px;
}
.side .calendar, .side .qr {
  margin-bottom: 20px;
}
.side .banner {
  margin-bottom: 20px;
}
.side .banner li {
  width: 200px;
  height: 65px;
  margin-bottom: 10px;
}

/* 下記��設customize*/
/*-----------------------------------------------------------------
	����ッ
	���示を統�定す
-----------------------------------------------------------------*/
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 {
  color: #333;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 1.4;
}

td, th {
  font-size: 13px;
}

/* for IE6 */
* html body {
  font-size: 75%;
}

/* for IE7 */
*:first-child + html body {
  font-size: 75%;
}

/*----------------------------------------------------
	clearfix
----------------------------------------------------*/
/* clearfix */
.M_clearfix:after,
#M_wrapper: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 {
  color: #83543d;
  text-decoration: underline;
}

a:visited {
  color: #83543d;
  text-decoration: underline;
}

a:hover {
  color: #83543d;
  text-decoration: none;
}

a:active {
  color: #83543d;
  text-decoration: underline;
}

#M_wrapper .M_alignL,
body .M_contents .M_alignL {
  text-align: left;
}

#M_wrapper .M_alignR,
body .M_contents .M_alignR {
  text-align: right;
}

#M_wrapper .M_alignC,
body .M_contents .M_alignC {
  text-align: center;
}

/* 強� */
em {
  color: #ff0000;
}

strong {
  color: #ff0000;
  font-weight: bold;
}

/* � */
.M_textBold {
  font-weight: bold;
}

/* マ */
.M_textNormal {
  font-weight: normal;
}

/* �トイズ */
.M_textSmall {
  font-size: 92%;
}

/* �トイズ薄� */
.M_textSmallGray {
  font-size: 92%;
  color: #666;
}

/* 線 */
.M_textLinethrough {
  text-decoration: line-through;
}

.M_mgnT8 {
  margin-top: 8px;
}

/*----------------------------------------------------
	#M_wrapper
----------------------------------------------------*/
#M_wrapper {
  width: 960px;
}

/*----------------------------------------------------
	.M_mainContents
		イ
----------------------------------------------------*/
.M_mainContents {
  float: right;
  width: 736px;
  padding-bottom: 64px;
  margin-left: 24px;
  text-align: center;
}

.M_mainContents .M_inner {
  margin: 8px 24px 16px 24px;
  text-align: center;
}

/* Section
========================================== */
.M_section {
  margin-bottom: 24px;
}

/* ---------------------------------------------------
	#M_leftContents
		イド、ブ
--------------------------------------------------- */
#M_leftContents {
  float: left;
  width: 200px;
}

#M_leftContents .M_title {
  border-top: #333333 3px solid;
  border-bottom: #333 1px dashed;
  padding: 0.5em 0;
  font-weight: bold;
  margin-bottom: 1em;
}

#M_leftContents #M_login {
  margin: 0 auto;
  text-align: center;
}

#M_leftContents #M_login .M_helloMsg {
  margin-bottom: 8px;
}

#M_leftContents .M_loginBtn, #M_leftContents .M_logoutBtn {
  padding: 1px 4px;
  border: 1px solid #333;
  margin: 0 4px;
  color: #333;
  text-decoration: none;
  background: #eee;
}

#M_leftContents a:hover.M_loginBtn, #M_leftContents a:hover.M_logoutBtn {
  color: #fff;
  background: #333;
}

#M_leftContents #M_login th,
#M_leftContents #M_login td {
  padding: 0.5em;
}

#M_leftContents #M_login .M_textSmall {
  margin-top: 8px;
}

#M_leftContents #M_login p {
  margin-top: 8px;
  text-align: center;
}

#M_leftContents .M_leftMenu li {
  padding: 0.2em 0;
}

#M_leftContents .M_inputSearch {
  width: 140px;
}

/* -----------------------------------------------------------
	#M_header
		
----------------------------------------------------------- */
#M_header {
  width: 100%;
  margin-bottom: 32px;
}

#M_header .M_headBasket {
  margin-top: 30px;
}

/* #M_gNav
----------------------------------------------------------- */
#M_header #M_gNav {
  overflow: hidden;
  border: 1px solid #999;
  border-right: none;
}

* html #M_header #M_gNav {
  height: 1%;
}

#M_header #M_gNav li {
  float: left;
  width: 136px;
  text-align: center;
  border-right: 1px solid #999;
}

#M_header #M_gNav li a {
  display: block;
  width: 136px;
  background: #fff;
  color: #333;
  text-decoration: none;
  padding: 0.7em 0;
}

#M_header #M_gNav li a:hover {
  background: #333;
  color: #fff;
}

/* ===================================================================
	style info : 
 =================================================================== */
#M_footer {
  width: 960px;
  font-size: 11px;
  padding: 1em 0;
  margin-bottom: 24px;
}

#M_footerNav {
  text-align: center;
}

#M_footerNav li {
  display: inline;
  padding: 0 0.5em;
}

address {
  text-align: center;
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 0.5em;
}

/* H3
========================================== */
.M_mainContents h2 {
  border: 1px solid #ccc;
  padding: 1px 8px;
  margin-bottom: 24px;
  font-size: 117%;
  background: #eee;
}

/* H4-H6
========================================== */
h4 {
  font-size: 124%;
}

h5 {
  font-size: 108%;
}

h6 {
  font-size: 100%;
}

/* ��スト
========================================== */
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;
}

/* topicPath  類段�
========================================== */
.M_topicPath {
  text-align: left;
  font-size: 84%;
  margin-bottom: 16px;
}

.M_topicPath li.M_here {
  padding: 0;
  background: none;
}

.M_topicPath a {
  text-decoration: underline;
}

.M_topicPath a:hover {
  text-decoration: none;
}

.M_topicPath font {
  color: #333;
}

/* Form
========================================== */
input {
  margin-right: 4px;
  vertical-align: middle;
}

textarea {
  border: 1px solid #b3b3b3;
}

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

table.M_widthFull {
  width: 100%;
}

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

.M_mainContents#M_member h3 {
  background: #333;
  line-height: 24px;
  color: #fff;
  text-align: center;
  font-size: 116%;
}

.M_mainContents#M_member #M_member_wrapper {
  margin-left: -24px;
}

.M_mainContents#M_member #M_member_wrapper .M_member_contents {
  width: 354px;
  margin: 24px 0 0 24px;
  border: 1px solid #333;
  float: left;
  display: inline;
}

.M_mainContents#M_member #M_member_wrapper .M_member_contents .M_inner {
  margin: 24px;
}

.M_mainContents#M_member #M_member_wrapper .M_member_contents .M_inner table {
  width: 304px;
  margin-bottom: 8px;
}

.M_mainContents#M_member #M_member_wrapper .M_member_contents .M_inner table td,
.M_mainContents#M_member #M_member_wrapper .M_member_contents .M_inner table th {
  padding: 2px 8px;
  vertical-align: middle;
}

.M_mainContents#M_member #M_member_wrapper .M_member_contents .M_inner p {
  font-size: 94%;
}

/* 約
========================================== */
#M_contract {
  overflow: scroll;
  width: 600px;
  height: 300px;
  margin: 16px auto;
  border: 1px solid #ccc;
  padding: 16px;
  line-height: 1.6;
  text-align: left;
}

/* 会登
========================================== */
#M_memberForm {
  margin: 24px auto;
}

#M_memberForm table table td {
  padding: 4px 8px;
}

#M_changepw {
  clear: both;
}

/* ント
========================================== */
.M_mainContents#M_point {
  text-align: center;
}

.M_mainContents#M_point #pointTable {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 16px auto;
}

.M_mainContents#M_point #pointTable td,
.M_mainContents#M_point #pointTable th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 2px 8px;
}

.M_mainContents#M_point #pointTable th {
  background: #eee;
}

.M_mainContents#M_point #pointMemo table {
  margin: 0 auto;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
}

.M_mainContents#M_point #pointMemo table td {
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 2px 8px;
}

/* �
========================================== */
.M_mainContents#M_order h3 {
  background: #333;
  line-height: 24px;
  color: #fff;
  text-align: center;
  font-size: 116%;
}

.M_mainContents#M_order #M_order_wrapper {
  margin-left: -24px;
}

.M_mainContents#M_order #M_order_wrapper .M_order_contents {
  width: 354px;
  margin: 24px 0 0 24px;
  border: 1px solid #333;
  float: left;
}

.M_mainContents#M_order #M_order_wrapper .M_order_contents .M_inner {
  margin: 24px;
}

.M_mainContents#M_order #M_order_wrapper .M_order_contents .M_inner table {
  width: 304px;
  margin-bottom: 8px;
}

.M_mainContents#M_order #M_order_wrapper .M_order_contents .M_inner table td,
.M_mainContents#M_order #M_order_wrapper .M_order_contents .M_inner table th {
  padding: 2px 8px;
  vertical-align: middle;
}

/* 買い�
========================================== */
#M_basketTable {
  width: 704px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 16px;
}

#M_basketTable th,
#M_basketTable td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4px 8px;
  text-align: center;
  vertical-align: middle;
}

#M_basketTable td.M_alignL {
  text-align: left;
}

#M_basketTable thead th {
  background: #eee;
}

#M_basketTable tfoot td {
  background: #eee;
  text-align: right;
}

#M_basketTable table td {
  border: none;
}

#M_basketTable .optionTr td {
  border-bottom: 4px solid #ccc;
}

#M_basketTable .basketCount td {
  padding: 0 1px;
}

#M_basket ul {
  margin-top: 16px;
}

#M_basket ul li {
  text-align: left;
}

/* ッ�歴�メンド�合 */
#M_basket #M_recent {
  margin-top: 32px;
}

/* 検
========================================== */
#M_searchTable {
  margin: 8px auto 16px;
}

#M_searchTable th,
#M_searchTable td {
  padding: 2px 4px;
}

#M_searchTable .M_searchBtn {
  vertical-align: middle;
  padding-left: 16px;
}

#M_searchResult table {
  width: 100%;
  margin: 8px auto;
}

/* 類
========================================== */
.M_categoryImage {
  margin-bottom: 32px;
}

#M_result {
  margin-bottom: 8px;
  font-size: 92%;
}

#M_result #M_total {
  float: left;
  width: 20%;
}

#M_result #M_line {
  float: right;
  width: 80%;
  text-align: right;
}

#M_categoryList table {
  margin-bottom: 16px;
}

#M_categoryList table table {
  width: 340px;
  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;
}

/* SNS */
#M_snsButtonList {
  height: 30px;
}

#M_snsButtonList li {
  float: left;
  margin-right: 5px;
}

/* � */
#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;
}

/* 大 */
.M_popup#M_Img #M_closeBtn {
  text-align: center;
  margin-top: 8px;
  font-size: 92%;
  background: #eee;
  padding: 4px 0;
}

/* �ド
========================================== */
.M_mainContents#M_password table {
  margin: 0 auto;
}

.M_mainContents#M_password table td,
.M_mainContents#M_password table th {
  padding: 2px 8px;
  vertical-align: middle;
}

/* ジ　�ザー
========================================== */
/* �� */
#M_reviewAll #M_reviewViewAll .M_reviewList {
  background: none;
  border: none;
  border-bottom: 1px dashed #999;
}

#M_reviewAll #M_reviewViewAll .M_reviewHead {
  overflow: hidden;
  _zoom: 1;
}

#M_reviewAll #M_reviewViewAll .M_reviewInfo {
  border-bottom: 2px solid #ccc;
  margin-bottom: 8px;
}

#M_reviewAll #M_reviewViewAll .M_reviewRead {
  overflow: hidden;
  _zoom: 1;
}

#M_reviewAll #M_reviewViewAll .M_reviewReadText {
  margin: 0;
  padding: 0;
}

/* 一行� */
#M_reviewPart #M_reviewView table {
  margin: 0;
  width: 100%;
}

#M_reviewPart #M_reviewView th {
  text-align: center;
  border: 1px solid #fff;
  background: #999;
  color: #fff;
}

#M_reviewPart #M_reviewView td {
  border-bottom: 1px dotted #999;
}

#M_reviewPart #M_reviewView .M_reviewReadText {
  width: 400px;
}

/* import
========================================== */
/*===================================================
clearfix
===================================================*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 2014.10.23 追記
/*-----------------------------------------------------------------
	ランキング改修
-----------------------------------------------------------------*/

.side .ranking .M_rankingCenter { width:200px; }
.side .ranking .M_rankingCenter li.itemImg { width:180px; }
.side .ranking .M_rankingCenter li.itemImg p.M_rank {
float:none;
width:180px;
border-bottom:1px dotted #bfa097;
padding:0 0 4px;
margin-bottom:10px;
background-position:top center !important;
display:inline-block !important;
}
.side .ranking .M_rankingCenter li.itemImg .name {
width:120px;
margin: 0 0 0 10px !important;
padding:0 !important;
}
.M_rankingCenter .M_ranking li {
margin-bottom:0 !important;
}