@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	name : entry.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
 
 /* ********************************************************************************
 * Top
 * ******************************************************************************** */

div#entryTop,
div#ThanksTop,
div#inquiryTop,
div#mediaTop,
div#columnTop {
	width: 635px;
	height: 254px;
	background: url(../../entry/images/entry_top.jpg) no-repeat 0 0;
	position: relative;
	margin: 0 0 15px 20px;
}
div#ThanksTop {
	height: 386px;
	background: url(../../entry/images/thanks_bg.jpg) no-repeat 0 0;
	margin-bottom: 0;
}
div#inquiryTop,
div#mediaTop {
	height: 224px;
	background: url(../../inquiry/images/inquiry_top.jpg) no-repeat 0 0;
}
div#inquiryTop,
div#mediaTop {
	margin-bottom: 0;
}
div#columnTop {
	height: 218px;
	background: url(../../column/images/column_top.jpg) no-repeat 0 0;
}


 /* ********************************************************************************
 * Top ul#stepLink
 * ******************************************************************************** */

div#entryTop ul#stepLink,
div#ThanksTop ul#stepLink,
div#inquiryTop ul#stepLink,
div#mediaTop ul#stepLink,
div#columnTop ul#stepLink {
	position: absolute;
	top: 13px;
	left: 15px;
	width: 560px;
}

 /* ********************************************************************************
 * Top p
 * ******************************************************************************** */

div#entryTop p,
div#inquiryTop p,
div#mediaTop p,
div#columnTop p {
	position: absolute;
	top: 108px;
	left: 34px;
	color: #864c13;
	line-height: 1.4;
}
div#entryTop p span {
	font-size: 85%;
}
div#ThanksTop p#thanks {
	padding-top: 250px;
	color: #855c04;
	line-height: 1.4;
	text-align: center;
}
 /* ********************************************************************************
 * Top h2
 * ******************************************************************************** */

div#entryTop h2,
div#inquiryTop h2,
div#mediaTop h2,
div#columnTop h2 {
	position: absolute;
	top: 66px;
	left: 30px;
}

 /* ********************************************************************************
 * Top h3
 * ******************************************************************************** */

div#entryTop h3 {
	position: absolute;
	left: 45px;
	top: 168px;
	font-weight: bold;
	color: #855c04;
	line-height: 1.8;
}
div#entryTop h3 span {
	font-size: 167%;
	color: #FFFFFF;
}

 /* ********************************************************************************
 * bottomContents
 * ******************************************************************************** */

div#bottomContents {
	position: relative;
	margin-left: 20px;
	padding-bottom: 20px;
}
p.attention {
	width: 560px;
	border:1px solid #a80404;
	margin: 10px auto 0;
	padding:10px 20px;
	background-color:#ffffff;
	color: #a80404;
	font-weight: bold;
}
p.at,
span.at {
	color: #a80404;
	margin-bottom: 5px;
}
p.must {
	color: #864c13;
	font-size: 85%;
	margin-left: 17px;
}
p.must span {
	color: #a80404;
}
td.item {
	width: 120px;
	padding: 5px 8px 0 17px;
	font-weight: bold;
	color: #864c13;
	vertical-align: top;
}
td.item span {
	color: #a80404;
	font-weight: normal;
	font-size: 85%;
}
div#bottomContents table tr td textarea {
	width: 390px;
}
p.reviewComment,
p.reviewComment2 {
	font-size: 85%;
	color: #864c13;
	padding: 3px 0;
}
p.reviewComment2 {
	padding: 10px 0;
}
table#evaluation tr td {
	border: 2px solid #FFFFFF;
}
td.score,td.number,td.evaluation,td.koumoku,
td.number1,td.number2,td.number3,td.number4,td.number5,td.number6 {
	text-align: center;
	background-color: #fff4d7;
	font-size: 85%;
	color: #676767;
	padding: 5px;
}
td.number {
	width: 48px;
}
td.koumoku {
	background-color: #ffe8aa;
	text-align: left;
}
td.evaluation {
	text-align: left;
}
td.number1 {
	background-color: #fff4d7;
}
td.number2 {
	background-color: #ffedbd;
}
td.number3 {
	background-color: #fde6a7;
}
td.number4 {
	background-color: #fbdd8c;
}
td.number5 {
	background-color: #f8d26c;
}
td.number6 {
	background-color: #fff4d7;
	padding: 5px 10px;
}
input#btnConfirm {
	margin: 46px 0 0 195px;
	padding-bottom: 26px;
	display: block;
	width: 285px;
	height: 37px;
	border: none;
	text-indent: -9000px;
	cursor: pointer;
	background: url(../../entry/images/entry_btn_confirm.gif) left top no-repeat;
}
input#btnConfirm:hover {
	background: url(../../entry/images/entry_btn_confirm.gif) left bottom no-repeat;
}

 /* ********************************************************************************
 * bottomContents〔thanks〕
 * ******************************************************************************** */

