/*---------------------------------------------------------------------------/
-----------------------------------------------------------------------------/
 top.css
-----------------------------------------------------------------------------/
----------------------------------------------------------------------------*/


.mainCon {width:930px; margin-left:10px;}
.mainCon .infoArea {width:930px; margin:0 0 20px 0; background:url('../images/top/pht_mainImg.jpg') right 0 no-repeat;}
.mainCon .infoArea p.readTxt {width:620px; font-size:15px; line-height:150%;}

.mainCon .newsArea {width:620px; margin:10px 0 0 0;}
.mainCon .newsArea h2 {width:620px; height:30px; color:#666666; font-size:15px; text-indent:10px; line-height:30px; background:url('../images/top/ttl_news.jpg') 0 0 no-repeat;}
.mainCon .newsArea .newsBox {width:620px; margin:0 auto; background:url('../images/top/img_newsback.jpg') 0 0 repeat-y; overflow:hidden;}
.mainCon .newsArea span.end {display:block; width:620px; height:10px; background:url('../images/top/img_newsback_end.jpg') 0 0 no-repeat; overflow:hidden;}
.mainCon .newsArea ul {list-style-type:none; margin:10px 0 0 10px;}
.mainCon .newsArea ul li {clear:both; width:600px; margin:10px 0 0 0;}
.mainCon .newsArea ul li dl {width:600px; overflow:hidden;}
.mainCon .newsArea ul li dl dt {float:left; width:70px; vertical-align:top;}
.mainCon .newsArea ul li dl dd {float:right; width:520px;}


.mainCon .searchArea {width:930px; margin:0px; text-align:center; overflow:hidden;}
.mainCon .searchArea h2 {width:930px; height:45px; text-align:left; font-size:18px; color:#FF9900; line-height:250%; text-indent:10px; background:url('../images/top/ttl_search.jpg') 0 0 no-repeat;}


.mainCon .searchArea div.searchBox {width:930px; margin:0 auto; background:url('../images/top/img_searchback.jpg') 0 0 repeat-y; overflow:hidden;}
.mainCon .searchArea div.searchBox div.keywordBox {display:inline; float:left; width:480px; margin:30px 0 0 40px;}
.mainCon .searchArea div.searchBox div.keywordBox dl {width:480px; text-align:left;}
.mainCon .searchArea div.searchBox div.keywordBox dl dt {width:480px; height:25px; font-size:15px; font-weight:bold; color:#FFFFFF; text-indent:10px; line-height:170%; border-bottom:4px solid #666666; background:url('../images/top/sttl_search.jpg') 0 0 no-repeat;}
.mainCon .searchArea div.searchBox div.keywordBox dl dd {padding:10px 0; margin:0 0 20px 0; border:1px solid #CCCCCC; background:#FFFFFF; text-align:center;}
.mainCon .searchArea div.searchBox div.keywordBox dl dd form {margin:auto; text-align:center;}
.mainCon .searchArea div.searchBox div.keywordBox dl dd form input {vertical-align:bottom; margin:20px 0;}
.mainCon .searchArea div.searchBox div.keywordBox dl dd p {font-size:12px; font-weight:bold; background:url('../images/icon_graydisc.jpg') 0 0 no-repeat; margin:5px 0; padding-left:20px; text-align:left;}
.mainCon .searchArea div.searchBox div.keywordBox dl dd select {font-size:12px; margin:5px 0 5px 5px;}
.mainCon .searchArea div.searchBox div.keywordBox dl dd input.btn {margin-top:10px;}

.mainCon .searchArea div.searchBox div.instructionBox {display:inline; float:right; width:350px; margin:10px 40px 30px 0; text-align:left; color:#FF9900; line-height:150%;}
.mainCon .searchArea div.searchBox div.instructionBox dl {width:350px;}
.mainCon .searchArea div.searchBox div.instructionBox dl dt {font-weight:bold; margin:5px 0 0 0;}

.mainCon .searchArea div.searchBox div.limitBox {clear:both; width:850px; margin:auto;}
.mainCon .searchArea div.searchBox div.limitBox dl {width:850px; text-align:left;}
.mainCon .searchArea div.searchBox div.limitBox dl dt {width:850px; height:25px; font-size:15px; font-weight:bold; color:#FFFFFF; text-indent:10px; line-height:150%; border-bottom:4px solid #666666; background:url('../images/top/sttl_search.jpg') 0 0 no-repeat;}
.mainCon .searchArea div.searchBox div.limitBox dl dd {padding:10px 0; margin:0 0 20px 0; border:1px solid #CCCCCC; background:#FFFFFF; text-align:center;}
.mainCon .searchArea div.searchBox div.limitBox dl dd form {text-align:left; width:800px; margin:auto;}
.mainCon .searchArea div.searchBox div.limitBox dl dd p {clear:both; width:500px; font-size:12px; font-weight:bold; background:url('../images/icon_graydisc.jpg') 0 0 no-repeat; margin:5px 0 0 0; padding-left:20px; text-align:left;}
.mainCon .searchArea div.searchBox div.limitBox dl dd ul.checkBox {width:800px; margin:10px 0 20px 0;}
.mainCon .searchArea div.searchBox div.limitBox dl dd ul.checkBox li {float:left; width:160px; margin:0 0 5px 0; vertical-align:center;}
.mainCon .searchArea div.searchBox div.limitBox dl dd ul.checkBox label {vertical-align:center; margin-left:5px;}
.mainCon .searchArea div.searchBox div.limitBox dl dd ul.checkBox label:hover {background-color: #ffcccc;}
.mainCon .searchArea div.searchBox div.limitBox dl dd span.btnBox {display:block; width:800px; text-align:center;}
.mainCon .searchArea div.searchBox div.limitBox dl dd span.btnBox input.btn {margin:0 auto;}


.mainCon span.end {display:block; width:930px; height:10px; background:url('../images/top/img_searchback_end.jpg') 0 0 no-repeat; overflow:hidden;}