@charset "Shift_JIS";

/* =====================================
  File        : base.css
  Last Update : 2008.05.11
===================================== */



/* ////////////////////////////////////////smoking */
div#shiftContents div#smoking  {
	margin-top:20px;
}

div#shiftContents div#smoking h2.ti{
	margin-top:40px;
	margin-left:7px;
	margin-bottom:13px;
}

div#shiftContents div#smoking  div.cntBox{
	width:740px;
	margin-top:15px;
	margin-left:10px;
}

div#shiftContents div#smoking  div.cntBox ul li{
	float:left;
}


/*red*/
div#shiftContents div#smoking  div.redBox h3{
	margin-top:25px;
	background-color:#f7d4cd;
	border-bottom:1px solid #e29d8f;
	font-weight:bold;
	font-size:108%;
	padding:8px 10px 2px;
}

div#shiftContents div#smoking  div.redBox div.wrap {
	width:708px;/*740*/
	padding:15px 15px 12px;
	border-right:1px solid #f7d4cd;
	border-bottom:1px solid #f7d4cd;
	border-left:1px solid #f7d4cd;
	background-color:#fef0ed;
}

/*green*/
div#shiftContents div#smoking  div.greenBox h3{
	margin-top:25px;
	background-color:#bee2b6;
	border-bottom:1px solid #86b47c;
	font-weight:bold;
	font-size:108%;
	padding:7px 10px 2px;
}

div#shiftContents div#smoking  div.greenBox div.wrap {
	width:708px;/*740*/
	padding:15px 15px 12px;
	border-right:1px solid #c7e9c8;
	border-bottom:1px solid #c7e9c8;
	border-left:1px solid #c7e9c8;
	background-color:#ecfaec;
}

/*blue*/
div#shiftContents div#smoking  div.blueBox h3{
	margin-top:25px;
	background-color:#c9e7f7;
	border-bottom:1px solid #8bc3e6;
	font-weight:bold;
	font-size:108%;
	padding:7px 10px 2px;
}

div#shiftContents div#smoking  div.blueBox div.wrap {
	width:698px;/*740*/
	padding:0px 20px 20px;
	border-right:1px solid #afd5e9;
	border-bottom:1px solid #afd5e9;
	border-left:1px solid #afd5e9;
	background-color:#f1fbff;
}

div#shiftContents div#smoking  div.blueBox div.wrap h4 {
	padding:20px 0 8px 2px;
	display:block;
	float:none;
}

/*gray*/
div#shiftContents div#smoking div.grayBox h3 {
	background-color:#666666;
	border-bottom:1px solid #666666;
	font-size:108%;
	font-weight:bold;
	margin-top:25px;
	padding:8px 10px 2px;
	color:#ffffff;
	clear:both;
}

div#shiftContents div#smoking div.grayBox div.wrap {
	background-color:#efefef;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	padding:15px 15px 12px;
	width:708px;
}

div#shiftContents div#smoking div.grayBox h3 a{
	color:#FFF;
}
div#shiftContents div#smoking  div.btmBox div.fl{
	width:380px;
}

div#shiftContents div#smoking  div.btmBox div.fr{
	width:340px;
}


div#shiftContents div#smoking div.boxData01{
	/*margin-bottom:650px;*/
}

div#shiftContents div#smoking div.boxData01 div.fl,
div#shiftContents div#smoking div.boxData01 div.fr{
	background-color:#e6e6e6;
	padding:3px;
	width:333px;/*339*/
}

/*div#smoking div.boxData01 table {
	border-top:2px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:2px solid #cccccc;
	font-size: 93%;
	width:333px;
}

div#smoking div.boxData01 table th,table td {
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	padding:7px 5px 5px;
}

div#smoking div.boxData01 table th {
	background:#d9e8f3;
	font-weight:normal;
	color:#0066ae;
	text-align:center;
}

div#smoking div.boxData01 table td {
	color:#4d4d4d;
	background-color:#FFF;
}

div#smoking div.boxData01 table td.nowrap{
	white-space:nowrap;
}

div#smoking div.boxData01 table td.h {
	padding:0;
	marign:0;
	background-color:#CCC;
}*/



/* modern browsers */

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */

.clearfix{
	display: inline-block;
}

/* legacy IE */

* html .clearfix{
	height: 1%;
}

.clearfix{
	display: block;
}



/* ////////////////////////////////////////新規追加 */

div#shiftContents div#smoking div#description{
	width:761px;
	min-height:235px;
	height:auto !important;
	height:235px;
	background:url(../img/smoking_visual.jpg) no-repeat right top;
	/*position:relative;*/
}

/*div#smoking div#description p{
	position:absolute;
	left:10px;
}

div#smoking div#description p#text01{ top:16px; }
div#smoking div#description p#text02{ top:68px; }
div#smoking div#description p#text03{ top:158px; }*/

div#shiftContents div#smoking div#description p{
	line-height:1.5;
	padding-left:10px;
	padding-top:20px;
	text-align:justify;
	text-justify:distribute;
}

div#shiftContents div#smoking div#description p#text01{ width:460px; padding-top:16px; }
div#shiftContents div#smoking div#description p#text02{ width:385px; }
div#shiftContents div#smoking div#description p#text03{ width:330px; }


/* 在来線特急列車等 */

div#shiftContents div.boxData01In{
	border:2px solid #ccc;
}

div#shiftContents div.boxData01In dl{
	background-color:#FFFFFF;
}

div#shiftContents div.boxData01In dl dt{
	background:#d9e8f3;
	font-weight:normal;
	color:#0066ae;
	text-align:center;
}

div#shiftContents div.boxData01In dl dt,
div#shiftContents div.boxData01In dl dd{
	border-bottom:1px solid #ccc;
	padding:7px 5px 5px;
	font-size:93%;
}

div#shiftContents div.boxData01In dl dd{
}

/**/
div#shiftContents .pagetop {
	text-align: right;
	clear: both;
	margin: 15px 0 0 0;
	font-size:93%;
}

div#shiftContents .pagetop a {
	padding: 0 0 0 7px;
	background: url(../img/iconPagetop.gif) no-repeat 0 center;
}

div#shiftContents .crossing_red{
	color:#DC0000;
	font-weight:bold;
}

.mt35{
	margin-top:35px !important;
}

.mt45{
	margin-top:45px !important;
}