@charset "UTF-8";

body {
	padding: 0!important;
}

div.contents {
	border: solid 1px #eeede7;
	background: #fff;
	text-align: left;
}
div.contents .contentsInner {
	width: 728px;
}

/*-----------------------------------------------------------
	ヘッダー
-----------------------------------------------------------*/

#M_header {
	margin-bottom: 0!important;
	width: 100%;
	text-align: center;
}
#M_header .mainHeader {
	margin: 0 auto 10px auto;
	width: 960px;
	text-align: left;
}
#M_header .mainHeader table {}
#M_header h1 {
	margin: 10px 0 0 0;
	width: 198px;
	float: left;
}

#M_wrapper {
	margin: 0 auto;
	width: 960px;
}

div.headerWrap {
	background: #000;
	width: 100%;
	height: 28px;
}

div.headerNavi {
	margin: 0 auto;
	height: 28px;
	width: 960px;
	position: relative;
	background: #000;
}
div.headerNavi ul {
}
div.headerNavi ul li {
	margin: 0;
}
div.headerNavi ul li.item01 {
	position: absolute;
	top: 0;
	left: 267px;
}div.headerNavi ul li.item02 {
	position: absolute;
	top: 0;
	left: 369px;
}div.headerNavi ul li.item03 {
	position: absolute;
	top: 0;
	left: 483px;
}div.headerNavi ul li.item04 {
	position: absolute;
	top: 0;
	left: 609px;
}div.headerNavi ul li.item05 {
	position: absolute;
	top: 0;
	left: 728px;
}
div.headerNavi ul li.item06 {
	position: absolute;
	top: 0;
	left: 833px;
}


div.headerMenu {
	position: relative;
	float: right;
	width: 500px;
}
div.login {
	margin-right: 15px;
	width: 550px;
}div.logout {
	margin-right: 15px;
	width: 450px;
}
div.login ul.messageID {
	margin-right: 8px;
}

div.headerMenu table {
	float: left;
}
#M_header div.headerMenu div.memberArea {
	margin: 10px 0 0 0;
	float: left;
	width: 365px;
}

#M_header div.headerMenu .logout ul {
	width:  332px!important;
} 
#M_header div.headerMenu div.memberArea ul{
	margin-bottom: 5px;
	float: right;
	width: 336px;
}

	#M_header div.headerMenu div.memberArea ul li {
		float: left;
		line-height: 100%;
	}

#M_header div.headerMenu div.memberArea ul.messageID {
	font-size: 90%;
}
#M_header div.headerMenu div.memberArea ul.messageID li {
	float: right;
}
#M_header div.headerMenu div.memberArea ul.messageID li.guest {
	padding: 2px 10px 0 0;
}

div.headerMenu p.btnOrder {
	position: absolute;
	right: 163px;
	top: 39px;
	width: 62px;
}

div.headerMenu p.btnCart {
	margin-top: 15px;
	width: 138px;
	float: left;
}

	
a.M_btnStyle {
	margin: 0!important;
	padding: 0!important;
	background: none!important;
	border: none!important;
}

/*-----------------------------------------------------------
	左メニュー
-----------------------------------------------------------*/
div.leftMenu {
	margin-right: 10px;
	width: 220px;
}

div.leftMenu .homeBtn {
	border-bottom: solid 3px #e5e5e5;
}
div.leftMenu .homeBtn dd {
	border-top: none!important;
	border-bottom: solid 1px #dcdcdc;
}


div#M_leftContents {
	margin-bottom: 5px;
	width: 220px!important;
	background: #e6e6e6!important;
}

#M_leftContents .mainMenu{
	margin: 5px;
	border: solid 1px #dcdcdc;
	background: #fff;
	width: 208px;
 }
 
 #M_leftContents .M_title {
	 border: none;
	 font-size: 120%;
	 font-weight: bold;
}

dl.categoryList {
	font-size: 100%;
	text-align: left;
}
dl.categoryList dt {
	margin: 0;
	padding: 7px 0 6px 6px;
	border-bottom: solid 1px #fff;
	border-top: solid 3px #333;
	background: #f2f2f2;
	line-height: 100%;
	font-weight: bold;
	color: #009294;
}
dl.categoryList dd {
	margin: 0;
	padding: 8px 7px 7px 40px;
	border-top: solid 1px #e5e5e5;
	line-height: 125%;
}
dl.categoryList dd.open-list {
	padding: 0!important;
	border: none!important;
}

