@charset "UTF-8";
/** ---------- include ---------- **/
@import url("reset.css");
@import url("base.css");
/** ---------- common ---------- **/
h1 {
	padding:5px 0 0 10px;
	font-size:130%;
}
h2 {
	font-size:120%;
}
h3 {
	font-weight:bold;
	font-size:110%;
	background:transparent url(../images/dot01.gif) no-repeat center left;
	padding-left:17px;
}
.button {
	margin:10px 5px;
	height:40px;
	width:100px;
}
.button_l {
	margin:10px 5px;
	height:40px;
	width:150px;
}
.button_w {
	margin:10px 5px;
	height:40px;
}
.l {
	text-align:left;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
.b {
	font-weight:bold;
}
.caution{
	font-size:85%;
	color:#FF3333;
	font-weight:bold;
}
.error {
	color:#FF3333;
	font-weight:bold;
}
.attension{
	color:#1166EE;
}
.notes {
	font-size:80%;
	color:#1166EE;
}
span.dot {
	background:transparent url(../images/dot01.gif) no-repeat center left;
	padding-left : 17px;
}
.link{
	background: url(../images/arrow.gif) no-repeat center left;
	padding-left : 17px;
}
.hide{
	display:none;
}
input[type="text"]:focus {
	outline: 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
}

	label > input[type=radio]
,	label > input[type=checkbox]
{
	margin-top: -3px;
	vertical-align: middle;
}

/** ---------- input item ---------- **/
.year{
	width:40px;
}
.month{
	width:25px;
}
.day{
	width:25px;
}
.tel_num{
	width:60px;
	ime-mode: inactive;
}
.zip_code1{
	width:40px;
	ime-mode: inactive;
}
.zip_code2{
	width:40px;
	ime-mode: inactive;
}
.other{
	width:300px;
	ime-mode: active;
}
.address{
	width:470px;
	ime-mode: active;
}
.name{
	width:470px;
	ime-mode: active;
}
.mail_address{
	width:470px;
	ime-mode: inactive;
}
.remarks{
	width:470px;
	ime-mode: active;
}
.ime_active{
	ime-mode: active;
}
.ime_inactive{
	ime-mode: inactive;
}

/** ---------- layout ---------- **/
body {
	font-size:14px;
	color:#333333;
	line-height:130%;
	background-color:#F0E5D8;
}
.container {
	margin:0 auto;
	width:980px;
}
.header {
	padding : 5px;
	text-shadow: 1px 1px 1px #FFFFFF;
}
.contents {
	padding:10px;
	border:1px solid #CECECE;
	background-color:#FFFFFF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1);
}
.bottom {
	text-align:right;
	padding:10px;
	text-shadow: 1px 1px 1px #FFFFFF;
}
.footer {
	padding:9px 0 15px 0;
	text-align:center;
	color:#666666;
	font: 80% Verdana,Arial,Helvetica,sans-serif;
	text-shadow: 1px 1px 1px #FFFFFF;
}
.title {
	font-size: 180%;
	font-weight: bold;
}
.header a {
	text-decoration:none;
	padding:0 0 0 5px;
	margin:0 0 0 10px;
}
.header a:link {
	color:#333333;
	border-left:2px solid #B4BE89;
}
.header a:visited {
	color:#333333;
	border-left:2px solid #B4BE89;
}
.header a:hover {
	background:#CADBB3;
}
.header a:active {
	background:#CADBB3;
}
.indent {
	margin: 10px 0 10px 15px;
	line-height: 150%;
}
.indent div {
	margin: 0 0 10px 15px;
}
.comment{
	margin: 10px 125px;
	line-height: 180%;
}
.comment p{
	padding :0 0 0 15px;
}

.statement{
	margin: 10px 0;
}
.statement th{
	background-color: #DAE7C9;
	padding:8px;
	border-top:1px solid #B4BE89;
	border-bottom:1px solid #B4BE89;
}
.statement td{
	padding:8px;
	border-top:1px solid #B4BE89;
	border-bottom:1px solid #B4BE89;
}
/** ---------- input form ---------- **/
.common {
	margin:20px auto;
	border:1px solid #B4BE89;
}
.common th{
	padding:8px;
	text-align: left;
	border-bottom:1px dotted #B4BE89;
}
.common td{
	padding:8px;
	border-bottom:1px dotted #B4BE89;
}
.common .category{
	font-weight:bold;
	border:1px solid #B4BE89;
	background-color: #DAE7C9;
}
.common input, select{
	margin:2px;
}

/** ---------- message ---------- **/
div .complete{
	text-align: center;
	line-height:150%;
	font-size:150%;
	margin: 30px 100px;
	color:#16e;
}

div .complete span {
	font-size:150%;
}

ul.dot li{
	background: transparent url(../images/dot01.gif) no-repeat left 5px;
	padding-left : 18px;
}

ul.decimal li{
	list-style-type:decimal;
	list-style-position: inside;
}

/** ---------- utility ---------- **/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

div.table {
	display: table;
}

div.table > div {
	display: table-cell;
}

/** ---------- エラー画面で使用 ---------- **/
.p012{
	font-size:1.4em;
	line-height:1.3;
	margin:20px 0 40px;
	padding:10px 0;
	width:100%;
	height:20px;
	text-align:center;
	color:#fff;
	background-color:#444;
	font-weight:bold;
}

table.detail{
	margin:0 auto;
	width:90%;
	border-collapse:collapse;
}

table.detail th, table.detail td{
	border:1px solid #aaa;
}

table.detail th{
	padding:5px; font-size:1.4em;
}

table.detail th.error{
	background-color:#fdd;
}

table.detail th.timeout{
	background-color:#dfd;
}

table.detail th.transition{
	background-color:#ddf;
}

table.detail td{
	padding:10px;
	font-size:1em;
}

table.detail p{
	line-height:2;
}

div.gologinbox{
	padding:50px 0 30px;
	width:100%;
	text-align:center;
	font-size:1.2em;
}