@charset "UTF-8";


#wrap{ min-width: 1280px; position: relative; }


/* HEADER */
#header { width: 1280px; height: 50px; min-width: 1280px; position: relative; text-align: right; padding-top: 28px; background-color: #fff; }
/*#header h1 { padding: 15px 0 0 35px; }*/
#header h1 { position: absolute; top: 22px; left: 17px; }


#header .join { display: inline; text-align: left; overflow: hidden; }
#header .join li { display: inline-block; height: 28px; }

#header .join li:first-child { 
	background: url("../../img/top00.png"), url("../../img/cut.png");
	background-repeat: no-repeat, no-repeat;
	background-position: 0 6px, right 14px;
	padding: 12px 20px 0 35px; }

#header .join li:last-child { background: url("../../img/top01.png") no-repeat 0 6px; margin-left: 18px; padding: 12px 20px 0 35px; }
#header .join li:last-child span { color: #ff9000; }


#header .state { display: inline; height: 40px; line-height: 40px; padding: 0 35px 0 5px; }
#header .state li { display: inline-block; padding: 0 5px; vertical-align: top;  }
#header .state li:first-child { background: url("../../img/cut.png") no-repeat right 14px; padding: 0 10px 0 5px;}
#header .state li a { color: #999999; }



/* CONTAINER */
#container { clear: both; min-width: 1280px; border-top: #ebebeb 1px solid; overflow: hidden; background: #f9f9f9 url("../../img/blockLeft.png") repeat-y 0 0; }


/* LEFT NAVIGATION */
#blockLeft { width: 200px; float: left; color: #ababab; background-color: #3a3a3a; font-family: 'MalgunGothic'; }
#blockLeft a { color: #ababab; font-weight: bold; }
#blockLeft .leftM {  }
#blockLeft .leftM dt { height: 59px; line-height: 59px; border-bottom: #2e2e2e 1px solid; border-top: #454545 1px solid; }
#blockLeft .leftM dt:first-child { border-top: none; }
#blockLeft .leftM dt a { display: block; font-size: 14px;   }


#blockLeft .leftM dt a:hover, #blockLeft .leftM dt a:focus, #blockLeft .leftM dt .on { color: #fff; }

#blockLeft .leftM dt .left0 { background: url("../../img/menu00.png") no-repeat 25px 20px; padding: 0 0 0 58px;  }
#blockLeft .leftM dt .left0:hover, 
#blockLeft .leftM dt .left0:focus,
#blockLeft .leftM dt .left0.on { 
background: url("../../img/menu00_on.png"), url("../../img/here.png"); 
background-repeat: no-repeat, no-repeat;
background-position: 25px 20px, right 22px;
background-color: #e31d26;
}

#blockLeft .leftM dt .left1 { background: url("../../img/menu01.png") no-repeat 25px 20px; padding: 0 0 0 58px; }
#blockLeft .leftM dt .left1:hover, 
#blockLeft .leftM dt .left1:focus,
#blockLeft .leftM dt .left1.on { 
background: url("../../img/menu01_on.png"), url("../../img/here.png"); 
background-repeat: no-repeat, no-repeat;
background-position: 25px 20px, right 22px;
background-color: #e31d26;
}

#blockLeft .leftM dt .left2 { background: url("../../img/menu02.png") no-repeat 25px 19px; padding: 0 0 0 58px;  }
#blockLeft .leftM dt .left2:hover, 
#blockLeft .leftM dt .left2:focus,
#blockLeft .leftM dt .left2.on { 
background: url("../../img/menu02_on.png"), url("../../img/here.png"); 
background-repeat: no-repeat, no-repeat;
background-position: 25px 19px, right 22px;
background-color: #e31d26;
}

#blockLeft .leftM dt .left3 { background: url("../../img/menu03.png") no-repeat 25px 21px; padding: 0 0 0 58px;  }
#blockLeft .leftM dt .left3:hover, 
#blockLeft .leftM dt .left3:focus,
#blockLeft .leftM dt .left3.on { 
background: url("../../img/menu03_on.png"), url("../../img/here.png"); 
background-repeat: no-repeat, no-repeat;
background-position: 25px 21px, right 22px;
background-color: #e31d26;
}

#blockLeft .leftM dt .left4 { background: url("../../img/menu04.png") no-repeat 25px 20px; padding: 0 0 0 58px;  }
#blockLeft .leftM dt .left4:hover, 
#blockLeft .leftM dt .left4:focus,
#blockLeft .leftM dt .left4.on { 
background: url("../../img/menu04_on.png"), url("../../img/here.png"); 
background-repeat: no-repeat, no-repeat;
background-position: 25px 20px, right 22px;
background-color: #e31d26;
}


#blockLeft .leftM dd { padding: 15px 0; font-size: 12px; background-color: #6e3134; border-bottom: #66292c 1px solid; font-weight: normal; }
#blockLeft .leftM dd li a { background: url("../../img/bullet01.png") no-repeat 40px 8px; color: #d57c7f; display: block; padding: 4px 0 4px 58px; }
#blockLeft .leftM dd li a:hover, 
#blockLeft .leftM dd li a:focus, 
#blockLeft .leftM dd li a.on { background: url("../../img/bullet02.png") no-repeat 40px 8px; color: #fff; }

#content {	width: 1000px; float: left; padding: 0 40px 100px 40px; }




/* FOOTER */