dl.categoryList dd.item01 {
	background: url(/design/natalie/images/common/icoCloths.png) 10px 10px no-repeat;
}dl.categoryList dd.item02 {
	background: url(/design/natalie/images/common/icoNotebook.png) 13px 7px no-repeat;
}dl.categoryList dd.item03 {
	background: url(/design/natalie/images/common/icoTowel.png) 10px 5px no-repeat;
}dl.categoryList dd.item04 {
	background: url(/design/natalie/images/common/icoTumbler.png) 14px 7px no-repeat;
}dl.categoryList dd.item05 {
	background: url(/design/natalie/images/common/icoIphone.png) 14px 6px no-repeat;
}dl.categoryList dd.item06 {
	background: url(/design/natalie/images/common/icoCup.png) 12px 11px no-repeat;
}dl.categoryList dd.item07 {
	background: url(/design/natalie/images/common/icoOther.png) 14px 7px no-repeat;
}

dl.listArrow dd {
	padding: 6px 7px 6px 24px!important;
	background: url(/design/natalie/images/common/icoArrowBlack.png) 12px 10px no-repeat;
	line-height: 120%;
	text-align: left;
}

dl.categoryList dt a,
dl.categoryList dd a {
	text-decoration: none;
	display: block;
}
dl.categoryList dd a:link,
dl.categoryList dd a:visited {
	color: #333;
}
dl.categoryList dd a:hover {
	color: #ff4992;
}

dl.accordion01 dd.more,
dl.accordion02 dd.more02 {
	background: #fff url(http://gigaplus.makeshop.jp/natalie/images/common/icoMenuOpen.png) 9px 9px no-repeat;
} 

dl.accordion01 dd.active {
	background: #fff url(http://gigaplus.makeshop.jp/natalie/images/common/icoMenuClose.png) 9px 9px no-repeat!important;
}
dl.accordion02 dd.active {
	background: #fff url(http://gigaplus.makeshop.jp/natalie/images/common/icoMenuClose.png) 9px 9px no-repeat!important;
}

dl.accordion01 dd.more a,
dl.accordion01 dd.more02 a,
dl.accordion01 dd.active a,
dl.accordion02 dd.more a,
dl.accordion02 dd.more02 a,
dl.accordion02 dd.active a {
	color: #009294;
}


div.searchArea {}
div.M_section {
	margin: 0!important;
}
div.searchArea p.M_title {
	margin: 0!important;
	padding: 7px 0 6px 6px!important;
	border-top: solid 3px #333!important;
	border-bottom: solid 1px #fff!important;
	background: #f2f2f2;
	line-height: 100%!important;
	font-size: 100%!important;
	font-weight: bold;
	color: #009294;
}
div.searchArea div.searchBox {
	padding: 8px 0;
	border-top: solid 1px #e5e5e5;
}
div.searchArea div.searchBox input {
	margin: 0 0 0 8px;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-top: solid 1px #ddd;
	width: 160px;
	height: 24px;
}

/*guide*/
ul.information {
	margin: 0 0 9px 0;
}
ul.information li {
	margin: 0 0 1px 0;
	width: 220px;
}

/*banner*/
div.bnr {
	margin-bottom: 5px;
	padding: 5px 5px 3px 5px!important;
	background: #eae6dc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 210px;
}
div.staffblog {
	margin-bottom: 10px!important;
}

dl.bnrArea {
	margin-bottom: 0px;
	width: 210px;	
}
dl.bnrArea dt {
	margin: 0 0 0 5px;
	height: 17px;
}
dl.bnrArea dt img {
	vertical-align: top;
}
dl.bnrArea dd {
	margin-bottom: 2px;
}

dl.categoryList dl dt a:link,
dl.categoryList dl dd a:link,
dl.categoryList dl dt a:hover,
dl.categoryList dl dd a:hover,
dl.categoryList dl dt a:visited,
dl.categoryList dl dd a:visited {
	text-decoration: none!important;
} 

/*Facebook*/
div.facebook {
	margin-top: 10px;
	width: 220px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #e8e8e8;
}
div.fb-like-box {
	margin: 5px;
	width: 210px;
	background: #fff;
}

