@charset "UTF-8";
/* CSS Document */

/* -------------------------- List ---------------------------- */
#contents ul.unordered01 li {
	background: url(../img/icon_unordered_01.gif) 6px 0.5em no-repeat;
	display: block;
	margin: 0;
	line-height: 130%;
	padding: 0 0 5px 15px;
}



/* -------------------------- Head ---------------------------- */
/* No Mac IE 5 Start \*/
#contents div.main h2.sqHead { clear: both; }
/* End */
#contents div.main h2.sqHead {
	font-size: 0;
	line-height: 100%;
	margin: 0 0 10px 10px;
}

#contents .cclHead {
	background: url(../img/bg_ccl_head.gif) left bottom repeat-x;
	font-size: medium;
	clear: both;
	display: block;
	margin-bottom: 12px;
	padding: 0 0 3px 0;
	width: 100%;
}

#contents .cclHead span {
	background: url(../img/icon_ccl_head.gif) 2px 0.1em no-repeat;
	display: block;
	line-height: 120%;
	padding: 2px 0 5px 23px;
}

#viArea h1.caseUse {
	font-size: 0;
	line-height: 100%;
	top: 137px;
	left: 0px;
	position: relative;
	height: 130px;
	width: 401px;
	z-index: 1;
}

#viArea h1.formApp {
	font-size: 0;
	line-height: 100%;
	top: 127px;
	left: 3px;
	position: relative;
	height: 150px;
	width: 401px;
	z-index: 1;
}

#viArea div.indexPop {
	background: url(../img/bg_index_pop.gif) left top no-repeat;
	font-size: 0;
	line-height: 100%;
	top: 89px;
	left: 0px;
	position: relative;
	height: 225px;
	width: 427px;
	z-index: 1;
}

#viArea div.ipInner {
	margin-left: 17px;
	padding: 20px 0 18px;
	width: 391px;
}

#contents p.ancIco {
	background: url(../img/icon_top_link.gif) 1px 0.1em no-repeat;
	font-weight: bold;
	display: block;
	margin: 0 15px;
	padding: 3px 0 10px 30px;
}

#contents div.publicSrc h2 {
	font-size: 0;
	line-height: 100%;
	margin-bottom: 9px;
}

#contents div.topicHead {
	background: url(../img/bg_dott_line.gif) left bottom repeat-x;
	margin-bottom: 3px;
	padding-bottom: 11px;
	width: 302px;
}

#contents div.topicHead h2,
#contents div.topicHead p {
	font-size: 0;
	line-height: 100%;
	margin: 0;
}

#contents div.topicHead h2 {
	float: left;
	width: 101px;
}

#contents div.topicHead p {
	float: right;
	padding-bottom: 0;
	width: 90px;
}


/* -------------------------- Table ---------------------------- */
#contents table.arrayTable {
	background: url(../img/bg_array_sepa.gif) left top repeat-y;
	width: 800px;
}

#contents table.arrayTable td {
	text-align: left;
	vertical-align: top;
	width: 33%;
}

#contents table.arrayTable tr.arTxt td p {
	margin: 0 15px;
}

#contents table.arrayTable td div.center {
	margin-bottom: 10px;
}

#contents div.topics table {
	clear: both;
	width: 302px;
}

#contents div.topics table th {
	background: url(../img/bg_dott_02.gif) left bottom repeat-x;
	font-weight: normal;
	text-align: left;
	padding: 5px 10px 5px 0;
	vertical-align: top;
	width: 30%;
}

#contents div.topics table td {
	background: url(../img/bg_dott_02.gif) left bottom repeat-x;
	padding: 5px 0;
	vertical-align: top;
	width: 70%;
}

#contents div.topics table th p {
	background: url(../img/icon_red_circle.gif) 2px 0.3em no-repeat;
	display: block;
	line-height: 130%;
	padding: 1px 0 3px 18px;
}

#contents div.topics table td p {
	background: url(../img/icon_gry_arrow.gif) 2px 0.3em no-repeat;
	display: block;
	line-height: 130%;
	padding: 1px 0 3px 18px;
}

/* formTable */
#contents table.formTable {
	margin-bottom: 20px;
	width: 760px;
}

#contents div.formTop {
	background: url(../img/bg_form_table_top.gif) left top no-repeat;
	padding: 6px 0 15px;
	width: 760px;
}

#contents table.formTable th {
	background: url(../img/bg_form_table_td.gif) left bottom no-repeat;
	background-color: #EFEFEF;
	border-right: 2px solid #FFFFFF;
	font-size: large !important;
	font-weight: normal;
	text-align: right;
	padding: 10px 10px 12px 5px;
	vertical-align: top;
}

