html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}

div, td, input, textarea, select, a, p, label, button {
	font-size: 13px;
	font-family: "Arial";
	color: #000;
}

form {
	margin: 0;
	padding: 0; 
}

img {
	border: none;
}

ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

input::-webkit-input-placeholder { color: #aaa; }
input::-moz-placeholder { color: #aaa; } /* firefox 19+ */
input:-ms-input-placeholder { color: #aaa; } /* ie */
input:-moz-placeholder { color: #aaa; }

textarea::-webkit-input-placeholder { color: #aaa; }
textarea::-moz-placeholder { color: #aaa; } /* firefox 19+ */
textarea:-ms-input-placeholder { color: #aaa; } /* ie */
textarea:-moz-placeholder { color: #aaa; }

a {
	color: #2B57B4; 
	text-decoration: underline;
	cursor: pointer;
}

.s0 { font-size: 11px; }
.s1 { font-size: 14px; }
.s2 { font-size: 16px; }
.s3 { font-size: 18px; }
.s4 { font-size: 20px; }
.s5 { font-size: 24px; }
.s6 { font-size: 28px; }
.s7 { font-size: 32px; }
.c0 { color: #000000; }
.c1 { color: #2B57B4; }
.c2 { color: #720B1E; }
.c3 { color: #D52B27; }
.c4 { color: #F6F312; }
.c5 { color: #1F6648; }
.c6 { color: #752B4A; }
.gray { color: #888888; }
.white { color: #FFFFFF; }
.yellow { color: #FFFF00; }
.b { font-weight: bold; }
.u { text-decoration: underline; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.ico { background: #777; color: #fff; border-radius: 5px; padding: 1px 4px 3px 4px; font-size: 11px; }
.link { color:#2B57B4; text-decoration: underline; cursor: pointer; }

input.r1 {
	font-size:24px;
	width:24px;
	height:24px;
}

input.r2 {
	font-size:20px;
	width:20px;
	height:20px;
}

input.r3 {
	font-size:16px;
	width:16px;
	height:16px;
}

input.t1 {
	height: 36px;
	padding: 0 5px;
	border: 1px solid #684D2F;
	font-size: 17px;
}

input.search {
	height: 38px;
	padding: 0 8px;
	border: 1px solid #684D2F;
	font-size: 20px;
	font-weight: bold;
}

textarea.t1 {
	padding: 5px;
	border: 1px solid #684D2F;
	font-size: 17px;
}

a.submit {
	font-size: 32px;
	font-weight: bold;
	color: #2B57B4;
	text-decoration: underline;
}

a.submit_disable {
	font-size: 24px;
	font-weight: bold;
	color: #aaa;
	text-decoration: none;
	cursor: auto;
}

#header {
	width: 1160px;
	margin: 0 auto;
}

#footer {
	width: 1160px;
	margin: 0 auto;
	padding: 60px 0 80px 0;
}

#main {
	width: 1160px;
	margin: 0 auto;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

#main .title {
	text-align: center;
}

#main .title h1 {
	font-size: 32px;
	font-weight: bold;
	color: #000;
}

#main .title h2 {
	font-size: 28px;
	font-weight: bold;
	color: #000;
}

#main .title h3 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

#main .box {
	width: 480px;
	margin: 0 auto;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

#main .list_small {
	float: left;
	width: 220px;
	height: 132px;
	border: 1px solid #000;
	margin: 0 2px 5px 3px;
	padding: 2px;
}

#main .list_box {
	border: 1px solid #000;
	padding: 5px;
	background: #FFFFFF;
}

#main .list_layer {
	color: #F6F312;
	font-weight: bold;
	font-size: 26px;
}

#main .list_title {
	width: 860px;
	background: #546B0C;
	padding: 14px 20px;
}

#main .list_title2 {
	width: 860px;
	background: #6D8B14;
	padding: 14px 20px;
}

#main .list_titles {
	background: #C48396;
	padding: 4px 8px;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	
	display: inline-block;
	width: 434px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
	white-space: normal;
	line-height: 1.2;
	max-height: 2.4em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

#main .list_titles2 {
	background: #7496C4;
	padding: 4px 8px;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	
	display: inline-block;
	width: 434px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
	white-space: normal;
	line-height: 1.2;
	max-height: 2.4em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

#main .list_title_mine {
	background: #7496C4;
	padding: 4px 8px;
	font-size: 25px;
	font-weight: bold;
	color: #fff;

	display: inline-block;
	width: 434px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#main .list_titles_mine {
	background: #769511;
	padding: 4px 8px;
	font-size: 25px;
	font-weight: bold;
	color: #fff;

	display: inline-block;
	width: 434px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
	white-space: normal;
	line-height: 1.2;
	max-height: 2.4em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

#main .list_titles2_mine {
	background: #769511;
	padding: 4px 8px;
	font-size: 25px;
	font-weight: bold;
	color: #fff;

	display: inline-block;
	width: 434px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
	white-space: normal;
	line-height: 1.2;
	max-height: 2.4em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

#main .view_title {
	background: #9F896B;
	padding: 4px 8px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#main .view_title_mine {
	background: #729409;
	padding: 4px 8px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#main .view_step_box {
	border: 1px solid #000;
	padding: 5px;
	background: #FCFAEE;
}

#main .step_num {
	background: #000;
	text-align: center;
	padding: 0 10px;
	font-family: "Tahoma";
	font-size: 38px;
	font-weight: bold;
	color: #FEF200;
}

#main .view_step_num {
	position:absolute;
	margin: 2px;
	background: #000;
	min-width: 40px;
	text-align: center;
	padding: 0 4px;
	font-family: "Tahoma";
	font-size: 38px;
	font-weight: bold;
	color: #FEF200;
	z-index: 3;
}

#photo .list_thumb {
	width: 144px;
	height: 96px;
	border: 1px solid #729110;
	padding: 1px;
}

#photo .list_used {
	position:absolute;
	margin: 1px;
	padding: 2px 4px;
	background: #aaa;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

#cooking_step .list_box {
	border: 1px solid #000;
	padding: 5px;
}

#cooking_step .list_thumb {
	width: 450px;
	height: 270px;
	background: #DCE6F4;
}

#cooking_step .list_location {
	position:absolute;
	width:450px;
	margin:120px 0 0 0;
	font-size:20px;
	font-weight:bold;
	color:#999;
	text-align:center;
	z-index: 2;
}

#cooking_step .list_num {
	position:absolute;
	margin: 2px;
	background: #000;
	min-width: 40px;
	text-align: center;
	padding: 2px 4px;
	font-family: "Tahoma";
	font-size: 38px;
	font-weight: bold;
	color: #FEF200;
	z-index: 3;
}

#report .photo {
	width: 144px;
	height: 96px;
	border: 1px solid #729110;
	padding: 1px;
}

#report .view {
	width: 450px;
	border: 1px solid #729110;
	padding: 4px;
}

#report .view img {
	max-width: 450px;
}

