﻿a@font-face {font-family:MalgunGothic; src:url(/font/MalgunGothic.eot);}
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:NanumGothicWeb,NanumGothic, 'Malgun Gothic', Sans-serif; 
}


td {
	font-size : 13px;
	color : #666666;
	text-decoration : none;
	line-height:17px;
	font-family:Tahoma, Verdana,MalgunGothic, "돋움", "굴림"
}

input, select, textarea {font-size:13px; color:#8f8f8f; border:1px solid #ccc; background-color:#fefefe;}
hr {color:#ccc;background-color:#ccc;height:1px;border:none;}


/* default link font */

a:link {
	font-size : 12px;
	color : #666666;
	text-decoration : none;
//	line-height:22px;
}
a:visited {
	font-size : 12px;
	color : #666666;
	text-decoration : none;
//	line-height:22px;
}
a:active {
	font-size : 12px;
	color : #666666;
	text-decoration : none;
//	line-height:22px;
}
a:hover {
	font-size :12x;
	color : #333333;
	text-decoration : none;
//	line-height:22px;
}

.cursor {cursor:pointer;}

a {selector-dummy:expression(this.hideFocus=true); text-decoration:none;}
img {border:0px}


/* body div */

.align {margin:0 auto; width:1000px;}
.center {margin:0 auto;width:1000px;}


#ab {position:absolute;}

/*top*/
#top {height:65px; margin:0 0 30px 0; border-bottom:2px solid #cccccc;}
#top2 {height:65px; margin:0 0 30px 0;}
#left{width:740px; float:left; padding:0 0 30px 0;}
#right{width:222px; float:right;}
#logo {position:relative; top:14px;}

#all{width:1000px; margin:0 auto; }
.alltop{width:1000px; margin:0 auto; height: 140px;}
.alltop_text{width:100%; font-size:11px; padding:10px 25px; }
.alltop_text td{font-size:12px; font-family: NanumGothicWeb,NanumGothic, 'Malgun Gothic', Sans-serif; color: #333; text-align:right;}
.maintop{width:1000px; margin:0 auto; }


#allbody{width:1000px; margin:0 auto;}
.allbodyproject{width:982px; margin:15px auto 0px; padding:10px 0px; border:4px solid #fff5e1; }
.allbodyproject2{width:98%; margin:0 auto; padding-top:10px; }

#allfooter{width:1000px; margin:0 auto;}
.allfooter_table{width:1000px; padding: 30px 0px;  }
.allfooter_table1{width: 146px; margin:0 auto; padding:20px 20px; border:2px solid #a4ceee; }
.allfooter_table2{width: 147px; margin:0 auto; padding:15px 15px; border:2px solid #dcdddd; }
.allfooter_table3{width: 190px; margin:0 auto; padding:15px 15px; border:2px solid #c5c5c5; }


.allfooter_text{float: left; font-size:11px;}
.allfooter_text2{float: left; font-size:12px;}

.allfooter_btn1{float: left; color:#ffffff !important; background-color:#4db5e5; font-weight:normal; font-size: 11px; color:#fff; border-radius:5px; padding:10px 3px; cursor:pointer;}
.allfooter_btn2{float: right; color:#ffffff !important; background-color:#6c6c6c; font-weight:normal; font-size: 11px; color:#fff; border-radius:5px; padding:10px 6px; cursor:pointer;}
.allfooter_btn3{float: left; color:#ffffff !important; background-color:#4db5e5; font-weight:normal; font-size: 11px; color:#fff; border-radius:5px; padding:10px 3px; cursor:pointer;}

.login_btn{margin:0 auto; color:#ffffff !important; background-color:#0084ea; font-weight:normal; font-size: 20px; color:#fff; border-radius:30px; padding:14px 60px;}




.topmenu td{color:#ffffff; font-size:11px; font-weight:bold;}
.topmenu td a:link, .topmenu td a:visited, .topmenu td a:active, .topmenu td a:hover {color:#ffffff; font-size:11px; font-weight:bold;}

#order {margin:0 0 20px 0;} 
#ordertitle {border-bottom:1px dotted #cccccc; color:#f3431a; font-size:11px; height:15px; margin:0 0 10px 0;}
.orderhistory ul, li {font-size:11px; list-style:none;}
.orderhistory ul {margin:0px; padding:0px;}  
.orderhistory li {position:relative; float:left; padding:2px 5px; left:-45px; top:-5px; color:#666666; font-weight:normal}


/*maintitle*/
.maintitlered {color:#f3431a; font-size:12px; font-weight:bold; padding:10px 0 0 0; margin:20px 0 5px 0; border-top:1px solid #eaeaea;}
.maintitle {color:#000; font-size:12px; font-weight:bold; margin:7px 0 0 0;}
.maintitle a{color:#000; font-size:12px; font-weight:bold; margin:7px 0 0 0;}
.mainpn {position:relative; top:-5px; color:#8ab73c; font-size:11px; font-weight:normal;}

.mainlist ul,li { list-style:none; font-size:11px; font-weight:bold; color:#666666}
.mainlist li a {position:relative; width:480px; line-height:18px; left:-15px; color:#666666; font-size:11px;}

.sum_status {float:left; width:100px; height:50px; margin-bottom: 24px; font-size: 36px; font-weight: 300; color: #333333; line-height: inherit; vertical-align: top;}
.sum_status_label {font-size:11px; color:#999999; margin-bottom:10px;}

.prospec ul,li { list-style:none; font-size:11px; color:#666666}
.prospec li {position:relative; width:320px; top:-10px; font-weight:normal; line-height:17px; left:-20px; color:#666666; font-size:11px;}
.prospec li a { font-weight:normal; line-height:17px; color:#666666; font-size:11px;}

.leftmenu ul,li { list-style:none; font-size:13px; font-weight:400; color:#000000}
.leftmenu li a {position:relative; width:210px; line-height:22px; left:-25px; color:#000000}

/*Quotation*/
.quotation_notice {text-align: center; border: 1px solid #f6e7cb; width: 740px; margin: 30px auto 0px;  padding: 15px; background-color: #fff7ea; font-weight: 600; border-radius: 5px}

/*icon*/
#status {margin:0px;}
.icon {width:60px; height:59px;float:left;}
.arrow{position:relative; width:38px; float:left; text-align:center; top:23px}
#quo{clear:both; position:relative; top:-38px; left:124px; z-index:1000; width:30px; height:30px; color:#ffffff; font-size:12px; font-weight:bold; text-align:center; margin:0 0 -7px 0}



/*search*/
#search{position:relative; width:950px; height:33px; background-color:#e9e9e9;margin:0 auto;margin-top: 20px;padding-top: 6px;}
.mar1{position:relative; top:6px; float:left; margin:0 0 0 3px;}
.mar2{position:relative; top:3px; float:left; margin:0 0 0 5px;}
#result{position:relative;padding:20px 0 5px 0; border-bottom:1px solid #eaeaea;width:950px; margin: 0 auto;}

/*list*/
.productlist ul, li { list-style:none;}
.productlist ul {position:relative; margin:0px; padding:0px;}  
.productlist li {position:relative; border-bottom:1px solid #eaeaea; top:-15px; left:-40px; width:740px; height:115px;}
.bg{ background-color:#f4f4f4}

.clogo{position:relative; width:100px; left:18px; top:20px; height:30px;}
.c1{position:relative; width:520px; top:-15px; left:74px; color:#8ab73c; font-size:11px; font-weight:normal;}
.c2{position:relative; width:520px; top:-15px; left:74px; color:#666666; font-size:11px; font-weight:bold;}
.c3{position:relative; width:520px; height:30px; top:-15px; left:74px; color:#666666; font-size:11px; font-weight:normal;}
.c4{position:relative; width:520px; top:5px; left:74px; color:#666666; font-size:10px; font-weight:normal;}
.c4 a{color:#666666; font-size:10px; font-weight:normal;}

.c5{text-align:right; position:relative; left:530px; top:-75px; width:200px; color:#666666; font-size:11px;  font-weight:normal; font-family:Tahoma, Verdana,MalgunGothic,"돋움", "굴림"}
.c6{text-align:right; position:relative; left:530px; top:-43px; width:200px; color:#f3431a; font-size:11px;  font-weight:normal; font-family:Tahoma, Verdana,MalgunGothic,"돋움", "굴림"}
.order{width:60px; text-align:right}
.order2{width:60px; text-align:right; background-color:#ffecec; border:1px solid #ffb7b7;}
.c7{position:relative; top:-37px; width:60px; left:605px; color:#666666; font-size:10px;  font-weight:normal;}
.c8{position:relative; top:-57px; left:676px; width:26px; height:11px;  font-weight:normal;}
.c9{position:relative; top:-57px; left:676px; width:26px; height:10px;  font-weight:normal;}
.c10{position:relative; top:-78px; left:705px; width:26px; height:21px;  font-weight:normal;}

.servicetag{position:relative; top:-179px; left:470px; width:72px; height:60px;}

#title{ height:15px; color:#666666; font-size:12px; font-family:Tahoma, Verdana,MalgunGothic,"돋움", "굴림"; font-weight:bold}
.cartlist {margin:0 0 10px 0}
.cartlist td{border-bottom: 1px solid #eaeaea;}

.oon{color:#f3431a; font-size:12px; font-family:Tahoma, Verdana,MalgunGothic,"돋움", "굴림"; font-weight:bold;}
.ooff{color:#666666; font-size:11px; font-family:Tahoma, Verdana,MalgunGothic,"돋움", "굴림"}
.o1{color:#8ab73c; font-size:11px;}
.o2{color:#666666; font-size:11px; font-weight:bold;}
.o3{color:#666666; font-size:11px;}
.o4{color:#666666; font-size:12px;}
.o5{padding:0 10px 0 0; color:#666666; font-size:12px;}
.o6{padding:0 10px 0 0; color:#666666; font-size:12px;}
.o7{padding:0 10px 0 0; color:#f3431a; font-size:12px; font-weight:bold}
.o8{text-align:right; color:#666666; font-size:12px; font-family:Tahoma, Verdana,MalgunGothic,"돋움", "굴림"}
.o9{text-align:right; position:relative; color:#f3431a; font-size:11px; font-family:Tahoma, Verdana,MalgunGothic,"돋움", "굴림"}

.stitle{height:15px; color:#666666; font-size:11px; font-family:Tahoma, Verdana, MalgunGothic,"돋움", "굴림"; font-weight:bold; border-bottom:2px solid #f3431a}
.stitle2{height:25px; color:#666666; font-size:11px; font-family:Tahoma, Verdana, MalgunGothic,"돋움", "굴림"; font-weight:bold; border-bottom:2px solid #f3431a;}
.stitle3{height:25px; color:#666666; font-size:11px; font-family:Tahoma, Verdana, MalgunGothic,"돋움", "굴림"; font-weight:bold; }
.stitle4{height:25px; color:#666666; font-size:11px; font-family:Tahoma, Verdana, MalgunGothic,"돋움", "굴림"; font-weight:bold; border-bottom:2px solid #fcac2d;}
.regtable {margin:0 0 20px 0 margin:0 auto;}
.regtable td{border-bottom:1px solid #eaeaea; padding:0 10px; font-family:NanumGothicWeb,NanumGothic, 'Malgun Gothic', Sans-serif; font-size:13px;margin:0 auto;}
.regcomment{width:600px; height:100px;}

.fleft{float:left}
.fright{float:right}
.chkbox{position:relative; top:-4px; border:0px; border:0px solid #ffffff}
.chkbox2{border:0px; border:0px solid #ffffff}
.radio{margin:0 0 -2px 0;vertical-align:middle; border:0px solid #ffffff} /*라디오버튼정렬*/
.jointxt{width:920px; height:150px;padding-left: 10px;}
.jointxt2{width:710px; height:450px;}

.line{ height:1px; border-bottom:1px solid #eaeaea;}
.won { font-family:"돋움", "굴림", MalgunGothic, Verdana}

/* #gBtn7 */
.gBtn7 a{display:block; background:url('/images/gBtn7_bg.gif') left 0; float:left; font:12px 굴림; color:#777; padding-left:6px; text-decoration:none; height:27px; cursor:pointer; margin-right:8px; overflow:hidden; text-align:center}
.gBtn7 a:hover{background:url('/images/gBtn7_bg.gif') left -27px; text-align:center}
.gBtn7 a span{display:block; float:left; background:url('/images/gBtn7_bg.gif') right 0; line-height:240%; padding-right:6px; height:27px; overflow:hidden; text-align:center}
.gBtn7 a:hover span{background:url('/images/gBtn7_bg.gif') right -27px; color:#000; text-align:center}

/* #gBtn9 */
/*.gBtn9 a{display:block; background:url('/images/gBtn9_bg.gif') left 0; float:left; font:12px 굴림; color:#fff; padding-left:6px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden}
.gBtn9 a:hover{background:url('/images/gBtn9_bg.gif') left -27px}
.gBtn9 a span{display:block; float:right; background:url('/images/gBtn9_bg.gif') right 0; line-height:240%; padding-right:6px; height:27px; overflow:hidden}
.gBtn9 a:hover span{background:url('/images/gBtn9_bg.gif') right -27px; color:#fff}*/


/* #gBtn9 */
.gBtn9 a{display:block; background:url('/images/gBtn9_bg.gif') left 0; float:left; font:12px 굴림; color:#fff; padding-left:6px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden; text-align:center}
.gBtn9 a:hover{background:url('/images/gBtn9_bg.gif') left -27px; text-align:center}
.gBtn9 a span{display:block; float:left; background:url('/images/gBtn9_bg.gif') right 0; line-height:240%; padding-right:6px; height:27px; overflow:hidden; text-align:center}
.gBtn9 a:hover span{background:url('/images/gBtn9_bg.gif') right -27px; color:#fff; text-align:center}

/* #gBtn10 */
.gBtn10 a{display:block; background:url('/images/gBtn10_bg.gif') left 0; float:left; font:12px 굴림; color:#fff; padding-left:6px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden; text-align:center}
.gBtn10 a:hover{background:url('/images/gBtn10_bg.gif') left -27px; text-align:center}
.gBtn10 a span{display:block; float:left; background:url('/images/gBtn10_bg.gif') right 0; line-height:240%; padding-right:6px; height:27px; overflow:hidden; text-align:center}
.gBtn10 a:hover span{background:url('/images/gBtn10_bg.gif') right -27px; color:#fff; text-align:center}

/* #bts */
.bts a{display:block; background:url('/images/bts.gif') left 0; float:left; font-size:11px; font-family:Tahoma, Verdana, MalgunGothic,"돋움", "굴림"; color:#777; padding-left:6px; text-decoration:none; height:21px; cursor:pointer; margin-right:3px; overflow:hidden; margin:0 0 0 3px; text-align:center}
.bts a:hover{background:url('/images/bts.gif') left -21px; text-align:center}
.bts a span{display:block; float:left; background:url('/images/bts.gif') right 0; line-height:180%; padding-right:6px; height:21px; overflow:hidden; text-align:center}
.bts a:hover span{background:url('/images/bts.gif') right -21px; color:#000; text-align:center}




/*page*/
.paging td {font-size:16px;}
.page {width:1000px; text-align:center; font-size:11px; color:#666666;}
.page a{padding:3px; color:#666666;}
.page a:hover{padding:3px; color:#000000;}

.page2 {width:1000px; text-align:center; font-size:11px; color:#666666;}
.page2 a{padding:3px; color:#666666;}
.page2 a:hover{padding:3px; color:#000000;}

.page3 {width:1000px; text-align:center; font-size:11px; color:#666666;padding-top:20px; font-size:16px;}
.page3 a{padding:3px 8px; color:#666666; background-color: #f4f4f4; border-radius: 10px;}
.page3 a:hover{padding:3px 8px; color:#ffffff !important; background-color: #666666; border-radius: 10px;}
.page3 a.curpage{padding:3px 8px; font-weight: 600; color:#ffffff; background-color: #f6ac2e; border-radius: 10px;}
.page3 a.curpage:hover{padding:3px 8px; font-weight: 600; color:#333333!important; background-color: #ffffff; border-radius: 10px;}


/*search right*/
#searchright {margin:0 0 10px 0;}
#searchright select {width:180px;}
#searchright input {width:195px;}
#searchright div {margin:0 0 2px 0;}

/*login*/
#login {position:relative; top:-5px; }
#login input {float:left; width:70px; height:17px; background-color:#ffffff; border:1px dotted #cccccc}
#logout {position:relative; top:-5px; font-size:11px; color:#999999;}


/*cart*/
#cart { background-color:#f8f8f8;margin:0 0 30px 0;}
#carttitle {color:#FFFFFF; font-size:11px; background-image:url(/images/cart_bg_01.gif)}
#carttitle a{color:#FFFFFF; font-size:11px; text-decoration:none;}

#cartright td{padding:0 5px 0 5px; font-size:11px;}
.dotline{border-top:1px dotted #cccccc;}

/*history*/
#history {padding: 20px 25px 20px 27px; text-align: center;} 
#historytitle {font-size:14px; height:15px; margin:0 0 20px 0; text-align: left; font-weight: bold; background-color: #f4f4f4; padding:7px;}
.historylist{float:left;}
.historyarrow{float:left; text-align:center; width:30px; padding:26px 0 0 0;}
.fclear{clear:both;}


/*ipoint*/
.point_sum td {font-size:36px; color:#333333/*#3ba0ea*/; line-height: inherit; vertical-align: top;}
.sum_label {font-size:11px; color:#999999;}


/*board*/
.board {border-top:1px solid #eaeaea; margin:0 auto; align:center;}
.board th{border-bottom:1px solid #eaeaea; padding:0px 2px; font-family:NanumGothicWeb,NanumGothic, 'Malgun Gothic', Sans-serif; font-size:13px; line-height:35px;}
.board td{border-bottom:1px solid #eaeaea; padding:4px 2px; font-family:NanumGothicWeb,NanumGothic, 'Malgun Gothic', Sans-serif; font-size:13px; line-height:35px;}
.boardtitle {font-family:Tahoma, Verdana, MalgunGothic; font-size:13px; font-weight:bold; color:#000000;}


/*news*/
#news {clear:both; margin:0 0 15px 0;}
#newstitle {border-bottom:1px dotted #cccccc; color:#f3431a; font-size:11px; height:15px;}
#newslist ul,li { list-style:none;}
#newslist li a {position:relative; width:210px; top:-11px; line-height:19px; left:-30px; font-size:11px; font-weight:normal;}

/*join*/
#join {margin:0 0 30px 0;}
#jointitle {border-bottom:1px dotted #cccccc; color:#f3431a; font-size:11px; height:15px;}
#joinlist ul,li { list-style:none;}
#joinlist li a {position:relative; width:210px; top:-13px; line-height:19px; left:-35px; font-size:11px; font-weight:normal;}

.required { vertical-align: super; margin-left:2px;}

/*bottom*/
#bottom {clear:both; border-top:2px solid #cccccc; margin:10px 0 0 0; padding:10px 0 10px 0; font-size:11px; color:#bbbbbb;}
#blogo {width:100px;}
#botnavi ul, li {font-size:11px; list-style:none;}
#botnavi ul {margin:0px; padding:0px; }  
#botnavi li {position:relative; float:left; padding:0 10px; left:50px; top:-32px; color:#999999; font-weight:normal;}
#botnavi li a{top:-4px; font-size:11px; color:#999999; font-weight:normal;}

#copyright {clear:both; position:relative; top:-20px; left:98px; width:800px;}
#certi {position:relative; top:-70px; float:right; }
#distlogo {position:relative; top:-70px; float:right; margin:0 15px 0 0 }





/*adm*/

#admright{width:860px; float:right; padding:0 0 30px 0;}
#admleft{width:102px; float:left;}

.admtopmenu td{color:#ffffff; font-size:11px; font-weight:bold;}
.admtopmenu td a:link, 
.admtopmenu td a:visited, .admtopmenu td a:active, .admtopmenu td a:hover {color:#ffffff; font-size:11px; font-weight:bold;}

.btn_pri a{padding: 10px 38px!important; border-radius: 24px!important;}

.tabmenu ul,li { list-style:none;}
.tabmenu li {position:relative; top:10px; float:left; padding:4px 10px 2px 10px; margin:0 5px 0 0 ; line-height:19px;}
.tabmenu li a{font-size:11px;}
.tabon {background-color:#ffffff; font-weight:bold; color:#000000;}
.tabon a{font-weight:bold; color:#000000;}
.taboff {background-color:#eaeaea;}
.taboff_mypoint {background-color:#1da2e8;}
.taboff_mypoint a{color:white;border-radius:50px;}

.mypoint{width: 1000px; margin: 0 auto;}
.tabmenu2 {padding:10px 25px;}
.tabmenu2 ul,li { list-style:none;}
.tabmenu2 li { top:10px; float:left; margin:0 5px 0 0 ; }
.tabmenu2 li a{text-decoration:none; font-size:13px; padding:6px 12px;}
.tabmenu2 li a:hover{font-size:13px;}

.taboff2 {}
.taboff2 a{text-decoration:none; color:#fff; background-color:#6c6c6c;border-radius:5px; }
.taboff2 a:hover{color:#fff; background-color:#cc3333;border-radius:5px;}

.tabon2 a{color:#fff; background-color:#cc3333;border-radius:5px;}

.taboff2_mypoint {}
.taboff2_mypoint a{color:#fff; background-color:#1da2e8;border-radius:5px;}
.taboff2_mypoint a:hover{ color:#fff; background-color:#ff8c04; border-radius:5px;}

.tabon2_mypoint a{ color:#fff; background-color:#ff8c04; border-radius:5px;}



.admintitle {position:relative; padding:0px; margin:0 0 5px 0; line-height:19px; font-size:12px; font-weight:bold; border-bottom:1px solid #eaeaea}

.admtable {border-top:1px solid #eaeaea; margin:0 0 20px 0}
.admtable td{border-bottom:1px solid #eaeaea; padding:4px 5px; font-family:Tahoma, Verdana, MalgunGothic,"돋움", "굴림"; font-size:11px;}
.admtable input, .admtable select{font-size:11px; color:#8f8f8f; text-align:right}

.admtable2 {border-top:1px solid #eaeaea; margin:0 0 20px 0}
.admtable2 td{border-bottom:1px solid #eaeaea; padding:0px 5px; font-family:Tahoma, Verdana, MalgunGothic,"돋움", "굴림"; font-size:11px;}
.admtable2 input, .admtable select{font-size:11px; color:#8f8f8f; text-align:right}

.mm_box{border:1px solid #e98484;}


/*reg_btn*/
.reg_btn {background-color:#6c6c6c; font-weight:normal; font-size: 12px; color:#fff; border-radius:10px; padding:3px 10px;}
.reg_btn a{text-decoration:none; font-weight:normal; color:#fff; border-radius:10px;}
.reg_btn a:hover{text-decoration:none; font-weight:normal; color:#fff; border-radius:10px;}


/*font*/

 a.yellow12:link { font-size : 12px;  color : #FF9314;  text-decoration : none;   }
 a.yellow12:visited { font-size : 12px;  color : #FF9314;  text-decoration : none;   }
 a.yellow12:active { font-size : 12px;  color : #FF9314;  text-decoration : none;  }
 a.yellow12:hover { font-size :12px;  color : #FF9314;  text-decoration : none;   }

 a.white12:link { font-size : 12px;  color : #ffffff;  text-decoration : none;   }
 a.white12:visited { font-size : 12px;  color : #ffffff;  text-decoration : none;   }
 a.white12:active { font-size : 12px;  color : #ffffff;  text-decoration : none;  }
 a.white12:hover { font-size :12px;  color : #ffffff;  text-decoration : none;   }
 
 a.white12bold:link { font-size : 12px;  color : #ffffff;  text-decoration : none; font-weight: bold;  }
 a.white12bold:visited { font-size : 12px;  color : #ffffff;  text-decoration : none; font-weight: bold;  }
 a.white12bold:active { font-size : 12px;  color : #ffffff;  text-decoration : none; font-weight: bold; }
 a.white12bold:hover { font-size :12px;  color : #ffffff;  text-decoration : none; font-weight: bold;  }

 a.black12bold:link { font-size : 12px;  color : #000000;  text-decoration : none; font-weight: bold;  }
 a.black12bold:visited { font-size : 12px;  color : #000000;  text-decoration : none; font-weight: bold;  }
 a.black12bold:active { font-size : 12px;  color : #000000;  text-decoration : none; font-weight: bold; }
 a.black12bold:hover { font-size :12px;  color : #000000;  text-decoration : none; font-weight: bold;  }

 a.black12:link { font-size : 12px;  color : #000000;  text-decoration : none;   }
 a.black12:visited { font-size : 12px;  color : #000000;  text-decoration : none;   }
 a.black12:active { font-size : 12px;  color : #000000;  text-decoration : none;  }
 a.black12:hover { font-size :12px;  color : #000000;  text-decoration : none;   }
 
 a.deepblue12:link { font-size : 12px;  color : #122A55;  text-decoration : none;   }
 a.deepblue12:visited { font-size : 12px;  color : #122A55;  text-decoration : none;   }
 a.deepblue12:active { font-size : 12px;  color : #122A55;  text-decoration : none;  }
 a.deepblue12:hover { font-size :12px;  color : #122A55;  text-decoration : none;   }
 
 a.blue12:link { font-size : 12px;  color : #3366CC;  text-decoration : none;   }
 a.blue12:visited { font-size : 12px;  color : #3366CC;  text-decoration : none;   }
 a.blue12:active { font-size : 12px;  color : #3366CC;  text-decoration : none;  }
 a.blue12:hover { font-size :12px;  color : #3366CC;  text-decoration : none;   }
 
 a.blue11:link { font-size : 11px;  color : #3366CC;  text-decoration : none;   }
 a.blue11:visited { font-size : 11px;  color : #3366CC;  text-decoration : none;   }
 a.blue11:active { font-size : 11px;  color : #3366CC;  text-decoration : none;  }
 a.blue11:hover { font-size :11px;  color : #3366CC;  text-decoration : none;   }

 a.red12:link { font-size : 12px;  color : #f3431a;  text-decoration : none;   }
 a.red12:visited { font-size : 12px;  color : #f3431a;  text-decoration : none;   }
 a.red12:active { font-size : 12px;  color : #f3431a;  text-decoration : none;  }
 a.red12:hover { font-size :12px;  color : #f3431a;  text-decoration : none;   }

 a.red11:link { font-size : 11px;  color : #ff0000;  text-decoration : none;   }
 a.red11:visited { font-size : 11px;  color : #ff0000;  text-decoration : none;   }
 a.red11:active { font-size : 11px;  color : #ff0000;  text-decoration : none;  }
 a.red11:hover { font-size :11px;  color : #ff0000;  text-decoration : none;   }
 
 a.grey11:link { font-size : 11px;  color : #666666;  text-decoration : none;   }
 a.grey11:visited { font-size : 11px;  color : #666666;  text-decoration : none;   }
 a.grey11:active { font-size : 11px;  color : #666666;  text-decoration : none;  }
 a.grey11:hover { font-size :11px;  color : #666666;  text-decoration : none;   }
 
 a.grey12:link { font-size : 12px;  color : #666666;  text-decoration : none;   }
 a.grey12:visited { font-size : 12px;  color : #666666;  text-decoration : none;   }
 a.grey12:active { font-size : 12px;  color : #666666;  text-decoration : none;  }
 a.grey12:hover { font-size :12px;  color : #666666;  text-decoration : none;   }

 a.cen2:link { font-size : 12px;  color : #666666;  text-decoration : none;   }
 a.cen2:visited { font-size : 12px;  color : #666666;  text-decoration : none;   }
 a.cen2:active { font-size : 12px;  color : #666666;  text-decoration : none;  }
 a.cen2:hover { font-size :12px;  color : #666666;  text-decoration : none;   }

 a.brightgrey12:link { font-size : 12px;  color : #999999;  text-decoration : none;   }
 a.brightgrey12:visited { font-size : 12px;  color : #999999;  text-decoration : none;   }
 a.brightgrey12:active { font-size : 12px;  color : #999999;  text-decoration : none;  }
 a.brightgrey12:hover { font-size :12px;  color : #999999;  text-decoration : none;   }

 a.blue12bold:link { font-size : 12px;  color : #003399;  text-decoration : none;   }
 a.blue12bold:visited { font-size : 12px;  color : #003399;  text-decoration : none;   }
 a.blue12bold:active { font-size : 12px;  color : #003399;  text-decoration : none;  }
 a.blue12bold:hover { font-size :12px;  color : #003399;  font-weight: bold; text-decoration : none;   }

 a.subnavi:link { font-size : 12px; color : #666666;  text-decoration : none; }
 a.subnavi:visited { font-size : 12px; color : #666666;  text-decoration : none; }
 a.subnavi:active { font-size : 12px; color : #666666; text-decoration : none; }
 a.subnavi:hover { font-size :12px; color : #000000;  text-decoration : none; }
 
 a.subnavi:link { font-size : 12px; color : #666666;  text-decoration : none; }
 a.subnavi:visited { font-size : 12px; color : #666666;  text-decoration : none; }
 a.subnavi:active { font-size : 12px; color : #666666; text-decoration : none; }
 a.subnavi:hover { font-size :12px; color : #000000;  text-decoration : none; }


 a.ptitle:link  {font-size: 17px; font-weight: bold; line-height: 17px; color: #30a1d8; text-decoration : none;}
 a.ptitle:visited  {font-size: 17px; font-weight: bold; line-height: 17px; color: #30a1d8; text-decoration : none;}
 a.ptitle:active  {font-size: 17px; font-weight: bold; line-height: 17px; color: #30a1d8; text-decoration : none;}
 a.ptitle:hover  {font-size: 17px; font-weight: bold; line-height: 17px; color: #30a1d8; text-decoration : none;}

 a.ptitle2:link  {font-size: 17px; font-weight: bold; line-height: 17px; color: #666666; text-decoration : none;}
 a.ptitle2:visited  {font-size: 17px; font-weight: bold; line-height: 17px; color: #666666; text-decoration : none;}
 a.ptitle2:active  {font-size: 17px; font-weight: bold; line-height: 17px; color: #666666; text-decoration : none;}
 a.ptitle2:hover  {font-size: 17px; font-weight: bold; line-height: 17px; color: #666666; text-decoration : none;}



/* font */

.wine12 {
	font-size: 12px;
	color: #650014;
	line-height: 14px;
}


.black11 {
	font-size: 11px;
	color: #000000;
	line-height: 14px;
}

.black12 {
	font-size: 12px;
	color: #000000;
	line-height: 17px;
}

.black12bold {
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
	color: #000000;
}


.black11bold {
	font-size: 11px;
	font-weight: bold;
	line-height: 17px;
	color: #000000;
}

.black13 {
	font-size: 13px;
	color: #000000;
	line-height: 17px;
}

.black13bold {
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	color: #000000;
}

.black14bold {
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	color: #000000;
}


.white12 {
	font-size: 12px;
	color: #ffffff;
	line-height: 17px;
}

.white12bold {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 17px;
}

.brightgrey11 {
	font-size: 11px;
	font-weight:normal;
	color: #999999;
	line-height: 17px;
}

.grey12 {
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	font-weight:normal;
}

.grey11 {
	font-size: 11px;
	color: #777777;
	line-height: 18px;
	font-weight:normal;

}

.grey11bold {
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	font-weight: bold;

}

.grey12bold {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	line-height: 17px;
}

.grey13 {
	font-size: 13px;
	font-weight:normal;
	color: #666666;
	line-height: 17px;
}

.grey13bold {
	font-size: 13px;
	font-weight:bold;
	color: #666666;
	line-height: 17px;
}

.grey14bold {
	font-size: 14px;
	font-weight:bold;
	color: #666666;
	line-height: 17px;
}

.grey15{
	font-size: 15px;
    font-weight:normal;
	color: #666666;
	line-height: 17px;
}



.blue12 {
	font-size: 12px;
	color: #3366CC;
	line-height: 17px;
}

.blue11 {
	font-size: 11px;
	color: #3366CC;
	line-height: 17px;
}

.lightblue11 {
	font-size: 11px;
	color: #64b2ee;
	line-height: 17px;
}

.lightblue12 {
	font-size: 12px;
	color: #64b2ee;
	line-height: 17px;
}

.blue11bold {
	font-size: 11px;
	color: #3366CC;
	font-weight: bold;
	line-height: 17px;
}


.orange13bold {
	font-size: 11px;
	color: #fcac2d;
	font-weight: bold;
	line-height: 17px;
}


.skyblue12 {
	font-size: 12px;
	color: #219EED;
	line-height: 17px;
}

.green12 {
	font-size: 12px;
	color: #64BE14;
	line-height: 17px;
}


.blue12bold {
	font-size: 12px;
	font-weight: bold;
	color: #3333FF;
	line-height: 17px;
}


.red12 {
	font-size: 12px;
	color: #f3431a;
	line-height: 17px;
	font-weight:normal;
}
.red12bold {
	font-size: 12px;
	color: #f3431a;
	line-height: 17px;
	font-weight:bold;
}
.red11 {
	font-size: 11px;
	color: #f3431a;
	line-height: 17px;
	font-weight:normal;	
}

.yellow12 {
	font-size: 12px;
	color: #FF9314;
	line-height: 17px;
}


.deepblue11 {
	font-size: 11px;
	color: #122A55;
	line-height: 14px;
}

.deepblue12 {
	font-size: 12px;
	color: #122A55;
	line-height: 17px;
}

.deepblue12bold {
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
	color: #122A55;
}

.black17bold {
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	color: #000000;
}

.ptitle {
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	color: #30a1d8;
}