/* --- リストエリア --- */
ul.list {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list li {
	padding-top: 0;
	padding-right: 0;
	padding-left: 18px;
	padding-bottom: 5px; /* 項目のパディング（上右下左） */
	background-repeat: no-repeat;
	background-position: 3px 0.2em;
	line-height: 130%;
}


/* --- ランキングエリア --- */
div.ranking {
	width: 300px; /* ランキングエリアの幅 */
	font-size: 100%;
}


/* --- ランキングリスト --- */
div.ranking ol {
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0px; /* ランキングリストのパディング（上、左右、下） */
	border-top: 1px #c0c0c0 dotted; /* ランキングリストの上境界線 */
	list-style-type: none;
}

/* --- リスト項目 --- */
div.ranking li {
	padding-left: 55px;
	background-repeat: no-repeat;
	background-position: 1px 0px; /* 背景画像の表示位置（左からの距離、上からの距離） */
	border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
	line-height: 100%;
	height: 55px;
}

/* --- マーカー画像 --- */
div.ranking li.rank1 {
	background-image: url(2-aruku/images/pict-hiking.gif); /* 1位の項目 */
}
div.ranking li.rank2 {
	background-image: url(2-aruku/images/arow.gif);
}


/* --- timeline --- */
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}
.botom-ancer {
	margin-bottom: 100px;
}

/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 90%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }
}

/* --- ribbon --- */

@import url(//fonts.googleapis.com/css?family=Nixie+One);

.ribbon {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 34px;
	width: 100%;
	position: relative;
	background: #A7F3D1;
	color: #fff;
	text-align: center;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: 0.5em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1.5em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
	/* [disabled]margin-top: 1em; */
}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #7AC69F;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon-content:before, .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #60AC85 transparent transparent transparent;
 bottom: -1em;
}
.ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}

/* --- stitch --- */

.stitch {
   color: #fff;
   padding: 20px;
   font-size: 22px;
   background: #FEA993;
   border: 2px dashed #F7F9CC;
   border-radius: 10px;
   box-shadow: 0 0 0 7px #FEA993;
}

/* --- 表全体 --- */
table.example {
	width: 100%; /* 表の幅 */
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #CFF8E6;
	border-top: 1px solid #c0c0c0; /* 大枠の境界線 */
	border-collapse: collapse;
	font-size: 100%;
}

/* --- 表タイトル --- */
table.example caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.example th,
table.example td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
width: 20%;
}

/* --- 見出しセル --- */
table.example thead th {
	background-color: #EDEDED; /* 見出しセルの背景色 */
	text-align: center;
}

/* --- フッタセル --- */
table.example tfoot td {
	background-color: #CFF8E6; /* フッタセルの背景色 */
}

/* --- 表ボディ --- */
table.example tbody {
background-color: #ffffff; /* ボディの背景色 */
}

/* --- マウスオーバー時 --- */
table.example tbody tr:hover {
background-color: #e5e5e5; /* 行の背景色 */
}

.index_box{
	font-weight: bold;
	color: #696969;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #E4FBF1;
	font-size: 12px;
	border-left: 10px solid #19C275;
	padding-right: 15px;
	line-height: 1.8em;
	margin-bottom: 20px;
}

.box_center {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-left: auto;
	padding-right: auto;
}
.title_bar_lightbrown {
		text-align: center;
background: #C49000;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
}
.title_bar_access {
	padding-top: 5px;
	padding-bottom: 5px;
	background: #19C275;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	margin-bottom: 20px;
}

.box_01 {
	line-height: 1.6em;
	padding: 20px;
}
.text_bold {
	font-weight: bold;
}
.box_1150 {
	width: 1150px;
	border: 1px solid #CCC;
	text-align: left;
	margin-bottom: 10px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ol {
	margin-left: 60px;
}

.section_nomargin {
	position: relative;
	padding: 60px;
	background-color: #F9F9F9;
	overflow: hidden;
}
.title_bar_green {
	text-align: center;
	background: #19C275;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
}

.text_orange_bold {
	text-align: left;
	font-weight: bold;
	color: #F48214;
}

.text_orange {
	text-align: left;
	color: #F48214;
}

.text_darkorange {
	text-align: left;
	color: #9F5D1E;
}

.text_darkgray {
	text-align: left;
	color: #666666;
}