@charset "shift_jis";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
body{
	background:#FFF;
	font-size: 10px;
	line-height: 180%;
	color:#666666;
	font-family: "CI","Meiryo","lr oSVbN","Hiragino Kaku Gothic Pro","qMmpS Pro W3","qMmpS Pro W6",sans-serif;
	letter-spacing: 1px;
}
img{
	border:0;
}
li{
	list-style:none;
}
span.txt{
	display:none;
}
.mg20{
	margin-bottom:20px;
}
.mg40{
	margin-bottom:40px;
}

#wrapper{
}

#contents{
	width:800px;
	margin:0 auto;
}

#contents p.maintxt{
	font-size: 1.6rem;
	font-family:"qMmpS Pro W6";
	padding: 17px 20px;
	background: #da1935;
	color: #fff;
	text-align: center;
	width: 689px;
	border-radius: 2px;
	margin:15px 0px 30px 35px;
}

#contents .item .itemList {
	width:340px;
	border:solid #da1935;
	float:left;
	margin-left:35px;
}

#contents .item  ul{
	display:block;
}
#contents .item ul li.mg img.wear{
	margin-left:20px;
}

#contents .item .itemList ul li.mg{
	width:300px;
	/*height:550px;*/
	float:left;
	/*display:block;*/
	background:#FFFFFF;
	padding: 0 0 0 30px;
}

#contents .item  ul li.mg p{
	font-size:12px;
	line-height:1.4em;
	margin:0 0 0 20px;
	letter-spacing:-0.01em;
}

#contents .item .itemList a.btn {
	font-size: 1.4rem;
	display: block;
	padding: 15px 20px;
	background: #000000;
	color: #fff;
	text-decoration: none;
	text-align: center;
	width: 260px;
	margin:10px 0 20px 20px;
	border-radius: 2px;
}
#contents .item a.btn:hover {
	background: #6c6c6c;
}
a.btn2 {
	font-size: 1.4rem;
	display: block;
	padding: 15px 20px;
	background: #da1935;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin-left:150px;
	width: 450px;
	border-radius: 2px;
}
a.btn2:hover {
}

p.banner {
	text-align:center;
	margin-top:30px;
}
a img:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


p.footer{
	text-align:center;
	margin-top:30px;
}


/*============================ clearfix =============================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */

.lineclear {
	background-image:none;
}

.clearfix { min-height: 1px; }
