body {
	font-family:'Lucida Grande',
		'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
		Meiryo, メイリオ, sans-serif;
	font-size: 15px;
	color: #081829;
	line-height: 180%
}

a img { border: none; }
.scpos{
	position: absolute;
	background: #f00;
	width: 100%;
	height: 1px;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}
input[type="text"]{
	text-align:center;
}
input.ihead[type="text"]{
	font-size: 16px;
	background:#fff;border:1px solid #2bb5a8;
}
input.ihead::-webkit-input-placeholder {
    color: #888;
}
input.ihead:-ms-input-placeholder {
    color: #888;
}
input.ihead::-moz-placeholder {
    color: #888;
}
input::-webkit-input-placeholder {
    color: #779;
}
input:-ms-input-placeholder {
    color: #779;
}
input::-moz-placeholder {
    color: #779;
}
nobr{
	display: inline-block;
}

.matome{
	font-size: 15px;
}

a:link{
    color: #0044CC;
}
a:visited{
    color: #0044CC;
}
a:hover {
    color: #c04;
    text-decoration:none;
}
.gmap{
	line-height: normal;
}
.llink{
    color: #000088;
}
.red{
	color: #c00;
}

a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	/*position: relative;
	top: 1px;
	left: 1px;*/
}
#out-box{
	width: 980px;
	margin: 0 auto; 
	background: #fff;
	padding: 0;
	border: 1px solid #888;
	min-height: 700px;
}
#main-box{
	padding: 10px 13px 10px 13px;
}
#title{
	background: #2bb5a8;
	padding: 3px 0 0 4px;
}

#footer{
	clear: both;
	width: 980px;
	padding: 10px 0 13px 0;
	border-top: 1px solid #89a;
	background: #2bb5a8;
}

#info{
	color:#000;font-size:100%;padding:10px;margin:15px 50px 5px 50px;border: 1px solid #2bb5a8; background:#f8fff8;border-radius:0.5em;
}

#areaRight {
	width: 336px;
	float: right;
	margin-top: 20px;
	border: 1px solid #ddd;
	background: #fff;
}
#areaRight3 {
	width: 336px;
	float: right;
	border: 1px solid #ddd;
	background: #fff;
}
#wrapRight {
	width: 336px;
	float: right;
	background: #fff;
}
#areaRight2{
	width: 336px;
	border: 1px solid #ddd;
	float: right;
}
#areaLeft{
	 width:609px;
	 float:left;
	 background: #fff;
}

#breadcrumbs{
	font-size: 18px;
	margin-bottom: 15px;
	background: #eee;
	padding: 13px 10px 10px 10px;
	margin: 0 0 15px 0;
}
#breadcrumbs a{
	color: #00786b;
	text-decoration: none;
	background: #fff;
	padding: 3px 2px 0 5px;
	border-radius: 0.5em;
}
#breadcrumbs a:hover{
	color: #00f;
}
.hback{
	color: #fff;
	background: #2bb5a8;
}
table{
	font-size: 15px;
}
H2{
	font-size:20px;
}
#areaLeft h2, .main h2{
	box-shadow: 0 5px 0 #ddd;
}
#areaLeft h2:after, #areaLeft h3:after, #areaLeft h4:after,.main h2:after, .main h3:after, .main h4:after{
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #2BB5A8, #fff);
	background: linear-gradient(to right, #2BB5A8, #fff);
}
H3.right{
	background: #2bb5a8;
	color: white;
	//text-align: center;
	margin: 0px;
	padding: 5px 0 3px 9px;
}
H3.strank{
	padding: 9px 0 7px 6px;
	color: #ffd;
}

