@charset "utf-8";

/*----------------------------------------------------------------------
    IMPORT
----------------------------------------------------------------------*/

@import "common.css";
@import "contents.css";

/*----------------------------------------------------------------------
    title
----------------------------------------------------------------------*/

#contents .titleBox .leadBox p.title{
	margin-bottom:10px;
	color:#087E0B;
	font-size:127%;
	font-weight:bold;
}

#contents #customerSupport.titleBox .leadBox{
	width:930px;
	padding-top:7px;
}

#contents #customerSupport.titleBox .leadBox .txtBox{
	float:left;
	width:600px;
}

#contents #customerSupport.titleBox .leadBox .txtBox p{
	margin-bottom:15px;
}

#contents #customerSupport.titleBox .leadBox p.img{
	float:right;
	width:310px;
	padding-top:0;
}


/*----------------------------------------------------------------------
    JR East Travel Service Center
----------------------------------------------------------------------*/

/* business hours -------------------- */

#customer .businessHours{
	width:930px;
}

#customer .businessHours .txtBox{
	float:left;
	width:610px;
}

#customer .businessHours .txtBox dl dt{
	font-weight:bold;
}

#customer .businessHours .txtBox dl dd{
	margin-bottom:10px;
}

#customer .businessHours p.img{
	float:right;
	width:280px;
}


/* credit card -------------------- */

#customer .creditCard{
	width:930px;
}

#customer .creditCard p.txt{
	float:left;
	width:360px;
}

#customer .creditCard p.img{
	float:right;
	width:525px;
}


/* support -------------------- */
#customer .supportBox{
	position:relative;
	width:931px;
	margin-top:11px;
	background:url(../../customer_support/img/renew/bg_csbox_rp.gif) repeat-y;
	margin-bottom:15px;
}

#customer .supportBox h3,
#customer .supportBox_sgl h3{
	padding:3px 0 3px 12px;
	background:url(../../customer_support/img/renew/bg_green.gif) repeat-y;
	font-size:120%;
	font-weight:bold;
	color:#fff;
}

#customer .supportBox h3 a{
	text-decoration:none;
	color:#fff;
}

#customer .supportBox.second{
	margin-top:15px;
}

#customer .supportBoxInner{
	width:931px;
	background:url(../../customer_support/img/renew/bg_csbox_tp.gif) no-repeat;
}

#customer .supportBoxBg{
	padding:6px 8px 17px 7px;
	background:url(../../customer_support/img/renew/bg_csbox_bt.gif) no-repeat left bottom;
}

#customer .supportBox .boxLeft{
	float:left;
	width:443px;
}

#customer .supportBox .boxRight{
	float:right;
	width:443px;
}

#customer .supportBox p{
	margin:10px 12px 0;
}

#customer .supportBox p.high{
	margin:10px 12px 10px;
}

#customer .supportBox img{
	float:right;
	margin:10px 15px 10px 10px;
}

#customer .supportBox .detail{
	margin-left:10px;
	text-align:left;
	padding-left:15px;
	background:url(../../../img/multi/icon_arw02.png) no-repeat 0 3px;
}

#customer .supportBox .boxRight .detail{
	padding-left:15px;
}


#customer .supportBox .detail.newwin{
	background:url(../../../img/multi/icon_link01.gif) no-repeat 0 3px;
}

#customer .supportBox .img_product_box{
	float:right;
	width:210px;
}

#customer .supportBox .txtBox_size{
	width:210px;
}

/* Image Position Left */
#customer .supportBox.imgLeft img{
	float:left;
	margin:10px 10px 10px 15px;
}

#customer .supportBox.imgLeft .detail{
	position:absolute;
	left:18px;
	width:420px;
	margin:0;
	text-align:right;
	bottom:15px;
	padding:0;
	background:url(../../../img/multi/icon_arw02.png) no-repeat 320px 3px;
}

