@charset "Shift_JIS";

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

 Common style of about

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

/* カテゴリごとの設定 */

div#odekakeContents a:link{ color:#0177bb; }
div#odekakeContents a:visited{ color:#0177bb; }
/*
div#odekakeContents ul.arrow01 li,
a.arrow01,
span.arrow01{
	margin-top:6px;
	padding-left:9px;
	background:url(img/icon_arrow01.gif) no-repeat left 6px;
	line-height:1.5;
}*/

div#odekakeContents ul.arrow02 li,
a.arrow02,
span.arrow02,
p.arrow02{
	margin-top:6px;
	padding-left:9px;
	background:url(/railroad/css/img/icon_arrow01.gif) no-repeat left 6px;
	line-height:1.5;
}

div#odekakeContents ul.lnaviArrow02 li,
a.arrow02,
span.arrow02,
p.arrow02{
	margin-top:6px;
	padding-left:9px;
	background:url(/railroad/css/img/icon_arrow01.gif) no-repeat left 6px;
	line-height:1.5;
}


/* ==

　common

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

.ttlAbout{
	margin-top:18px !important;
	/margin-top:10px !important;
}

.mainttl{
	width:752px;
	margin:20px auto;
}

.lineTtl{
	width:700px;
	color:#0066AA;
	font-weight:bold;
	font-size:122%;
	margin:40px auto 10px;
	border-bottom:1px solid #0066AA;
}

.bgTtl{
	color:#ffffff !important;
	background-color:#3366ff;
	text-align:left;
	font-weight:bold;
	border-top:1px solid #6699ff;
	border-bottom:2px solid #2255ee;
	padding:12px 10px;	
}

/*
.bgTtl01{
	background-color:#f3f3f3;
	padding:12px 10px;
	margin-top:10px;
}
*/
.bgTtl01{
	padding:12px 10px;
	margin-top:10px;
	border-bottom:1px solid #DDDDDD;
	font-weight:bold;
}

.boldTtl{
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
}

.boldTtl14{
	font-size:108%;
	font-weight:bold;
	margin:10px 0;
}

.iconpdf{
	background:url("/common/css/style/img/icon_pdf.gif") no-repeat left 0.2em !important;
}
.iconpdf a{
	padding-left:17px;
}

/* ==

　index

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

#menuArea{
	background:#fbfcfc;
	border:1px solid #e5e5e5;
	padding:10px 10px 2px;
	/padding:10px 10px 10px;
	margin-top:20px;
}
	#menuArea ul li{
		padding-left:15px;
		padding-right:15px;
		background:url(img/arrow_lnavi.gif) no-repeat left 0px;
		line-height:1;
		margin-bottom:8px;
		float:left;
	}
	
	#menuArea ul li.on{
		background:url(img/arrow_lnavi_on.gif) no-repeat left 0px;
	}
	
	#menuArea ul li.line01{ width:220px;}
	#menuArea ul li.line02{ width:170px;}

ul.indexUl{
	margin-top:20px;
	margin-left:30px;
}	

	ul.indexUl li.num{
		/*list-style:decimal inside;*/
		margin-top:10px;
	}
		ul.indexUl li.num ul.indexUlInner{
			margin-left:20px;
			margin-top:0px;
		}
			ul.indexUl li.num ul.indexUlInner ul{
				margin-left:40px;
			}
		ul.indexUl li.num li{
			font-size:100%;
			}


/* ==

　info

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

#infoContents .lineTtl,
#policyContents h2{
	width:752px;
	margin:20px auto;
	}

#infoContents .blueBg,
#policyContents .blueBg{
	background:#F2F8FC;
	width:745px; 
	padding:10px 0;
	margin:0 auto;
}

	#infoContents .blueBg ul li,
	#policyContents .blueBg ul li{
		float:left !important;
		width:370px !important;
		text-align:center !important;
		margin-left:0 !important;
		padding:0 !important;
	}
	#infoContents p,
	#infoContents li{
		font-weight:normal;
		margin-left:1em;
	}
	
/*#infoContents h3,
#policyContents h3{
	width:700px;
	color:#0066AA;
	font-weight:bold;
	font-size:122%;
	margin:40px auto 10px;
	border-bottom:1px solid #0066AA;
}
*/
ul.anchorList {
	width:700px;
	margin:0 auto;
}

	ul.anchorList li{
		padding-left:15px;
		padding-right:15px;
		background:url(img/arrow_txt12_01.gif) no-repeat left 0.45em;
		margin-bottom:12px;
		float:left;
		font-weight:bold;
	}
	
ul.anchorList.fnone li{
	float:none;
}

.mb45{margin-bottom:45px !important;}

.guideBox{
	width:700px;
	margin:20px auto 0;
}
	
	/*#infoContents .guideBox h4 {
		color:             #ffffff;
		background-color:  #3366ff;
		text-align:        left;
		font-weight:       bold;
		border-top:        1px solid #6699ff;
		border-bottom:     2px solid #2255ee;
		padding:           12px 10px;	
	}
			#infoContents .guideBox h4 a{
			text-decoration:none;
			color:             #ffffff;
		}*/
	
	
	#infoContents .guideBox p.caption {
		background-color:  #eeeeee;
		text-align:        left;
		border-top:        2px solid #cccccc;
		border-bottom:     1px solid #dddddd;
		padding:           7px 10px;
		font-size:77%;
		line-height:1.5;
	}
	
	#infoContents .guideBox h5 {
		/*background-color:#e3e9f4;
		padding:12px 10px;
		margin-top:10px;*/
	}
		#infoContents .guideBox h5 a{
			text-decoration:none;
		}
	
	#infoContents .guideBox ul li{
		border-bottom:1px solid #dddddd;
		padding:6px 50px;
	}
	#infoContents .guideBox ul.inner{
		margin-left:20px;
	}
	#infoContents .guideBox ul.inner li{
		padding:0;
		border-bottom:none;
	}
	#infoContents .guideBox dl dt,
	#infoContents .guideBox dl dd{ 
		font-size:100%;
	}		
		#infoContents .guideBox dl dd{
			margin-left:20px;
		}

