/**************      　 全体 　       **************/

body
{
	background-image: url(images/body_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #f2f2f2;
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:Arial, Sans-Serif;
	line-height:1.5;
}

a
{
	color:#0071bc;
	text-decoration: none;
	/*margin:0px 4px 0px 4px;*/
}

a:visited
{
	color: #0033cc;
}
a:hover
{
	text-decoration: underline;
	color: #cc3300;
}

img
{
	border:none;
}


strong
{
	color:#993300;
	margin:0px 4px 0px 4px;

}

em
{
	color: #993300;
	margin: 0px 4px 0px 4px;
	text-decoration: none;
	font-style: normal;
	font-weight:bold;
}

blockquote
{
	margin:0px 24px 0px 24px;
	padding:8px;
	color:#333300;
	
	background-color:#fffcf0;
	border:1px solid #ece0b0;
}

/**************       コンテナ       **************/

#container
{
	text-align:left;
	width:912px;
	margin:auto;
	background-color:#ffffff;
}


/**************       ヘッダー        **************/

#header
{
	padding: 0px;
	background-color: #ffffff;
	color: #2c2407;
}

#header .toplogo
{
	width:200px;
	float:left;
}

#header .topbanner
{
	background-position: left top;
	background-image: url(images/banner_bg.jpg);
	background-repeat: no-repeat;
	height:128px;
}

#header .pagebanner
{
	background-position: left top;
	background-image: url(images/banner_bg_s.jpg);
	background-repeat: no-repeat;
	height:64px;
}


#header .help
{
	float:right;
	padding: 0px;
	font-size: 15px;
}

#header .help ul
{
	margin:0px;
	padding:0px;
	display:block;
	padding:0px 2px 0px 8px;
	list-style-type: none;
	background-position: left bottom;
	background-image: url(images/infomenu.gif);
	background-repeat: no-repeat;
}

#header .help li
{
	display:inline;
	list-style-type:none;
	padding:0px;
	margin:0px 4px 0px 4px;
}

#header .help a
{
	color:#ffffff;
}

#header a.logo
{
	padding:10px 0px 0px 10px;
	display:block;
	color:#000000;
	/*
	overflow:hidden;
	width:96px;
	height:64px;
	text-indent:-1000px;
	font-size:0px;
	background-position:center center;
	background-image: url(images/logo_s.gif);
	background-repeat: no-repeat;
*/

}
#header h1
{
	margin: 10px 0px 0px 32px;
	padding: 0px;
	/*width:200px;
	overflow: hidden;
	font-size: 0px;
	text-indent: -1000px;
		
	height: 108px;
	background-position: left top;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	*/
}

#header .subtitle
{
	clear: right;
	margin: 0px 0px 0px 230px;
	padding: 72px 0px 0px 0px;
	border-bottom: #998675 4px solid;
	width: 660px; /*
	height: 100px;
	font-size: 0px;
	text-indent: -1000px;
	background-position: left bottom;
	background-image: url(images/top_caption.gif);
	background-repeat: no-repeat;
font-family: HGP明朝B,Serif;
		
*/
	font-size: 18px;
	font-weight: bold;
}

#header .subdata
{
	margin: 0px 0px 0px 230px;
	width: 664px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
		
}

#header .subdata dl
{
	display:inline;
	list-style-type:none;
	

}
#header .subdata dt
{
	margin:0px 4px 0px 18px;
	padding:0px;
	font-size:18px;
	display:inline;
}
#header .subdata dd
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: inline;
	font-size:18px;
	color: #993300;
}

/**************       メインメニュー        **************/

#header .mainmenu
{
	margin: 0px 0px 0px 0px;
	clear: both;
	padding: 0px;
	font-size: 16px;
	height: 40px;
	background-image: url(images/menu_bg.gif);
}


#header .mainmenu ul
{
	margin:0px 0px 0px 8px;
	padding:0px;
	list-style-type:none;
	display:block;
}

#header .mainmenu li
{
	display:block;
	float:left;
	height:40px;
	overflow:hidden;

}

