@charset "utf-8";
/*=========================================================
	[ service.css ]
	design - content style
	date - creation:2013-03-04 // update:2013-04-12
=========================================================*/

/*=========================================================
	index
		1. content
=========================================================*/

/* 1. content
=========================================================*/
/* heading
---------------------------------------------------------*/
/* level2 */
/*#content h2{
	padding:40px 8px 20px 90px;
	background:url(/service/images/heading2_bg.gif) no-repeat 0 100%;
	font-weight:bold;
	font-size:16px;
	font-weight:bold;
	line-height:1.3;
}
*/
/* level3 */
/*#content h3{
	clear:both;
	padding:40px 8px 22px 35px;
	font-weight:bold;
	font-size:16px;
	font-weight:bold;
	line-height:1.3;
}
#content h3.tit-service{background:url(/service/images/tit_1.gif) no-repeat 0 100%;}
#content h3.tit-option{background:url(/service/images/tit_2.gif) no-repeat 0 100%;}
*/

/* box
---------------------------------------------------------*/
/* boxShop */
#boxShop{
	text-align:left;
}
#boxShop p{
	margin:0 0 1px;
	padding:0 0 6px 10px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #000000;
}
#boxShop p span{
	padding-left:21px;
	background:url(/local_asp/newyork/images/shop/for_mk_arrow3.png) no-repeat 0 50%;
}
#boxShop table{
	border-top:1px dotted #333333;
}
#boxShop table td{
	padding:15px;
	line-height:2;
	font-size:14px;
}
#content .colHead{
	margin:0;
}
.colHead span{
	font-size:14px;
	color:#00A26B;
	font-weight:bold;
}
/* boxInfo */
#boxInfo{
	margin-bottom:30px;
	padding-bottom:7px;
	background:url(/local_asp/newyork/images/shop/box_btm_bg.gif) repeat-x 0 100%;
}
#boxInfo dl{
	margin-bottom:0;
	border:1px dotted #666666;
}
#boxInfo dt{
	display:block;
	padding:25px 0 15px;
	background:url(/local_asp/newyork/images/shop/box_tit_bg.gif) repeat-x 0 1px;
	text-align:center;
	font-weight:bold;
	color:#00A26B;
}
#boxInfo dd{
	margin:0 10px;
	padding:10px 8px;
	border-top:1px solid #00A26B;
	text-align:left;
	font-size: 12px;line-height: 1.6;
}
#boxInfo dd ul{
	margin-top:1.5em;
	padding-left:5px;
	list-style:disc inside;
}
#boxInfo dd ul li{padding:0;margin-top:0.3em;list-style: disc;margin-left: 0.3em;}
/* table list
---------------------------------------------------------*/
#bgList{
	width:100%;
	margin-top:25px;
	padding:0 8px;
	background:url(/local_asp/newyork/images/shop/boxlist_bg.gif);
}
@media screen and (max-width: 767px) {
  #bgList {
    width: auto;
  }
}
#bgList table{
	margin-bottom:8px;
/*
	border-collapse:collapse;
*/
/*	border-spacing:8px 0;*/
	border-collapse:separate;
	border-spacing:0 8px;
}
#bgList th,#bgList td{
	padding:10px 12px;
	background-color:#FFFFFF;
}
#bgList th{
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	font-size:14px;
	border-spacing:0;
	border-right:1px dotted #99DAC4;
}
#bgList thead th{
	text-align:center;
	color:#FFFFFF;
	background-color:#00A26B;
	border-right:1px dotted #FFFFFF;
}
#bgList td{
	border-right:1px dotted #99DAC4;
}
#bgList tbody th{
	width:150px;
	color:#FF3366;
}
.bgListRec{
	position:relative;
}
#bgList tbody th span{
	font-size:12px;
	font-weight:normal;
	color:#333333;
}
#bgList thead th.end,
#bgList tbody td.end{border-right:0;width: 10%;text-align: center;}
@media screen and (max-width: 767px) {
  #bgList thead th:first-child { width: 30% }
  #bgList thead th:nth-child(2) { width: 65% }
  #bgList thead th:last-child { width: 5% }
  #bgList th,
  #bgList td {
    padding: 5px;
  }
}
/* service */
/*
#bgGus{background-image:url(/service/images/g_gas.gif);}
#bgCatv{background-image:url(/service/images/g_catv.gif);}
#bgBank{background-image:url(/service/images/g_bank.gif);}
#bgShop{background-image:url(/service/images/g_shopping.gif);}
#bgSup{
	background-position:10px 30px;
	background-image:url(/service/images/g_support.gif);
}
#bgPac{background-image:url(/service/images/g_pac.gif);}
#bgMob{background:url(/service/images/g_mobile.gif) no-repeat 30px 50px;}
#bgRent{background:url(/service/images/g_rental.gif) no-repeat 30px 50px;}
*/
#bgList td.end{
	font-size:16px;
	font-weight:bold;
	text-align:right;
	color:#FF3366;
}
#bgList td.end span{
	font-size:12px;
	font-weight:normal;
	color:#333333;
}
#bgList td span.b{
	font-size:14px;
	font-weight:bold;
}
#bgList tr.free td{
}
#bgList tr.free th{
	color:#FF3366;
}
#bgList tr.free span{
	font-size:16px;
	color:#FF3366;
	font-weight:bold;
}
#bgList .gNotice{
	position:absolute;
	width:53px;
	height:35px;
	top:-12px;
	left:-58px;
}

/* column-cell heading
---------------------------------------------------------*/
.panel-l table{font-size: 12px;}
#content .fCol-imp{    color: #FF3333;}
table.rowHead, table.colHead, table.complete {
    margin-top: 2em;
    border-collapse: separate;
    border: 1px solid #CCCCCC;
    border-spacing: 0;
}
body.guide-detail #content .colHead thead th {
	background-color:#DEFFF7;
	text-align:center;
	border: none;
}
body.guide-detail #content .colHead tbody th {
	border-top: dotted 1px #999;
	background-color:#FFFFFF;
	border-left: none;
	padding: 1.0em 0.5em ;text-align: center;
}
body.guide-detail #content .colHead tbody td {
	border-top: dotted 1px #999;padding: 1.0em 0.5em ;text-align: center;}