/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
/* ------ Contents ------ */

#contents {
	width: 930px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
	*zoom: 1;
}

#main-title {
	width: 100%;
	padding: 10px 0 20px;
	font-size: 120%;
	line-height:1.2em;
	color: #fff;
	-webkit-text-shadow: 0px 1px 0px #000;
	text-shadow: 0px 1px 0px #000;
}

#left-column {
	float: left;
	width: 920px;
	padding-bottom: 20px;
	overflow: hidden;
	*zoom: 1;
}

.column2 article {
	float: right;
	width: 620px;
	margin-bottom: 0;
}

article section {
	padding: 0 0 30px;
	border-top: solid 1px #333;
}

article section:first-child {
	border-top: none;
}

article section h2 {
	padding: 10px 0 20px;
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
	color: #fff;
	-webkit-text-shadow: 0px 1px 0px #333;
	text-shadow: 0px 1px 0px #333;
	border-top: solid 1px #333;
}

#contents-title {
	padding: 10px 0 20px;
	font-size: 130%;
	font-weight: bold;
	line-height: 140%;
	color: #000;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
	border-top: none;
}

article section p {
	font-size: 90%;
	line-height: 160%;
	color:#ccc;
}

article section ul {
	font-size: 90%;
	line-height: 160%;
	color:#ccc;
}

section .third {
	margin-right: 0;
}

.box {
	padding: 5px;
}

.box ul{margin:0;width:100%;}

.titlelogo{
	margin-bottom: 10px;
}

.titlemeta {
	font-size: 75%;
	margin-left:5px;
}

article .box h2 {
	padding: 20px 0 10px;
	border-top: none;
}

article .box p {
	font-size: 83%;
}

#pics{ 
	padding-top:10px;
}
#pics ul li {
	float: left;
	margin: 0 0 4px 4px;
	max-width:600px;
	padding:1px;
	background-color:#333;
}

#pics img {
	width:100%;
	*width:auto;
	*max-width:none;
}

.copy {
	clear:both;
	font-size: 70%;
	line-height:120%;
	text-align:right;
}

.titlist {
	margin:30px;
}

.titlist li {
	list-style-type: square;
}

.copyleft {
	clear:both;
	font-size: 70%;
	line-height:120%;
	text-align:left;
}

/* ------ Title Spec ------ */

#spec {
	float: left;
	width: 280px;
	margin-right: 20px;
	top: 0;
	left: 0;
	color:#ccc;
}

.titlelogo{
	margin:10px;
}

/* ------ Table ------ */

.table {
	display: table;
	border-bottom: solid 1px #333;
	border-right: solid 1px #333;
	*border-left: solid 1px #333;
	margin-left:3px;
}

.table .tbody {
	display: table-row-group;
}

.table dl {
	display: table-row;
	font-size: 76%;
	line-height: 160%;
	border-top: solid 1px #333;
	overflow: hidden;
	*zoom: 1;
}

.table dl dt,
.table dl dd {
	display: table-cell;
	*display: inline;
	padding: 5px 8px;
	border-top: solid 1px #333;
	border-left: solid 1px #333;
	*border-top: none;
	*border-left: none;
	vertical-align: middle;
	*zoom: 1;
}

.table .col1 {
	width: 25%;
	min-width:4em;
	background-color: #000;
}
.table .col2 {
	*width: 59%;
}

.btn {
	width: 90%;
	margin: 15px auto 15px;
}

.btn a {
	width: 100%;
}

/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {

	#contents {
		width: 100%;
	}

	#main-title {
		width: 95%;
		margin: 0 auto;
	}

	#left-column {
		float: none;
		width: 95%;
		margin: 0 auto;
	}

	#spec {
		width: 35%;
		margin: 0;
	}

	.column2 article {
		width: 60%;
	}

}



/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {

	#main-title {
		padding: 20px 0 20px;
	}

	.column2 article {
		float: none;
		width: 100%;
	}

	#spec {
		float: none;
		width: 100%;
	}

	#spec ul{
		float: left;
		width: 40%;
	}

	#spec .table{
		float: right;
		width: 55%;
		margin:10px 0 10px;
	}

	#spec .btn,.btn a{
		clear: both;
		width: 280px;
	}

}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {

	#main-title {
		padding: 10px 0 10px;
		font-size: 130%;
	}

	#contents-title {
		font-size: 110%;
	}

	#spec ul,#spec .table{
		float: none;
		width: 100%;
	}

	.titlelogo{
		text-align:center;
	}

	#pics ul li {
		margin: 0 0 10px 10px;
	}

	.copy {
		text-align:left;
	}
}