/*Twitter*/
div.twitterLeft {
	margin: 10px 0 5px 0;
	padding-bottom: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #e8e8e8;
	width: 220px;
}
iframe.twitter-timeline {
	width: 220px!important;
}
div.twitterLeft iframe {
	width: 220px!important;
}



/*-----------------------------------------------------------
	パンくず
-----------------------------------------------------------*/

p.topicPath {
	padding: 0 0 10px 0;
	border-bottom: solid 1px #eee;
}
p.topicPath a {
	font-size: 90%;
}
p.topicPath a.home {
	padding-left: 16px;
	background :url(http://gigaplus.makeshop.jp/natalie/images/common/icoTopicPath.png) 0 1px no-repeat;
}




/*-----------------------------------------------------------
	フッター
-----------------------------------------------------------*/

div.footer {
	margin: 40px 0 0 0;
	padding: 0;
	position: relative;
	width: 100%;
	background: #3d3d3d;
	font-size: 12px;
	text-align: center;
}
div#M_footer {
	margin: 0 auto;
	padding: 0;
	color: #fff;
	font-size: 100%;
	width: 960px;
	text-align: left;
}

div.footerBox {
	margin: 10px 0 0 0;
	width: 800px;
	float: left;
}

ul#M_footerNav {
	margin: 0;
	padding: 0;
	text-align: left;
}
p.pageTop {
	float: right;
	width: 136px;
}

p.inquiry {
	margin: 10px 0;
	padding: 5px 10px;
	width: 300px;
	border-radius: 3px;		
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
	background: #585858;
}
p.inquiry span {
	padding-left: 18px;
	background: url("http://gigaplus.makeshop.jp/natalie/images/common/icoInquiry.png") 0 3px no-repeat;
}

address {
	padding: 10px 0 12px 0;
	background: url("http://gigaplus.makeshop.jp/natalie/images/common/bgCopyright.png") top left repeat-x;
	width: 100%;
}

a.linkArrow {
	padding: 0 0 0 10px;
	background: url("http://gigaplus.makeshop.jp/natalie/images/common/icoArrowWhite.png") 0 3px no-repeat;
}


div#M_footer a:link,
div#M_footer a:visited {
	color: #fff;
	text-decoration: none;
}
div#M_footer a:hover {
	color: #ff4992;
}

/*-----------------------------------------------------------
	商品詳細　商品説明
-----------------------------------------------------------*/

div.productDetail div.reserveInfo {
	margin-bottom: 10px;
	padding: 0 20px 20px 20px;
	width: 650px;
}
div.productDetail div.reserveInfo .reserveSchedule {
	padding: 15px;
	border: solid 1px #e95345;
}

div.productInfo {
	margin-bottom: 20px;
	width: 690px;
}
div.productInfo .img {
	width: 220px;
}
div.productInfo .img270 {
	width: 270px;
}
div.productInfo p.txt {
	width: 450px;
}div.productInfo p.txt2 {
	width: 470px;
}div.productInfo p.txt3 {
	width: 370px;
}div.productInfo p.txt4 {
	width: 400px;
}


div.productDetail div.imageArea {
	width: 690px;
}
div.productDetail div.imageArea div.imgBox {
	padding-right: 15px;
	width: 220px;
	float: left;
}

/*-----------------------------------------------------------
	特集ページ　ソーシャルボタン
-----------------------------------------------------------*/

div.social {
	margin-left: 450px;
	width: 600px;
	height: 20px;
}
div.social div {
	float: left;
}

div.socialBtn {
	margin-left: 460px!important;
	margin-left: 400px\9!important;
	padding-bottom: 0;
	width: 240px!important;
	width: 300px\9!important;
	height: 20px;
}
div.socialBtn div.twitter {
	margin: 0!important;
	padding: 0!important;
	width: 115px!important;
	float: left;
}

div.socialBtn div.twitter02 {
	width: 110px;
	padding-left: 0;
	float: left;
}

div.socialBtn div.fb-like {
	margin: 0!important;
	padding: 0!important;
	width: 100px!important;
	float: left;
}


#M_memberForm table td table td[align="center"] {
    padding-left: 0!important;
}

