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

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

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: 90%;
	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;
}

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

img {
	border:0;
}

div.flickpic{
	margin-bottom:20px;
}

.imglink{
	display:none;
}

.small{
	line-height:1.2em;
}

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

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

	#main {
		width: 100%;
	}

}



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

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

	.box{
		padding:10px;
	}

	div.flickpic{
	max-height: 320px;
	overflow-x: scroll;
	overflow-y: hidden;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	box-shadow: 0px 0px 4px 0px #111 inset;
	border: solid #222;
	border-width: 1px 0px;
	}

	div.flickpic img{
	max-width:none!important;
	display: block;
	border: 1px solid #333;
	box-shadow: 2px 2px 4px 1px #222;
	}

	div.flickpic.xy{
	overflow: scroll;
	}

}


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

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

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

	.imglink{
		display:inline;
		float:right;
	}

}