#contents table.formTable td {
	background: url(../img/bg_form_table_td.gif) right bottom no-repeat;
	background-color: #EFEFEF;
	font-size: medium !important;
	text-align: left;
	padding: 2px 10px 15px 5px;
	vertical-align: top;
}

#contents table.formTable th span {
	color: #006D2C;
}

#contents table.formTable td.mdlCtr {
	background: url(../img/bg_form_table_td.gif) center bottom no-repeat;
	background-color: #EFEFEF;
}

#contents table.formTable th.last {
	background: url(../img/bg_form_table_btm.gif) left bottom no-repeat;
	background-color: #EFEFEF;
	padding: 2px 10px 20px 5px;
}

#contents table.formTable td.last {
	background: url(../img/bg_form_table_btm.gif) right bottom no-repeat;
	background-color: #EFEFEF;
	padding: 2px 10px 15px 5px;
}

#contents table.formTable td.last img {
	margin-top: 5px;
}

#contents table.formTable td p.sizeL img,
#contents table.formTable td p.sizeL input,
#contents table.formTable td p.sizeL select {
	vertical-align: middle;
}

#contents table.formTable td .longS,
#contents table.formTable td .longM,
#contents table.formTable td .longL,
#contents table.formTable td .longLL,
#contents table.formTable td .longXL,
#contents table.formTable td select {
	background: #FFFFFF;
	border: 1px solid #A6A6A6;
	font-size: medium;
	height: 34px;
	vertical-align: middle;
}

#contents table.formTable td p.sizeL {
	line-height: 140%;
	text-indent: -15px;
	padding-left: 15px;
}

#contents table.formTable td .longS {	width: 82px;}
#contents table.formTable td .longM {	width: 94px;}
#contents table.formTable td .longL {	width: 140px;}
#contents table.formTable td .longLL {	width: 161px;}
#contents table.formTable td .longXL {	width: 330px;}
#contents table.formTable td .longXXL {
	background: #FFFFFF;
	border: 1px solid #A6A6A6;
	color: #999999;
	font-size: medium;
	height: 125px;
	vertical-align: top;
	width: 330px;
}

#contents table.formTable td.radioP {	padding: 10px 10px 7px 5px !important;}
#contents table.formTable td input,
#contents table.formTable td select,
#contents table.formTable td textarea {	margin: 0 5px;}

#contents table.formTable td input.rdo {
	height: 20px;
	width: 20px;
}

#contents table.formTable td p.sizeS {	margin-left: 20px;}
#contents p.secondLn {	margin-left: 20px;}


/* color nml */
#contents table.formTable tr.nml th { padding-bottom:20px;}
#contents table.formTable tr.nml td p.radioP { margin-bottom:10px;}

/* color OK */
#contents table.formTable tr.ok p.colorJg {
	color: #72AC12;
}
#contents table.formTable tr.ok input.colorJg,
#contents table.formTable tr.ok select {
	background: #E3F6CE !important;
	border: 1px solid #ACD26D;
}

/* color err */
#contents table.formTable tr.err p.colorJg {
	color: #F05E5E;
}
#contents table.formTable tr.err input.colorJg,
#contents table.formTable tr.err select {
	background: #F7DCD4;
	border: 1px solid #EF8989;
}


#contents table.formTable .imeOn {	ime-mode: active;}
#contents table.formTable .imeOff {	ime-mode: inactive;}


#contents table.svcTbl {
	border-right: 1px solid #ABABAB;
	border-top: 1px solid #ABABAB;
	width:100%;
}

#contents table.svcTbl th,
#contents table.svcTbl td {
	text-align:center;
	padding:6px 0;
}

#contents table.svcTbl th {
	background: url(../img/bg_svctbl_th.gif) left bottom repeat-x;
	color:#FFFFFF;
}

#contents table.svcTbl th.green {
	background: url(../img/bg_svctbl_th_02.gif) left bottom repeat-x;
	color:#FFFFFF;
}

#contents table.svcTbl th.blue {
	background: url(../img/bg_svctbl_blue.gif) left bottom repeat-x;
	color:#333333;
 width:59px;
}

#contents table.svcTbl th.blue02 {
	background: url(../img/bg_svctbl_blue_02.gif) left bottom repeat-x;
	color:#333333;
}

#contents table.svcTbl th.blue03 {
	background: url(../img/bg_svctbl_blue_02.gif) left bottom repeat-x;
	color:#333333;
	width:100px;
}

#contents table.svcTbl td.white {
	background: url(../img/bg_svctbl_white.gif) left bottom repeat-x;
 width:70px;
}

#contents table.svcTbl td.white02 {
	background: url(../img/bg_svctbl_white_02.gif) left bottom repeat-x;
	text-align:right;
	padding-right:5px;
 width:100px;
}

#contents table.svcTbl td.gry {
	background: url(../img/bg_svctbl_gry.gif) left bottom repeat-x;
	width:70px;
}

