@charset "utf-8";

body {
	padding:10px 0;
	margin:0;
	text-align:center;
	overflow-y:scroll;
	}

:focus {
	outline: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
 
.clearfix {
	display: inline-block;
	}
 
html[xmlns] .clearfix {
	display: block;
	}
 
* html .clearfix {
	height: 1%;
	}

input, textarea {
	font:normal 12px Arial, Helvetica, sans-serif;
	}

#header {
	position: fixed
	top: 0px;
	color: #EAEAEA;
	font-size: 9px;
	text-align:right;
}

#container {
	width:940px;
	margin:0 auto;
	text-align:left;
	font:normal 12px/2em Arial, Helvetica, sans-serif;
	color:333;
	}

#orderPage #container {
	width:760px;
	}

a{
	text-decoration:none;
	color:#d24f79;
	}

a:hover {
	text-decoration:underline;
	}

ul li {
	list-style:none;
	}

#main {
	vertical-align:top;
	padding-right:20px;
	padding-bottom:10px;
	}

#footer {
	height:25px;
	background:#211e1f url(images/footer.gif) no-repeat left top;
	}


#idxHd {
	background:url(images/idxBgImg.jpg) no-repeat center 45px;
	height:460px;
	margin-bottom:10px;
	}
	
#hdNav {
	margin:10px 0 0 0;
	padding:0;
	line-height:1em;
	}

#hdNav a{
	display:block;
	width:150px;
	height:17px;
	text-decoration:none;
	text-indent:-3000px;
	}


#hdNav .hd_1 a {	background:url(images/hdNav.gif) no-repeat left top;	}
#hdNav .hd_2 a {	background:url(images/hdNav.gif) no-repeat left -17px;	}
#hdNav .hd_3 a {	background:url(images/hdNav.gif) no-repeat left -34px;	}
#hdNav .hd_4 a {	background:url(images/hdNav.gif) no-repeat left -51px;	}

#hdNav .hd_1 a:hover {	background:url(images/hdNav.gif) no-repeat right top;	}
#hdNav .hd_2 a:hover {	background:url(images/hdNav.gif) no-repeat right -17px;	}
#hdNav .hd_3 a:hover {	background:url(images/hdNav.gif) no-repeat right -34px;	}
#hdNav .hd_4 a:hover {	background:url(images/hdNav.gif) no-repeat right -51px;	}

.hot {
	background:url(images/ico_hot.gif) no-repeat left center;
	font-size:18px;
	font-weight:bold;
	padding-left:40px;
	margin-bottom:20px;
	color:#eb105c;
	}

.hot a {
	color:#eb105c;
	}

.news {
	width:450px;
	}

.newsH {
	background:url(images/newsH.gif) no-repeat left top;
	text-align:right;
	}
	
.news ul a {
	display:block;
	padding:5px;
	background:url(images/ico_dott.gif) repeat-x left bottom;
	color:#333;
	}

.news ul a:hover {
	color:#d24f79;
	text-decoration:none;
	background-color:#f5f5f5;
	}

.news ul {
	margin:0;
	padding:0 10px 10px;
	background-image:url(images/newsBodyBg.gif);
	}
	
.idxMz {
	width:300px;
	}	
	
.idxMz img {
	border:0;
	}
.idxMz td {
	text-align:right;
	}

#sideBar {
	background:#211e1f;
	width:160px;
	}

#sideBar .order a{
	text-decoration:none;
	text-indent:-3000px;
	display:block;
	width:160px;
	height:60px;
	background:url(images/sbBtn_order.gif) no-repeat center center;
	margin-bottom:10px
	}

#sideBar .np a{
	text-decoration:none;
	text-indent:-3000px;
	display:block;
	width:160px;
	height:50px;
	background:url(images/sbBtn_np.gif) no-repeat center center;
	margin-bottom:10px;
	}

#sideBar .new_np a{
	text-decoration:none;
	text-indent:-3000px;
	display:block;
	width:160px;
	height:63px;
	background:url(images/sbBtn_link.gif) no-repeat center center;
	}
	
#sideBar li {
	list-style:none;
	}
	
#sbNav1 {
	margin:0 0 32px;
	padding:0
	}

#sbNav1  a{
	display:block;
	width:160px;
	height:42px;
	text-decoration:none;
	text-indent:-3000px;
	}

#sbNav1 .n1_1 a {    background:url(images/sbNav1.gif) no-repeat -10px top;    }
#sbNav1 .n1_2 a {    background:url(images/sbNav1.gif) no-repeat -10px -42px;    }
#sbNav1 .n1_3 a {    background:url(images/sbNav1.gif) no-repeat -10px -84px;    }
#sbNav1 .n1_4 a {    background:url(images/sbNav1.gif) no-repeat -10px -126px;    }
#sbNav1 .n1_5 a {    background:url(images/sbNav1.gif) no-repeat -10px -168px;    }
#sbNav1 .n1_6 a {    background:url(images/sbNav1.gif) no-repeat -10px -210px;    }
#sbNav1 .n1_7 a {    background:url(images/sbNav1.gif) no-repeat -10px -252px;    }

