@charset "utf-8";
/* CSS Document */

.right .contentsBox .InBox h5{font-size:13px;font-weight:bold;margin-top:10px; border-left:6px solid #CCC; padding-left:5px;}
.right .contentsBox .InBox p{margin:7px 3px 0 3px; line-height:14px;}
.right .contentsBox .InBox ul{margin:7px 3px 0 3px; list-style: disc; padding-left:20px;}
.right .contentsBox .InBox ul li div{ font-weight:bold;}
.right .contentsBox .InBox ul li p{margin:3px 0 5px 0;}

.contentsBox .etc_btn{margin-top:5px; padding:5px;}
.contentsBox .etc_btn a{text-decoration:none; border-bottom:1px solid #375663;}
.contentsBox .etc_btn a:hover{ border-bottom:1px solid #119AFF;}

.contentsBox .faq{ padding:5px; border-bottom:1px solid #B3B3B3; line-height:17px;}
.contentsBox .faq dt{padding:3px 0 5px 25px; background:url(../../common/images/icon/icon_q.gif) no-repeat left top; border-bottom:1px dashed #CCC; margin-bottom:6px;}
.contentsBox .faq dd{padding:3px 0 3px 25px; background:url(../../common/images/icon/icon_a.gif) no-repeat left top;}
.right .contentsBox .InBox .faq p{ margin:0; line-height:16px;}
.right .contentsBox .InBox .faq p.attention{ font-size:12px; color: #cc0000;padding-left: 1em;text-indent: -1em;}
.contentsBox .faq .timetoolList{width: 100%;margin: 5px 0;border: 1px #999999 solid;border-collapse: collapse;}
.contentsBox .faq .timetoolList th{font-weight: normal;padding: 5px;border: 1px #999999 solid;text-align: center;background-color: #d9d0c8;}
.contentsBox .faq .timetoolList td{padding: 5px;border: 1px #999999 solid;}
.contentsBox .faq .timetoolList td.ttl{width: 200px;background-color: #f8f7f7;}
.contentsBox .faq .timetoolList td.oneday{width: 60px;text-align: center;background-color: #ffecbb;}

#pnlForm{width:673px; margin:5px auto;}
#pnlForm dl{display:table;border:1px solid #CCC; margin-top:3px; padding:10px;}
#pnlForm dt{display:table-cell; vertical-align:middle; text-align:center; width:150px;border-right:1px solid #CCC;}
#pnlForm dt .caution{margin:3px 0 0 0; font-size:11px; color:#C00;}
#pnlForm dd{display:table-cell; vertical-align:middle; width:500px;}
#pnlForm dd p{margin:0 0 0 5px;}
#pnlForm dd .contact_txt{font-size:11px; color:#666;}
#pnlForm #txtName{width:180px;}
#pnlForm #txtEmail{width:280px;}
#pnlForm #txtContents{width:400px;}

#pnlForm .buttonArea{margin-top:5px;}
#pnlForm .buttonArea a span{display:inline-block; padding:5px 20px; border: 1px solid #999; background-color:#F2F2F2;} 
#pnlForm .buttonArea a span:hover{background-color:#FAFAFA;}

#pnlForm .attentionBox{ margin-top:10px; padding:5px; border:1px solid #999; font-size:12px; background-color:#F3F3F3; line-height:14px;}
#MainContent_pnlComplete .attentionBox{ margin-top:8px; padding:5px; line-height:15px;}

/*---------モバイル---------------*/
.etc_mobile h3{ padding-left:10px;}
.etc_mobile h4{padding: 5px 7px;color: #FFF;font-weight: bold;font-size: 12px;border: 1px solid #525252;text-shadow: none;background: -moz-linear-gradient(top center, #717A80 0%, #5B656B 100%);background: -webkit-gradient(linear, center top, center bottom, from(#717A80), to(#5B656B));background: linear-gradient(top center, #717A80 0%, #5B656B 100%);}
.etc_mobile .right .contentsBox .InBox p,
.etc_mobile .right .contentsBox .InBox ul,
.etc_mobile .right .contentsBox .InBox ol{ font-size:12px; margin: 7px 5px 0 5px;}

.etc_mobile #pnlForm{ width:95%; margin:0 auto;}
.etc_mobile #pnlForm dl{display: block; margin-top:5px;}
.etc_mobile #pnlForm dt{display:block; width:100%; padding-bottom:10px; margin-bottom:10px; text-align:left;border-right:none;border-bottom:1px dotted #CCC;}
.etc_mobile #pnlForm dd{display:block; vertical-align:middle; width:auto;}
.etc_mobile #pnlForm dd p{margin:0;}
.etc_mobile #pnlForm #txtName{width:60%; max-width:180px;}
.etc_mobile #pnlForm #txtEmail{width:80%; max-width:280px;}
.etc_mobile #pnlForm #txtContents{width:97%; max-width:600px;}