@charset "utf-8";

/* [/customer/mailtop]================================================*/
/* common
------------------------------------------------------------*/
#article .pagetop { padding:10px 0 22px 0; background:#FFFFFF url(/cmn/img/bg_dotted.gif) repeat-x left top; font-weight:bold; }
.mailtop .title-name { padding: 2px 0 1px 5px; font-size:93%; background-color:#798692; color:#FFFFFF; font-weight:bold; line-height:1.5em; }
.mailtop table thead { display:none; }



table.fast thead tr th { background-color:#EBEFF2; }

/* PE-1
------------------------------------------------------------*/
.mailtop p.list-link { float:right; margin:-16px 9px 0 0; display:inline; }

.mailtop #main .newsbox { margin-bottom:36px; padding:0 0 25px 0; border:solid 1px #C0C6C9; }
.mailtop #main .newsbox.last { margin-bottom:20px; }
.mailtop #main .newsbox table.news { width:628px; margin:22px 0 0 25px; }
.mailtop #main .newsbox table.news td { padding:0 0 0px 8px; vertical-align:top; }
.mailtop #main .newsbox table.news td.day { width:74px; background: url(/cmn/img/icon_square02.gif) no-repeat left 0.7em; }
.mailtop #main .newsbox table.news td.information { font-size:93%;  }
.mailtop #main .newsbox table.news td a:link { color:#524E4D; text-decoration:underline;; }
.mailtop #main .newsbox table.news td a:visited { color:#524E4D; text-decoration:underline;; }
.mailtop #main .newsbox table.news td a:hover { color:#D0576A; text-decoration:underline; }
.mailtop #main .newsbox table.news td a:active { color:#D0576A; text-decoration:none; }

.mailtop #main .newsbox .question-txt { padding:22px 0 22px 25px; font-weight:bold; }
.mailtop #main .newsbox .new-title { padding-bottom:8px; margin:0 25px; border-bottom:1px solid #C0C6C9; font-weight:bold; }

.mailtop .troublebox { margin:22px 0 0 25px; padding:15px 23px 13px 25px; width:578px; background-color:#E8EEF0; }
.mailtop .troublebox .troubl-txt { padding-right:25px; float:left; line-height:1.2em; }
.mailtop .troublebox .matter { line-height:1.2em; }
.mailtop .troublebox ul.troubl-list { padding-left:25px; float:left; background:#E8EEF0 url(/customer/img/idx_bg_dotted.gif) repeat-y left top;}
.mailtop .troublebox ul.troubl-list li { font-size:93%; margin-bottom:1em; line-height:1.2em; clear:both; }
.mailtop .troublebox ul.troubl-list li a { padding-left:10px; background:url(/cmn/img/icon_arrow01.gif) no-repeat scroll left center; }
.mailtop .troublebox ul.troubl-list li.last { margin-bottom:2px; }

.mailtop .btn-link { margin:20px 0 36px 0; } 
.mailtop .btn-link ul { float:right; }
.mailtop .btn-link ul li { float:left; margin-left:10px; }
.mailtop .corp-box { margin-bottom:10px; height:103px; background:#FFFFFF url(/customer/img/idx_bg_img.gif) no-repeat top right; border:1px solid #E8EEF0; clear:both; }
.mailtop .corp-box p.corp-txt { padding:24px 0 0 25px; width:480px;  }
.mailtop .corp-box p.corp-link {padding-left:25px; }
.mailtop .corp-box p.corp-link a {padding-left:10px; background:url(/cmn/img/icon_arrow01.gif) no-repeat scroll left center; }

/* PE-1-1
------------------------------------------------------------*/
.mailtop #main .newsdetail { padding:0 25px 25px 25px; border:solid 1px #C0C6C9; }
.mailtop #main .newsdetail p.title-name { margin:0 -25px 25px -25px; }
.mailtop #main .newsdetail h1 { margin-bottom:16px; font-size:108%; font-weight:bold; border-bottom:1px solid #C0C6C9; }
.mailtop #main .newsdetail h1 span { display:block; font-size:93%; font-weight:normal; }
.mailtop #main .newsdetail p.firstChild { margin-top:0; }
.mailtop #main .newsdetail p { margin-top:1.66em; }
.mailtop #main p.detail { margin:10px 0 0 0; text-align: right; }
.mailtop #main p.prev { margin:30px 0 20px 0; text-align: right; }

/* PE-3
------------------------------------------------------------*/
.mailtop .text-center { text-align:center; }
.mailtop .text-center.form { padding-bottom:44px; }

.mailtop .notice { border-top:1px solid #C0C6C9; padding:20px 0; }
.mailtop .notice2 { padding:15px 0 18px 0; }
.mailtop .notice3 { padding:15px 0 20px 32px; }
.mailtop .notice4 { padding:22px 0 34px 0; }
.mailtop .tel { padding:30px 0 15px 0; }
.mailtop .content { width:614px; margin-left:32px; border:1px solid #C0C6C9;  }
.mailtop .content ul { padding:18px 20px 4px 18px;  }
.mailtop .content ul li { padding:0 0 30px 8px; font-size:93%; background: url(/cmn/img/icon_square02.gif) no-repeat left 0.7em ; }
.mailtop .content ul li ul{ padding:0;  }
.mailtop .content ul li ul li{ padding:0 0 0 5px; margin-left:5px; font-size:100%; background: url(/cmn/img/icon_square03.gif) no-repeat left 0.7em ; }

/* PE-3-1
------------------------------------------------------------*/
.mailtop .note { color:#D0576B; }
.mailtop .article-title{ margin-bottom:30px; padding-bottom:5px; border-bottom:1px solid #AFAFB0; font-size:123.1%; font-weight:bold; }
.mailtop div.control { text-align:center; margin-bottom:30px; }

.mailtop form.mailform { margin: 50px 0 0 0; }  
.mailtop form.mailform table { width:680px; border:1px solid #AFAFB0; font-size:93%; }
.mailtop form.mailform table td,
.mailtop form.mailform table th{ border-top: 1px solid #AFAFB0; border-left:1px solid #AFAFB0; }
.mailtop form.mailform table tr.entry-group-parent td ,
.mailtop form.mailform table tr.entry-group-parent th{ padding-bottom:7px;}
.mailtop form.mailform table tr.entry-group-child td ,
.mailtop form.mailform table tr.entry-group-child th{ border-top:none; padding-top:10px;}
.mailtop form.mailform table th{ width:160px; padding:20px; background-color:#EBEFF2; vertical-align:top; }
.mailtop form.mailform table th span.note { display:block; }
.mailtop form.mailform table td textarea { width:380px; padding:3px 4px; border:1px solid #7F9DB9; font-size:108%;}
.mailtop form.mailform table td input { padding:3px 4px; border:1px solid #7F9DB9; vertical-align:-0.1em; }
.mailtop form.mailform table td input#male ,
.mailtop form.mailform table td input#female { vertical-align:-0.1em; border:none; }
.mailtop form.mailform table td input.name { width:118px; vertical-align:middle; }
.mailtop form.mailform table td input.addres-no { width:100px; }
.mailtop form.mailform table td input.max { width:380px; }

.mailtop form.mailform table td input.confirm { margin-top:17px; }
.mailtop form.mailform table td select { border:1px solid #7F9DB9; }
.mailtop form.mailform table td p span { font-size:108%; }
.mailtop form.mailform table td { padding:20px 20px 20px 40px; }
.mailtop form.mailform table td div.cohesive { float:left; margin-right:20px; }
.mailtop form.mailform table td div.cohesive p { text-align:center; }

.mailtop form.mailform table.inquiry { margin:30px 0 49px 0; }
.mailtop form.mailform table.privacy { margin:20px 0 27px 0; }
.mailtop form.mailform table.privacy tr.double th { width:47px; }
.mailtop form.mailform table.privacy tr.double th.sub-head { width:92px; padding:11px; vertical-align:middle; text-align:right; background-color:#DEE5E9; }
.mailtop div.control p.note { margin-bottom:15px; }


/* PE-3-2
------------------------------------------------------------*/
.mailtop .message { margin-bottom:380px; }
.mailtop .message p { width:450px; padding:30px 0; border:5px solid #CED9DF; background-color:#FFFFFF; text-align:center; font-size:138.5%; font-weight:bold; }
/* EOF*/