#contents table.svcTbl td.gry02 {
	background: url(../img/bg_svctbl_gry_02.gif) left bottom repeat-x;
	text-align:right;
	padding-right:5px;
	width:100px;
}

#contents table.ftrTbl {
	width:810px;
}

#contents table.ftrTbl td {
	padding:10px 0 15px;
	vertical-align:top;
	width:270px;
}

#contents table.ftrTbl td.ftrTd01 {	background: url(../img/bg_ftrtbl_td_01.jpg) left top no-repeat;}
#contents table.ftrTbl td.ftrTd02 {	background: url(../img/bg_ftrtbl_td_02.jpg) left top no-repeat;}
#contents table.ftrTbl td.ftrTd03 {	background: url(../img/bg_ftrtbl_td_03.jpg) left top no-repeat;}
#contents table.ftrTbl td.ftrTd04 {	background: url(../img/bg_ftrtbl_td_04.jpg) left top no-repeat;}
#contents table.ftrTbl td.ftrTd05 {	background: url(../img/bg_ftrtbl_td_05.jpg) left top no-repeat;}
#contents table.ftrTbl td.ftrTd06 {	background: url(../img/bg_ftrtbl_td_06.jpg) left top no-repeat;}

#contents table.ftrTbl tr.bdrs td {
	border-bottom:1px solid #E9E9E9;
}

#contents table.ftrTbl tr.nobdrs td {
	padding-top:20px;
}

#contents table.ftrTbl td div.ftrTdInr {
	margin-left:110px;
	width:155px;
}

#contents table.ftrTbl td div.ftrTdInr strong {
	color:#2E98CC;
}

/* -------------------------- tuika ---------------------------- */
#contents div.formTopB {
	padding: 6px 0 15px;
	width: 760px;
}

#contents table.confirmTable th {
	background-color:#efefef;
	border-right: 1px solid #999999;
	border-left: 2px solid #999999;
	border-bottom: 1px solid #999999;
	font-size: large !important;
	font-weight: normal;
	text-align: right;
	vertical-align:middle;
	padding:15px;
}

#contents table.confirmTable td {
	background-color:#FFFFFF;
	border-bottom: 1px solid #999999;
	border-right: 2px solid #999999;
	font-size: medium !important;
	text-align: left;
	vertical-align:middle;
	padding-left:10px;
}

#contents table.confirmTable th.top {
	background-color:#efefef;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size: large !important;
	font-weight: normal;
	text-align: right;
	vertical-align:middle;
	padding:15px;
}

#contents table.confirmTable td.top {
	background-color:#FFFFFF;
	border-top: 2px solid #999999;
	border-right: 2px solid #999999;
	border-bottom: 1px solid #999999;
	font-size: medium !important;
	text-align: left;
	vertical-align:middle;
	padding-left:10px;
}

#contents table.confirmTable th.btm {
	background-color:#efefef;
	border-left: 2px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 2px solid #999999;
	font-size: large !important;
	font-weight: normal;
	text-align: right;
	vertical-align:middle;
	padding:15px;
}

#contents table.confirmTable td.btm {
	background-color:#FFFFFF;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	font-size: medium !important;
	text-align: left;
	vertical-align:middle;
	padding-left:10px;
}

#contents table.confirmTable_btm th{
	text-align: right;
	vertical-align:middle;
	padding:10px;
}

#contents table.confirmTable_btm td {
	text-align: left;
	vertical-align:middle;
	padding-left:10px;
}






#contents table.mtdTbl {
	border-top: 2px solid #ABABAB;
	border-right: 2px solid #ABABAB;
	border-bottom: 2px solid #ABABAB;
	border-left: 2px solid #ABABAB;
	width:100%;
}

#contents table.mtdTbl th,
#contents table.mtdTbl td {
	text-align:left;
	padding:6px 15px;
}

#contents table.mtdTbl th.green {
	background: url(../img/bg_mtdtbl_th.gif) left bottom repeat-x;
	color:#FFFFFF;
	border-left: 1px solid #ABABAB;
	text-align:center;
}

#contents table.mtdTbl th.green02 {
	background: url(../img/bg_mtdtbl_th.gif) left bottom repeat-x;
	color:#FFFFFF;
}

#contents table.mtdTbl th.blue {
	background-color:#e1f3ff;
	border-top: 1px solid #ABABAB;
	color:#333333;
}

#contents table.mtdTbl td.white {
	background-color:#FFFFFF;
	border-left: 1px solid #ABABAB;
	border-top: 1px solid #ABABAB;
}

#contents table.mtdTbl td.white02 {
	background-color:#FFFFFF;
	border-top: 1px solid #ABABAB;
}


#contents table.mntTbl {
	width:810px;
}

