@charset "utf-8";
/* -------------------------------------------------
	-Index-
	1.Reset
	2.Element
	3.Headline
	4.Cler fix
	5.for MacIE
-------------------------------------------------- */

/* =================================================
	1.Reset
================================================= */

html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p{
	margin:0;
	padding:0;
}

/* =================================================
	2.Element
================================================= */
body{
	width:100%;
	text-align:center;
	line-height:1.4;
	font-family:Verdana, Ariel, Helvetica, sans-serif;
	font-size:82%;		/* 13px */
	word-break:break-all;
}
/* Modern browser */
html>/**/body {font-size:13px;}
a{
	text-decoration:none;
	/*\*/
	overflow:hidden;	/* for Fx */
	/**/
}
img,a img{border:none;}
ul, ol, li, dl, dt, dd{list-style:none;}
table{border:0;}
th,td{padding:0;}
th{font-weight:normal;}
input,select,textarea{padding:2px;}
textarea { font-size:100%; }
html>/**/textarea {font-size:13px;}
fieldset{border:none;}
pre{font-family:monospace;}

/* =================================================
	3.Headline
================================================= */
h1{font-size:170%;}		/* 22px */
h2{font-size:131%;}		/* 17px */
h3{font-size:116%;}		/* 15px */
h4{font-size:108%;}		/* 14px */
h5,
h6{font-size:100%;}		/* 13px */

/* =================================================
	4.Cler fix
================================================= */
.clear:after {
	content:"";
	display:block;
	overflow:hidden;
	clear:both;
	height:0;
}
/*\*/
* html .clear{
	overflow:visible;
	height:1%;
}
/**/

/* =================================================
	5.for MacIE
================================================= */
/*\*//*/
textarea, select, input {
	font-family:Osaka;
}
/**/


/* form style
-------------------------------------------------- */

input,textarea,select {
	color: #333333;
	margin: 2px 0;
	border: 1px solid #CCCCCC;
}

table {
	font-size: 108%;
	border-collapse: collapse;
}

td input {
       vertical-align: middle;
}

.table-main {
	text-align: center;
}

.table-main table {
}

.td-error {
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border: 1px solid #FF0000;
}

.table-main .table-title {
	background-color: #FFFFFF;
	color: #666666;
	font-size: 170%;
	font-weight: bold;
}

.td-title {
	padding: 10px 0px 5px;
}

.table-main .table-message {
	background-color: #FFFFFF;
	color: #666666;
	width: 100%;
	margin-top: -1.5em;
	margin-bottom: 10px;
}

.td-message {
	padding: 5px 0px 10px;
}

.table-main .table-item {
	color: #666666;
	width: 100%;
}

.td-item-title {
	background: #999999;
	color: #FFFFFF;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

.td-item-comment {
	color: #666666;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

.form-textline03 {
	width: 100%;
}

.form-upfile {
	background-color: #EEEEEE;
	width: 100%;
}

.form-textbox {
	width: 100%;
}

.table-main .table-order {
	color: #666666;
	width: 100%;
}

.td-order-message {
	color: #f15a24;
	padding: 10px 0;
	text-align: center;
}

.td-order-title {
	background-color: #999999;
	color: #FFFFFF;
	text-align: center;
	padding: 7px;
}

.td-order-comment01,
.td-order-comment02,
.td-order-comment03,
.td-order-comment04 {
	border-bottom: 1px solid #CCCCCC;
	padding: 7px;
}

.td-order-comment02 {
	text-align: center;
}

.td-order-comment03 {
	text-align: right;
}

.td-order-comment05 {
	background: #EEEEEE;
	text-align: right;
	padding: 5px 25px 5px 5px;
}

.table-main .table-submit {
	text-align: center;
	width: 100%;
}

.td-submit {
	padding: 20px 0 50px;
}

.form-button {
	background-image: url(bg/32_btn.png);
	background-color: #f1fbd6;
	background-position: left bottom;
	cursor: pointer;
	color: #330000;
	height: 30px;
	width: 150px;
	border: 1px solid #999999;
}