/*-----------------------------------------------------------
	トップ　お知らせ
-----------------------------------------------------------*/
div.news-top {
	margin: 5px 0;
	background: #fff;
	border: 1px solid #dedede;
	width: 728px;
	text-align: left;
}
div.news-top p {
	margin: 5px;
}
div.news-top p.icoInfo {
	padding: 0 0 0 35px;
	background: url(http://gigaplus.makeshop.jp/natalie/images/common/icoInfo.png) 0 50% no-repeat;
}
div.news-top table td.woong {
	padding: 6px;
	line-height: 120%;
	border-bottom: dotted 1px #ccc;
}
div.news-top table td.woong img {
	vertical-align: text-top;
}

div.news-top table td.woong[align="center"] {
	display: none;
}

div.news-top table td.line {
	display: none;
}

div#M_temp01,
div#M_temp02 {
	margin-top: 0;
	background: #fff;
	border: 1px solid #EEEDE7;
	width: 663px;
}

div.news div#M_temp02 {
}

div#M_temp02 #M_infoInner {
	padding: 20px;
}
div#M_temp02 img[src="/images/notice/2/border02.gif"],
div#M_temp02 div.M_view {
	display: none!important;
}

div#M_temp02 {
	padding: 20px 30px 30px 30px;
}

div#M_temp02 div#M_infoInner:first-child {
	display: none!important;
}

div#M_temp02 div#M_infoInner {
	padding: 0!important;
}

div#M_temp02 div#M_infoHeading {
	margin: 0 0 20px 0;
	padding: 30px 0 0 0;
	width: 660px!important;
	float: none!important;
}

div#M_infoBody {
	margin: 20px 0 50px 0!important;	
	width: 670px!important;
	float: none!important;
}
div#M_temp02 #M_infoList {
	margin: 0!important;
	padding: 70px 0 0 0;
	background: url(http://gigaplus.makeshop.jp/natalie/images/common/titNews01.png) top left no-repeat;
}

div#M_temp02 #M_infoList li {
	padding-bottom: 5px!important;
	border-bottom: 1px dotted #ccc!important;
}

div#M_temp02 div#M_infoHeading h2.M_title {
	padding-bottom: 5px;
	font-size: 120%!important;
	border-bottom: 1px dotted #ccc;
	width: 660px;
}

#M_group td.itemImg {
	padding-left: 20px!important;
}

hr {
	border: 0;
    border-bottom: 1px solid #999;
}


/*買い物かごページ*/
div.cart {
	margin: 10px;
}

div.cart h2 {
	padding: 0 0 5px 0;
	border-bottom: solid 5px #009294; 
	border-left: none;
	border-right: none;
	border-top: none;
	background: none!important;
	font-size: 130%;
}

div.cart h3 {
	font-size: 110%!important;
}

div#M_basket {
	margin: 10px;
}

table#M_basketTable {
	border: none;
	width: 660px;
}

table#M_basketTable tr.optionTr td {
	border-bottom: none!important;
	border-top: none!important;
}

table#M_basketTable th,
table#M_basketTable td {
	border: none;
}

table#M_basketTable th {
	background: #eee;
	border-right: solid 1px #fff;
	color: #333;
}

table#M_basketTable tbody tr td {
	border-top: solid 1px #ddd;
}

table#M_basketTable table.basketCount td {
	border: none!important;
}

table#M_basketTable td.totalPrice {
	padding-top: 20px;
	border-top: solid 1px #aaa!important;
	background: none;
}
table#M_basketTable td.totalPrice span {
	color: #D0102C;
	font-size: 180%;
	font-weight: bold;
}

div.cartBtn {
	margin: 20px auto 40px auto;
	width: 390px;
}

ul.bnrArea {
	margin: 0 0 20px 4px;
	width: 710px;
}
ul.bnrArea li {
	padding: 0 8px 0 0;
	float: left;
}
ul.bnrArea li.last {
	padding-right: none!important;
}

ul.bnrArea li a img {
	width: 169px;
	height:55px;
}

/*スマホ*/
ul.sp-top-bnr  {
	margin: 5px 5px 10px 5px ;
	text-align: center;
}
ul.sp-top-bnr li {
	padding: 0 0 1px 0;
}
ul.sp-top-bnr li img {
	width: 100%;
}