#customer .supportBox .boxRight.imgLeft .detail{
	left:490px;
	padding:0;
}

/* support Box Single-------------------- */

#customer .supportBox_sgl{
	padding:6px;
	background:#E8F5D9;
	width:446px;
}

#customer .supportBox_sgl .supportBoxInner{
	background:none;
	width:446px;
}

#customer .supportBox_sgl .supportBoxBg{
	border:1px solid #C1EFB1;
	background:#FFFFFF;
	padding:0 0 5px 0;
	width:443px;
}

#customer .supportBox_sgl h3{
	padding:3px 0 3px 7px;
	background:url(../../customer_support/img/renew/bg_green.gif) repeat-y;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
}

#customer .supportBox_sgl p{
	margin:10px 12px 0;
}

#customer .supportBox_sgl img{
	float:right;
	margin:10px 15px 10px 10px;
}

#customer .supportBox_sgl .detail{
	background:url(../../../img/multi/icon_arw02.png) no-repeat 0 3px;
	padding:0 0 0 18px;
	margin-top:8px;
}

/* Image Position Left */
#customer .supportBox_sgl.imgLeft img{
	float:left;
	margin:10px 10px 10px 15px;
}


/*----------------------------------------------------------------------
    JR East Information Center
----------------------------------------------------------------------*/

/* table -------------------- */

#customer .infoTbl{
	width:933px;
	background:#F6F6F6;
	font-size:110%;
}

#customer .infoTbl th,
#customer .infoTbl td{
	padding:7px 30px;
	border:1px solid #FFFFFF;
	text-align:center;
}

#customer .infoTbl th{
	background:#DCEBC9;
	color:#225728;
	font-size:117%;
	font-weight:bold;
}

#customer .infoTbl a{
	font-weight:bold;
}
#customer .infoTbl a:link{color:#333333; text-decoration:underline;}
#customer .infoTbl a:visited{color:#333333; text-decoration:underline;}
#customer .infoTbl a:hover{color:#ff0000; text-decoration:none;}
#customer .infoTbl a:active{color:#ff6600; text-decoration:none;}

#customer p.notes{
	margin:10px 0 20px;
}


/* pdf -------------------- */

#customer .pdfBox{
	width:933px;
	padding:12px 0 10px;
	background:#E2F2CE;
	text-align:center;
}

#customer .pdfBox p{
	display:inline;
	margin:0 18px;
}


/* available -------------------- */

#customer .available{
	width:900px;
	margin:0 0 0 20px;
}

#customer .available p.img{
	float:right;
	width:310px;
}

#customer .available p.txt{
	float:left;
	width:600px;
	margin-top:10px;
}


/*----------------------------------------------------------------------
    JR East Travel Service Center
----------------------------------------------------------------------*/

/* tel -------------------- */

#customer p.tel{
	margin-left:20px;
	color:#CC0000;
	font-size:255%;
	font-weight:bold;
}


/* info service -------------------- */

#customer .infoService{	
	width:933px;
}

#customer .infoService .txtBox{
	float:left;	
	width:630px;
}

#customer .infoService .txtBox ul{
	margin-left:20px;
	padding:15px 0 20px;
}

#customer .infoService .txtBox ul li{
	padding-left:16px;
	background:url(../../customer_support/img/renew/infoline_icon_list.gif) no-repeat 0 .7em;
}

#customer .infoService .txtBox p.bold{
	font-weight:bold;
}

#customer .infoService p.img{
	float:right;	
	width:280px;
}


/* info link -------------------- */

#customer .infolineLink{
	width:933px;
	padding:2px 0 14px;
	background:#E3F3FB;
}

#customer .infolineLink p{
	margin:12px 0 0 54px;
}


/* links -------------------- */

#customer #contents .linksBox{
	background:none;
}

/*----------------------------------------------------------------------
    JR East Information Center Haneda
----------------------------------------------------------------------*/

