html {
	box-sizing: border-box;
}

html, body {
	font-family: sans-serif;
	font-size:   14px;
	margin:      0;
	padding:     0;
	height:      100%;
	background:  #fafafa;
}

*, *:before, *:after {
	box-sizing: inherit;
}

[onClick] {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

#contents {
	width:         642px;
	margin:        0 auto;
	padding-top:   32px;
	background:    #fff;
	padding-left:  196px;
	padding-right: 196px;
	overflow:      hidden;
	border-left:   1px solid #ccc;
	border-right:  1px solid #ccc;
	box-shadow:    0px 0px 7px 1px rgba(0, 0,0 , 0.25);
	min-height:    100%;
}

a {
	color: #c83737;
	text-decoration: none;
}

@media only screen and (max-width: 700px) {
	html, body {
		background: none;
	}

	#contents {
		width: 250px;
		padding-left:  0;
		padding-right: 0;
		box-shadow: none;
		border: none;
	}
}