@charset "UTF-8";
/* CSS Document */
/* ****************************************************************************
　JRおでかけネット　ポップアップ共通レイアウト用スタイル
******************************************************************************* */
/* ==
　reset
=============================================================================== */
a img{
border:none;
}
body {
margin: 0;
padding: 0;
background: #FFF;
}
h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
}

#h1ttl {
	margin-bottom: 18px;
	padding-bottom: 11px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../img/h1_style01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
}

p {
margin:0;
padding:0;
}
/* ==
　header
=============================================================================== */
div#popupHeader{
	padding-bottom: 4px;
	background-image: url(../img/popup_header.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
div#popupHeader p#logo{
float:left;
}
div#popupHeader p#westjrLogo{
float:right;
position:relative;
top:0;
}
/* ==
　contents
=============================================================================== */
div#popupFooter{
margin-top:8px;
border-top:1px solid #e5e5e5;
}
div#popupFooter p#popupCopy{
float:left;
}
div#popupFooter p#closeWindow{
float:right;
}
/* ==
　/shohindb/css/popup.css　の記述を新レイアウト用に変更
=============================================================================== */
/* footer
-------------------------------------------------*/
/* ///////////////////////////////////////// ClearFix */
.clear{
clear:both;
}
/* modern browsers */
.clearfix:after,
.fBox:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE7 */
.clearfix,
.fBox{
display: inline-block;
}
/* legacy IE */
* html .clearfix,
* html .fBox{
height: 1%;
}
.clearfix,
.fBox{
display: block;
}
/* /////////////////////////////////////////////////////////////////////////// margin style */
.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }