html, body {height: 100%;}  /*高さ100%に指定*/
body{
color:#333333;
font-size:80%;
background:#000;
line-height:1.6;
	margin: 0;
	padding: 0;
	position: relative;
	min-width: 1024px;  /*中央配置するボックスの横幅*/
	min-height: 600px;  /*中央配置するボックス縦幅*/
}

a {
color:#6699cc;
}

a:hover {
color:#ffcc00;
}

#wrapper{
margin:0 auto;
padding:0px;
width:100%;
background:#ddd;
position: absolute;
}
.wrap_head {
margin:0;
padding:0;
height:50px;
width:200px;
position: absolute;
top:5px;
right:30px;
}
#head{
margin:0 auto;
padding:5px 0 3px 0;
width:100%;
background:#003;/*#f29da6;*/
position: relative;
}

#mainwrap{
margin:0;
padding:0;
width:100%;
background:url(https://www.cospa.com/itemya/img/bg-block2.jpg) 50% -20px repeat-y,url(https://www.cospa.com/itemya/img/bg.jpg);
background-size:auto,cover;
position: relative;
}
#maincont{
width:1024px;
left:50%;
margin-left:-512px;
padding-bottom:50px;
position: relative;
}
#topimg{
margin:0px;
margin-left:10px;
padding:35px 10px 10px 10px;
width:600px;
height:600px;
position: relative;
}
#waku-img01{
margin:0px;
padding:0;
width:600px;
height:600px;
position: absolute;
top:25px;
left:0px;
background:url(https://www.cospa.com/itemya/img/waku-img01.png) no-repeat;
}
#logo{
margin:0px;
padding:0;
width:358px;
position: absolute;
top:0px;
right:20px;
}
#about{
color:#fff;
margin:0px;
padding:0;
width:378px;
height:140px;
position: absolute;
top:195px;
right:10px;
background:#000;
overflow:auto;
background:url(https://www.cospa.com/itemya/img/waku-about.png) no-repeat;
}
#about h2{
padding:20px 25px 4px 25px;
font-size:140%;
}
#about p{
padding:4px 25px 2px 25px;
}
#news{
color:#fff;
margin:0px;
padding:0;
width:378px;
height:250px;
position: absolute;
top:365px;
right:10px;
background:#000;
background:url(https://www.cospa.com/itemya/img/waku-news.png) no-repeat;
}
#news h2{
padding:20px 25px 4px 25px;
font-size:140%;
}
#news p{
padding:4px 25px 2px 25px;
}

#mainlogo{
margin:0;
padding:0;
position: absolute;
top:45px;
left:450px;
}

#maintitle{
margin:0px auto;
padding:15px 15px 0 15px;
position: relative;
}
.logo{
margin:0;
padding:7px 10px 3px 15px;
float:left;
}
h1 {
     font-size: 100%;
}

#page-top {
     position:absolute;
     left:20px;
     bottom: 20px;
}

.highlight a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}


.title{
margin:0 auto 0px auto;
padding:10px;
background-color:#000;
-moz-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
}

.itemimg{
background:url(https://www.cospa.com/itemya/img/waku-item01.png) no-repeat;
position:relative;
float:left;
padding:0;
margin:0;
border-right:1px #000 dotted;
border-bottom:1px #000 dotted;
}

.itemimg:nth-child(5n) {border-right:none;}

.itemimg img{
margin:25px;
}

.itemimg a {
border: none; overflow: hidden; float: left;
position:relative;
}

.itemimg a:hover {
-webkit-box-shadow: inset 0px 0px 20px 0 #777; /* Safari, Chrome用 */
-moz-box-shadow: inset 0px 0px 20px 0 #777; /* Firefox用 */
box-shadow: inset 0px 0px 20px 0 #777; /* CSS3 */
}

.itemimg img.soldout {
	position: absolute;
	top:0px;
	left:0px;
}

.itemname {
	position: absolute;
	text-align:center;
	color:#fff;
	width:100%;
	height: 0px;
	left: 0;
	bottom:0;
	padding:0 0.5em;
	z-index: 2;
	overflow: hidden;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
}

.itemname em{
font-size:80%;
}

.itemimg:hover .itemname {
	height: auto;
	padding:0.5em;
}

.tgs-senko {
margin:0;
padding:0;
position: absolute;
top:-10px;
left:-10px;
}

#footer{
padding:10px;
text-align:center;
color:#fff;
background:#003;
font-size:80%;
position:relative;
 }

#flink{
position:absolute;
top:10px;
left:10px;
 }