#contents table.mntTbl td {
	padding:10px 0 15px;
	vertical-align:top;
	width:270px;
}

#contents table.mntTbl td.mntTd01 {	background: url(../img/bg_mnttbl_td_01.jpg) left top no-repeat;}
#contents table.mntTbl td.mntTd02 {	background: url(../img/bg_mnttbl_td_02.jpg) left top no-repeat;}
#contents table.mntTbl td.mntTd03 {	background: url(../img/bg_mnttbl_td_03.jpg) left top no-repeat;}
#contents table.mntTbl td.mntTd04 {	background: url(../img/bg_mnttbl_td_04.jpg) left top no-repeat;}
#contents table.mntTbl td.mntTd05 {	background: url(../img/bg_mnttbl_td_05.jpg) left top no-repeat;}

#contents table.mntTbl tr.bdrs td {
	border-bottom:1px solid #E9E9E9;
}

#contents table.mntTbl tr.nobdrs td {
	padding-top:20px;
}

#contents table.mntTbl td div.ftrTdInr {
	margin-left:110px;
	width:155px;
}

#contents table.mntTbl td div.ftrTdInr strong {
	color:#666666;
}

#contents table.mntTbl td div.ftrTdInr span {
	color:#333333;
	font-size: 14px;
	font-weight:bold;
}

#contents table.mntTbl td div.ftrTdInrT {
	margin-left:10px;
	width:255px;
}

#contents table.mntTbl td div.ftrTdInrT strong {
	color:#666666;
}

/* [confirmBtn] */
#contents div.confirmBtn {
	margin: 0;
	width: 247px;
	margin-left:140px;
	float:left;
	display:inline;
}

#contents div.confirmBtn p {
	line-height: 100%;
	height: 66px;
	padding:0px;
}

#contents div.confirmBtn p a {
	display: block;
	height: 66px;
	width: 247px;
}

#contents div.confirmBtn p img {	vertical-align: center;}
#contents div.confirmBtn p a:hover {	background-color: transparent;}
#contents div.confirmBtn p a:hover img {	visibility: hidden;}
#contents div.confirmBtn p{ background: url(../img/btn_return_f_b.jpg); }

/* [confirmBtnB] */
#contents div.confirmBtnB {
	margin: 0;
	width: 247px;
	margin-left:20px;
	float:left;
	display:inline;
}


#contents div.confirmBtnB p {
	line-height: 100%;
	height: 66px;
	padding: 0;
	width: 247px;
}

#contents div.confirmBtnB p a {
	display: block;
	height: 66px;
	width: 247px;
}

#contents div.confirmBtnB p img {	vertical-align: center;}
#contents div.confirmBtnB p a:hover {	background-color: transparent;}
#contents div.confirmBtnB p a:hover img {	visibility: hidden;}
#contents div.confirmBtnB p{ background: url(../img/btn_conplete_f_b.jpg); }








/* -------------------------- Block ---------------------------- */
#contents div.bestBox {
	background: url(../img/bg_best_box.gif) left top repeat-y;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding: 10px 0 5px;
	width: 480px;
}

#contents div.bestBox h4 {
	background: url(../img/bg_dott_01.gif) left bottom repeat-x;
	font-size: small;
	margin: 0 0 8px 8px;
	padding-bottom: 2px;
	width: 464px;
}

#contents div.bestBox h4 span {
	background: url(../img/icon_blue_circle.gif) 3px 0.1em no-repeat;
	display: block;
	padding: 0 0 2px 20px;
}

#contents div.bestBox ul {
	margin: 0 8px;
}

#contents div.usLeft {
	float: left;
	width: 479px;
}

#contents div.usRight {
	float: right;
	width: 248px;
}

#contents div.usLeft02 {
	float: left;
	width: 248px;
}

#contents div.usRight02 {
	float: right;
	width: 479px;
}

/* No Mac IE 5 Start \*/
#contents div.kyushuBox { clear: both; }
/* End */
#contents div.kyushuBox {
	background: url(../img/bg_index_sepa.gif) right bottom no-repeat;
	padding-bottom: 35px;
	width: 879px;
}

#contents p.leadTxt {
	margin-left: 114px;
}

#contents div.ksL {
	float: left;
	margin-right: 9px;
	padding-bottom: 10px;
	width: 504px;
}

#contents div.ksR {
	border-top: 8px solid #FFFFFF;
	float: left;
	width: 361px;
}

/* No Mac IE 5 Start \*/
#contents div.sepaBtm { clear: both; }
/* End */
#contents div.sepaBtm {
	background: url(../img/bg_sepa_btm.gif) left top no-repeat;
	background-color: #F1F1F1;
	padding: 9px 0 0 0;
	width: 848px;
}

