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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0; 
  border: 0;
  outline:0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

input:focus { outline:0; }
input::-moz-focus-inner {
  border: 0;
}

.pc{}
.sp{ display:none;}
	
body,html{margin:0; padding:0; background-color:#fff; font-size:12px; font-family:'meiryo','MS PGothic'; line-height:16px;}
body{background:url(../images/bg-footer.jpg) bottom repeat-x ; width:100%;}
.main{background:url(../images/bg-top.jpg) repeat-x top; width:100%;}
body#coming_soon{background:none;}
p{margin:3px 0px; clear:both; float:left;}
input[type="button"]{border:none; cursor:pointer;}
img{border:none;}
a{text-decoration:none; cursor:pointer; color:#000;}
h1.hidden{display:none;}
#heading{border-bottom:1px solid #ccc; width:100%;}
#heading img{margin-bottom:20px;}
h5{font-size:12px; margin:0 0 10px 0;}
h5.long{ font-size:11px;}
h2{font-size:12px; margin:5px 0; padding:0 0 0 5px;}
h2 span	{ padding:0 0 0 15px;}
h3{margin:0px 0; padding:0; font-size:12px; clear:both;}
h4{margin:0; padding:0; color:#555; font-size:12px;}
.button{cursor:pointer;}

.line-topic{background:#e6e6e6; height:3px; width:960px; clear:both; float:left;}
.underline{background:url(../images/dash.gif) repeat-x; width:100%; border:none; height:1px; margin:5px 0;}
ul{margin:0; padding:0;}
ul li{list-style:none;}
.left{clear:both; float:left;}
.right{float:left;}
.align_center{text-align:center;}
.pt10		{ padding:10px 0 0;}
.pb5		{ padding:0 0 5px;}

.main-coming-soon{background:url(../images/bg.jpg) top repeat-x; width:100%;}
#wrapper{width:960px; margin:0px auto;}
p.topic{margin:10px 0; font-size:12; font-weight:bold; width:210px;}
.topic{background:#efefef; padding:5px 0 5px 10px;}
h2.topic { margin:0 0 10px;}
.bg{background:url(../images/bg-text.jpg) repeat-y; padding:10px 0 10px 10px; color:#666; width:100%;}


/*  Top */
#top{clear:both;}
#logo{margin-top:40px;}
.not-login{float:right; margin-top:40px; background:#ccffff; padding:5px;}
ul#menu-top{padding:23px 0 0 10px; width:960px;}
ul#menu-top li{float:left; background:url(../images/icon-menu.gif) no-repeat; height:20px; padding:2px 0 0 20px; margin-right:35px;}
ul#menu-top li.last{margin-right:0px;}
ul#menu-top li a{font-size:14px; width:100%;}
#page-name{clear:both; float:left; margin:25px 0 0 0; padding:0 0 10px 0; border-bottom:1px solid #000; width:100%;}
#page-name a{color:#0054a6;}

#header-wrapper	{ width:100%; border-bottom:1px solid #d1b083;}
.logo			{ width:780px; margin:0 auto; }
#header{clear:both; float:left; margin-top:20px;}




/* content */
.inner-content{clear:both; margin:20px auto; width:780px;}
.inner-content a	{text-decoration:underline;}
ul.list li {background:url(../images/bg-other-news.gif) 0px 6px no-repeat; height:26px; margin:5px 0 0px 0px; padding:0px 0 0px 15px; line-height:20px;}
ul#other-news li {background:url(../images/bg-other-news.gif) 0px 5px no-repeat; height:auto; margin:5px 0 0px 0px; padding:0px 0 0px 15px; line-height:20px;}
ul#other-news li *{ float:none!important;}
ul#other-news li img.label{ vertical-align:-4px;}
ul.list li a, ul#other-news li a, ul.list li img , ul#other-news li img, ul.list li span, ul#other-news li span { float:left; margin:0 5px 0 0; _margin:0 8px 0 0;}
#content{clear:both; float:left; margin:20px 0 0 0; width:100%;}
#home_left{width:250px; }
#home_left .underline{width:535px;}
#home_center{width:460px; float:left; overflow:hidden;}
#home_center p.bg{width:450px;}
ul#news{ width:100%; }
ul#news li{clear:both; float:left; width:440px; font-size:14px; overflow:hidden; background:url(../images/icon-news.gif) no-repeat 0 4px; padding:0px 0 0px 18px; line-height:20px; }
ul#news p.withlogo{ background:url(../images/logo3.jpg) no-repeat ; padding-left:22px; }
ul#news p.withoutlogo{ background:url(../images/logo3-.jpg) no-repeat ; padding-left:22px; }
ul#news li.pagination { background:none; float:none; text-align:center; }
ul#news li.pagination span a { padding:0px 5px; }
ul#news li.pagination span.active { font-weight:bold; }
ul#news li img { vertical-align:middle; }
ul#news li.sep{/*background:url(../images/news-sep.gif) repeat-x;*/border-top:1px dashed #ccc; height:3px; width:456px; margin:3px 0; padding:0;}
ul#news li a, #news-topic-list li a , ul#other-news li a{color:#000000;}
ul#news li a:hover { color:#50b071;}
ul#news li a, ul#news li span		{ padding:0px;}
ul#news li span					{ font-size:12px;}
ul#news li span, ul.list li span , ul#other-news li span{color:#000000;}

ul#menu-left li{background:url(../images/bg-menu-left.jpg) no-repeat; width:230px; height:50px; clear:both; float:left;}
ul#menu-left li a{display:block; width:197px; height:34px; padding:17px 0 0 35px; font-weight:bold; font-size:15px; color:#000;}

ul#left-banner{clear:both; float:left; margin:30px 0 0 0;}
ul#left-banner li{clear:both; float:left; height:68px; margin:15px 0 0 0;}



ul#left-banner-top{clear:both; float:left; margin:30px 0 0 0;width:230px;height:390px;background:#efefef;}
ul#left-banner-top li{clear:both; float:left; margin:15px 0 0 0; width:230px;text-align:center; }
ul#left-banner-top li span{font-weight:bold; font-size:130%;}
ul#left-banner-top li a{color:#0054a6;}
ul#left-banner-top li a:hover { color:#50b071;}

#home_right{margin-left:17px; width:232px;}
#home_right .topic{width:220px;}

.activities-list ol					{ margin:0 0 20px; width:460px; }
.activities-list ol li				{ list-style:inside decimal; font-weight:bold; text-indent:5px; }
.activities-list ol li span			{ }
.activities-list ol li.underline	{ height:auto; background-position:bottom; padding:0 0 10px; width:auto; }
.activities-list ol li .bg			{ font-weight:normal; text-indent:-2px; padding:10px; width:440px!important;}

/* Login */
.login{border:1px solid #ccc; margin-bottom:10px;}
.login a#logout{color:#F7941D;}
#member-logined{margin:0px auto; width:100px; text-align:center; padding-bottom:10px;}
#frm-login{width:150px; margin:0px auto;}
#frm-login label{clear:both; color:#957b67; margin:2px 0 0px 0px;}
#frm-login input.textbox, #frm-login input.password{width:145px; clear:both;  border:1px solid #ccc; background:#e6e6e6;}
#frm-login input#submit{background:url(../images/submit-login.gif) no-repeat; width:99px; height:29px; border:none; margin:10px 0 20px 25px; }
#employee_download img.right{margin-left:17px;}
*html .line-topic{background:none; border-top:1px solid #ccc;}
*html .line-topic div{background:none; border-top:2px solid #000;}


/* logined */
#logined{float:right; width:200px; margin-top:3px; border:4px #f6f6f6 solid; text-align:center; padding:5px;}
#logined a{color:#0054a6; text-decoration:underline;}
#logined a#logout{margin:5px 0 0 48px; _margin-left:0px; }
*+html #logined a#logout{margin-left:0px;}

a#logout{background:url(../images/logout.jpg) no-repeat; width:100px; height:29px; text-indent:-10000px; display:block;}



/* link-bottom */
.line-topic div{background:#000; width:100px; height:3px; display:block; margin-bottom:20px; clear:both; float:left;}
#link-bottom{clear:both; float:left; width:100%; margin:20px 0 0 0 ;} 
#link-bottom ul{width:910px; margin:0px auto;}
#link-bottom ul li{float:left; margin:0 10px 0 0px; float:left; }








/* Membership */
.heading{border-bottom:1px solid #ccc; width:100%;}
#h5-membership{border-bottom:1px solid #ccc; width:100%;}
#membership-content{clear:both; float:left; margin:0 0 0 80px;}
#membership-content .list{margin-left:50px;}
#membership-content .list ol{margin-left:20px;}
*html #membership-content{margin:10px 0 0 40px;}
#membership-content .topic{width:780px;}
ul#pdf-group-1{margin:10px 0 0 20px;}
ul#pdf-group-1 li{float:left; margin:0 10px 0 0; position:relative;}
#txt-pdf-1{margin:20px 0 0 50px;}
#txt-pdf-1 a{text-decoration:underline;}
.pdf_doc	{background:url(../images/icon_pdf.gif) no-repeat; height:25px; display:inline-block; padding:5px 0 0 30px;}
.word_doc	{background:url(../images/icon_word.gif) no-repeat; height:25px; display:inline-block; padding:5px 0 0 30px;}
.excel_doc	{background:url(../images/icon_excel.gif) no-repeat; height:25px; display:inline-block; padding:5px 0 0 30px;}
.ppt_doc	{background:url(../images/icon_ppt.gif) no-repeat; height:25px; display:inline-block; padding:5px 0 0 30px;}
#membership-content #address{color:#f0e8de; width:780px; text-align:center; padding:10px 0; color:#8c6239; background:#f0e8de; margin:20px 0; float:left;}





/* news & topic*/
.icon-detail	{ float:right; margin-bottom:10px; line-height:23px; }
.icon-detail img	{ float:left; margin:0 3px 3px 0!important;}
input.btn-entity{ /*background:url(../images/btn-entity.gif) no-repeat; width:60px; height:17px; border:none; cursor:pointer; */}
input.btn-personal{ /*background:url(../images/btn-personal.gif) no-repeat; width:60px; height:17px; border:none; cursor:pointer;*/}
#news-topic-list{clear:both; float:left; margin-top:20px;}
#news-topic-list li{ display:table; font-size:14px;line-height:23px; margin-bottom:10px;  *display: block;   /* IE7ˆÈ‰º */}
#news-topic-list li img { vertical-align:-2px;}
#news-topic-list li img,
#news-topic-list li a  { display:table-cell; float:none;}

#news-topic-list li{  height: auto;}


#news-topic-list li a * { float:none; display:inline;}
#news-topic-list li span	{ font-size:12px;}
#news-topic-list li a{ /*margin-right:50px;*/}
#news-topic-list li a:hover { color:#50b071;}
.news-topic	{ width:450px!important; background:#c3e06c; margin:0 0 10px!important; font-size:14px;}

#news-first-list {width:530px; clear:both; float:left;}
#news-first-list div{border-bottom:#ccc dashed 1px; clear:both; float:left; width:450px; margin:5px 0; padding:5px 0;}
#news-first-list label{width:120px; clear:both; float:left;}
#news-first-list span{float:left; width:325px;}
#register_detail{width:600px; clear:both; float:left; margin:20px 0 0 0;}
#register_detail label{clear:both; float:left; width:80px;}
#register_detail span{float:left; display:inline-block;}
ul#other-news{margin:10px 0 0 20px;}
/* ul#other-news li{clear:both; float:left; background:url(../images/bg-other-news.gif) 0px 3px no-repeat; height:12px; margin:5px 0 5px 0px; padding-left:15px;}*/

.mail{text-decoration:underline; color:#0054a6;}

.news-detail .date { color:#a87c4f; font-size:12px; padding:0 0 0 10px;}





/* member */
ul#member-list{margin:10px 0 0 70px; width:850px; clear:both; float:left;}
*html ul#member-list{margin-left:40px;}
ul#member-list li{clear:both; float:left; background:url(../images/bg-other-news.gif) 0px 3px no-repeat; height:12px; margin:5px 0 5px 0px; border-bottom:1px dashed #ccc; padding:0px 0 10px 15px; width:800px}
ul#member-list li a{float:right; width:100px; color:#0054a6; text-decoration:underline;}
ul#member-list li span{float:left; width:400px;}




/* investigation */
#investigation-content{}
#investigation-content p{width:100%;margin-bottom:20px;}
#investigation-content p.title{width:100%;margin-top:20px;font-size:120%;margin-bottom:5px;}
#investigation-content p.detail{width:100%;padding-left:20px;margin-bottom:0;}
#investigation-content span.title{font-size:140%;}
#investigation-content table#list{ width:95%;margin-bottom:40px;border-bottom:1px solid #ffc809;}
#investigation-content table#list td,#investigation-content table#list th{border-top:1px solid #ffc809;text-align:center;}
#investigation-content table#list th,#investigation-content table#list td{border-top:1px solid #ffc809;padding-top:5px;padding-bottom:5px;height:2em;}
#investigation-content table#list th{background-color: #f0f1c6;font-size:110%;}
#investigation-content table#list td.double{padding-bottom:2px;padding-top:0;}
#investigation-content table#list p{padding-top:10px;}
#investigation-content caption{font-size:140%; font-weight:bold; text-align:left; height:25px;padding-top:5px;}
#investigation-content span.blue{color:#0006ff;}
.w10p{width:10%;}
.w15p{width:15%;}
.w35p{width:35%;}




/* about */
#about-content{}
#about-content .topic{width:100%;}
#about-content p{padding-left:20px; width:760px;}
ul#about-list{clear:both; float:left; width:760px; padding:20px 0 20px 80px;}
ul#about-list li {clear:both; float:left; width:640px; background-color:#f3f3f3; margin:5px 0 0 0;}
ul#about-pdf-list{clear:both; float:left; width:500px; padding:20px 0 20px 50px;}
ul#about-pdf-list li{float:left; width:200px; color:#666666; display:block; height:30px; }
ul#about-pdf-list li span { background:url(../images/icon_pdf.gif) no-repeat; display:inline-block; height:30px; text-indent:30px; line-height:30px;}
ul#about-pdf-list li a{ /*background:url(../images/icon_pdf.gif) no-repeat; height:25px;  padding:5px 0 0 30px; display:inline-block;*/ height:30px; display:block; width:100%; text-decoration:underline; }






/* rules */
#rules-content{}
#rules-content p{padding-left:20px; width:760px;}
#rules-content .topic{width:780px;}






/* coming soon */
#coming_left{width:540px;}
#coming_left .bg{width:530px;}
#coming_left .underline{width:540px;}
#coming_right{width:224px; float:left; margin-left:15px;}






/* footer */
#footer{clear:both; padding:20px 0 30px 0 ; margin-top:30px; float:left; width:100%; /*background:#f3f3f3;*/ position:relative;}
#btn-footer{position:absolute; right:2px; top:20px; cursor:pointer;}
ul#menu-footer{clear:both; width:710px; margin:0px auto;}
ul#menu-footer li{float:left; margin:0 10px 0 0;}
ul#menu-footer li a{color:#8d6237; font-weight:bold;}
.copyright{clear:both; color:#a67c52; font-size:12px; font-weight:bold; margin-top:15px;}


/* Add 29/08/11 */
.forbidden-text		{ width:300px; margin:0 auto; }
.forbidden-text p	{ float:none; }
.forbidden-text .align_center		{ margin:15px 0 0; }
.forbidden-text .align_center a		{ background:url(../images/icon-menu.gif) no-repeat; display:block; margin:0 auto; width:162px; height:17px;}

.clear				{ clear:both; }
.please-apply		{ display:inline-block; width:304px; position:relative; top:-5px; font-weight:bold; color:#f00; }
.heading-member		{ margin:0 0 10px; }
.news-detail		{ font-size: 14px;}

#detail-news-topic p 	{float:none; clear:none;}
#detail-news-topic a		{ color:inherit; text-decoration:underline; }
#detail-news-topic table, #detail-news-topic table td, #detail-news-topic table th	{ border-color:inherit; border-width:thin; border-style: inset;} 

/* Add 30/08/11 */
.error				{ color:#ff0000; }

/* Add 02/09/11 */
.reset p				{ float:none; margin:0; clear:none;}
.required p			{ font-weight:bold; color:#555; font-size:12px;}

.form-dl			{ /*padding:0 0 8px;*/ width:100%; overflow:hidden;}
.form-dl h5			{ clear:both;}
.form-dl ul			{ width:100%; overflow:hidden;}
.form-dl ul li			{ float:left; position:relative; margin:0 18px 4px 0; overflow:hidden; }
.form-dl ul li.second, .form-dl p	{ margin:0 0 4px;}
.form-dl ul li	span	,ul#pdf-group-1 li span		{ position:absolute; left:15px;}
.form-dl ul li .pdf, ul#pdf-group-1 li .pdf 	{ bottom:32px; }
.form-dl ul li .word, ul#pdf-group-1 li .word	{ bottom:10px; }

.form-dl ul li	span.pdf2	{ position:absolute; left:25px;}
.form-dl ul li	span.word2	{ position:absolute; left:130px;}
.form-dl ul li .pdf2	{ bottom:10px; }
.form-dl ul li .word2	{ bottom:10px; }

ul#pdf-group-1 li span.pdf2		{ position:absolute; left:25px;}
ul#pdf-group-1 li span.word2		{ position:absolute; left:120px;}
ul#pdf-group-1 li .pdf2 	{ bottom:20px; }
ul#pdf-group-1 li .word2	{ bottom:20px; }

.file-explain ul		{ margin:15px 0 0; }
.file-explain ul li	{ float:left; margin:0px 10px 0 0; line-height:35px; list-style:none; }
.file-explain ul li img	{ float:left; margin:0 5px 0 0; }

.member-list		{ width:920px; margin:10px auto 0; overflow:hidden; }
.member-list ul		{ padding:5px 5px 10px; width:910px; overflow:hidden; margin:0 0 10px;}
.member-list ul li		{ float:left; margin:0px 15px 0 0; list-style:none; font-size:14px;}
.member-list ul li a	{ text-decoration:underline;}
.member-list h5		{ text-indent:5px; font-size:16px; border-bottom:1px dashed #ccc; padding:0 0 5px; color:#333;}

/* Add 12/09/11 */
.get-adobe			{ border:1px solid #e6e6e6; padding:15px 22px; color:#828282; }
.get-adobe .align_center	{ width:100%; overflow:hidden;}
.get-adobe .mb12		{ margin:0 0 12px;}