@charset "utf-8";


/* table */
#content table {
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
	margin-bottom: 1em;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#alpha table {
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
	margin-bottom: 1em;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#content table th {
	padding: 6px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
	background-color: #ddd;
}

#content table td {
	padding: 6px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	vertical-align: top;
}

#content table td ul {
	margin-bottom: 0;
}

#content table td img {
	margin: 0.5em 0;
}


/* form */
#content form.inline {
	display: inline;
}

#content form .wide {
	width: 400px;
}

#content form .middle {
	width: 200px;
}

#content form .narrow {
	width: 100px;
}

#content form .mini {
	width: 20px;
}

#content .error {
	margin-top: 6px;
}


/* cols */
#content .leftbox {
	display: inline;
	float: left;
}

#content .centerbox {
	display: inline;
	float: left;
}

#content .rightbox {
	display: inline;
	float: right;
}


/* cols 1-1 */
#content .cols-1-1 {
	margin-bottom: 1em;
}

#content .cols-1-1 .leftbox,
#content .cols-1-1 .rightbox {
	width: 444px;/* 468-24 */
}

#content .cols-1-1 .rightbox {}


/* cols 1-2 */
#content .cols-1-2 {
	margin-bottom: 1em;
}

#content .cols-1-2 .leftbox {
	width: 283px;/* 307-24 */
}

#content .cols-1-2 .rightbox {
	width: 605px;/* 629-24 */
}


/* cols 2-1 */
#content .cols-2-1 {
	margin-bottom: 1em;
}

#content .cols-2-1 .leftbox {
	width: 605px;/* 629-24 */
}

#content .cols-2-1 .rightbox {
	width: 283px;/* 307-24 */
}


/* cols 1-1-1 */
#content .cols-1-1-1 {
	margin-bottom: 1em;
}

#content .cols-1-1-1 .leftbox,
#content .cols-1-1-1 .centerbox,
#content .cols-1-1-1 .rightbox {
	width: 283px;/* 307-24 */
}

#content .cols-1-1-1 .centerbox {
	margin-left: 14px;
}


/* hr */
#content .hr {
	height: 2px;
	margin-bottom: 1em;
	border-bottom: 2px solid #333;
}

#content .hr hr {
	display: none;
}


/* icon */
#content a.mailto,
#content span.mailto {
	padding-left: 17px;
	background: url(../img/icon-mailto.gif) no-repeat 0 center;
}

#content a.external,
#content span.external {
	padding-left: 15px;
	background: url(../img/icon-external.gif) no-repeat 1px center;
}

#content a.popup,
#content span.popup {
	padding-left: 15px;
	background: url(../img/icon-popup.gif) no-repeat 1px center;
}

#content a.pdf,
#content span.pdf {
	padding-left: 17px;
	background: url(../img/icon-pdf.gif) no-repeat 0 center;
}

#content a.doc,
#content span.doc {
	padding-left: 17px;
	background: url(../img/icon-doc.gif) no-repeat 0 center;
}

#content a.xls,
#content span.xls {
	padding-left: 17px;
	background: url(../img/icon-xls.gif) no-repeat 0 center;
}

#content a.ppt,
#content span.ppt {
	padding-left: 17px;
	background: url(../img/icon-ppt.gif) no-repeat 0 center;
}

#content a.zip,
#content span.zip {
	padding-left: 17px;
	background: url(../img/icon-zip.gif) no-repeat 0 center;
}

#content a.arrow-up,
#content span.arrow-up {
	padding-left: 15px;
	background: url(../img/arrow-up.gif) no-repeat 2px center;
}

#content a.arrow-right,
#content span.arrow-right {
	padding-left: 15px;
	background: url(../img/arrow-right.gif) no-repeat 2px center;
}

#content a.arrow-down,
#content span.arrow-down {
	padding-left: 15px;
	background: url(../img/arrow-down.gif) no-repeat 2px center;
}

#content a.arrow-left,
#content span.arrow-left {
	padding-left: 15px;
	background: url(../img/arrow-left.gif) no-repeat 2px center;
}


/* ボタンの親 */
.button {
	text-align:center;
}

/* Table
--------------------------------------------------*/
.zeromail table,
.zeromail th,
.zeromail td {
	background-color:#fff;
	border:solid 1px #cdd8eb;
	border-collapse:collapse;
}
.zeromail table {
	width:100%;
    margin-bottom:10px;
}

.zeromail caption {
    margin:10px 0;
    padding:0.5em;
    background-color:#c9d9f0;
    color:#3762a8;
    font-weight:bold;
}