#contents div.sepaContents {
	background: url(../img/bg_index_sp_contents.gif) right top repeat-y;
	margin-left: 31px;
	width: 848px;
}

#contents div.srcBox {
	background: url(../img/bg_src_btm.gif) left bottom no-repeat;
	margin-left: 16px;
	line-height: 100%;
	padding-bottom: 9px;
	width: 466px;
}

#contents div.srcBox input.srcArea {
	background: #D5D5D5;
	border: none;
	font-size: small;
	height: 20px;
	margin: 0 7px 0 0;
	padding: 0;
	width: 185px;
}

#contents div.srcBox img.listView {
	font-size: 0;
	line-height: 100%;
	margin-left: 16px;
}

#contents div.srcBox img,
#contents div.srcBox input {
	line-height: 100%;
	vertical-align: middle;
}

#contents div.publicSrc {
	float: left;
	display: inline;
	margin-left: 19px;
	width: 460px;
}

#contents div.topics {
	float: right;
	display: inline;
	margin-right: 17px;
	padding-bottom: 20px;
	width: 302px;
}

#contents div.svLeft01 {
	float: left;
	margin-bottom: 30px;
	width: 350px;
}

#contents div.svRight01 {
	float: right;
	margin-bottom: 30px;
	width: 400px;
}

#contents div.svLeft02 {
	float: left;
	margin-bottom: 30px;
	width: 240px;
}

#contents div.svRight02 {
	float: right;
	margin-bottom: 30px;
	width: 500px;
}

#contents div.ftrTblBlk {
	margin:0 19px;
	width:810px;
}

#contents div.ftrFlt {
	margin: 0 0 20px 10px;
	width:755px;
}

#contents div.ftrL01 {
	float:left;
	width:280px;
}

#contents div.ftrR01 {
	float:right;
	width:475px;
}

#contents div.ftrL02 {
	float:left;
	margin-top:15px;
	width:480px;
}

#contents div.ftrR02 {
	float:right;
	width:255px;
}

#contents div.ftrFlt02 {
	background: url(../img/bg_ftrflt02.gif) left top repeat-y;
	margin: 0 0 20px 18px;
	width:739px;
}

#contents div.ftrFlt02L {
	float:left;
	width:356px;
}

#contents div.ftrFlt02R {
	float:right;
	width:352px;
}

#contents div.ftrFlt03 {
	margin: 0 0 20px 18px;
	width:764px;
}

#contents div.ftrFlt03L {
	float:left;
	margin-right:15px;
	width:356px;
}

#contents div.ftrFlt03R {
	float:left;
	width:377px;
}

#contents div.ftrFlt04 {
	background: url(../img/bg_ftrflt04.gif) left top no-repeat;
	margin: 0 0 20px 18px;
	width:764px;
}

#contents div.ftrFlt04L {
	float:left;
	margin-right:10px;
	width:261px;
}

#contents div.ftrFlt04R {
	float:left;
	width:234px;
}

#contents div.ftrFlt04R01 {
	float:left;
	margin-right:28px;
	width:230px;
}

#contents div.ftrFlt04R02 {
	float:left;
	width:230px;
}

/* >> 100304 add */
.img_right {
	margin-left: 15px;
	margin-bottom: 15px;
	float: right;
}

.clear {
	clear: both;
}

#contents div.hajimete {
	margin-left: 25px;
	width: 760px;
	clear: both;
	background: url(../img/bg_ftrflt05.gif) center top repeat-y;
}

#contents div.hajimeteL  {
	width: 355px;
	margin-left: 5px;
	float: left;
}

#contents div.hajimeteR  {
	width: 355px;
	margin-right: 5px;
	float: right;
}

#contents div.hajimeteL strong,
#contents div.hajimeteR strong {
	color:#666666;
}
/* << 100304 add */

/* -------------------------- tuika ---------------------------- */
#contents div.smpFlt {
	margin: 0 0 20px 10px;
	width:755px;
}

#contents div.smpL01 {
	float:left;
	width:280px;
}

#contents div.smpR01 {
	float:right;
	width:475px;
}

#contents div.smpL02 {
	float:left;
	margin-top:15px;
	width:480px;
}

#contents div.smpR02 {
	float:right;
	width:255px;
}

#contents div.mntTblBlk {
	margin:0 19px;
	width:810px;
}




/* -------------------------- Btn ---------------------------- */
/* [appliBtn] */
#contents div.appliBtn {
	margin: 0;
	width: 248px;
}

#contents div.appliBtn p {
	line-height: 100%;
	height: 61px;
	padding: 0;
	width: 248px;
}

#contents div.appliBtn p a {
	display: block;
	height: 61px;
	width: 248px;
}

#contents div.appliBtn p img {	vertical-align: top;}
#contents div.appliBtn p a:hover {	background-color: transparent;}
#contents div.appliBtn p a:hover img {	visibility: hidden;}
#contents div.appliBtn p{ background: url(../img/btn_now_appli_h.gif); }