#header .mainmenu li a
{
	line-height:40px;
	display:block;
	padding: 0px 16px 0px 20px;
	margin: 0px 1px 0px 0px;
	background-position: left top;
	background-image: url(images/menu_button.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	text-decoration: none;
}

#header .mainmenu li a:hover
{
	padding: 0px 16px 0px 0px;
/*	background-color: #ffff99;*/
	background-position: right top;
	background-image: url(images/menu_button_hover.gif);
	color: #cc3300;
}

#header .mainmenu li a:hover span
{
	display:block;
	padding: 0px 0px 0px 20px;
	background-position: left top;
	background-image: url(images/menu_button_hover_h.gif);
	background-repeat:no-repeat;
}


/**************       フッター        **************/


#footer
{
	clear:both;
	font-size: 14px;
	text-align: right;
	padding-right: 8px;
	border-top: #cccccc 1px dotted;
	margin-top: 8px;
	padding-left: 8px;
	margin-bottom: 8px;
	padding-bottom: 4px;
	padding-top: 4px;
}

#footer .company
{
	float: left;
	color: #808080;
}

#footer ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#footer li
{
	display:inline;
	list-style-type:none;
	padding:0px;
	margin:0px 4px 0px 4px;
}

/**************       ボディ        **************/


#body
{
	clear:left;
	margin:0px;
	padding: 0px;
}




#body h1
{
	margin:8px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	font-size: 30px;
	line-height:32px;
	font-family: HGP明朝B,Serif;
	background-repeat: no-repeat;
	background-position: left center;
}

#body h1 span
{
	margin-left:16px;
	font-size: 70%;
}

#body h2
{
	margin: 4px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 20px;
	line-height: 32px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url( 'images/h2body.gif' );
}

#body h2 span
{
	display:block;
	font-size: 20px;
	line-height: 32px;
	padding:0px 0px 0px 8px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url( 'images/h2header.gif' );
	
}


#body h3
{
	margin:4px 0px 4px 0px;
	padding:0px 0px 0px 16px;
	font-size: 120%;
	background-position: left center;
	background-image: url(images/category-line.gif);
	background-repeat: no-repeat;
}
#body h3 span
{
	background-color:#ffffff;
	padding:0px 8px 0px 8px;
}


#body p
{
	line-height:1.7;
}


#body .bodymargin
{
	margin:0px;
	padding:8px 24px 8px 24px;
}

#body .bodymargin p
{
	padding-left:8px;
	padding-right:8px;
}

#body .left
{
	float:left;
}

#body .right
{
	float:right;
}

#body .clear
{
	clear:both;
}

#body .rightimage
{
	margin:8px 0px 8px 8px;
	float:right;

}

#body .leftimage
{
	margin:8px 8px 8px 0px;
	float:left;

}

#body .centerimage
{
	clear:both;
	display:block;
	text-align:center;
	margin:auto;
}

#body .leftimage
{
	margin:8px 8px 8px 0px;
	float:left;

}

#body  hr
{
	border:none;
	border-top: #999999 1px dotted;
	height:1px;
	background-color:#ffffff;
}

#body .comment
{
	
	padding: 1px 8px 1px 8px;
	background-color: #f4f0eb;
	background-position: left top;
	background-image: url(images/comment_bg.gif);
	background-repeat: no-repeat;
	margin:0px 0px 8px 0px;
}

#body .hide
{
	display:none;
}



/******************** 評価 ********************/

#body .arrow
{
	padding: 0px 0px 0px 20px;
	background-position: left center;
	background-image: url( 'images/icon_arrow.gif' );
	background-repeat: no-repeat;
}

#body .nijyumaru
{
	padding: 0px 0px 0px 20px;
	background-position: left center;
	background-image: url( 'images/icon_nijyumaru.gif' );
	background-repeat: no-repeat;
}

#body .maru
{
	padding: 0px 0px 0px 20px;
	background-position: left center;
	background-image: url('images/icon_maru.gif');
	background-repeat: no-repeat;
}

#body .batsu
{
	padding: 0px 0px 0px 20px;
	background-position: left center;
	background-image: url( 'images/icon_batsu.gif');
	background-repeat: no-repeat;
}
#body .sankaku
{
	padding: 0px 0px 0px 20px;
	background-position: left center;
	background-image: url( 'images/icon_sankaku.gif');
	background-repeat: no-repeat;
}



#body .◎
{
	margin-right:4px;
	font-size:0px;
	display:block;
	overflow:hidden;
	text-indent:-100px;
	float:left;
	width:18px;
	height:18px;
	background-position: left 2px;
	background-image: url( 'images/icon_nijyumaru.gif' );
	background-repeat: no-repeat;
}

#body .○
{
	margin-right:4px;
	font-size:0px;
	display:block;
	overflow:hidden;
	text-indent:-100px;
	float:left;
	width:18px;
	height:18px;
	background-position: left 2px;
	background-image: url('images/icon_maru.gif');
	background-repeat: no-repeat;
}

#body .×
{
	margin-right:4px;
	font-size:0px;
	display:block;
	overflow:hidden;
	text-indent:-100px;
	float:left;
	width:18px;
	height:18px;
	background-position: left 2px;
	background-image: url( 'images/icon_batsu.gif');
	background-repeat: no-repeat;
}
#body .△
{
	margin-right:4px;
	font-size:0px;
	display:block;
	overflow:hidden;
	text-indent:-100px;
	float:left;
	width:18px;
	height:18px;
	background-position: left 2px;
	background-image: url( 'images/icon_sankaku.gif');
	background-repeat: no-repeat;
}



/******************** リスト ********************/

#body ul
{
	margin:0px;
	padding:0px 0px 0px 32px;
}

#body dl
{
	margin:0px;
	padding:8px 0px 8px 16px;
}


#body dt
{
	margin: 4px 0px 4px 0px;
	padding: 0px 0px 0px 20px;
	background-position: left center;
	background-image: url('images/icon_foot.gif' );
	background-repeat: no-repeat;
	font-weight:bold;
	color: #331900;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

#body dd
{
	
	margin:8px 0px 16px 16px;
	padding: 0px;
	
}

#body dd.arrow
{
	
	background-position: left 2px;
	
}


/******************** 街道 ********************/

#body h1.kaidotitle
{
	margin:8px 0px 8px 0px;
	padding:0px 0px 0px 40px;
	background-image: url(images/icon_kaido.gif);
}

#body h2.kaidorouteguide
{
	clear:both;
	margin:4px 0px 4px 0px;
	padding:0px 0px 0px 0px;
	font-size: 28px;
	line-height:32px;
	font-family: HGP明朝B,Serif;
	background-repeat: no-repeat;
	background-position: left center;
	background-image:none;

}

#body h2.kaidorouteguide span
{
	display:inline;
	padding:0px;
	margin-left:2px;
	font-size: 70%;
	background-image:none;
}


#body .kaidomain
{
	margin-left:568px;
}

#body .kaidoside
{
	float:left;
	width:560px;
}


/******************** 宿場 ********************/

#body  h1.syukubatitle
{
	margin:16px 0px 8px 0px;
	padding:0px 0px 0px 40px;
	background-image: url(images/icon_syukuba.gif);

}

#body h2.syukubarouteguide
{
	clear: both;
	margin: 8px 0px 0px 0px;
	padding: 8px 0px 8px 40px;
	background-image: url(images/icon_link.gif);
	border-top: #999999 1px dotted;
	font-size: 28px;
	line-height:32px;
	font-family: HGP明朝B,Serif;
	background-repeat: no-repeat;
	background-position: left center;

}

#body h2.syukubarouteguide span
{
	display:inline;
	padding:0px;
	margin-left:2px;
	font-size: 70%;
	background-image:none;
}




#body .syukubamain
{
	margin-left:568px;
}

#body .syukubaside
{
	float:left;
	width:560px;
}






/******************** 宿場一覧 ********************/


#body ul.syukubalist
{
	margin:0px;
	padding:8px 0px 8px 8px;
	list-style-type:none;
}

#body ul.syukubalist li
{
	margin: 4px 0px 4px 0px;
	padding: 0px;
}
#body ul.syukubalist li a
{
	display: block;
	border-bottom: #cccccc 1px dotted;
	text-align: right;
	min-height:32px;
	_height:32px;
	background-color:#ffffff;
}
#body ul.syukubalist li a:hover
{
	background-color:#ffffcc;
}

#body ul.syukubalist li img
{
	float:left;
	height:32px;
}

#body ul.syukubalist li .title
{
	display:block;
	float: left;
	line-height:32px;
	margin: 0px 16px 0px 8px;
	padding: 0px 0px 0px 24px;
	font-size: 100%;
	background-position: left center;
	background-image: url(images/icon_syukuba_s.gif);
	background-repeat: no-repeat;
}






/******************** 宿場データ ********************/


#body  .walkdata
{
	border-right: #666666 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #666666 1px solid;
	margin:8px 0px 8px 0px;
}

#body  .walkdata h3
{
	margin:0px;
	background-image: none;
	color: #333333;
	background-color: #f0f0f0;
}

#body  ul.infolist
{
	list-style-type:none;
	margin:8px 8px 8px 16px;
	padding:0px;
}

#body  ul.infolist li
{
	display:block;
	margin:4px 0px 4px 0px;
	padding:0px 0p 2px 0px;
	border-bottom: #cccccc 1px dotted;	
}

#body  ul.infolist li .caption
{
	display: block;
	float: left;
	width: 4em;
	font-weight: bold;
	color: #666666;
}



/******************** 名所一覧 ********************/

#body ul.doclist 
{
	list-style-type:none;
	margin:4px;
	padding:0px;
}

#body  ul.doclist li
{
	display:block;
	margin:0px 8px 4px 0px;
	padding:0px;
	line-height:32px;
}

#body  ul.doclist li img
{
	height:32px;
	vertical-align:middle;
}

/*******************    街道ヘッダー    ******************/

#body .kaidoheader
{
	clear:both;
	margin: 0px 0px 0px 16px;
	padding: 0px 32px 0px 32px;
	line-height: 56px;
	font-size: 16px;
	height: 56px;
	background-position: left top;
	background-image: url(images/kaido_header.gif);
	background-repeat: no-repeat;
}
#body .kaidoheader .title
{
	
	width:200px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	font-size: 22px;
	text-align:left;
	line-height:56px;
	
	font-family: HGP明朝B,Serif;
	
}


#body .kaidoheader .title a
{
	padding: 0px 0px 0px 24px;
	background-position: left center;
	background-image: url(images/icon_kaido_s.gif);
	background-repeat: no-repeat;
	color: #503010;
}

#body .kaidoheader .title a:hover
{
	color: #cc6633;
}

#body .kaidoheader .road
{
	margin-left:200px;	
	width:600px;
}

#body .kaidoheader .prev
{
	float: left;
	width: 200px;
	background-position: right center;
	background-image: url(images/line_kaido.gif);
	background-repeat: repeat-x;
}

#body .kaidoheader .next
{
	text-align:right;
	float:right;
	width:200px;
	background-position: left center;
	background-image: url(images/line_kaido.gif);
	background-repeat: repeat-x;
}

#body .kaidoheader .now
{
	margin:0px 200px 0px 200px;
	text-align:center;	
}

#body .kaidoheader a
{
	margin:0px;
}

#body .kaidoheader .syuku
{
	padding:2px 8px 2px 24px;
	background-color:#f9f7f5;
	background-position: left center;
	background-image: url(images/icon_syukuba_s.gif);
	background-repeat: no-repeat;
	font-size:16px;
	line-height:56px;
}

#body .kaidoheader .line
{
	height:24px;
	padding:0px;
	margin:0px 0px 0px 200px;
	background-position: left center;
	background-image: url(images/line_kaido.gif);
	background-repeat: repeat-x;
}


/***************   宿場ヘッダー   ****************/

#body .syukubaheader
{
	margin:0px 0px 0px 16px;		
}

#body .syukubaheader a
{
	padding: 0px 0px 0px 20px;
	font-family: HGP明朝B,Serif;
	font-size: 20px;
	background-image: url(images/icon_link_s.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height:20px;
}


/**************** 街道リスト ***************/

#body ul.topiclist
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#body .topiclist li
{
	clear:left;
	padding:8px;
	display:block;

	
}

#body .topiclist a
{
	color: #503010;
}

#body .topiclist a:hover
{
	color: #cc6633;
}



#body .topiclist img
{
	clear:left;
	float:left;
	width:64px;
	padding:0px 4px 0px 0px;
	margin:0px 8px 0px 0px;
}


#body .topiclist .body
{
	border-top: #c7b299 2px solid;
	margin-left:70px;
}

#body .topiclist .title
{
	display:inline;
	font-size: 150%;
	font-family: HGP明朝B,Serif;
	padding: 2px 4px 2px 4px;
	margin: 0px;
	line-height:1.2;
}

#body .topiclist .title span
{
	font-size:80%;
}


#body .topiclist .syukubatitle
{
	display:inline;
	font-size: 150%;
	font-family: HGP明朝B,Serif;
	padding: 2px 4px 2px 24px;
	margin: 0px;
	line-height: 1.2;
	background-position: left center;
	background-image: url(images/icon_syukuba_s.gif);
	background-repeat: no-repeat;
}

#body .topiclist .syukubatitle span
{
	font-size:80%;
}


#body .topiclist .kaidotitle
{
	display:inline;
	font-size: 150%;
	font-family: HGP明朝B,Serif;
	padding: 2px 4px 2px 24px;
	margin: 0px;
	line-height:1.2;
	background-position: left center;
	background-image: url(images/icon_kaido_s.gif);
	background-repeat: no-repeat;
}

#body .topiclist .kaidotitle span
{
	font-size:80%;
}

#body .topiclist .info 
{
	float:right;
}

#body .topiclist .info span
{
	font-size:80%;
	color: #ffffff;
	background-color: #999999;
	padding:1px 8px 1px 8px;
	margin:0px 0px 0px 8px;
}

#body .topiclist .info span.new
{
	background-color: #ff6633;
}


/**************** 街道リスト ***************/

#body ul.topiclists
{
	padding:0px 0px 0px 8px;
	margin:0px;
	list-style-type:none;
}

#body .topiclists li
{
	clear:left;
	padding:8px 8px 0px 0px;
	display:block;
	border-bottom: #c7b299 1px dotted;
	
}

#body .topiclists a
{
	color: #503010;
}

#body .topiclists a:hover
{
	color: #cc6633;
}

#body .topiclists .title
{
	font-size: 110%;
	padding: 0px 4px 0px 4px;
	margin: 0px;
	line-height:1.2;
}
#body .topiclists .syukubatitle
{
	font-size: 110%;
	padding: 0px 4px 0px 24px;
	margin: 0px;
	line-height: 1.2;
	background-position: left center;
	background-image: url(images/icon_syukuba_s.gif);
	background-repeat: no-repeat;
}

#body .topiclists .kaidotitle
{
	font-size: 110%;
	padding: 0px 4px 0px 24px;
	margin: 0px;
	line-height:1.2;
	background-position: left center;
	background-image: url(images/icon_kaido_s.gif);
	background-repeat: no-repeat;
}


#body .topiclists .info 
{
	float:right;
}

#body .topiclists .info span
{
	font-size:80%;
	color: #ffffff;
	background-color: #999999;
	padding:1px 8px 1px 8px;
	margin:0px 0px 0px 8px;
}

#body .topiclists .info span.new
{
	background-color: #ff6633;
}


/**************** カード ***************/

#body .card
{
	padding: 4px;
	border-right: #666666 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #666666 1px solid;
	background-color: #f9f7f5;
	background-position: left top;
	background-image: url(images/corp_panel.gif);
	background-repeat: no-repeat;
}

#body .card h2
{
	background-image:none;
	padding: 4px 0px 0px 48px;
}

#body .card .select
{
	text-align:center;
}

#body .card .select a
{
	padding:0px 8px 0px 8px;
	margin: 0px 4px 0px 8px;
	font-size: 20px;
	line-height: 24px;
}
#body .card .select a:hover
{
	margin: 0px 4px 0px 8px;
	font-size: 20px;
	line-height: 24px;

	background-color: #FFCC00;
}