@charset "UTF-8";

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
	}
	
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
	}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
img {
	border: none;
	}
	
a {
  color: #000000;
  text-decoration: none;
  overflow: hidden;
  outline: none;
   }
   	

	
  
	
* {
	font-family:
	"ヒラギノ角ゴ Pro W3", "HIragino Kaku Gothic Pro", 
	"メイリオ", Meiryo,
	Osaka,
	"MS P ゴシック", "MS P Gothic",
	sans-serif;
	}
	
/* IE 7に対するフォントの種類*/
*:first-child+html * {
	font-family:
	"メイリオ", Meiryo,
	"MS P ゴシック", "MS P Gothic",
	sans-serif;
	}
	
/* IE 6に対するフォントの種類*/	
* html * {
	font-family:
	"メイリオ", Meiryo,
	"MS P ゴシック", "MS P Gothic",
	sans-serif;
	}
	
	
body {
	background-image:url(../goods_img/light_wood400a.jpg);
	font-size: 13px;
	margin: 0 auto;
	}				

/* header部分*/						
	
#header {
	width: 1000px;
	height: 135px;
	background-color:#FFFFFF;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;	
	}
	
#logo {
	width:349px;
	height: 100px;		
	float:left;
	}
	
h1 {
	display: block;
	text-indent:-9999px;
	width: 349px;
	height:100px;
	background-image: url(../top_img/mb_logo.jpg);
	margin-top:35px;
	padding:0px;	
	}
		
h1 a {
	display: block;
	width: 349px;
	height:100px;
	overflow: hidden;	
	}
	
h1 a:hover {
	background-image: url(../top_img/mb_logo_ho.jpg);	
	}
	
/* グローバルナビ*/		
	
#navi {
	width: 500px;
	height: 50px;
	float: right;
	margin-top: 60px;
	margin-right: 40px;
	}
	
#navi ul li {
    text-indent:-9999px;
	width: 100px;
	list-style: none;
	float: left;
	}
	
#navi ul li#navi01 {
	background-image:url(../top_img/gnv_01.gif);
	width: 100px;
	height: 50px;
	}	
#navi ul li#navi01 a:hover {
	background-image:url(../top_img/gnv_01_ho.gif);
	}	
		
#navi ul li#navi02 {
	background-image:url(../top_img/gnv_02.gif);
	width: 100px;
	height: 50px;
	}	
#navi ul li#navi02 a:hover {
	background-image:url(../top_img/gnv_02_ho.gif);
	}			

#navi ul li#navi03 {
	background-image:url(../top_img/gnv_03_cu.gif);
	width: 100px;
	height: 50px;
	}	

#navi ul li#navi04 {
	background-image:url(../top_img/gnv_04.gif);
	width: 100px;
	height: 50px;
	}	
#navi ul li#navi04 a:hover {
	background-image:url(../top_img/gnv_04_ho.gif);
	}	

#navi ul li#navi05 {
	background-image:url(../top_img/gnv_05.gif);
	width: 100px;
	height: 50px;
	}	
#navi ul li#navi05 a:hover {
	background-image:url(../top_img/gnv_05_ho.gif);
	}	
	
#navi ul li a {
	display: block;
	width: 100px;
	height: 50px;
	}
	

	
/*header イメージ部分*/		
													
#header-img {
	width: 1000px;
	height: 150px;
	background-image: url(../goods_img/header_bg.png);
	margin: 0px;
	padding: 0px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	}
	
#header-img p {
	font-size: 105%;
	line-height: 1.5em;
	color: #535353;
	padding-top: 35px;
	padding-left:245px;
 }
 
 
#contents {
	width: 90%;
	margin: 0 auto;
	}
 

								
/* container  masonry使用部分*/	

#container {
	margin: 0 auto;
	clear:both;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;

	}

.box {
  *zoom: 1;
  margin: 10px;
  background-color: #fff;
  /*border: 1px solid #ccc;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: #fff;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);*/
}
.box:after {
  content: "";
  display: block;
  clear: both;
}
.box img {
  display: block;
}

.box .thumb_o {
  padding: 17px;
}





.box .thumb_l {
  float: left;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 17px;
}


.box .thumb_u {
  padding-top: 17px;
  padding-right: 17px;
  padding-left: 17px;
}
.box dl {
  overflow: hidden;
  *zoom: 1;
  font-size: 14px;
  line-height: 24px;
  padding: 17px;
}
.box dl dt {
  font-weight: bold;
  color: #fff;
  background-color: #A18D70;
  text-align: center;
  }
.box dl dd {
  color: #333;
  line-height:  1.5em;
  padding-top:  10px;
}

.col-1 {
  width: 240px;
}

.col-2 {
  width: 500px;
}

.col-3 {
  width: 500px;
}
	
	
.col-4 {
  width: 280px;
}	
	

				
/* footer 部分*/											
	
#footer {
	width: 1000px;
	height: 180px;
	background-color: #ffffff;
	margin-top: 15px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	}
	



#footer ul {
	width: 400px;
	height: 30px;
	padding-top: 20px;
	padding-left: 30px;
	}	
		
	
#footer ul li {
	text-indent:-9999px;
	width: 80px;
	list-style: none;
	float: left;
	}
	
				
#footer ul li a {
	display: block;
	width: 80px;
	height: 30px;
	}
	

#footer ul li#f_navi01 {
	background-image:url(../top_img/fnv_01.gif);
	width: 80px;
	height: 30px;
	}	
#footer ul li#f_navi01 a:hover {
	background-image:url(../top_img/fnv_01_ho.gif);
	}	
		
#footer ul li#f_navi02 {
	background-image:url(../top_img/fnv_02.gif);
	width: 80px;
	height: 30px;
	}	
#footer ul li#f_navi02 a:hover {
	background-image:url(../top_img/fnv_02_ho.gif);
	}			

#footer ul li#f_navi03 {
	background-image:url(../top_img/fnv_03.gif);
	width: 80px;
	height: 30px;
	}	
#footer ul li#f_navi03 a:hover {
	background-image:url(../top_img/fnv_03_ho.gif);
	}	

#footer ul li#f_navi04 {
	background-image:url(../top_img/fnv_04.gif);
	width: 80px;
	height: 30px;
	}	
#footer ul li#f_navi04 a:hover {
	background-image:url(../top_img/fnv_04_ho.gif);
	}	

#footer ul li#f_navi05 {
	background-image:url(../top_img/fnv_05.gif);
	width: 80px;
	height: 30px;
	}	
#footer ul li#f_navi05 a:hover {
	background-image:url(../top_img/fnv_05_ho.gif);
	}
	
			
	

#go_top {
 	position:fixed !important;
	position:absolute;
	bottom: 35px;
	right: 50px;
	margin:0;
	overflow: hidden;
	}			

#go_top a {
	display: block;
	text-indent: -9999px;
	background-image:url(../top_img/go_top_s.png);
	width: 80px;
	height: 80px;
	}	
	
#go_top a:hover {
	background-image:url(../top_img/go_top_s_ho.png);
	}	

p.with_love {
	padding-top: 40px;
	padding-left:45px;
	}