/* [detailBtn] */
#contents div.detailBtn {
	margin: 10px 0 0 50px;
	width: 166px;
}

#contents div.detailBtn p {
	line-height: 100%;
	height: 35px;
	padding: 0;
	width: 166px;
}

#contents div.detailBtn p a {
	display: block;
	height: 35px;
	width: 166px;
}

#contents div.detailBtn p img {	vertical-align: top;}
#contents div.detailBtn p a:hover {	background-color: transparent;}
#contents div.detailBtn p a:hover img {	visibility: hidden;}
#contents div.detailBtn p{ background: url(../img/btn_detail_h.gif); }


/* [appIndexBtn] */
#viArea div.appIndexBtn {
	margin: 0;
	width: 290px;
}

#viArea div.appIndexBtn p {
	line-height: 100%;
	height: 88px;
	padding: 0;
	width: 290px;
}

#viArea div.appIndexBtn p a {
	display: block;
	height: 88px;
	width: 290px;
}

#viArea div.appIndexBtn p img {	vertical-align: top;}
#viArea div.appIndexBtn p a:hover {	background-color: transparent;}
#viArea div.appIndexBtn p a:hover img {	visibility: hidden;}
#viArea div.appIndexBtn p{ background: url(../img/btn_appli_pop_h.gif); }


/* [svcBtn] */
#contents div.svcBtn {
	background: url(../img/bg_svcbtn.jpg) left top no-repeat;
	padding-top:58px;
	margin-left:60px;
	width: 654px;
}

#contents div.svcBtn p {
	line-height: 100%;
	height: 70px;
	padding: 0;
	width: 654px;
}

#contents div.svcBtn p a {
	display: block;
	height: 70px;
	width: 654px;
}

#contents div.svcBtn p img {	vertical-align: top;}
#contents div.svcBtn p a:hover {	background-color: transparent;}
#contents div.svcBtn p a:hover img {	visibility: hidden;}
#contents div.svcBtn p{ background: url(../img/btn_svcbtn_h.jpg); }


/* [ftrBtn] */
#contents div.ftrBtn {
	background: url(../img/bg_ftrbtn.jpg) left top no-repeat;
	padding-top:64px;
	margin-left:120px;
	width: 550px;
}

#contents div.ftrBtn p {
	line-height: 100%;
	height: 70px;
	padding: 0;
	width: 550px;
}

#contents div.ftrBtn p a {
	display: block;
	height: 70px;
	width: 550px;
}

#contents div.ftrBtn p img {	vertical-align: top;}
#contents div.ftrBtn p a:hover {	background-color: transparent;}
#contents div.ftrBtn p a:hover img {	visibility: hidden;}
#contents div.ftrBtn p{ background: url(../img/btn_ftrbtn_h.jpg); }

/* [mtdBtn] */
#contents div.mtdBtn {
	background: url(../img/bg_svcbtn.jpg) left top no-repeat;
	padding-top:58px;
	margin-left:60px;
	width: 654px;
}

#contents div.mtdBtn p {
	line-height: 100%;
	height: 70px;
	padding: 0;
	width: 654px;
}

#contents div.mtdBtn p a {
	display: block;
	height: 70px;
	width: 654px;
}

#contents div.mtdBtn p img {	vertical-align: top;}
#contents div.mtdBtn p a:hover {	background-color: transparent;}
#contents div.mtdBtn p a:hover img {	visibility: hidden;}
#contents div.mtdBtn p{ background: url(../img/btn_mtdbtn_h.jpg); }


/* [smpBtn] */
#contents div.smpBtn {
	background: url(../img/bg_svcbtn.jpg) left top no-repeat;
	padding-top:58px;
	margin-left:60px;
	width: 654px;
}

#contents div.smpBtn p {
	line-height: 100%;
	height: 70px;
	padding: 0;
	width: 654px;
}

#contents div.smpBtn p a {
	display: block;
	height: 70px;
	width: 654px;
}

#contents div.smpBtn p img {	vertical-align: top;}
#contents div.smpBtn p a:hover {	background-color: transparent;}
#contents div.smpBtn p a:hover img {	visibility: hidden;}
#contents div.smpBtn p{ background: url(../img/btn_smpbtn_h.jpg); }


/* [mntBtn] */
#contents div.mntBtn {
	background: url(../img/bg_svcbtn.jpg) left top no-repeat;
	padding-top:58px;
	margin-left:100px;
	margin-top:10px;
	width: 654px;
}

#contents div.mntBtn p {
	line-height: 100%;
	height: 70px;
	padding: 0;
	width: 654px;
}

#contents div.mntBtn p a {
	display: block;
	height: 70px;
	width: 654px;
}

