@charset "utf-8";

@import url("common.css");
@import url("reset.css");
/* CSS Document */

#chip{
	height:5px;
	width:847px;
	margin: 37px 0 0 0;
	background: url(../img/supmsg_chip.png) top left no-repeat;
	text-indent:-9999px;
}

#contents{
	margin:7px 0 0 0;
	padding:7px 33px;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	position: relative;
}

h3 {
	height:42px;
	width:779pxl;
	background: url(../img/supmsg_caption.png) top left no-repeat;
	text-indent:-9999px;
}

#contents #mainvisual {
	height:291px;
	width:779px;
	background: url(../img/supmsg_mainimg.jpg) top left no-repeat;
	text-indent:-9999px;
}


#msgcols .cols {
	width:374px;
	float:left;
	margin: 30px 0 0 0;
}

#msgcols .lcol {
	margin:30px 31px 0 0;
}

#msgcols table{
	width:374px;
	border-bottom:1px solid #808080;
}

#msgcols tr{
	border-top:1px solid #808080;
}

#msgcols th {
	width:60px;
	padding: 15px 15px;
	vertical-align: top;
}

#msgcols td {
	padding: 15px 15px 15px 0;
}

#msgcols td p {
	font-size:80%;
}

#msgcols .cols ul {
	border-left:3px solid #CC0000;
	margin: 0 0 10px 0;
}

#msgcols .cols li {
	padding-left:14px;
}

#msgcols .n_top {
	font-size:92%;
	font-weight:bold;
}

#msgcols .n_bottom {
	font-size:84%;
	font-family:Arial, Helvetica, sans-serif;
}


#contents #pager {
	margin: 20px 0 0 0;
	position: relative;
	overflow: hidden;
}

#contents #pager ul {
	position: relative;
	left: 50%;
	float: left;
}

#contents #pager li{
	position: relative;
	left: -50%;
	float: left;
	margin:3px;
}


#contents #pager ul li a{
	display:block;
	width:24px;
	height:24px;
	text-indent:-9999px;
}

#contents #pager ul li.null {
	display:block;
	width:24px;
	height:24px;
	text-indent:-9999px;
}

#contents #pager ul li.prv a{ background:url(../img/supmsg_pger_arrow.png) 0px top no-repeat;}
#contents #pager ul li.nex a{ background:url(../img/supmsg_pger_arrow.png) -24px top no-repeat;}

#contents #pager ul li.p1 a{ background:url(../img/supmsg_pger_num.png) 0px top no-repeat;}
#contents #pager ul li.p2 a{ background:url(../img/supmsg_pger_num.png) -24px top no-repeat;}
#contents #pager ul li.p3 a{ background:url(../img/supmsg_pger_num.png) -48px top no-repeat;}
#contents #pager ul li.p4 a{ background:url(../img/supmsg_pger_num.png) -72px top no-repeat;}
#contents #pager ul li.p5 a{ background:url(../img/supmsg_pger_num.png) -96px top no-repeat;}
#contents #pager ul li.p6 a{ background:url(../img/supmsg_pger_num.png) -120px top no-repeat;}
#contents #pager ul li.p7 a{ background:url(../img/supmsg_pger_num.png) -144px top no-repeat;}
#contents #pager ul li.p8 a{ background:url(../img/supmsg_pger_num.png) -168px top no-repeat;}
#contents #pager ul li.p9 a{ background:url(../img/supmsg_pger_num.png) -192px top no-repeat;}
#contents #pager ul li.p10 a{ background:url(../img/supmsg_pger_num.png) -216px top no-repeat;}
#contents #pager ul li.p11 a{ background:url(../img/supmsg_pger_num.png) -240px top no-repeat;}
#contents #pager ul li.p12 a{ background:url(../img/supmsg_pger_num.png) -264px top no-repeat;}
#contents #pager ul li.p13 a{ background:url(../img/supmsg_pger_num.png) -288px top no-repeat;}
#contents #pager ul li.p14 a{ background:url(../img/supmsg_pger_num.png) -312px top no-repeat;}

