/* Base Weblog (base-weblog.css) */

/* basic elements */

body {
	text-align:center;
    color:#443333;
	background-color:white;
	line-height:1.4;

	padding-top:0px;
    padding-bottom:40px;
}





a { text-decoration: underline; }
a:link
{
    color: #1144cc;
	text-decoration: underline;
}
a:visited
{
    color: #2255aa;
	text-decoration: underline;
}
a:hover
{
	color: #ffdd44;
	background: #1155bb;
	text-decoration: none;
	margin: 0;
	padding: 4px 0 8px 0;
}
a img { border: 0; }

div {
	margin:0;
	padding:0;
	overflow: hidden;
}

ol,ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
/*
li {
	margin:0;
	padding:0;
}
*/

dl {
	margin:0;
	padding:0;
}

dt {
	margin:0;
	padding:0;
}

dd {
	margin:0;
	padding: 0.3em 0 0.7em 0;
}

dd p {
	margin:0;
	padding:0;
}


form {
	overflow:auto;
}

em {
	font-style: normal;
	font-weight: 600;
	font-size:115%;
}

strong {
	font-style: normal;
	font-weight: 900;
	font-size:175%;
}



#container {
	width:928px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;

}

#boxA {
	width:100%;
	text-align:center;
}

#wrapper {
	width:743px;
	margin-right:25px;
	margin-left:0px;
	float:left;

}

#boxB {	/* center(���ɒu����wrapper�̉E) */
	width:468px;
	margin-right:0px;
	margin-left:25px;
	float:right;
}

#boxC {
	width:250px;
	float:left;
	margin-right:0px;
	margin-left:0px;

/*	background-color:#ffffc0;*/
}

#boxD {
	width:160px;
	float:right;

/*	background-color:#c0ffff;*/
}

#boxE {
	width:100%;
	clear:both;
}

.listA {
	font-size:180%;
}
.listB {
	font-size:140%;
}
.listC {
	font-size:100%;
}
.listD, .listE {
	font-size:90%;
}

.topbar {
    line-height:100%;
}


.today {
	color: #86a7dd;
}

.listA li, .listB li, .listC li {
    line-height:140%;
    margin-top:4px;
}
.listD li, .listE li {
    margin-top:6px;
}

.listE li {
    margin-right:8px;
}

.listA li .loc {
	font-size:55%;
}
.listB li .loc {
	font-size:75%;
}
.listC li .loc {
	font-size:90%;
}
/*.listD li .loc {
	font-size:80%;
}*/

.listE li {
	display:inline;
}


/* stationの路線一覧 */
.stripe > li.even{
    background-color:#f7f7f7;
}

.stripe > li.odd{
    background-color:#fffcf7;
}


.lineBlocks {
    border: solid 1px #cccccc;
    width:99%;

    margin-bottom: 4px;
}

.lineBlocks .before {
    display: inline-block;

    font-size:120%;
    line-height:200%;

    width: 22%;
}
.lineBlocks .before:before {
    content: "";
}

.lineBlocks .lineName {
    display: inline-block;
    background-color: #dddddd;

    font-size:180%;
    line-height:200%;

    width: 45%;
}

.lineBlocks > a:hover {
    background-color:white;
}
.lineBlocks > a:hover .lineName {
    color:#aa4820;
}


.lineBlocks .after {
    display: inline-block;

    font-size:120%;
    line-height:200%;

    width: 22%;
}
.lineBlocks .after:after {
    content: "";
}


a.locate {
    color: #2c4eaa;
}
a:hover.locate {
    color: #F77;
    background-color: #2c4eaa;
}






/* 駅一覧 */
.listStation {



}

.listStation div {
  font-size:140%;
  width:100%;

}

.listStation .loc {
  font-size:150%;
}
.listStation li .loc {
  font-size:100%;
}

/* アコーディオンのボタン */
.listAccordion > div {
    /*height:44px;*/
    font-size: 180%;
    line-height: 200%;
    background-color:#ffeeaa;
}

.listAccordion > div:hover {
    /*height:44px;*/
    background-color:#ffbbb4;
}


/* 折り畳み部分を隠す */
.listAccordion > ol {
    display:none;

   /*background-color:#cceef4;*/
}
/* 背景 */
.listAccordion > li {
  /*１段目の背景*/
  display:block;
  height:44px;


}
.listAccordion > ol > li > p {
    /*１段目の背景*/

}
.listAccordion > ol > li > ol > li {/*２段目の背景*/}
.listAccordion > ol > li > ol > li > p {/*２段目の背景*/}
/* アイコン */
.listAccordion a {}
.listAccordion span {}
.listAccordion > li > p span {/*１段目（タップ部分・閉じているとき）のアイコン*/}
.listAccordion > li > p span.open {/*１段目（タップ部分・開いているとき）のアイコン*/}
.listAccordion > li > a {/*１段目（リンク部分）のアイコン*/}
/*ul.accordion > li > ul > li > p span {２段目（タップ部分・閉じているとき）のアイコン}*/
/*ul.accordion > li > ul > li > p span.open {２段目（タップ部分・開いているとき）のアイコン}*/

.line-box {
    /*border: solid 1px #A9DBA9;*/

    background-color:rgba(30,87,153, 100%);
}

.line-box .tags {
    font-size: 100%;
    line-height: 150%;
}



.line-box > a{
    font-size: 150%;
    line-height: 190%;
}



ol li a:link,
ol li a:visited,
ol li a:hover {
	text-decoration: none;
}

.tags
{
	text-align:center;
	vertical-align: top;
	margin:0px auto;
	padding:16px 0;
}

.tags li
{
	display: inline-block;
	margin-left: 2px;
	border-left: 1px #444444 dashed;
	padding-left: 6px;

}

.tags li:first-child
{
	border-left: 0px black solid;
}

.tags li img
{
	vertical-align: top;
}

.social li
{
    height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.social > li > div,
.social > li > iframe
{
    height: 20px;
	vertical-align: top;
}



/* facebook iframe */
.fb-like
{
    bottom:0;
    height: 20px;
}



/* 広告周り */
.ad_banner,
.ad_skyscraper,
.ad_box
{
    margin:0px auto;
    line-height: 1px;
}

.ad_banner img,
.ad_skyscraper img,
.ad_box img
{
    display: inline-block;
}