@import url(http://www.maround.com/css/base.css);
@import url(http://www.minotaur.co.jp/css/brand.css);

/* Site Page Styles CSS (styles-site.css) */

#container h2{
  color:#000;
  font-size:25px;
  font-family:Helvetica;
  font-weight:bold;
  text-align:left;
  line-height:25px;
  letter-spacing:1px;
  padding-bottom:20px;
  }

#container h3{
  color:#333;
  font-size:15px;
  font-weight:bold;
  text-align:left;
  padding:10px 0;
  }

#container .detail{
  font-size:12px;
  line-height:180%;
  padding:10px 0 15px;
  clear:both;
  }

#container .detail p{
  font-size:12px;
  line-height:180%;
  padding-bottom:10px;
  }

#container .box{
  width:450px;
  margin:10px 0 15px;
  padding:10px;
  border:1px solid #ccc;
  }


.powered{
  font-size:9px;
  text-align:right;
  padding:10px;
  clear:both;
  }

.powered, .powered a{color:#efefef;text-decoration:none;}




/** BOX **/

#minotaurConcept, #mugConcept, #mbsConcept{
  width:900px;
  height:500px;
  text-indent:-100000px;
  overflow:hidden;
  }

#minotaurConcept{background:url(http://www.maround.com/imgs/minotaur-concept.jpg) no-repeat center center;}
#mugConcept{background:url(http://www.maround.com/imgs/mug-concept.jpg) no-repeat center center;}
#mbsConcept{background:url(http://www.maround.com/imgs/mbs-concept.jpg) no-repeat center center;}
  


/** MINOTAUR **/

#bird{
  width:800px;
  height:500px;
  text-indent:-100000px;
  text-align:left;
  background:url(http://www.maround.com/imgs/minotaur_2010aw.jpg) no-repeat 0 0;
  overflow:hidden;
  }

#bird a{
  display:block;
  width:800px;
  height:500px;
  }

#fable{
  width:200px;
  height:25px;
  text-align:left;
  padding:340px 525px 135px 175px;
  background:url(http://www.maround.com/imgs/fable_2010ss.jpg) no-repeat 0 0;
  overflow:hidden;
  }

#fable .styling, #fable .product, #fable a{
  width:95px;
  height:25px;
  }

#fable .styling, #fable .product{
  float:left;
  text-indent:-100000px;
  overflow:hidden;
  }

#fable .styling{padding-right:10px;}
#fable a{display:block;}
  

#stylebook{
  width:452px;
  height:542px;
  text-align:left;
  margin:0;
  padding:10px 248px 20px;
  overflow:hidden;
  }

#stylebook .stylebook{
  width:450px;
  height:540px;
  text-align:left;
  margin:0;
  padding:0;
  border:1px solid #ccc;
  overflow:hidden;
  }

#stylebook .imageElement{
  width:450px;
  height:540px;
  margin:0;
  padding:0;
  }


/** MUG **/

#mug, #mug a{
  width:800px;
  height:500px;
  }

#mug{
  text-align:left;
  text-indent:-100000px;
  background:url(http://www.maround.com/imgs/mug_2010aw.jpg) no-repeat 0 0;
  overflow:hidden;
  }


//#mug{
  width:95px;
  height:25px;
  text-align:left;
  padding:345px 543px 130px 262px;
  background:url(http://www.maround.com/imgs/mug_2010aw.jpg) no-repeat 0 0;
  overflow:hidden;
  }

#mug .product, #mug .product a{
  width:95px;
  height:25px;
  text-indent:-100000px;
  overflow:hidden;
  }

#mug a{display:block;}
  


/** MBS **/

#mbsBox{
  width:720px;
  height:480px;
  text-align:left;
  margin:0;
  padding:10px 115px 20px;
  clear:both;
  }

#mbsBox .imageElement{
  float:none;
  width:720px;
  height:480px;
  margin:0;
  padding:0;
  clear:both;
  overflow:hidden;
  }


/** DEALER **/

#dealer{
  text-align:left;
  padding:25px 30px 10px 30px;
  }

#dealer h3 {
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-top: 50px;
	background-image: url(http://www.maround.com/imgs/dealer_h2_bg.gif);
background-position: 0 0;
padding:5px;
margin-bottom:10px;
clear:both;
}

#dealer .name {
	margin-top: 5px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
clear:both;
}
#dealer .dotline {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#dealer .dealer {
line-height:150%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
	display: block;
padding-top:10px;
padding-bottom:10px;
	padding-left: 20px;
}
#dealer h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

#dealer .icon{
  float:left;
  margin-right:5px;
  padding-bottom:5px;
  }

#dealer p{
  clear:both;
  }

#dealer ul{
  height:30px;
  padding-bottom:10px;
  }

#dealer li{
  list-style:none;
  float:left;
  line-height:25px;
  margin-right:10px;
  }




/** MEMBER **/

#member{
  text-align:left;
  padding:25px 30px 10px 30px;
  }


#member table{
  width:650px;
  margin:10px 0 20px;
  background:#ccc;
  }

#member th, #member td{
  text-align:left;
  line-height:150%;
  text-align:left;
  vertical-align:top;
  padding:10px;
  background:#fff;
  }

#member th{
  width:200px;
  font-weight:bold;
  }

#member td p{
  padding:5px 0 0;
  }

#member .btn{
  text-align:center;
  }




/** BLOG **/

#blog{
  text-align:left;
  padding:25px 30px 10px 30px;
  }

#blog .blogBox div{
  font-family:Helvetica;
  line-height:160%;
  padding-bottom:10px;
  }

#blog a:hover img{
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
  }