/* =============================================== */
/*             Main index table & cell             */
/* =============================================== */


div.index-sidebar {
	font-size: 80%;
	border: none;/*1px solid #8E8E8E;*/
	float: left;
	background: #E0E0FF;
	margin: 0 0 0 15px;
	padding: 5px 10px 10px 10px;
	width: 180px; /* total=200px */
	display: inline; /* avoid IE6 bug in margin */
}

div.index-main {
	float: right;
}

div.index-box {
	border-left: 1px solid #8E8E8E;
	border-right: 1px solid #8E8E8E;
	border-bottom: 1px solid #8E8E8E;
	border-top: none;
	clear: both;
	width:510px;
	margin-right: 15px;
}

div.inlinebox {
	display: -moz-inline-box;  /* Firefox2 */
	display: inline-block;     /* Firefox3,Opera,Safari */
	/display: inline;          /* IE5.5,6,7 */
	/zoom: 1;                  /* IE5.5,6,7 */
	}

	/* Firefox2 */
	div.index-box > DIV{
		width: 510px;
		display: block;
	}

div.index-chapter {		
	color: #FFFFFF;
	font-weight: bold;
	/*background: #0000FF;*/
	border: none;
	padding: 3px 3px 3px 7px;
	background-image: url(../image/header_blue0.gif);
	background-repeat: repeat-x;
	background-position: left center;
	margin-right: 15px;
	clear:both;
}

div.index-cell-left {		
	line-height: 16px;
	padding: 10px 0 10px 10px;
	float:left;
	width: 310px; /* total=320px */
}

div.index-cell-right {		
	line-height: 16px;
	padding: 10px 0;
	width: 190px; /* total=190px */
	float:left;
}



/* =============================================== */
/*            Climbing index table & cell          */
/* =============================================== */


div.head {
	clear: both;
	padding: 3px 3px 3px 7px;
	color: #FFFFFF;
	border: none;
	font-weight: bold;
	text-align: left;
	height: 100%;
	background-repeat: repeat-x;
	background-position: left center;
}

div.box {		
	clear: both;
	margin: 10px 14px;
}
	div.box IMG{
		cursor: pointer;
	}