#contents div.mntBtn p img {	vertical-align: top;}
#contents div.mntBtn p a:hover {	background-color: transparent;}
#contents div.mntBtn p a:hover img {	visibility: hidden;}
#contents div.mntBtn p{ background: url(../img/btn_mntbtn_h.jpg); }



/* pointList */
#contents ul#pointList {
	display: block;
	margin: 0 0 0 62px;
	width: 700px;
}

#contents ul#pointList li {
	float: left;
	height: 35px;
	margin-right: 4px;
}

#contents ul#pointList li.last {
	margin-right: 0 !important;
}

#contents ul#pointList li a {
	cursor:pointer;
	display: block;
	height: 35px;
}

#contents ul#pointList li.pointA{
 background: url(../img/btn_lead_01_h.gif);
	width: 226px;
}
#contents ul#pointList li.pointB{
 background: url(../img/btn_lead_02_h.gif);
	width: 262px;
}
#contents ul#pointList li.pointC{
 background: url(../img/btn_lead_03_h.gif);
	width: 188px;
}

#contents ul#pointList img {	vertical-align: top;}
#contents ul#pointList li a:hover{	background-color: transparent;}
#contents ul#pointList li a:hover img{	visibility: hidden;}



/* svcList */
#contents ul.svcList li {
	background: url(../img/icon_gry_circle.gif) 3px 0.3em no-repeat;
	display: block;
	line-height:150%;
	margin-bottom:5px;
	padding: 0 0 2px 20px;
}

#contents ul.svcList li img.icon {
	margin-right:3px;
}

#contents ul.svcList li strong.blue {
	font-weight:normal;
}

#contents ul.svcList li img.ic {
	margin-bottom:-3px;
}



/* -------------------------- TAB ---------------------------- */
#tabINDEX2,#tabINDEX3 {
	display:none;
}

#tabBOX2,#tabBOX3,#tabBOX4,#tabBOX5,#tabBOX6,#tabBOX7 {
	display:none;
}

#contents div.tabBox {
	padding-bottom: 25px;
	width: 460px;
}

#contents div.tabBox table {
	width: 460px;
}

#contents div.tabBox table th {
	background: url(../img/bg_dott_02.gif) left bottom repeat-x;
	font-weight: normal;
	text-align: left;
	padding: 5px 10px 5px 0;
	vertical-align: top;
	width: 28%;
}

#contents div.tabBox table td {
	background: url(../img/bg_dott_02.gif) left bottom repeat-x;
	padding: 5px 0;
	vertical-align: top;
	width: 72%;
}

#contents div.tabBox table th p {
	background: url(../img/icon_red_circle.gif) 2px 0.3em no-repeat;
	display: block;
	line-height: 130%;
	padding: 1px 0 3px 18px;
}

#contents div.tabBox table td p {
	background: url(../img/icon_gry_arrow.gif) 2px 0.3em no-repeat;
	display: block;
	line-height: 130%;
	padding: 1px 0 3px 18px;
}

#contents div.publicTab {
	background: url(../img/bg_public_tab.gif) left bottom repeat-x;
	margin: 0;
	padding-bottom:4px;
	width: 460px;
}

#contents div.publicTab ul {
	width: 460px;
}

#contents div.publicTab ul li {
	color:#FFFFFF;
	display: block;
	float:left;
	font-size:12px;
	text-align: center;
}

#contents div.publicTab ul li a,
#contents div.publicTab ul li a:hover,
#contents div.publicTab ul li strong {
	color:#FFFFFF;
	display: block;
	font-size:12px;
	font-weight:normal;
	padding:5px 0 2px;
}


#contents div.publicTab ul li.lw46,
#contents div.publicTab ul li.lw46 a {
	background: url(../img/tab_bg46_f.gif) left top no-repeat;
	width:46px;
}

#contents div.publicTab ul li.lw46 strong {
	background: url(../img/tab_bg46_h.gif) left top no-repeat;
	width:46px;
}

#contents div.publicTab ul li.lw67,
#contents div.publicTab ul li.lw67 a {
	background: url(../img/tab_bg67_f.gif) left top no-repeat;
	width:67px;
}

#contents div.publicTab ul li.lw67 strong {
	background: url(../img/tab_bg67_h.gif) left top no-repeat;
	width:67px;
}

#contents div.publicTab ul li.lw80,
#contents div.publicTab ul li.lw80 a {
	background: url(../img/tab_bg80_f.gif) left top no-repeat;
	width:80px;
}

#contents div.publicTab ul li.lw80 strong {
	background: url(../img/tab_bg80_h.gif) left top no-repeat;
	width:80px;
}

/* -------------------------- sitemap ---------------------------- */
#contents .stmpHead {
	background: url(../img/bg_ccl_head.gif) left bottom repeat-x;
	font-size: medium;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
	line-height: 180%;
}

