@import url("/_style/common.css");

input{ border:1px solid #DEDEDE; height:16px; padding:1px;}
input.file{ border:1px solid #DEDEDE; height:20px; padding:2px;}
textarea{ background-color:#ffffff; border:1px solid #DEDEDE; padding:2px;}
span input{ border:none;}
a{ text-decoration:none;}
/************************************************************/
/*						layout								*/
/************************************************************/

#wrapper{width:889px; margin:auto; font-size:75%; }
#header{}
#header h1{width:264px; margin:auto; margin-top:9px; margin-bottom:0px;}
#header h1 a{background:url(/_images/common/logo.gif) no-repeat; display:block;height:0px; padding-top:52px;overflow:hidden; }            
#header .date{ float:left; background:url(/_images/common/icon_time.gif) no-repeat 3px 3px; line-height:16px; height:16px; padding-left:15px; color:#656565;}
#header .menuBox{background:url(/_images/common/menu_bar.gif) no-repeat; height:37px;}
#header .menuBox ul{ list-style-type:none; padding-left:17px; padding-right:15px; float:left;}
#header .menuBox ul li{float:left;height:37px;}
#header .menuBox ul li a{ display:block; overflow:hidden; height:0px; padding-top:37px; overflow:hidden;}

#header .menuBox .committee{ background:url(/_images/common/menu1_out.gif) no-repeat; width:125px;}
#header .menuBox .committee:hover{ background:url(/_images/common/menu1_over.gif) no-repeat; }
#header .menuBox .bizplus{ background:url(/_images/common/menu8_out.gif) no-repeat; width:114px;}
#header .menuBox .bizplus:hover{ background:url(/_images/common/menu8_over.gif) no-repeat; }
#header .menuBox .notice{ background:url(/_images/common/menu2_out.gif) no-repeat; width:103px;}
#header .menuBox .notice:hover{ background:url(/_images/common/menu2_over.gif) no-repeat; }
#header .menuBox .support{ background:url(/_images/common/menu3_out.gif) no-repeat; width:103px;}
#header .menuBox .support:hover{ background:url(/_images/common/menu3_over.gif) no-repeat; }
#header .menuBox .information{ background:url(/_images/common/menu4_out.gif) no-repeat; width:103px;}
#header .menuBox .information:hover{ background:url(/_images/common/menu4_over.gif) no-repeat; }
#header .menuBox .community{ background:url(/_images/common/menu5_out.gif) no-repeat; width:103px;}
#header .menuBox .community:hover{ background:url(/_images/common/menu5_over.gif) no-repeat; }
#header .menuBox .data{ background:url(/_images/common/menu6_out.gif) no-repeat; width:103px;}
#header .menuBox .data:hover{ background:url(/_images/common/menu6_over.gif) no-repeat; }
#header .menuBox .address{ background:url(/_images/common/menu7_out.gif) no-repeat; width:103px;}
#header .menuBox .address:hover{ background:url(/_images/common/menu7_over.gif) no-repeat; }

#header .allMenu{ float:right;width:94px; /*height:30px; margin-top:7px;*/ display:none;}
#header .allMenu a{/*background:url(/_images/common/allMenu.gif) no-repeat;*/ display:block; overflow:hidden; width:94px; /*height:0px; padding-top:22px;*/}

#sitemap{ background-color:#E2E2E2; position:absolute; z-index:1000; width:890px; /*height:390px;*/ height:0px; overflow:hidden;}
#sitemap .mapBox{ position:relative; overflow:hidden; height:0px;}
#sitemap .chap{ width:164px; position:absolute;}
#sitemap .title{ width:100%; height:0px; position:absolute; padding-top:27px; overflow:hidden;}
#sitemap .committee{left:21px; top:22px;}
#sitemap .bizplus{left:192px; top:22px;}
#sitemap .notice{left:362px; top:22px;}
#sitemap .support{left:534px; top:22px;}
#sitemap .information{left:705px; top:22px;}
#sitemap .community{left:21px; top:256px;}
#sitemap .data{left:192px; top:256px;}
#sitemap .address{left:362px; top:256px;}
#sitemap .member{left:534px; top:256px;}
#sitemap .committee .title{ background:url(/_images/sitemap/top1.gif) no-repeat; }
#sitemap .bizplus .title{ background:url(/_images/sitemap/top9.gif) no-repeat; }
#sitemap .notice .title{ background:url(/_images/sitemap/top2.gif) no-repeat; }
#sitemap .support .title{ background:url(/_images/sitemap/top3.gif) no-repeat; }
#sitemap .information .title{ background:url(/_images/sitemap/top4.gif) no-repeat; }
#sitemap .community .title{ background:url(/_images/sitemap/top5.gif) no-repeat; }
#sitemap .data .title{ background:url(/_images/sitemap/top6.gif) no-repeat; }
#sitemap .address .title{ background:url(/_images/sitemap/top7.gif) no-repeat; }
#sitemap .member .title{ background:url(/_images/sitemap/top8.gif) no-repeat; }
#sitemap ul{ background-color:#fff; height:196px; padding-top:30px; margin-bottom:15px; list-style-type:none;}
#sitemap .community ul, #sitemap .data ul, #sitemap .address ul, #sitemap .member ul{ height:100px;}
#sitemap .information ul{height:334px;}
#sitemap ul li{ background:url(/_images/sitemap/li_dot.gif) no-repeat 6px 5px; padding-left:14px; line-height:18px;}
#sitemap .closeBtn{ position:absolute; width:43px; height:15px; left:825px; top:390px;}
#sitemap .closeBtn a{ background:url(/_images/sitemap/btn_close.gif) no-repeat; width:100%; overflow:hidden; display:block; height:0px; padding-top:14px;}

#neck{height:135px; margin-top:12px;}
#neck fieldset.loginBox{ float:left; background:url(/_images/common/loginBox.gif) no-repeat; width:210px;height:135px; border:none; position:relative;}
#neck fieldset.loginBox legend{ display:none;}
#neck .loginBox .logIn{ position:absolute; left:15px; top:34px; width:186px; height:66px;}
#neck .loginBox .logIn .msg{ line-height:16px;}
#neck .loginBox .inputArea{ float:left; width:124px;}
#neck .loginBox .inputArea .item{margin-bottom:2px;}
#neck .loginBox .inputArea input{ width:118px; height:15px; padding:1px;}
#neck .loginBox .loginBtn{ float:right;}
#neck .loginBox .remember{margin-top:5px;}
#neck .loginBox .bottom{ position:absolute; left:15px; top:110px; width:186px; height:14px;}
#neck .loginBox .bottom a{color:#515050;}
#neck .loginBox .bottom a.strong{color:#FA540F;}
#neck .loginBox .bottom span.bar{color:#B9B9BA;}
#neck .visualBox{ float:right; width:666px; height:135px; background:url(/_images/visual/sub_visual.jpg) no-repeat;}
#neck .mainVisual{ float:left; margin-left:12px; background:url(/_images/main/visual.gif) no-repeat; width:434px;height:135px;}
#neck fieldset.tagBox{ float:right; border:none; position:relative; background:url(/_images/main/tagBox.gif) no-repeat; width:222px;height:133px;}
#neck fieldset.tagBox  legend{ display:none;}
#neck fieldset.tagBox .tagBoxIn{ position:absolute; left:17px; top:36px; width:197px; height:90px; overflow:hidden; line-height:18px;}
#neck fieldset.tagBox a.tag{ margin-right:4px;/**/white-space:nowrap;}
#neck fieldset.tagBox a.tag:hover{color:#FF4E00;}
#neck fieldset.tagBox .tag2{ color:#434343;}
#neck fieldset.tagBox .tag3{ color:#D28A14;}
#neck fieldset.tagBox .tag4{ color:#41999B;}
#neck fieldset.tagBox .tag5{ color:#FB0A0A;}


#body{ margin-top:12px; min-height:300px; height:auto;_height:300px;}

#mainSection{}
#mainSection a:hover {color:#FF4E00;}
#mainSection a:hover span{color:#FF4E00;}
#mainSection .bannerArea{ float:left; width:210px;}
#mainSection .bannerArea ul.bnr { margin-top:8px; list-style-type:none;}
#mainSection .bannerArea ul.bnr li{margin-bottom:4px;}
#mainSection .contentsArea{float:right; width:666px;}
#mainSection .pollBox{ background:url(/_images/main/pollBox.gif) no-repeat; width:210px; height:116px; position:relative; margin-top:10px;}
#mainSection .pollBox .inBox{ position:absolute;left:10px; top:41px; width:186px; height:64px; overflow:hidden;}
#mainSection .pollBox .inBox ul{ list-style-type:none;}
#mainSection .pollBox .inBox ul li{height:20px; line-height:20px; height:20px; overflow:hidden; background:url(/_images/main/poll_dot.gif) no-repeat 4px 7px; padding-left:10px;}
#mainSection .board .title a{ display:block; width:100%; height:0px; overflow:hidden;}
#mainSection .board .title .notice{background:url(/_images/main/title_notice.gif) no-repeat; padding-top:23px;}
#mainSection .board .title .pressNews{background:url(/_images/main/title_press.gif) no-repeat; padding-top:23px;}
#mainSection .board .title .photo{background:url(/_images/main/title_photo.gif) no-repeat; padding-top:21px;}

#mainSection .board ul.recentList{ list-style-type:none; margin-top:5px;}
#mainSection .board ul.recentList li{ line-height:18px; height:18px;}
#mainSection .board ul.recentList li span{ cursor:pointer !Important;}
#mainSection .board ul.recentList span.groupName{color:#DB7310;width:40px; display:block; float:left;}
#mainSection .board ul.recentList span.postTitle{ width:200px; display:block; overflow:hidden; height:100%; float:left;} 
#mainSection .board ul.recentList span.regDate{ width:80px; display:block;float:right;}
#mainSection .board ul.recentList a{display:block; width:98%; height:100%; padding-left:15px;}
#mainSection .board ul.recentList a.link1{ background:url(/_images/main/1.gif) no-repeat 0px 3px;}
#mainSection .board ul.recentList a.link1:hover{ background:url(/_images/main/1_.gif) no-repeat 0px 3px;}
#mainSection .board ul.recentList a.link2{ background:url(/_images/main/2.gif) no-repeat 0px 3px;}
#mainSection .board ul.recentList a.link2:hover{ background:url(/_images/main/2_.gif) no-repeat 0px 3px;}
#mainSection .board ul.recentList a.link3{ background:url(/_images/main/3.gif) no-repeat 0px 3px;}
#mainSection .board ul.recentList a.link3:hover{ background:url(/_images/main/3_.gif) no-repeat 0px 3px;}
#mainSection .board ul.recentList a.link4{ background:url(/_images/main/4.gif) no-repeat 0px 3px;}
#mainSection .board ul.recentList a.link4:hover{ background:url(/_images/main/4_.gif) no-repeat 0px 3px;}
#mainSection .board ul.recentList a.link5{ background:url(/_images/main/5.gif) no-repeat 0px 3px;}
#mainSection .board ul.recentList a.link5:hover{ background:url(/_images/main/5_.gif) no-repeat 0px 3px;}
#mainSection .board ul.recentList a.link6{ background:url(/_images/main/6.gif) no-repeat 0px 3px;}
#mainSection .board ul.recentList a.link6:hover{ background:url(/_images/main/6_.gif) no-repeat 0px 3px;}

#mainSection .board_n{ float:left; width:324px; height:170px;}
#mainSection .board_pn{ float:right; width:324px; height:170px;}
#mainSection .board_p{float:left; width:324px; height:120px;}
#mainSection .board_p .photoItem{ text-align:center; float:left; margin:2px 2px 8px; width:103px; height:100px;}
#mainSection .board_p .photoItem .photoBox{ text-align:center; width:103px; background-color:#EBEBEB;overflow:hidden; margin-bottom:4px; max-height:69px; height:auto; _height:69px;}
#mainSection .board_p .photoItem .photoTitle{ display:block; overflow:hidden;height:32px; line-height:16px;}
#mainSection .support{float:right; width:324px;}

#menuSection{ width:210px; float:left; margin-top:10px;}
#menuSection h2{ width:210px; height:0px; padding-top:31px;overflow:hidden;}
#menuSection h2.committee{background:url(/_images/subTitle/menuTile_1.gif) no-repeat; }
#menuSection h2.bizplus{background:url(/_images/subTitle/menuTile_11.gif) no-repeat; }
#menuSection h2.notice{background:url(/_images/subTitle/menuTile_2.gif) no-repeat; }
#menuSection h2.support{background:url(/_images/subTitle/menuTile_3.gif) no-repeat; }
#menuSection h2.information{background:url(/_images/subTitle/menuTile_4.gif) no-repeat; }
#menuSection h2.community{background:url(/_images/subTitle/menuTile_5.gif) no-repeat; }
#menuSection h2.data{background:url(/_images/subTitle/menuTile_6.gif) no-repeat; }
#menuSection h2.address{background:url(/_images/subTitle/menuTile_7.gif) no-repeat; }
#menuSection h2.account{background:url(/_images/subTitle/menuTile_8.gif) no-repeat; }
#menuSection h2.mypage{background:url(/_images/subTitle/menuTile_8.gif) no-repeat; }
#menuSection h2.rule{background:url(/_images/subTitle/menuTile_9.gif) no-repeat; }
#menuSection h2.search{background:url(/_images/subTitle/menuTile_10.gif) no-repeat; }

#menuSection .menuBox{ background:url(/_images/common/menuBox_bottom.gif)  no-repeat left bottom; padding-bottom:8px;}

#menuSection .menuBox ul{ background:url(/_images/common/menuBox_middle.gif) repeat-y; list-style-type:none; padding-top:10px; }
#menuSection .menuBox ul li{padding-left:12px; line-height:22px;}
#menuSection .menuBox ul a{ background:url(/_images/common/menuIcon_out.gif) no-repeat 0px 8px; padding-left:8px; color:#787979; text-decoration:none; display:block; width:160px;}
#menuSection .menuBox ul a.on{background:url(/_images/common/menuIcon_over.gif) no-repeat 0px 8px; color:#787979; font-weight:bold; display:block; width:160px;}
#menuSection .menuBox ul a:hover{background:url(/_images/common/menuIcon_over.gif) no-repeat 0px 8px; color:#FF762E;}

#menuSection .menuBox .tagBox{background:url(/_images/common/menuBox_middle.gif) repeat-y;padding-bottom:8px;}
#menuSection .menuBox .tagBox .tagCloud{ padding:10px; line-height:160%;}
#menuSection .menuBox .tagBox a.tag{ margin-right:5px;/*white-space:nowrap;*/}
#menuSection .menuBox .tagBox a.tag:hover{color:#FF4E00;}
#menuSection .menuBox .tag2{ color:#434343;}
#menuSection .menuBox .tag3{ color:#D28A14; font-size:120%;}
#menuSection .menuBox .tag4{ color:#41999B; font-size:120%; font-weight:bold;}
#menuSection .menuBox .tag5{ color:#FB0A0A; font-size:150%; font-weight:bold;}


#contentsSection{ width:666px; float:right;}
#contentsSection .sectionNavi{ position:absolute; text-align:right; width:666px; top:274px; height:16px; font-size:8pt; color:#787979;}
#contentsSection .sectionNavi a{ text-decoration:none; color:#787979;}
#contentsSection .sectionNavi strong{ font-weight:normal;}
#contentsSection h3{ background:url(/_images/common/titleIcon.gif) no-repeat 4px 6px; padding-left:20px; font-size:13px; height:23px; line-height:23px; border-bottom:1px solid #DBDBDB;}
#contentsSection .contents{margin:auto; margin-top:20px; }
#footer { margin-top:35px;}
#footer .banner{ text-align:center;}
#footer .banner a{margin-right:2px;}
#footer .menuBox{ background:url(/_images/common/bottomBox.gif) no-repeat; width:889px; height:32px; margin-top:8px; text-align:center;}
#footer .menuBox ul{ list-style-type:none;padding-top:9px; width:400px; margin:auto;}
#footer .menuBox ul li{ float:left;}
#footer .menuBox ul li a{ height:0px; padding-top:17px; overflow:hidden; display:block; margin-right:20px;}
#footer .menuBox ul li a.footer_menu1{ background:url(/_images/common/footer_01.gif) no-repeat; width:67px;}
#footer .menuBox ul li a.footer_menu2{ background:url(/_images/common/footer_02.gif) no-repeat; width:75px;}
#footer .menuBox ul li a.footer_menu3{ background:url(/_images/common/footer_03.gif) no-repeat; width:77px;}
#footer .menuBox ul li a.footer_menu4{ background:url(/_images/common/footer_04.gif) no-repeat; width:54px;}

#footer .copyright{ background:url(/_images/common/footer.gif) no-repeat; width:700px; height:41px; margin:10px 0px;}