div.cell{
	width: 200px;
	float: left;
	padding: 0 0 0 20px;
	background-image: url(../image/bullet_green.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}



/* =============================================== */
/*                Common structure                 */
/* =============================================== */

div.main-body {		
	width: 971px;
	overflow: auto;
	margin: 0 auto;
/*	padding-top: 10px;*/
	clear: both;
	background-color: #FFFFFF;
}

div.main {		
	width: 761px;
	overflow: auto;
	padding-top: 10px;
	float: right;
	background-color: #FFFFFF;
}

div.main-routemap-about {		
	width: 761px;
	margin:0 auto;
	overflow: auto;
	padding-top: 10px;
	background-color: #FFFFFF;
}

div.main-home {		
	width: 761px;
	overflow: auto;
	margin: 0 auto;
	padding-top: 10px;
	clear: both;
	background-color: #FFFFFF;
}

div.main-menu {		
	width: 200px;
	overflow: hidden;
	float: left;
	background-color: #FFFFFF;
}

div.head-image {		
	height: 71px;
	background-image: url(../image/top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.title-main {
	float: left;
	padding:5px 10px 20px 423px;
	background-image: url(../image/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.title-small {
	float: right;
	width: 135px;		
	text-align: right;
	margin:0 0 10px 0;
}

	.title-small a{
		display: block;
		background-image: url(../image/title_small.gif);
		background-repeat: no-repeat;
		background-position: right top;
	}

	.title-small a:link {		
		color: #FFFFFF;
	}

	.title-small a:visited {		
		color: #FFFFFF;
	}

	.title-small a:hover {		
		color: #FFFFFF;
	}



/* Underbar */
div.underbar-counter {
	color: #FFFFFF;
	background: #000000;
	float: left;
	border: none;
	text-align: left;
	width: 50%;
	height: 20px;
	line-height:20px;
}

div.underbarbox {
	width: 760px;
}

div.underbar {		
	color: #FFFFFF;
	background: #000000;
	border: none;
	text-align: right;
	height: 20px;
	line-height:20px;
}

	.underbar-index {
		float: left;
		width:50%;
	}

	.underbar A{
		display: block;
		float: right;
		width: 135px;
		background-image: url(../image/title_small_black.gif);
		background-repeat: no-repeat;
		background-position: right 2px;
	}

/* Stop box floating */
div.clearfloat{
	clear: both;
}


/* Page link button */
div.page-button {		
	background: #FFFFFF;
	border: none;
	width: 60px;
	height: 20px;
	float: left;

}

	.home-button {
	}
	.top-button {
	}
	.back-button {
	}

	.page-button a{
		display: block;
		height: 20px;
		width: 50px;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: left top;
	}

	.home-button a{
		background-image: url(../image/button_home.gif);
	}

	.top-button a{
		background-image: url(../image/button_top.gif);
	}

	.back-button a{
		background-image: url(../image/button_back.gif);
	}


/* =============================================== */
/*          Article page structure                 */
/* =============================================== */


div.article-body {		
	clear: both;
	padding: 26px 26px 0;
	line-height: 14px;
	border-right: 1px solid #8E8E8E;
	border-left: 1px solid #8E8E8E;
}


div.article-header {		
	font-weight: bold;
	line-height: 16px;
	color: #FFFFFF;
	background-image: url(../image/header_gray.gif);
	background-repeat: repeat-x;
	background-position: left center;
	padding: 13px 14px;
}

	/* Override link element style for main headline */
	.article-header a:link {		
		color: #DDDDDD;
	}

	.article-header a:visited {		
		color: #DDDDDD;
	}

	.article-header a:hover {		
		color: #AAAAAA;
	}

div.article-page-header {
	font-weight: bold;
	line-height: 16px;
	color: #FFFFFF;
	padding: 13px 14px;
	background-image: url(../image/header_gray.gif);
	background-repeat: repeat-x;
	background-position: left center;
}

	.article-page-header a:link {		
		color: #DDDDDD;
	}
	.article-page-header a:visited {		
		color: #DDDDDD;
	}
	.article-page-header a:hover {		
		color: #AAAAAA;
	}


div.article-page-body {		
	padding: 10px 26px 0px;
	line-height: 14px;
	border-right: 1px solid #8E8E8E;
	border-left: 1px solid #8E8E8E;
}

div.article-page-index {
	width: 670px;
	line-height: 16px;
	padding: 0 14px 14px 14px;
}

/* =============================================== */
/*        Hyper text link with color bullet        */
/* =============================================== */

span.pagelink {
	padding: 0 20px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

	/* color bullet image selector */
	.green {
		background-image: url(../image/bullet_green.gif);
	}
	.blue {
		background-image: url(../image/bullet_blue.gif);
	}
	.orange {
		background-image: url(../image/bullet_orange.gif);
	}
	.greentea {
		background-image: url(../image/bullet_greentea.gif);
	}
	.gray {
		background-image: url(../image/bullet_gray.gif);
	}
	.purple {
		background-image: url(../image/bullet_purple.gif);
	}
	.tricolore {
		background-image: url(../image/bullet_tricolore.gif);
	}


/* プロフィール*/
div#profile{
	float:left;
	height: 160px;
	width: 240px;
}

div#profile_spacer{
	float:left;
	height: 160px;
	width: 40px;
}

/* プロフィール（Google chart）*/
div#profile_img{
	clear:both;
	height: 130px;
	width: 240px;
}

/* プロフィール軸ラベル(標高) */
div#alt_label{
	float:left;
	width:40px;
	height:20px;
}

/* プロフィール軸ラベル(標高差) */
div#alt_diff_label{
	float:right;
	width:65px;
	height:20px;
}

/* プロフィール軸ラベル(平面距離) */
div#distance_label{
	clear:both;
	margin:0 auto;
	width:73px;
}


/**** end ***/