.haneda #contents .titleBox .leadBox{
	width:930px;
	padding-top:7px;
}

.haneda #contents .titleBox .leadBox p{
	margin-bottom:10px;
}

.haneda #contents .titleBox{
	margin-bottom:20px;
}

#customer .monorail_jr dl{
	float:left;
	text-align:center;
}

#customer .monorail_jr dl.right{
	float:right;
}

#customer .monorail_jr .left{
	width:460px;
	padding:0 20px 10px 20px;
	background:url(../../customer_support/img/renew/sc_img_haneda07.gif) no-repeat 473px 105px;
}

#customer .monorail_jr dt {
	height:42px;
}

#customer .monorail_jr dd {
	float:left;
	margin-right:13px;
}

#customer .monorail_jr dd img{
	border:6px solid #F0F0F0;
	padding:1px;
	background:#fff;
}

#customer .monorail_jr dd.last{
	margin-right:0;
	float:right;
}

#customer .monorail_jr p.link01{
	margin:10px 0 0 15px;
	clear:both;
}

#customer .monorail_jr dd.txt{
	width:440px;
}


/*----------------------------------------------------------------------
    Station Maps
----------------------------------------------------------------------*/

#customer ul.alphabetList{
	width:676px;
	margin-left:135px;
	padding:0 0 12px;
}

#customer ul.alphabetList li{
	float:left;
	width:52px;
	margin-bottom:10px;
}

#customer .stationMaps{
	width:888px;
	margin:14px auto 0;
	padding:0 0 10px;
}

#customer .stationMaps h3{
	margin:0 0 3px 10px;
	color:#225728;
	font-size:136%;
	font-weight:bold;
}

#customer .stationMaps .listBox{
	padding:9px 8px 12px;
	border-top:2px solid #C1E393;
	border-bottom:2px solid #C1E393;
}

#customer .stationMaps .listBox ul{
	width:872px;
}
#customer .stationMaps .listBox ul.line{
	margin-bottom:9px;
	padding-bottom:13px;
	background:url(../../stations/img/renew/bg_line_dash.gif) repeat-x left bottom;
}

#customer .stationMaps .listBox ul li{
	float:left;
	width:200px;
	padding-left:18px;
	background:url(../../../img/multi/icon_link01.png) no-repeat 0 3px;
}

/*----------------------------------------------------------------------
    Accessibility
----------------------------------------------------------------------*/
/* pagelink -------------------- */

#customer .pageLink{
	width:933px;
	margin:0 0 22px 17px;
	padding-bottom:10px;
	background:url(../../../img/multi/line_dot01.gif) repeat-x left bottom;
}

#customer .pageLink ul{
	padding:5px 0 0 12px;
	background:url(../../../img/multi/line_dot01.gif) repeat-x;
	line-height:2.0;
}

#customer .pageLink ul li{
	display:inline;
	margin-right:20px;
	padding-left:15px;
	background:url(../../../img/multi/icon_arw05.png) no-repeat 0 60%;
}


/* textBox ---------------------*/
#customer #contents .imageBox .txtBox{
	width:680px;
	float: left;
}

#customer #contents .imageBox .imgRight{
	float: right;
	width: 200px;
	padding-right: 20px;
	text-align: center;
}


#customer #contents .imageBox p.notes{
	margin:10px 0 5px;
}

/* h4 -------------------- */

#customer .categoryBox .block{
	margin:7px 0 15px 0;
}

#customer .categoryBox .block.bg{
	padding:5px 5px 5px 10px;
	background:#E6EFD8;
}

#customer .categoryBox .block h4{
	margin-bottom:3px;
	color:#225728;
	font-size:110%;
	font-weight:bold;
}

#customer .categoryBox .block .mb{
	margin-bottom:10px;
}

#customer .linksBoxline{
	width:933px;
	padding:17px 0 0;
	background:url(../../../img/multi/line_dot02.gif) repeat-x;
}