# スタイルシート for cashbacker
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
html, body, input, textarea, div, p, td, th { line-height:140%; }
th { font-size:80%; }

/*--------------------------------------------------------
Text color, size
--------------------------------------------------------*/
body  { color:#000000; }
table { color:#000000; }

/* Title */
h1 { font-size: 200%; text-align:center; margin: 20px auto 0px; line-height: 120%; }
h2 { font-size: 160%; text-align:center; margin: 20px auto 0px; line-height: 120%; }
h3 { font-size: 140%; text-align:center; margin: 20px auto 0px; line-height: 120%; }
h4 { font-size: 110%; text-align:center; margin: 20px auto 0px; line-height: 120%; color:red; }
h5 { font-size: 100%; text-align:center; margin: 20px auto 0px; line-height: 120%; color:red; }

/* Text */
div { }
div.s { font-size: 90%; margin:5px; text-align:center; }

/* link */
a:link    { color: #000050; text-decoration: none; }
a:visited { color: #000050; text-decoration: none; }
a:hover   { color: #808080; text-decoration: underline; }


/*--------------------------------------------------------
block
--------------------------------------------------------*/

body {
		background-color: #FFFFFF;
		margin:0px;
		padding:0px;
}

.container {
		width:940px;
		background-color: #F0F0F0;
		margin:auto;
		padding:auto;
}

.header {
		background-color: #FFFFFF;
		margin: 0px;
		padding: 0px;
		border: 0px solid #909090;
		text-align:center; 
}

.footer {
		background-color: #FFFFFF;
		margin: 0px;
		padding: 0px;
}

.block {
		background-color:#FFFFFF;
		border: 1px solid #909090;
		margin:  5px 5px 15px 5px;
		padding: 5px 20px 15px 20px;
		text-align:left;
}

.box {
		background-color:#FFFFFF;
		margin:  5px 5px 15px 5px;
		padding: 5px 20px 15px 20px;
		text-align:left;
}

form{ margin:0px; }
.menu{ width:120px; font-size:100%; padding:3px; margin:3px; }

th { padding:5px; text-align:center; background-color:#FFFFc0; }
td { padding:5px; }

/************************************************************************************
smaller than 480 for smart-phone
*************************************************************************************/
@media screen and (max-width: 920px) {

body		{ }
.container	{ width:100%; text-align:left;   margin:0px auto; padding:0px; }
}


/************************************************************************************
smaller than 480 for smart-phone
*************************************************************************************/
@media screen and (max-width: 600px) {

body		{ }
.container	{ width:100%; text-align:left;   margin:0px auto; padding:0px; }

.block {
		margin:  5px 0px 15px;
		padding: 5px 0px 15px;
}

.box {
		margin:  5px 0px 15px;
		padding: 5px 0px 15px;
}

}