@charset "utf-8";
@import url("/css/layout.css");
@import url("/css/common.css");
@import url("/css/board.css");

/* layout  */
.txtPoint {color:#004F98;}
#bodyLeft {background:url('/images/ddm/bgLeftDDM.gif') no-repeat;}

#location {background:url('/images/ddm/bgDDM.gif') 5px bottom  no-repeat;}

#quickArea div.link {background:url('/images/ddm/bgLinkDDM.gif') repeat-y;}
#quickArea div.link .linkWrap{background:url('/images/ddm/bgLinkDDMBtm.gif') 0 bottom no-repeat;}
#quickArea div.link ul{background:url('/images/ddm/bgLinkDDMTop.gif') no-repeat; }
#quickArea div.link li {background:url('/images/ddm/bgDotDDM01.gif') repeat-x;}

#quickArea div.function {background:url('/images/ddm/bgFunctionDDM.gif') repeat-y;}
#quickArea div.function .functionWrap {background:url('/images/ddm/bgFunctionDDMBtm.gif') 0 bottom no-repeat;}
#quickArea div.function .functionBg {background:url('/images/ddm/bgFunctionDDMTop.gif') no-repeat;}
#quickArea div.function dt {font-weight:bold; font-size:0.85em; text-align:center; color:#014f99;}

/* common */
h2.tit {background:url('/images/common/bul/bulH2DDM.gif') 0 0.3em no-repeat;}
h2.titSub {background:url('/images/common/bul/bulH2DDMSubTitle.gif') 0 45% no-repeat;
	font-size:1.1em; line-height:120%; color:#3372AD; padding-left:15px; margin-top:0; margin-bottom:20px;
}
h3.tit {background:url('/images/common/bul/bulH3DDM.gif') 20px 0.45em no-repeat;}

ul.list li {background:url('/images/common/bul/bulLiDDM01.gif') 0 0.45em no-repeat;}
ul.list .indent1 li {background:url('/images/common/bul/bulLiDDM02.gif') 0 0.5em no-repeat;}
ul.list .indent2 li {background:url('/images/common/bul/bulLiDDM03.gif') 0 0.8em no-repeat;}

#globalSearchKey {border:3px solid #76B7DA !important; line-height:1em;}

.btn span{background:url('/images/common/btn/bgBtnDdmTop.gif') no-repeat;}

div#tabMenu4Dep li a:hover,
div#tabMenu4Dep li a.on {background:url('/images/common/btn/bgTabRDdmOn.gif') no-repeat right 0; color:#3C70A1;}
div#tabMenu4Dep li a:hover span,
div#tabMenu4Dep li a.on span{background:url('/images/common/btn/bgTabLDdmOn.gif') no-repeat;}

/* dot , solid box */
div.center {margin: 0 auto;}


/* */
.mLs {margin-left:10px !important;}
.mLxxs {margin-left:170px !important;}

.mBs{margin-bottom:30px !important;}
.mBxxs {margin-bottom:110px !important;}


.pLs{padding-left:15px !important;}


.pBs{padding-bottom:20px !important;}
.pBxs{padding-bottom:40px !important;}
.pBxxs{padding-bottom:60px !important;}

/* Table definition */
table.data img {vertical-align:middle;}
table.data th {background:#EFF5FF;}

/* main */
div.mainBg {background:url('/images/life/bgLifeMain.jpg') no-repeat; width:198px; height:126px; margin-top:-40px; position:absolute;}
div.mainTit {padding:25px 0 0 230px; height:80px;}
div.mainTit p {display:inline; padding:0; margin:0 0 0 10px;}

ul.mainA {float:left; padding:0; margin:0 40px 0 0; list-style:none;}
	ul.mainA li {padding:0px; margin:0;}

div.mainRecent {float:left;}
	div.mainRecent a {text-decoration:none;}
	div.mainRecent li {background:url('/images/common/bul/bulQuaGray01.gif') 5px 45% no-repeat;}
	div.mainRecent li img {vertical-align:middle; margin-left:3px;}
	div.mainRecent.script {position:relative; padding-top:30px; background:url('/images/civil/bgGrayLine01.gif') 0 19px no-repeat;}
	div.mainRecent.script h2 {position:absolute; top:0; font-size:0; line-height:0;}
	div.mainRecent.script h2.tab01 {left:2px;}
	div.mainRecent.script h2.tab02 {left:75px;}
	div.mainRecent.script h2.tab03 {left:148px;}
	div.mainRecent.script h2.tab04 {left:221px;}
	div.mainRecent.script h2.tab05 {left:294px;}
	
ul.mainB {padding:0 30px 0 0; margin:30px 0 0; list-style:none;}
	ul.mainB li {float:left; padding:0 25px 0 0; background:none;}

/* Organization */
#organi{background:url(/images/ddm/organiBg.gif) 0 0 no-repeat; overflow:hidden; padding-bottom:20px;}

.mintext {font-size:0.85em; line-height:1.7em; letter-spacing:-1pt;}
.mintext a {text-decoration:none;}


.mayor {padding-left:240px !important;}
.secretary{text-indent:-140px !important;}
.dmayor {padding-left:80px!important;}

/* banner */
ul.bannerList {list-style:none; padding:0; margin:0; overflow:hidden;}
	ul.bannerList li {float:left; overflow:hidden; padding:8px 20px 8px 0;}
	ul.bannerList li * {clear:left;}
	ul.bannerList.half li {width:40%;}
	ul.bannerList p {padding:0; margin:0;}
	ul.bannerList img {border:1px solid #4793db;}
	ul.bannerList span {color:#3c70a1; display:inline-block; background:url('/images/common/bul/bulTriGray01.gif') 2px 45% no-repeat; padding-left:10px; width:244px;}


div.chiefCont{width:415px;}