@charset "UTF-8";
/* 必須指定 */
#contWrap {
	margin: 0 auto;
	width: 980px;
}
@media screen and (max-width: 750px)  {
	#contWrap {
		width: 100%;
		transform: scale(1,1);
	}
}
#contWrap img{
	border:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
/*---*/



.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
#mainContainer{
    width: 975px;
    margin: 0 auto;
    padding:  20px 0 0 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#mainContainer li {
    list-style: none;
}

.btn {
    margin: 50px auto;
    width: 60%;
    text-align: center;
    border: 2px solid #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff9933+100 */
background: #ffa84c; /* Old browsers */
background: -moz-linear-gradient(top, #ffa84c 0%, #ff9933 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffa84c 0%,#ff9933 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffa84c 0%,#ff9933 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff9933',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    /* box-shadow */
box-shadow:0px 0px 5px 0px #cccccc;
-moz-box-shadow:0px 0px 5px 0px #cccccc;
-webkit-box-shadow:0px 0px 5px 0px #cccccc;
}
.btn a {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}
.btn a:hover {
    text-decoration: none;
}

.sheetWrap {
    margin:  20px 0;
}
.patternWrap {
    margin: 0 0 20px 0;
}
.sheetWrap h2,
.patternWrap h2,
.brandWrap h2 {
    margin:  0 0 10px 0;
    padding: 8px 0;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #ecad3c;
}
.sheetWrap h2 span,
.patternWrap h2 span,
.brandWrap h2 span {
    color: #ecad3c;
}
.sheetWrap p {
    font-size: 16px;
    line-height: 28px;
}
#mainContainer .sheetWrap p img{
    margin: 0 10px 0 0;
    display: block;
    float: left;
}

.patternWrap ul {
    margin: 0;
    padding: 0;
}
.patternWrap li {
    width: 129px;
    float: left;
    margin: 0 10px 14px 0;
    text-align: center;
}
.patternWrap li img {
    width: 100%;
    margin:  0 0 4px 0;
}
.patternWrap li a {
    font-size: 12px;
    color: #444;
}
.patternWrap li a:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.brandWrap div {
    margin:  0 auto 30px auto;
    width: 96%;
}
.brandWrap h3 {
    margin:  0 0 10px 0;
    font-size: 18px;
    border-bottom: 1px solid #444;
    font-weight: bold;
}
.brandWrap div p {
    margin: 0 0 10px 0; 
    font-size: 16px;
    image-orientation: 28px;
}
.brandWrap div img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}