#contents #pager ul li.prv a:hover{ background:url(../img/supmsg_pger_arrow.png) 0px bottom no-repeat;}
#contents #pager ul li.nex a:hover{ background:url(../img/supmsg_pger_arrow.png) -24px bottom no-repeat;}

#contents #pager ul li.p1 a:hover{ background:url(../img/supmsg_pger_num.png) 0px bottom no-repeat;}
#contents #pager ul li.p2 a:hover{ background:url(../img/supmsg_pger_num.png) -24px bottom no-repeat;}
#contents #pager ul li.p3 a:hover{ background:url(../img/supmsg_pger_num.png) -48px bottom no-repeat;}
#contents #pager ul li.p4 a:hover{ background:url(../img/supmsg_pger_num.png) -72px bottom no-repeat;}
#contents #pager ul li.p5 a:hover{ background:url(../img/supmsg_pger_num.png) -96px bottom no-repeat;}
#contents #pager ul li.p6 a:hover{ background:url(../img/supmsg_pger_num.png) -120px bottom no-repeat;}
#contents #pager ul li.p7 a:hover{ background:url(../img/supmsg_pger_num.png) -144px bottom no-repeat;}
#contents #pager ul li.p8 a:hover{ background:url(../img/supmsg_pger_num.png) -168px bottom no-repeat;}
#contents #pager ul li.p9 a:hover{ background:url(../img/supmsg_pger_num.png) -192px bottom no-repeat;}
#contents #pager ul li.p10 a:hover{ background:url(../img/supmsg_pger_num.png) -216px bottom no-repeat;}
#contents #pager ul li.p11 a:hover{ background:url(../img/supmsg_pger_num.png) -240px bottom no-repeat;}
#contents #pager ul li.p12 a:hover{ background:url(../img/supmsg_pger_num.png) -264px bottom no-repeat;}
#contents #pager ul li.p13 a:hover{ background:url(../img/supmsg_pger_num.png) -288px bottom no-repeat;}
#contents #pager ul li.p14 a:hover{ background:url(../img/supmsg_pger_num.png) -312px bottom no-repeat;}

#contents #pager ul li.p1act a{ background:url(../img/supmsg_pger_num.png) 0px bottom no-repeat;}
#contents #pager ul li.p2act a{ background:url(../img/supmsg_pger_num.png) -24px bottom no-repeat;}
#contents #pager ul li.p3act a{ background:url(../img/supmsg_pger_num.png) -48px bottom no-repeat;}
#contents #pager ul li.p4act a{ background:url(../img/supmsg_pger_num.png) -72px bottom no-repeat;}
#contents #pager ul li.p5act a{ background:url(../img/supmsg_pger_num.png) -96px bottom no-repeat;}
#contents #pager ul li.p6act a{ background:url(../img/supmsg_pger_num.png) -120px bottom no-repeat;}
#contents #pager ul li.p7act a{ background:url(../img/supmsg_pger_num.png) -144px bottom no-repeat;}
#contents #pager ul li.p8act a{ background:url(../img/supmsg_pger_num.png) -168px bottom no-repeat;}
#contents #pager ul li.p9act a{ background:url(../img/supmsg_pger_num.png) -192px bottom no-repeat;}
#contents #pager ul li.p10act a{ background:url(../img/supmsg_pger_num.png) -216px bottom no-repeat;}
#contents #pager ul li.p11act a{ background:url(../img/supmsg_pger_num.png) -240px bottom no-repeat;}
#contents #pager ul li.p12act a{ background:url(../img/supmsg_pger_num.png) -264px bottom no-repeat;}
#contents #pager ul li.p13act a{ background:url(../img/supmsg_pger_num.png) -288px bottom no-repeat;}
#contents #pager ul li.p14act a{ background:url(../img/supmsg_pger_num.png) -312px bottom no-repeat;}