﻿/* Main Page Style */
#contents .halfbox { width:485px; margin-top:30px; overflow:auto; position:relative; float:left; }
#contents .halfbox:after { clear:both; }
#contents .fullbox { overflow:auto; position:relative; }
#contents .fullbox .topbox { margin-top:0; }
#contents .newline { margin-right:30px; }
#contents .halfbox h3 { border-bottom:2px solid #f13c2f; font-weight:normal; font-size:1.3em; padding-left:20px; padding-bottom:10px; background:url(/Content/Images/Common/symbol_h3.gif) no-repeat left 2px; }
#contents .halfbox a.more { position:absolute; top:5px; right:10px; padding-right:15px; background:url(/Content/Images/Common/more.gif) no-repeat right; }

#contents #popup ul { width: 100%; height:340px; position:relative; text-align:right; }
#contents #popup ul li, #contents #popup ul dl { display:inline; }
#contents #popup ul li a { display: inline-block; line-height: 0; }
#contents #popup ul dt { display:inline; line-height:30px; margin-right:10px; }
#contents #popup ul dt.current { border-bottom:2px solid #3a6bab; }
#contents #popup ul dd { position:absolute; top:30px; left:0; }

#contents #cert ul { margin-top:10px; }
#contents #cert dl { position:relative; height:90px; margin-top:15px; }
#contents #cert dl dt { margin-left:215px; font-weight:bold; margin-bottom:10px; }
#contents #cert dl dd { margin-left:215px; margin-top:5px; font-size:.9em; }
#contents #cert dl dd.image { width:200px; height:80px; border:1px solid #e1e1e1; margin:0; padding:0; position:absolute; top:0; left:0; }
#contents #cert dl dd.image span { width:200px; height:80px; overflow:hidden; display:block; }
#contents #cert dl dd.image span img { width:200px; }

#contents .quick-link li { margin-top:10px; margin-right:0; position:relative; }
#contents .quick-link li .link { position:absolute; width:100px; height:40px; border:1px solid #333; top:20px; text-align:center; line-height:40px; border-radius:5px; color:#fff; font-weight:bold; }
#contents .quick-link li .link-app { left:260px; }
#contents .quick-link li .link-search { left:370px; }
#contents .quick-link li.wa .link { background-color:#388344; border-color:#256930; }
#contents .quick-link li.ma .link { background-color:#d70a8b; border-color:#9f0666; }
#contents .quick-link li.sa .link { background-color:#0256a6; border-color:#01396e; }

#contents #notice ul { margin-top:10px; margin-bottom:45px; padding-bottom:10px; border-bottom:2px solid #f13c2f; }
#contents #notice ul li { background:url(/Content/Images/Common/symbol_list_gray.gif) no-repeat left center; padding-left:15px; line-height:2.2em; }
#contents #notice ul li a:hover span, #contents #notice ul li a:focus span { text-decoration:underline; }
#contents #notice ul li .title { width:360px; display:inline-block; }
#contents #notice ul li .date { width:100px; text-align:right; display:inline-block; }

#contents #gallery ul { margin-top:10px; }
#contents #gallery ul li { float:left; margin:0 3px; width:232px; height:195px; border:1px solid #e1e1e1; }
#contents #gallery ul li.last { margin-right:0; }
#contents #gallery ul li img { width:230px; }
#contents #gallery ul li .thumb { width:230px; padding:1px; height:150px; overflow:hidden; display:block; }
#contents #gallery ul li .title { margin:10px 0 0 5px; display:block; }

#wrap-banner { width:100%; border-top:1px solid #e1e1e1; overflow:auto; margin-top:30px; }
#banner { width:1000px; margin:0 auto; padding:10px 0; overflow:auto; }
#banner li { float:left; margin:5px 15px; }