@charset "utf-8";

/*=======================================
	header
=======================================*/

header h1{
	position:absolute;
	left:200px;
	top:30px;
	opacity:0;
	font-size:20px;
	z-index:1;
	color:#fff;
}

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

#content{
	overflow:hidden;
	width:980px;
	margin-bottom:20px;
	margin:0 auto 30px auto;
}

/*=======================================
	left
=======================================*/

#left{
	width:180px;
	float:left;
}

p#logo{
	margin-bottom:30px;
}


nav li a{
	padding:12px 10px;
	display:block;
}

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

#sabMenu{
	left:180px;
}

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

aside h1{
	margin-bottom:10px;
}

/*=======================================
	right
=======================================*/

#right{
	float:right;
	width:710px;
}

section h1{
	margin-bottom:20px;
}

section h2{
	letter-spacing:0.1em;
	padding:15px;
	margin-bottom:15px;
	border:solid 2px #666666;
	border-radius:10px;
	-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_06.png) repeat, 
	-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #4b4b4b), color-stop(1.00, #131313));
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_06.png) repeat, -webkit-linear-gradient(#4b4b4b, #131313);
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_06.png) repeat, -moz-linear-gradient(#4b4b4b, #131313);
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_06.png) repeat, -o-linear-gradient(#4b4b4b, #131313);
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_06.png) repeat, -ms-linear-gradient(#4b4b4b, #131313);
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_06.png) repeat, linear-gradient(#4b4b4b, #131313);
}

section h3{
	padding:5px 0 10px 10px;
	margin-bottom:15px;
	border-bottom:solid 1px #666;
	border-left:solid 5px #666;
}

/*-----------------------
	list
-----------------------*/

.list{
	font-size:14px;
	text-align:left;
	line-height:2;
	font-weight:bold;
	width:100%;
	border-radius: 6px;
	border:solid 1px #CCC;
}

.list th,
.list td {
    padding:12px;
    background:#fff;
    border-top:solid 1px #CCC;
}

.list th+th,
.list td+td{
	border-left:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}

.list th{
	width:150px;
	color:#FFF;
	text-align:left;
	border-top:none;
	background:#666666;
	border-top:solid 1px #CCC;
}

.list td{
	color:#333;
	text-align:left;
	border-top:none;
	background:#FFF;
	border-top:solid 1px #CCC;
}

/*-----------------------
	eventlist
-----------------------*/

.eventlist{
	font-size:16px;
	text-align:left;
	line-height:2;
	font-weight:bold;
	width:100%;
}

.eventlist th,
.eventlist td {
    padding:15px;
    background:#fff;
    border-top:solid 1px #603f03;
}

.eventlist th+th,
.eventlist td+td{
	border-bottom:solid 1px #603f03;
}

.eventlist th{
	width:110px;
	letter-spacing:0.2em;
	text-align:center;
	color:#FFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5a3a01), color-stop(0.00, #f1bd37));
	background: -webkit-linear-gradient(#f1bd37, #5a3a01);
	background: -moz-linear-gradient(#f1bd37, #5a3a01);
	background: -o-linear-gradient(#f1bd37, #5a3a01);
	background: -ms-linear-gradient(#f1bd37, #5a3a01);
	background: linear-gradient(#f1bd37, #5a3a01);
}

.eventlist td{
	font-weight:bold;
	padding-left:30px;
	color:#333;
	text-align:left;
	border-top:none;
	background:#FFF;
	border-top:solid 1px #603f03;
	background:url(../img/mark2.png) no-repeat #FFF;
	background-position:10px center;
}

.eventArea{
	padding:20px;
	border:solid 1px #5b3a0b;
	background-image:url(../img/deco_01.png),url(../img/deco_02.png),url(../img/deco_03.png),url(../img/deco_04.png);
}

/*-----------------------
	iframe
-----------------------*/

iframe{
	width:710px;
	height:450px;
	border:0;
}