.zeromail thead th,
.zeromail tfoot th {
	background-color:#dbe5f3;
    text-align:center;
}
.zeromail thead td,
.zeromail tfoot td {
	background-color:#dbe5f3;
    text-align:center;
}

.zeromail tbody th {
    width:25%;
    padding:0.5em;
	background-color:#ebf1f9;
	font-weight:normal;
    text-align:center;
}

.zeromail td {
    padding:0.5em;
	text-align:left;
}

/* Form
--------------------------------------------------*/
.zeromail legend {
	display:none;
}

.zeromail label{
    margin:0 3px;
}

.zeromail input[type=radio],
.zeromail input[type=checkbox] {
    margin-right:0.3em;
}

.zeromail button,
.zeromail input[type=checkbox],
.zeromail input[type=radio],
.zeromail input[type=reset],
.zeromail input[type=submit] {
    padding:1px;
}

.zeromail [type=check],
.zeromail [type=radio],
.zeromail [type=submit] {
    cursor: pointer;
}

.zeromail [type=check] + label,
.zeromail [type=radio] + label {
    display: inline-block;
    cursor: pointer;
}

.zeromail [type=text],
.zeromail [type=password],
.zeromail textarea {
    padding: 1px;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.zeromail input[type=text]:hover,
.zeromail [type=password]:hover,
.zeromail textarea:hover,
.zeromail input[type=text]:focus,
.zeromail [type=password]:focus,
.zeromail textarea:focus {
	background-color: #ECFBFF;
}

/* Button
--------------------------------------------------*/
.zeromail .button {
    text-align:center;
    margin-top:20px;
}

.zeromail .button button {
    min-width:100px;
	_width:100px;
}

.zeromail button[type],
.zeromail button[id]{
    margin:0 5px;
	padding:0 5px;
    border:solid 2px;
    border-color:#ddd #aaa #aaa #ddd;
	border-radius:5px;
    background-color:#ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    line-height:1.4;
    cursor:pointer;
}

.zeromail button[type]:hover,
.zeromail button[id]:hover{
    background-color:#efefef;
}
.zeromail button[id=submit] {
    border-color:#CAD6F0 #7C99DC #889FD7 #CAD6F0;
    background-color:#AABCE8;
}
.zeromail button[id=submit]:hover {
    border-color:#C4E0F0 #8DC5E2 #8FBEE0 #C4E0F0;
    background-color:#A9D2E9;
}

.zeromail button[id=myreset],
.zeromail button[id=close]{
}


/* 確認・エラー画面(check,error)
--------------------------------------------------*/
.zeromail #confirm td  {
    padding:1em;
}

/*入力エラー*/
.zeromail strong.error {
	display:inline;
	padding:0;
	margin:0;
	border:0;
	background:none;
    color:#A82B2B;
}

/* Message()のメッセージ */
.message {
	text-align:center;
}

/*エラー*/
.zeromail span.error{ 
	display:block;
	margin:1.5em 50px;
	padding:1.5em 0;
	background-color:#f7a499;
	border:solid 1px #e16c48;
	text-align:center;
	color:#181710;
}

/*エラーなし*/
.zeromail span.confirm{
	display:block;
	color:#339933;
	border:solid 1px;
	border-color:#D9F4C4;
	padding:10px;
}


/* 送信完了(completion.html)
--------------------------------------------------*/
#completion .success {
	margin:1.5em 50px;
	padding:1.5em 0;
	background-color:#e8f198;
	border:solid 1px #c6e148;
	text-align:center;
	color:#4e4c35;
}

/*-----------------------------------------------------
  copyright
-----------------------------------------------------*/
.wtn_copyright {
	clear:both;
    margin-top:30px;
    font-size:10px;
	text-align:center;
}
.wtn_copyright a{
    color:#AABCE8;
	text-decoration:none;
}

.input {
	margin:1.5em 20px;
	padding:1.5em 0.5em;
	background-color:#9B95C9;
	border:solid 1px #694F94;
	text-align:center;
	color:#FCFAF2;
}

#content H2{
	color:#3e214c;
}

.confirm {
	margin:1.5em 20px;
	padding:1.5em 0.5em;
	background-color:#0086CC;
	border:solid 1px #211E55;
	text-align:center;
	color:#EAEDF7;
}

#cerror h2 {
	color:#FF0000;
}

.error {
	margin:1.5em 20px;
	padding:1.5em 0.5em;
	background-color:#FF0000;
	border:solid 1px #694F94;
	text-align:center;
	color:#EAEDF7;
}

.center {
	margin:1em;
	justify-content:space-around;
}

.center input{
	margin:1em;
}