H4.right{
	background: #ddd;
	//text-align: center;
	margin: 0px;
	padding: 3px 9px;
}
input.ibig{
	font-size: 16px;
	height: 30px;
	width: 270px;
	border: 1px solid #000;
}
input.ibig2{
	font-size: 17px;
	height: 30px;
	width: 230px;
	margin: 0;
	background: #efe;
	border: 1px solid #000;
}
input.ifoot{
	background: #f8fff8;
	width: 230px;
	height: 25px;
	border:1px solid #000;
	font-size: 17px;
}
.sglass{
	position: relative;
	top: 3px;
	width: 20px;
	margin-right: 20px;
}
.exp{
	font-color: #777;
	font-size: 15px;
}
.rbox{
	background: #f6f6f6;
	padding: 10px;
}
.close{
	padding: 5px 0;
	text-decoration: underline;
	cursor: pointer;
}
h3.close{
	color: #001166;
}
.hd2{
	display: none;
}
.hd3{
	display: none;
}
.hd4{
	display: none;
}
.hide{
	display: none;
}
.stg{
	font-weight: bold;
	//color: #080;
	color: #c00;
	font-size: 150%;
}
.stg2{
	font-weight: bold;
	//color: #080;
	color: #c00;
	font-size: 130%;
}
.stgmm{
	font-weight: bold;
	color: #008;
	font-size: 150%;
}
.stg2mm{
	font-weight: bold;
	color: #008;
	font-size: 130%;
}
.mmp{
	color: #008;
}
.mm{
	display: none;
}
.guide{
	color: #500;
}
.guide2{
	color: #555;
}

.guidetable{
	color: #888;
	float: left;
}
.unitbtn{
	background: #f8f8f8;
	border: 1px solid #2BB5A8;
	border-radius:0.5em;
	cursor:pointer;
	padding: 0 5px;
	transition: 0.4s;
}
.unitbtn:hover{
	background: #efe;
}
.lbox{
	float: left;
}

B{
	font-weight: bold;
}
.norm{
	font-weight: normal;
}
.furi{
	font-size: 85%;
}
.spc{
	margin-right: 15px;
}
.bspc{
	margin-bottom: 25px;
}
.big{
	font-size: 110%;
}
.chousa{
	color: #500;
}
.strlink{
	font-size: 120%;
	background:#fff;
	padding:5px;
}
a.rlink{
	background: #f8fff8;
	padding: 3px 10px;
	font-weight: bold;
}
a.rlink:hover{
	text-decoration: none;
}

/* 広告 */
#adv{
	width: 950px;
	height: 90px;
}
.advr{
	width: 336px;
	height: 280px;
	border-top: 1px solid #888;
}
.advr2{
	margin: 10px auto;
	width:300px;
	height:1050px;
}
.advl{
	//margin: 0 auto;
	//width: 468px;
	width: 600px;
	height: 60px;
}
.adsgtop{
	display: inline-block;
	width: 950px;
	height: 90px
}
.adsgright{
	display: inline-block;
	width: 336px;
	height: 280px
}
.adsgright2{
	display: inline-block;
	width:300px;
	height:1050px
}
.adsgleft{
	display: inline-block;
	width: 468px;
	height: 60px
}

