@charset "utf-8";

/*=======================================
	wrapper
=======================================*/

#wrapper{
	position:relative;
}

/*=======================================
	header
=======================================*/
	
header{
	padding:30px 30px 0 30px;
	position:absolute;
	box-sizing:border-box;
	left:0;
	top:0;
	background:rgba(000,000,000,.7);
	z-index:9999;
}

header h1{
	margin-bottom:30px;
}

header h2{
	margin-bottom:10px;
}

/*-------------------------
	aside
-----------------------*/

header aside{
	text-align:center;
}

header aside h1{
	margin-bottom:10px;
}

/*=======================================
	nav
=======================================*/

nav ul{
	margin-left:-30px;
	margin-right:-30px;
}

nav li a{
	padding:12px 30px;
}

/*--------------------
	sabMenu
--------------------*/

#sabMenu{
	left:230px;
}

/*=======================================
	content
=======================================*/

#content{
	width:100%;
	overflow:hidden;
	margin-bottom:120px;
}

#content h3{
	padding:14px 20px;
	font-size:20px;
	margin-bottom:15px;
	border:solid 1px #333333;
	border-radius:5px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_02.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #111), color-stop(0.00, #666));
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_02.png) repeat, -webkit-linear-gradient(#666, #111);
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_02.png) repeat, -moz-linear-gradient(#666, #111);
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_02.png) repeat, -o-linear-gradient(#666, #111);
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_02.png) repeat, -ms-linear-gradient(#666, #111);
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_02.png) repeat, linear-gradient(#666, #111);
}

#inner{
	overflow:hidden;
	min-width:800px;
	padding:0 80px 0 280px;
}

#content h2{
	font-size:40px;
	margin-bottom:30px;
}

#content li{
	padding:25px 0;
	border-bottom:dotted 1px #333;
}

#content li a{
	color:#FFFFFF;
}

#content li a:hover{
	color:#FFFF00;
}

#content li span{
	position:relative;
	top:-2px;
	font-size:12px;
	padding:4px 10px;
	background:#999;
	margin-right:10px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
}

#content li span.dayIcon{
	background: #f85032; 
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
}

#content li span.k_shopIcon{
	background: #6db3f2;
	background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de));
	background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
}

#content li span.s_shopIcon{
	background: #ff9635;
	background: -moz-linear-gradient(top,  #ff9635 0%, #ff8c0a 50%, #ff7c00 51%, #ff7f04 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9635), color-stop(50%,#ff8c0a), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04));
	background: -webkit-linear-gradient(top,  #ff9635 0%,#ff8c0a 50%,#ff7c00 51%,#ff7f04 100%);
	background: -o-linear-gradient(top,  #ff9635 0%,#ff8c0a 50%,#ff7c00 51%,#ff7f04 100%);
	background: -ms-linear-gradient(top,  #ff9635 0%,#ff8c0a 50%,#ff7c00 51%,#ff7f04 100%);
	background: linear-gradient(to bottom,  #ff9635 0%,#ff8c0a 50%,#ff7c00 51%,#ff7f04 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9635', endColorstr='#ff7f04',GradientType=0 );
}