@charset "Shift_JIS";

/* ****************************************************************************

　JRおでかけネット　ポップアップ共通レイアウト用スタイル

******************************************************************************* */

/* ==

　reset

=============================================================================== */

a img{
	border:none;
}

body {
	margin: 0;
	padding: 0;
	background: #FFF;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}


p {
	margin:0;
	padding:0;
}

.alignCenter{
	text-align:center;
}

/* ==

　header

=============================================================================== */

div#popupHeader{
	padding-bottom:4px;
	width:100%;
	background:url(../images/popup_header.gif) repeat-x left bottom;
}

	div#popupHeader p#logo{
		float:left;
	}

	div#popupHeader p#westjrLogo{
		float:right;
		position:relative;
		top:0;
	}
	

/* ==

　contents

=============================================================================== */

#contents {
	width: 100%;
	padding:20px 0 10px;
	clear: both;
	text-align: center;
}
#contents #contents_inner {
	margin: 0 auto;
	text-align:left;
}
	
#contents .mainteBox{
	width:450px;
	margin: 80px auto;
	text-align:left;
}

#contents .mainteBox p{
	font-size:108%;
	line-height:1.5;
}

.ekiTtl{
	font-size:75%;
	width:320px;
	margin:0 auto;
}


/* ///////////////////////////////////////// anchor */

a{
	color:#4d4d4d;
	text-decoration:underline;
}

a:visited{
	color:#4d4d4d;
	text-decoration:underline;
}

a:hover{
	min-height: 1em; /* Mac Firefox */
	text-decoration:none;
}

/*Win Firefox用*/
:focus{
    -moz-outline-style:none;
}
/*Mac Firefox用*/
a { outline:none;} 
	
/* ==

　footer

=============================================================================== */

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
-------------------------------------------------*/

#pagetop_btn{
}
#pagetop_btn p {
	height: 12px;
	width: 91px;
	float:right;
	background: url(/shohindb/images/btn_pagetop.gif) no-repeat;
}

#pagetop_btn a {
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 100%;

}


/* ///////////////////////////////////////// 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; }