p#btnBack {
	margin: 12px 0 0 175px;
}	
p#btnBack a {
	display: block;
	width: 285px;
	height: 37px;
	background: url(../../entry/images/thanks_btn_back.gif) left top no-repeat;
	text-indent: -5000px;
}
p#btnBack a:hover {
	background-position: left bottom;
}
 /* ********************************************************************************
 * bottomContents〔confirm〕
 * ******************************************************************************** */

p.comment {
	width: 390px;
	line-height: 1.4;
}
div#confirmBottom {
	width: 390px;
	margin: 46px 0 0 145px;
	padding-bottom: 40px;
	position: relative;
}
#btnConfirmBack {
	display: block;
	width: 179px;
	height: 37px;
	background: url(../../entry/images/confirm_btn_back.gif) left top no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -5000px;
	position: absolute;
	left: 0;
	top: 0;
}
#btnConfirmBack:hover {
	background: url(../../entry/images/confirm_btn_back.gif) left bottom no-repeat;
}
#btnConfirmPost {
	display: block;
	width: 179px;
	height: 37px;
	border: none;
	text-indent: -9000px;
	cursor: pointer;
	background: url(../../entry/images/confirm_btn_post.gif) left top no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}
#btnConfirmPost:hover {
	background: url(../../entry/images/confirm_btn_post.gif) left bottom no-repeat;
}

 /* ********************************************************************************
 * bottomContents〔inquiry〕
 * ******************************************************************************** */

td.shimei input {
	margin: 0 10px 0 5px;
	width: 100px;
}
td.mailAddress input {
	width: 200px;
	margin-right: 10px;
}
td.inquiryText textarea {
	width: 380px;
}

 /* ********************************************************************************
 * bottomContents〔media〕
 * ******************************************************************************** */

h3.mediaSort {
	font-weight: bold;
	color:#864c13;
}
table.mediaChart {
	margin: 7px 0 26px 0;
}

table.mediaChart tr td,
table.mediaChart tr th {
	border-right: solid 2px #FFFFFF;
	border-bottom: solid 2px #FFFFFF;
	padding: 7px 10px;
}
table.mediaChart tr th {
	background-color: #f8d26c;
	font-weight: bold;
	color:#864c13;
	line-height: 1.3;
	border-top: solid 2px #864c13;
}
table.mediaChart tr th.date {
	width: 100px;
}
table.mediaChart tr td {
	font-size: 85%;
	color: #656464;
}
table.mediaChart tr th.mediaRight,
table.mediaChart tr td.mediaRight {
	border-right: none;
}
table.mediaChart tr.mediaChart01 {
	background-color: #fff4d7;
}
table.mediaChart tr.mediaChart02 {
	background-color: #f4e9cd;
}

 /* ********************************************************************************
 * bottomContents〔column〕
 * ******************************************************************************** */

div.columnContents {
	/*margin-bottom: 40px;*/
}
div.columnContentsTop {
	width: 635px;
	height: 113px;
	background: url(../../column/images/column_contents_title.jpg) no-repeat 0 0;
	position: relative;
}
div.columnContentsTop h3 {
	position: absolute;
	left: 50px;
	top: 26px;
	font-weight: bold;
	color: #855c04;
	line-height: 1.8;
}
div.columnContentsTop h3 span {
	font-size: 167%;
	color: #FFFFFF;
}
div.columnContentsBottom {
	width: 635px;
	background: url(../../column/images/column_contents_bg.jpg) repeat-y 0 0;
}
div.columnContentsBottom p {
	width: 525px;
	margin-left: 50px;
	line-height: 1.6;
	padding-bottom: 30px;
}
div.columnContentsBottom p span {
	font-size: 114%;
	font-weight: bold;
}