#sbNav1 .n1_1 a:hover {    background:url(images/sbNav1.gif) no-repeat -190px top;    }
#sbNav1 .n1_2 a:hover {    background:url(images/sbNav1.gif) no-repeat -190px -42px;    }
#sbNav1 .n1_3 a:hover {    background:url(images/sbNav1.gif) no-repeat -190px -84px;    }
#sbNav1 .n1_4 a:hover {    background:url(images/sbNav1.gif) no-repeat -190px -126px;    }
#sbNav1 .n1_5 a:hover {    background:url(images/sbNav1.gif) no-repeat -190px -168px;    }
#sbNav1 .n1_6 a:hover {    background:url(images/sbNav1.gif) no-repeat -190px -210px;    }
#sbNav1 .n1_7 a:hover {    background:url(images/sbNav1.gif) no-repeat -190px -252px;    }



#sbNav2 {
	margin:40px 0;
	padding:0;
	}

#sbNav2 a{
	display:block;
	width:160px;
	height:24px;
	text-decoration:none;
	text-indent:-3000px;
	}

#sbNav2 .n2_1 a {	background:url(images/sbNav2.gif) no-repeat left top;	}
#sbNav2 .n2_2 a {	background:url(images/sbNav2.gif) no-repeat left -24px;	}
#sbNav2 .n2_3 a {	background:url(images/sbNav2.gif) no-repeat left -48px;	}
#sbNav2 .n2_4 a {	background:url(images/sbNav2.gif) no-repeat left -72px;	}

#sbNav2 .n2_1 a:hover {	background:url(images/sbNav2.gif) no-repeat -180px top;	}
#sbNav2 .n2_2 a:hover {	background:url(images/sbNav2.gif) no-repeat -180px -24px;	}
#sbNav2 .n2_3 a:hover {	background:url(images/sbNav2.gif) no-repeat -180px -48px;	}
#sbNav2 .n2_4 a:hover {	background:url(images/sbNav2.gif) no-repeat -180px -72px; 	}

.map {
	/*
	background:url(images/sbMapH.gif) no-repeat left top;
	*/
	padding:10px 5px 10px 10px;
	color:#fff;
	}

.map .pic {
	margin-bottom:5px;
	}

.link {
	text-align: center;
	}

#innerHd {
	background:url(images/innerBgImg.jpg) no-repeat right top;
	}

h1 {
	background-image: url(images/ico_dott.gif);
	margin-left: 0;
	margin-bottom: 10px;
	margin-right: 0;
	margin-top: 130px;
	background: repeat-x left bottom;
	padding-bottom:3px;
	padding-left:40px;
	}

#orderPage h1 {
	margin-top:20px;
	padding-left:0;
	}

h2 {
	background:url(images/h2Bg.gif) no-repeat;
	height:24px;
	line-height:2em;
	vertical-align:middle;
	font-size:13px;
	padding-left:32px;
	margin:0;
	margin-bottom:10px;
	}

.orderTxt {
	margin:0 0 30px;
	background:url(images/ico_dott.gif) repeat-x left bottom;
	padding-bottom:10px;
	}

.catMenu {
	font-size:18px;
	font-weight:bold;
	color:#d24f79;
	margin-bottom:10px;
	}

.catMenu a:hover {
	color:#333;
	}

.innerMz {
	margin-top:10px;
	}
	
.innerMz td {
	text-align:left;
	border:1px solid #fff;
	}

.innerMz a {
	display:block;
	padding:10px 0;
	border:1px solid #fff;
	}

.innerMz a:hover {
	/*
	border:1px solid #d24f79;
	*/
	text-decoration:none;
	}
	
.innerMzhover {
	border:1px solid #d24f79;
	text-decoration:none;
	}

.top {
	margin-top:20px;
	margin-bottom:20px;
	text-align:right;
	clear:both;
	}

.qna {
	margin:10px 15px;
	padding:0;
	padding-top:5px;
	}

.qna em {
	color:#d24f79;
	font-style:normal;
	}

.qna .quz {
	padding: 10px 0 0 45px;
	color:#db6a9c;
	background:url(images/ico_q.gif) no-repeat left 3px;
	}

.qna .ans {
	padding:0 0 10px 45px;
	background:url(images/ico_a.gif) no-repeat left top;
	border-bottom:1px dotted #cecece;
	}

.preNav {
	background:url(images/ico_dott.gif) repeat-x left bottom;
	padding:0 0 20px 40px;
	margin:0 0 20px;
	}

.preNav li {
	width:172px;
	float:left;
	overflow:visible;
	background:url(images/dot.gif) no-repeat left center;
	text-indent:16px;
	}

.preNav li.long {
	width:190px;
	float:left;
	overflow:visible;
	background:url(images/dot.gif) no-repeat left center;
	text-indent:16px;
	}

.mTxt p {
	margin:0 15px;
	line-height:2em;
	}

.serv h3 {
	background:url(images/ico_star.gif) no-repeat left 5px;
	margin:0 15px;
	color:#d24f79;
	font-size:12px;
	padding-left:16px;
	}