.dchartbtn{
	float: left;
	margin: 5px;
	border: 1px solid #888;
	background: #fff;
	padding: 0 5px;
	color: #00c;
	text-decoration: underline;
}
.dsel{
	float: left;
	margin: 5px;
	border: 1px solid #888;
	background: #fff;
	padding: 0 5px;
	color: #555;
}
.nsel{
	float: left;
	margin: 5px;
	border: 1px solid #888;
	background: #fff;
	padding: 0 5px;
	color: #00c;
	text-decoration: underline;
}
#naviBar{
	display:none;
	background: #2bb5a8;
	color:#fff;
	padding:0px 3px 2px 5px;
	position:fixed;
	top:0;
	right: 3px;
	z-index:1000;
	//border-bottom-left-radius: 0.5em;
	border-radius: 0.5em;
	font-weight: bold;
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}
#naviBar a{
	color: #ffd;
	text-decoration: none;
}
#naviBar a:hover{
	color: #fff;
	text-decoration: underline;
}
.nhome{
	position:relative;
	top:2px;
}
.sticon{
	width: 16px;
	height: 14px;
	position: relative;
	top: 2px;
}
.hlink:hover{
	background: #ffd;
}
#history{
	position: fixed;
	right: 3px;
	bottom: 55px;
	background: #fff;
	padding: 10px;
	border: 1px solid #2bb5a8;
	box-shadow: 0 5px 7px #555;
	-webkit-box-shadow: 0 5px 7px #555;
	-moz-box-shadow: 0 5px 7px #555;
	display: none;
	z-index: 11;
}
#hisbtn{
	background:#2bb5a8;
	color:#ffc;
	border:1px solid #fff;
	border-radius:0.5em;
	padding:5px;
	position:fixed;
	bottom:20px;
	right:2px;
	text-decoration: none;
	z-index:10;
	font-weight: bold;
}
#pageTop{
	display:none;
	//background:#0044cc;
	//background:#bbbbff;
	background:#f8fff8;
	//color:#fff;
	color:#00786b;
	border:1px solid #2bb5a8;
	border-radius:0.5em;
	padding:2px;
	position:fixed;
	bottom:20px;
	right:75px;
	line-height: 0;
	/*filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;*/
	z-index:10;
	text-decoration: none;
	font-weight: bold;
}
#pageTop:hover{
	/*filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;*/
	//background:#dfe;
	//background: #2bb5a8;
	color: #fff;
}
/* ツールチップ */
div#title-tip {
	margin: 0 1em 0 0;
	border: solid #ccc 1px;
	padding: .3em .5em;
	background: #ffe;
	font-size: 90%;
	white-space:nowrap;
	/*filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;*/
	border-radius:0.5em;

	box-shadow: 5px 5px 7px #555;
	-webkit-box-shadow: 5px 5px 7px #555;
	-moz-box-shadow: 5px 5px 7px #555;
}

/* チャート */
td.cleft{
	border-right:1px solid #aaa;
	position:relative;
	vertical-align: top;
	white-space: nowrap
}
.clbl{
	position: absolute;
	top: -36px;
	font-size: 11px;
}
.transp{
	color: #008;
	background: rgba( 255, 255, 255, 0.8 );
	border-radius:0.5em;
}
.cscale{
	position: relative;
	height: 20px;
	font-size: 9px;
	border-bottom: 1px solid #aaa;
}
.lbl{
	font-size:8px;
}
.ba{
	width: 10px;
	height: 200px;
	vertical-align: bottom;
	border-bottom: 1px solid #aaa;
}
.ctable{
	border:1px solid #888;
	box-shadow:2px 2px #ddd;
	background:#fff;
}
.cz{
	width: 5px;
	background: #ddd;
}
.c2{
	width: 5px;
	background: green;
}
.c1{
	width: 5px;
	background: #aaf;
}
.c0{
	width: 5px;
	background: #f99;
}
.mark2{
	color: green;
}
.mark1{
	color: #aaf;
}
.mark0{
	color: #f99;
}

table.rank20 td{
	padding: 0px 20px;
}
table.rank1 td{
	padding: 0px 15px;
}
table.rank2 td{
	padding: 0px 10px;
}
table.rank3 td{
	padding: 0px 5px;
}
table.rank4 td{
	padding: 0px 3px;
}

.HiLi{
	background:#f8fff8;
	font-weight:bold;
}

nav{
	margin: 10px 0;
}
tr.strong{
	background:  #f8fff8;
	font-weight :bold
}

/* ランキング */
table.tablesorter .header {
	background-image: url(/img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	text-align:center;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/img/desc.gif);
}
table.tablesorter tbody tr.odd td {
	background:#F0F0F6;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #ddddff;
}
table.tablesorter td{
	line-height: 1.3em;
}
.bb{
	width: 100%;
	background: #ddd;
}
.bar{
	height: 3px;
	background: #f88;
}