.iconGo{ margin-left:7px; }

/* ==

　info_policy

=============================================================================== */
/*
#policyContents ol{
	margin-top:30px;
}
#policyContents ol li{
	list-style:inside decimal;
	font-weight:bold;
	margin-bottom:20px;
}*/
	#policyContents p,
	#policyContents li{
		font-weight:normal;
		margin-left:1em;
	}
	#policyContents li p{
		margin:0 0 0 1em;
	}
	#policyContents li{
		/*list-style:outside disc;*/
		padding:0 0 0 15px ;
		border-bottom:none ;
		margin-bottom:0 ;
		
	}
		
		#policyContents li td{
			font-size:100%;
			padding:10px 0;
		}


#policyContents h4{
	font-weight:bold;
	margin-top:20px;
	margin-bottom:5px;
}

#policyContents ul.en li{
	/*list-style:outside upper-latin !important;*/
	list-style: none;
	
}

div.download{
	margin:15px auto;
	position:relative;
	width:500px;
	min-height:34px;
	height:auto !important;
	height:34px;
	padding-left:140px;
}

div.download p.bnr{
	position:absolute;
	left:0;
	top:0;
}


/* ==

　policy_01

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

.pBox{
	width:700px ;
	margin:0 auto;
}


/* ==

　mobile

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

/*#mobileContents h2{
	width:752px;
	margin:20px auto;
	}*/

p.captionBox{
	width:660px ;
	padding:10px 20px ;
	border: solid 1px #9a2414;
	color:#9a2414;
	margin:20px auto 0;
}

p.bold{ font-weight:bold;}


.mobileImage{
	width:700px; 
	margin:20px auto 0;
	
}

.mobileImage .fl{
	width:400px;
	text-align:center;
	border:1px solid #CCCCCC;
	padding-bottom:20px;
}
	/*.mobileImage h4{
		font-size:108%;
		font-weight:bold;
		margin:10px 0;
	}*/
	
	#mobileContents .mobileImage h3{
		font-size:108%;
		font-weight:bold;
		margin:10px 0;
	}
	
	#mobileContents .mobileImage h3.ttlNormal{
		font-weight:bold;
		margin:0;
	}
	
	#mobileContents .mobileImage p.ttlNormal{
		font-size:108%;
		font-weight:bold;
		margin:0;
	}

	.mobileImage .fr{
		width:280px;
	}

.mobileContents{
	width:680px; 
	margin:0 auto;
}
	.mobileContents .fl{
		width:180px;
		text-align:center;
	}
	
	.mobileContents .fr{
		width:500px;
	}


/*アイコン系*/
.explanatory_note{
	background-image:url("/common/css/style/img/icon_explanatory_note.gif");
	background-position:2px 0.3em;
	background-repeat:no-repeat;
	padding:0 0 0 17px;
}

.circleTtl li,
li.circleTtl,
p.circleTtl{
	background-image:url("/common/css/style/img/icon_circle.gif");
	background-position:0 0.2em;
	background-repeat:no-repeat;
	color:#333333;
	font-weight:bold;
	line-height:1.2em;
	margin-left:5px;
	margin-top:0.4em;
	padding:0 0 3px 15px;
}
ul.circleTtl{
	background:none;
	margin-left:0;
	padding-left:0;
}
a.arrowTtl,
p.arrowTtl,
ul.arrowTtl li{
	background:url(img/arrow01.gif) no-repeat left 0.35em;
	padding-left:8px !important;
}

div.boderTop{
	border-top:1px solid #dddddd;
	padding-top:10px;
	/padding-top:20px;
}


/* ==

　smt

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

div#smthome p#smtCapture,
div#smthome div#smtTxt{
	display:table-cell;
	/float:left;
	/zoom:1;
	/*vertical-align:middle;*/
	vertical-align:top;
}
div#smthome div#smtTxt{
	padding-left:30px;
	padding-top:10px;
}


table.tblStyle01{
	margin-bottom:20px;
	margin-top:10px;
	width:100%;
	border-top:1px solid #dbd2ae;
	border-left:1px solid #dbd2ae;
}

	table.tblStyle01 th,
	table.tblStyle01 td{
		padding:5px 11px;
	}
	
	table.tblStyle01 th{
		background:#ece3bf url(/eki/css/img/table01_th.gif) repeat-x left top;
		border-right:1px solid #bab18d;
		border-bottom:1px solid #bab18d;
		font-weight:bold;
	}

	table.tblStyle01 td{
		border-right:1px solid #dbd2ae;
		border-bottom:1px solid #dbd2ae;
	}

div#smtContents img.icon{
	padding-bottom:3px;
	vertical-align:middle;
}

div#smtContents div.attention{
	margin:30px auto 0;
	padding:10px 20px;
	background:#E6E6E6;
	width:660px ;
}