@charset "utf-8";
/* copyright (c) Mediamaster, <http://www.mediamaster.jp> */

/* タグ設定 */
html,body{height: 100%; width:100%; margin:0; padding:0;}
body{font-size:13px; line-height:1.6; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Arial","ＭＳ Ｐゴシック", sans-serif; color:#555;}
div,p,ul,li,h1,h2,h3,form {margin:0; padding:0;}
h3 {font-size:14px; line-height:1.8; color:#333;}
fieldset {margin:0 0 5px; padding:0 10px 5px; border:1px #AAA solid; background:#f5f5f5;}
legend {font-size:12px; color:#C02; font-weight:bold;}
label {font-size:12px; color:#333;}
span {font-size:12px; line-height:1; color:#C02;}
input {display:block;font-size:14px; width:100%;}
textarea {width:100%; margin:0; padding:0;font-size:14px;}
div#container { margin:auto; padding:0;}
div#submit {margin-top:10px;}
div#submit p {font-size:12px; text-align:center; margin-top:1rem;}
div#submit button {background:transparent; cursor:pointer; margin:0 .5rem; padding:.35rem 1.25rem; border:1px #888 solid; border-radius:1rem;font-size:13px;background:#FFF; }
div#submit button:hover {background:#666; color:#fff;}
.hidden {visibility:hidden; display:none;}
#commonForm input, #commonForm textarea {border: 1px solid #cac9b9;}
#commonForm .red {border: 1px solid #c02;}
#commonForm .customRed {border: none; color: #c02;}
#commonForm .errorMessage {color: #c02;}
#confirm table {background:#ccc; width:100%;}
#confirm th {background:#f5f5f5; font-size:12px; color:#333; padding:2px 15px; width:50px;}
#confirm td {background:#fff;}
#commonForm p {position:relative;}
#commonForm span {position:absolute;top:-12px;right:0; background:#fff; border:1px solid #999; border-radius:1em; padding:.4em .5rem;z-index:3;}
#commonForm span:after{
transform: skew(-25deg) translateX(-8px);
content:"";
position:absolute;
left:50%;
bottom:-8px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 5px 0 5px;
border-color: #999999 transparent transparent transparent;
}