/* Navi */
.navi li {
	float: left;
}

.navi a {
	text-decoration: none;
}

.navi li div {
	font-size: 12px;
	font-weight: bold;
}

.navi .first {
	margin: 4px 6px 0 6px;
	font-size: 30px;
	font-weight: bold;
	color: #546B0C;
	text-decoration: underline;
}

.navi .prev {
	margin: 4px 6px 0 6px;
	font-size: 30px;
	font-weight: bold;
	color: #546B0C;
	text-decoration: underline;
}

.navi .num1 {
	margin: 0 4px;
	background: #546B0C;
	min-width: 40px;
	text-align: center;
	border: 1px solid #546B0C;
	padding: 2px 4px;
	font-size: 38px;
	font-weight: bold;
	color: #fff;
}

.navi .num2 {
	margin: 0 4px;
	background: #fff;
	min-width: 40px;
	text-align: center;
	border: 1px solid #546B0C;
	padding: 2px 4px;
	font-size: 38px;
	font-weight: bold;
	color: #546B0C;
}

.navi .next {
	margin: 4px 6px 0 6px;
	font-size: 30px;
	font-weight: bold;
	color: #546B0C;
	text-decoration: underline;
}

.navi .last {
	margin: 4px 6px 0 6px;
	font-size: 30px;
	font-weight: bold;
	color: #546B0C;
	text-decoration: underline;
}

.required {
	background:#F41A24; 
	color:#fff;
}

input.required::-webkit-input-placeholder { color: #fff; }
input.required::-moz-placeholder { color: #fff; } /* firefox 19+ */
input.required:-ms-input-placeholder { color: #fff; } /* ie */
input.required:-moz-placeholder { color: #fff; }

textarea.required::-webkit-input-placeholder { color: #fff; }
textarea.required::-moz-placeholder { color: #fff; } /* firefox 19+ */
textarea.required:-ms-input-placeholder { color: #fff; } /* ie */
textarea.required:-moz-placeholder { color: #fff; }