﻿@charset "UTF-8";
@import	"../css/common.css";


/*-----------------------------------------------------------------------*/
/*[ table ]*/
/*-----------------------------------------------------------------------*/
/*table*/
#mainContents div.section table {
	width: 660px;
	margin: auto auto 36px auto;
	/*border-collapse: collapse;*/
}
#mainContents div.section table th {
	width: 180px;
	white-space: nowrap;
}
#mainContents div.section table td ul.chkList {
	list-style: none;
}
#mainContents div.section table td ul li {
	margin-bottom: 6px;
}
#mainContents div.section strong.inqAccent {
	margin: 0 3px;
	padding: 3px 6px;
	background: #c00;
	font-weight: normal;
	color: #fff;
}
/*-----------------------------------------------------------------------*/
/*[ form ]*/
/*-----------------------------------------------------------------------*/
#form {
	padding-top: 30px;
}
#form input,
#form textarea{
	margin: 0 12px 0 0;
	padding: 6px 3px;
	font-size: 16px;
	line-height: 24px;
}
#form input.base,
#form input.long,
#form input.short,
#form select,
#form textarea {
	border: 1px solid #ddd;
	background: #fafafa;
}
#form input.checkbox {
	margin-right: 0;
	padding-right: 4px;
	vertical-align: middle;
}
#form input.base {
	width: 200px;
}
#form input.long {
	width: 300px;
}
#form input.short {
	margin-left: 0;
	width: 80px;
}

#form select {
	margin-bottom: 6px;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
}
#form select.itemname {
	width:230px;
}
#form textarea {
	width: 420px;
	height: 12em;
}
#form textarea.address{
	height: 3em;
}
#form input.base:focus,#form input.focused,
#form input.long:focus,#form input.focused,
#form input.short:focus,#form input.focused,
#form textarea:focus,#form textarea.focused {
	border:1px solid #cbcac1;
	background:#f8f7e9;
}
#form span.mini {
	font-size: 12px;
}

/*-----------------------------------------------------------------------*/
/*[ buttonArea ]*/
/*-----------------------------------------------------------------------*/
#buttonArea {
	width: 420px;
	margin: auto auto 30px auto;
}
#buttonArea div.button {
	width: 180px;
}
/*button*/
button.btn {
	width: 180px;
	height: 45px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
}
button.btn span {
	display: block;
	padding: 8px 20px;
	font-size: 16px;
}
button.send-btn {
	color: #fff;

	background: #db4b4b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YTFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #db4b4b 0%, #9a1c1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db4b4b), color-stop(100%,#9a1c1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #db4b4b 0%,#9a1c1c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #db4b4b 0%,#9a1c1c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #db4b4b 0%,#9a1c1c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #db4b4b 0%,#9a1c1c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db4b4b', endColorstr='#9a1c1c',GradientType=0 ); /* IE6-8 */

	border: 1px solid #891212;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}
button.gray-btn {
	color: #333;

	background: #8e8e8e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZThlOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #8e8e8e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#8e8e8e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#8e8e8e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#8e8e8e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#8e8e8e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#8e8e8e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-8 */

	border: 1px solid #757575;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(150,150,150,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}
button.send-btn:hover {
	background: #e0a4a4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwYTRhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYjRiNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #e0a4a4 0%, #db4b4b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0a4a4), color-stop(100%,#db4b4b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e0a4a4 0%,#db4b4b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e0a4a4 0%,#db4b4b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e0a4a4 0%,#db4b4b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e0a4a4 0%,#db4b4b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0a4a4', endColorstr='#db4b4b',GradientType=0 ); /* IE6-8 */
}
button.gray-btn:hover {
	background: #b7b7b7; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2I3YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #b7b7b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b7b7b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#b7b7b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#b7b7b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#b7b7b7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#b7b7b7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-8 */
}



.error {
	color:#ff0000;
	font-weight:bold;
	margin-bottom:6px;
}
.input_kanji {
	ime-mode: active;
}
.input_ank {
	ime-mode: inactive;
}
.input_ankonly {
	ime-mode: disabled;
}
p.finish em {
	color:#cc0000;
	font-style:normal;
	font-weight:bold;
}