.bar2{
	height: 3px;
	background: #88f;
}
.line0{
	background: #fff8f8;
	/*background: -moz-linear-gradient(top, #fff, #fee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fee));*/
}
.line0 td{
	border-bottom: 1px solid #faa;
	border-right: 1px solid #faa;
}
.line1{
	background: #f8f8ff;
	/*background: -moz-linear-gradient(top, #fff, #eef);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eef));*/
}
.line1 td{
	border-bottom: 1px solid #aaf;
	border-right: 1px solid #aaf;
}
.line2{
	background: #f8fff8;
	/*background: -moz-linear-gradient(top, #fff, #efe);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efe));*/
}
.line2 td{
	border-bottom: 1px solid #8d8;
	border-right: 1px solid #8d8;
}

/* 駅情報 */
.station{
	width: 598px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 2px solid #ccc;
}
.station th.head{
	background: #efe;
	border: 1px solid #ccc;
}
.station th{
	background: #eef;
	border: 1px solid #ccc;
	white-space: nowrap;
}
.station td{
	border: 1px solid #ccc;
}
.jousha{
	font-weight: bold;
	font-size: 110%;
	color: #c00;
}
.midori{
	color: #050;
}
.lstation{
	float: left;
	width: 240px;
	text-align: right;
	font-size: 115%;
	margin: 5px 0;
}
.rstation{
	float: right;
	width: 240px;
	text-align: left;	
	font-size: 115%;
	margin: 5px 0;
}
.bstations{
	text-align: center;
	background: #fff;
	padding:3px;
}
.notes{
	margin:0.3em;
	text-align: left;
	font-size: 95%;
}

/* 右エリア */
.rboxlk{
	color: #fff;
	background: #000;
}

.rsmall{
	font-size:90%
}
.small{
	font-size: 80%;
}

#check2{
	color: #fff;
}

.uline{
	text-decoration: underline;
}


/* 詳細ウインドウ */
#detail{
	line-height: normal;
	position: absolute;
	display: none;
	width: 600px;
	height: 450px;
	background-image: url(/img/bg2.jpg);
	background-repeat: repeat-x;
	cursor:pointer;
	z-index: 2;
	border-left: 1px solid #555;

	box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	-moz-box-shadow: 5px 5px 10px #000;
}
.closebox{
	float: right;
	width: 30px;
	background: #ccc;
	text-align: center;
}
.closebtn{
	text-decoration: none;
	font-size: 22px;
	color: #000;
	background: #ccc;
	font-weight: bold;
}
/* 詳細ウインドウ(MAP) */
.mapr{
	display: none;
}
.label{
	cursor: pointer;
}
.icon{
	width: 20px;
	height: 20px;
}

.fbtn{
	background: #f3f3ff;
	border: 1px solid #88a;
	border-radius: 0.5em;
	padding: 2px 6px;
	margin-left: 5px;
}
.wrapbox{
	position:relative;
}
#detail2{
	line-height: normal;
	position: absolute;
	display: none;
	width: 600px;
	height: 50px;
	background-image:url(/img/bg2.jpg);
	background-repeat: repeat-x;
	cursor: pointer;
	z-index: 1000;
	border-left: 1px solid #555;

	box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	-moz-box-shadow: 5px 5px 10px #000;
}
#stbox{
	line-height: normal;
	position: absolute;
	display: none;
	left: 647px;
	width: 352px;
	height: 451px;
	background-image:url(/img/bg2.jpg);
	background-repeat: repeat-x;
	z-index: 1;
	border-left: 1px solid #555;

	box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	-moz-box-shadow: 5px 5px 10px #000;
}
#street{
	width: 100%;
	height: 418px;
	clear: both;
	background: #ddd;
}
.stinfo{
	float: left;
	font-size: 90%;
	margin: 7px;
}
.mspc{
	height: 32px;
	width: 195px;
}

