@charset "UTF-8";
/* CSS Document */

#railpass {
	margin:0 0 40px 0}
	
#railpass a {
	color:#2283c7;	
}

#railpass h1 small {
	font-size:50%;
	color:#82b668
	}

#railpass h1 span {
	font-size:80%;
	color:#2283c7;
	}
	
#railpass h1 {
	font-size:52px;
	line-height:56px;
	color:#2283c7;
	margin:10px 0 15px 0;
}
	
#railpass .lead {
	font-size:12px;
	line-height:18px;
	margin:0;
}

#railpass .box {
	background:#e3edf6;
	padding:15px;
	margin:30px 0
}

#railpass .box h2 {
	margin:0 0 7px 0;
	padding:0;
	color:#2283c7;
}

#railpass .box ul li {
	margin:5px 0 5px 20px;
	font-size:12px;
	line-height:18px
}

#railpass .link a {
	font-size:16px;
	color:#64baf6
}

#railpass h3 {
	color:#2283c7;
	margin:40px 0 20px 0;
	font-size:28px;
	line-height:1.3em;
}

#railpass h3 small {
	font-size:20px;
	color:#64baf6
}


#railpass table {
	line-height:18px;
}

#railpass table td {
	padding:10px 5px;
	border-bottom:#FFF 2px solid;
	border-left:#FFF 2px solid;
	background:#F2F2F2;
	font-size:12px;
	line-height:18px;
}

#railpass table td.blue {
	background:#2283c7;
	border-bottom:#FFF 2px solid;
	border-left:#FFF 2px solid;
	color:#FFF;
}

#railpass table td.blank {
	background:#fff;
	border-bottom:#FFF 2px solid;
	border-left:#FFF 2px solid;
}


#railpass table th {
	padding:10px 5px;
	color:#fff;
	border-bottom:#FFF 2px solid;
	border-left:#FFF 2px solid;
	text-align:left;
	background:#64baf6;
	font-size:12px;
}



#railpass h4 {
	color:#2283c7;
	font-size:20px;
	margin:40px 0 20px 0;
	clear:both;
}

#railpass h4 span {
	color:#333;
	font-size:12px;
}

#railpass .route {
	background:url(norway-map.gif)  no-repeat top right
}

#railpass .nutshell {
	padding:300px 0 15px 250px;
	color:#2283c7;
	line-height:1.3em;
}


#railpass table.plan {
	border-top:#CCC 1px solid;
}

#railpass table.plan td {
	border-bottom:#CCC 1px solid;
	border-left:none;
	padding:5px 10px;
	background:none;
}


#railpass ul.place {
}

#railpass ul.place li {
	float:left;
	width:270px;
	margin: 0 10px 10px 0;
	padding:10px;
	background:#e0eef4;
	font-size:12px;
	line-height:1.3em;
}

#railpass ul.place li h5 {
	margin:0 0 5px 0;
	padding:0;
	color:#2283c7;
	font-size:14px;
}

#railpass ul.place li strong {
	margin:0;
	padding-bottom:7px;
	color:#2283c7;
	display:block;
	border-bottom:#2283c7 1px solid;
}

#railpass ul.jrpass li {
	margin:10px 0 10px 0;
	font-size:14px;
	line-height:18px;
	padding: 3px 0 5px 10px;
}

#railpass ul.jrpass li:before {
	width: 1px;
	height:1px;
	-webkit-border-radius:8px;/* width,heightの半分 */
	-moz-border-radius: 8px;
	border-radius:8px;
	background-color:#9ad8f0;/* 円の色 */
	margin:0 10px 10px 0;
	content:"　" 
}
#railpass .route img.bg-sp {display: none;}

body.white .site #railpass h1 {font-size: 52px; line-height: 56px;}
body.white .site #railpass h1 small {font-size: 42%;}
body.white .site #railpass h1 span {font-size: 50%;}
body.white .site #railpass .lead {font-size: 14px; line-height: 20px;}
body.white .site #railpass .box ul li {font-size: 14px; line-height: 20px; margin-left: 10px;}
body.white .site img.right,
body.white .site img.left {display: block; margin: 0 auto 15px;}
body.white .site .link a {background: none; padding: 0;}
body.white .site table {float: none !important; margin: 0 0 20px 0 !important;}
body.white .site #railpass .route {background: none;}
body.white .site #railpass .route img.bg-sp {display: block; margin: 0 auto 10px;}
body.white .site #railpass .nutshell {padding: 0;}
body.white .site #railpass ul.place li {float: none; width: calc(100% - 20px); margin: 10px 0;}
body.white .site #railpass ul.jrpass li {padding-left: 0;}