#contents .stmpHeadB {
	clear: both;
	margin-bottom: 5px;
	padding-left:13px;
	width: 100%;
}

#contents .stmpHeadBB {
	clear: both;
	margin-bottom: 10px;
	padding-left:13px;
	width: 100%;
}

#contents .stmpHead a {
	margin-left: 23px;
}

#contents .stmpHead span {
	background: url(../img/icon_ccl_head.gif) 2px 0.1em no-repeat;
	line-height: 140%;
	padding: 2px 0 5px 0px;
}

#contents div.blockF table.stmpTable{
margin-bottom:20px;
}

#contents div.blockF table.stmpTable td.stmpLeft{
vertical-align:top;
width:360px;
padding:0 40px 0 0;
}

#contents div.blockF table.stmpTable td.stmpRight{
vertical-align:top;
width:360px;
padding:0 0 0 0;
}

/* -------------------------- privacy ---------------------------- */

#contents div.blockF table.privacyTable{
margin-bottom:20px;
border-bottom:1px solid #CCCCCC;
}

#contents div.blockF table.privacyTable td{
vertical-align:top;
padding:10px;
}

#contents div.pCont{
margin-left:75px;
padding-bottom:30px;
width:760px;
font-size: small;
}

#contents div.pCont li{
line-height:180%;
}

#contents div.pCont ul{
padding-top:20px;
}

#contents div.pCont ul.line{
padding:20px 0;
margin-bottom:20px;
border-bottom:1px solid #CCCCCC;
}

/* -------------------------- topicspage ---------------------------- */

#contents div.tpcLeft{
	width: 520px;
	margin-bottom:20px;
	float:left;
	display:inline;
}

#contents div.tpcLeft table.topicsList {
	clear: both;
	width: 520px;
}

#contents div.tpcLeft table.topicsList th {
	background: url(../img/bg_dott_02.gif) left bottom repeat-x;
	font-weight: normal;
	text-align: left;
	padding: 5px 10px 5px 0;
	vertical-align: top;
	width: 30%;
}

#contents div.tpcLeft table.topicsList td {
	background: url(../img/bg_dott_02.gif) left bottom repeat-x;
	padding: 5px 0;
	vertical-align: top;
	width: 70%;
}

#contents div.tpcLeft table.topicsList th p {
	background: url(../img/icon_red_circle.gif) 2px 0.9em no-repeat;
	display: block;
	line-height: 130%;
	padding: 8px 0 5px 18px;
}

#contents div.tpcLeft table.topicsList td p {
	background: url(../img/icon_gry_arrow.gif) 2px 0.9em no-repeat;
	display: block;
	line-height: 130%;
	padding: 8px 0 5px 18px;
}


#contents div.tpcLeft table.detailCont {
	clear: both;
	width: 520px;
}

#contents div.tpcLeft table.detailCont th {
	background: url(../img/bg_dott_02.gif) left bottom repeat-x;
	text-align: left;
	padding: 5px 10px 5px 0;
	vertical-align: top;
	width: 80%;
}

#contents div.tpcLeft table.detailCont td {
	background: url(../img/bg_dott_02.gif) left bottom repeat-x;
	padding: 5px 0;
	vertical-align: top;
	width: 20%;
}

#contents div.tpcLeft table.detailCont th p {
	background: url(../img/icon_ccl_head.gif) 2px 0.5em no-repeat;
	display: block;
	font-weight: bold;
	font-size:medium;
	line-height: 130%;
	padding: 8px 10px 5px 28px;
}

#contents div.tpcLeft table.detailCont td p {
	display: block;
	line-height: 130%;
	padding: 8px 10px 5px 10px;
}

#contents div.tpcRight{
	width: 200px;
	margin-bottom:20px;
	float:right;
	display:inline;
}

#contents div.tpcRight table {
	width: 200px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin-top:10px;
}

#contents div.tpcRight table th {
background: url(../img/bg_dott_02.gif) left bottom repeat-x;
	font-weight: normal;
	text-align: left;
	padding: 3px 10px 3px 0px;
	vertical-align: top;
	width: 30%;
}

#contents div.tpcRight table td {
	font-weight: normal;
	text-align: left;
	padding: 3px 10px 3px 0px;
	vertical-align: top;
	width: 30%;
}

#contents div.tpcRight table th p {
	background: url(../img/icon_gry_arrow.gif) 10px 0.8em no-repeat;
	display: block;
	line-height: 150%;
	padding: 5px 0 8px 25px;
}

#contents div.tpcRight table td p {
	background: url(../img/icon_gry_arrow.gif) 10px 0.8em no-repeat;
	display: block;
	line-height: 150%;
	padding: 5px 0 8px 25px;
}