/* MAP描画 */
#canvas{
	width: 600px;
	height: 450px;
	position: absolute;
}
#emptymap{
	width: 600px;
	height: 450px
}
#canvas .olControlAttribution {
	font-size:13px;
	bottom:3px;
}
.gm-style > div > div > div > div > div {
	opacity: 0.9;
}


.phd{
	font-size:16px;
	font-weight:bold;
}
.phd2{
	font-size:16px;
}
.phd3{
	font-weight: bold;
}
.phd4{
	font-size: 14px;
}
.phd5{
	font-weight: normal;
	float: right;
	font-size: 14px;
}
.pct{
}
.pdt{
	float: right;
	margin-top: 7px;
	margin-bottom: 0;
	white-space: nowrap;
}
.pdtd{
	color: blue;
	background: #ffe;
	border: 1px solid #888;
	padding: 3px;
	border-radius: 0.5em;
}
.pdtb{
	font-weight: bold;
	font-size:15px;
}
.dtl{
	position: relative;
	top: 7px;
}

/* 比較 */
#comp{
	position: fixed;
	top: 0px;
	padding: 5px;
	border-radius: 0.5em;
	border: 2px solid #f88;
	background: #ffd;
	z-index: 999;
	display: none;
}
.compbox{
	padding: 5px;
	border-radius: 0.5em;
	border: 2px solid #877;
	background: #ffd;
	float:left;
}
.labelcomp{
	cursor: pointer;
	font-size: 110%;
	color: #a00;
}
.labelcomp2{
	cursor: pointer;
	font-size: 110%;
	color: #050;
	text-decoration: underline;
}
.labelcomp2:hover{
	color: red;
	text-decoration: none;
}
.celem{
	background: #ffe;
	//border-radius: 0.5em;
	border: 1px solid #558;
	cursor: pointer;
	margin-right: 10px;
	box-shadow: 2px 2px #555;
	padding-left: 5px;
}
.elemclose{
	margin-left: 5px;
	background: #eeb;
}
#elems{
	margin-bottom: 7px;
}
.clear{
	clear: both;
}
.cinfo{
	font-size:90%;
	line-height:120%;
	margin-top:5px;
	color: #555;
}
#databox{
	line-height: normal;
	position: absolute;
	background-image:url(/img/bg2.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	z-index: 1000;
	border-left: 1px solid #555;

	box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	-moz-box-shadow: 5px 5px 10px #000;
}
table#datacont{
	border-collapse:collapse;
	margin:0 auto;
}
#datacont th{
	color:#005ab3;
}
#datacont td{
	border-bottom:1px dashed #999;
	text-align: right;
}
#datacont th,#datacont tr:last-child td{
	border-bottom:2px solid #005ab3;
}
#datacont td,#datacont th{
	font-size: 90%;
	padding: 0 10px;
}
.showbtnWrap{
	text-align: right;
	margin-bottom: 3px;
}
.showbtn{
	border: 2px solid #aaf;
	border-radius: 0.3em;
	padding: 0 10px;
	text-decoration: none;
	margin-right: 15px;
}
.fb_iframe_widget{
	positon: relative;
	top: -9px;
}
/* 計算機 */
#calcbox{
	display: none;
	line-height: normal;
	position: absolute;
	left: 685px;
	top: 2000px;
	width: 230px;
	height: 120px;
	background-image:url(/img/bg2.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	z-index: 3;
	border-left: 1px solid #555;

	box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	-moz-box-shadow: 5px 5px 10px #000;
}
#calc{
	margin: 10px 0 0 5px;
}
.cunit{
	font-size: 14px;
	white-space: nowrap;
}
#result,#result2{
	font-weight: bold;
}
.titlebox{
	margin: 5px;
}
.wtitle{
	border: 1px solid #888;
	background: #fff;
	padding: 0 5px;
	color: #555;
}
.cal{
	padding: 0;
}
.cinput{
	width: 90px;
}

/* 計算機ここまで */