.serv ul {
	margin:0;
	padding:0;
	margin-left:16px;
	padding-left:16px;
	margin-top:0.5em;
	}

.serv li {
	list-style:none;
	background:url(images/ico_listDot.gif) no-repeat left 5px;
	padding-left:16px;
	margin-bottom:0.5em;
	line-height:1.5em;
	}

.serv em {
	display:block;
	font-style:normal;
	background:url(images/ico_emStar.gif) no-repeat left 3px;
	padding-left:16px;
	margin:2px 0 2px 16px;

	}

.serv li em {
	display:block;
	font-style:normal;
	background:url(images/ico_emStar.gif) no-repeat left 2px;
	padding-left:16px;
	margin:2px 0 ;

	}

.hto h3 {
	margin:0 15px 5px;
	color:#d24f79;
	font-size:14px;
	}
	
.hto h4 {
	color:#d24f79;
	font-size:12px;
	padding-left:16px;
	margin-bottom:5px;
	}

.hto ul{
	margin:0;
	padding:0;
	margin-left:16px;
	margin-top:0.5em;
	}

.hto ol {
	margin-top:0.5em;
	padding-left:32px;
	margin-left:16px;
	}

.hto li ul {
	margin-left:0;
	}

.hto ul li {
	list-style:none;
	background:url(images/ico_listDot.gif) no-repeat left 3px;
	padding-left:16px;
	margin-bottom:0.5em;
	line-height:1.5em;
	}

.hto ol li {
	margin-bottom:0.5em;
	line-height:1.5em;
	}

.hto em {
	display:block;
	font-style:normal;
	background:url(images/ico_emStar.gif) no-repeat left 3px;
	padding-left:16px;
	margin:2px 0 2px 16px;
	}

.hto ul li em {
	display:block;
	font-style:normal;
	background:url(images/ico_emStar.gif) no-repeat left 2px;
	padding-left:16px;
	margin:2px 0 ;
	}
	
.comment {
	clear:both;
	border-top:5px solid #e8a7bc;
	margin-bottom:10px;
	padding-top:10px;
	}
	
.comment .pic {
	width:130px;
	float:left
	}

.comment .txt {
	width:630px;
	float:left;
	}

.comment .inf {
	color:#d24f79;
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
	background:url(images/ico_dottPink.gif) repeat-x left bottom;
	line-height:1.5em;
	}
	

.comment .inf em{
	font-style:normal;
	color:#666;
	}

.pageNum {
	margin:10px auto;
	text-align:center;
}

.pageNum em {
	color:#09c;
	font-style:normal;
	font-weight:bold;
	margin-right:0 5px;
}

.pageNum li{
	display:inline;
	margin:0 3px;
}

.pageNum .act{
	padding:0 3px;
	background:#d24f79;
	color:#fff;
}

.orderSheet {
	margin-left:15px;
	line-height:1.25em;
	}

.orderSheet em {
	color:#d24f79;
	font-style:normal;
	}

.orderSmall_text {
	color:#d24f79;
	font-style:normal;
	font-size: 9px;
	}

.orderSheet th {
	text-align:left;
	background:url(images/dot.gif) no-repeat left 10px;
	font-weight:normal;
	vertical-align:top;
	padding:8px 5px 0 15px;
	height:24px;
	}
	
.orderSheet td {
	vertical-align:top;
	padding:4px 15px 0 2px;
	}
	
.orderSheet .size {
	padding:8px 0 0 2px;
	}

.orderIntro{
	padding:0;
	margin:0 0 20px 15px;
	}

.orderIntro li {
	background:url(images/dot.gif) no-repeat left 7px;
	padding-left:16px;
	}

.orderList {
	margin:15px;
	}

.orderList caption {
	text-align:left;
	background:#d24f79;
	color:#fff;
	padding:3px 15px;
	font-size:14px;
	font-weight:bold;
	}

.orderList th {
	text-align:center;
	padding:6px 3px;
	border-bottom:none;
	}

.orderList td {
	padding:6px 3px;
	border-bottom:1px dotted #999;
	}

.orderList a {
	color:#fff;
	background:#d24f79;
	padding:6px 6px 3px;
	margin-right:3px;
	text-decoration:none;
	}

.orderList a:hover {
	background:#ccc;
	color:#000;
	}
	

.comp {
	margin:10px 0 0 15px;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	}

.comp th {
	text-align:left;
	padding-top:5px;
	padding-left:5px;
	}

.comp td {
	padding:5px;
	border-right:1px solid #fff;
	}

.comp .ev {
	background:#f6f6f6;
	}


/* enwes */

td.boxBG_02 {
	background-image: url(images/mail_input.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 6px;
}

/*list box */
#pointBox { 
  font-size: 12px !important; 
} 
#pointBox ul {
	width: 350px;
	float: left;
	padding-left: 30px;
	height: auto;
} 
#pointBox li { 
	background:url(images/dot.gif) no-repeat left 4px;
	padding-left:16px;
} 
#pointBox p { 
  clear: left; 
  text-align: left; 
}