@charset "utf-8";

#topgazo {
	max-height:220px;
	height: auto;
	margin:0 0 12px 0; padding:0;
	background: rgba(0,0,0,0);
	overflow: hidden;
}

.inbox {
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	background: rgba(255,255,255,0.6);
}

img.2nd_row {
	width:100%;
	max-width:150px;
}

.rs-arrows a{
	margin-right:10px;
}

.rs-arrows img:hover {
	opacity: 0.85; filter: alpha(opacity=85);
	background:#ff0;
}

/*** SmartPhone, Tablet and PC Screen CSS ***/


/* スマホ向け　~ 480px */
@media only screen and (max-width:480px) {

	.rs-arrows {
		padding:8px 0 10px 10px;
	}

	img.waku {
		margin-left:3%;
		margin-right:3%;
		max-width:320px;
	}
	
	th {
		font-size:70%;
	}	
	
	#2nd_row {
		clear:both;
		float:left;
		margin-top:6px;
		margin-left:8px;
		margin-bottom:8px;
	}
	
}


/* タブレット向け　481 ~ 768px */
@media only screen and (min-width:481px) {

	.inbox {
		margin:0 1%;
		padding:8px;
		background: rgba(255,255,255,0.5);
	}

	#message {
		clear:both;
		width:100%/*532px*/;
		min-height:120px; float:left;
		padding:8px;
		margin:0 8px 16px 0;
		text-align:left;
	}
	
	#2nd_row {
		clear:both;
		float:left;
		margin-top:6px;
		margin-left:8px;
	}
	
	#2nd_row_cap {
		float:left;
		margin-top:4px;
		margin-bottom:8px;
		margin-left:16px;
		max-width:580px;
	}


	.rs-arrows {
		padding:8px 0 0 10px;
	}
	
}


/* PC向け　769px ~ */
@media only screen and (min-width:769px) {

	#topgazo {
		margin-right:12px;
	}
	
	.rs-arrows {
		padding:10px;
	}

	#message {
		clear:both;
		width:764px/*532px*/;
		min-height:120px; float:left;
		padding:8px;
		margin:0 8px 16px 0;
		text-align:left;
	}
	
	#2nd_row {
		clear:both;
		float:left;
		margin-left:8px;
	}
	
	#2nd_row_cap {
		float:left;
		margin-top:8px;
		margin-left:16px;
		max-width:580px;
	}

	#message p {
		font-size:13px;
		line-height:1.7em;
	}

}