/*
 *	コンテンツスタイルシート
 */
body {
	color:#006600;
/*	background-color:#ffffcc;*/
	background-color:#C0C5B1;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 1px;
}

div#main {
	width: 1200px;
	background-color:#ffffcc;
	text-align	:	center;
	margin: 0 auto;  
}

div#header {
	width: 100%;
	height: 110px;
/*	border-style	:	solid;
	border-width	:	1px;
	border-color	:	#228B22;*/
	color:#191970;
	background-color:#228B22;
	background-image : url("../img/bkimg_title.gif");
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
div.headerMenu {
	width: 100%;
	vertical-align : middle;
	text-align : left;
	color : #ffffcc;
	background-color:#006600;
	background-image : url("../img/bkimg_menu.gif");
	font-family : century, serif;
	font-style : normal;
	font-weight : bold;
	font-size : small	;
/*	border-style	:	solid;
	border-width	:	3px;
	border-color	:	#228B22;*/
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 7px;
}
div#container {
	width: 100%;
	padding: 0px;
}

div#sidebarR {
	width: 310px;
/*	height: 100%;*/
	float: right;
/*	border-style	:	solid;
	border-width	:	1px;
	border-color	:	#228B22;
	background-color:#ffffff;
 */
	padding-top: 20px;
	padding-bottom: 50px;
	text-align	:	center;
}
div#contents {
/*	width: 75%;*/
	width: 850px;
/*	height: 100%;*/
	float: left;
/*	border-style	:	solid;
	border-width	:	1px;
	border-color	:	#228B22;
	background-color:#ffff00;
	*/
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 50px;
	padding-right: 10px;
	text-align	:	center;

}

div#footer {
	clear: both;
	width: 100%;
	text-align	:	center;
	background-color:#ffffcc;
	padding-top: 20px;
}
div#footerMenu {
	width: 100%;
/*	height: 120px;*/
/*	border-style	:	solid;
	border-width	:	3px;
	border-color	:	#228B22;*/
	background-color:#006600;
	background-image : url("img/bkimg_menu.gif");
	color : #ffffcc;
	padding-top: 10px;
	padding-left: 10px;
}

div#toTop {
	width: 50px;
	height: 50px;
	left: 10px;
	bottom: 10px;
	position: fixed;
	text-align	:	center;
	vertical-align: middle;
	background-color:#C0C5B1;
/*	border-style	:	solid;
	border-width	:	1px;
	border-color	:	#228B22; */
	padding: 5px;
	font-style	:	bold;
	font-weight	:	bold;
	font-size	:	large;
	font-family	:	serif;
}


div.menu_top {
	text-align	:	right;
}
div.sidebarAF {
	text-align	:	center;
	margin-top: 10px;
	margin-bottom: 5px;
}

h1.HeaderTitle {
	color:#ffffcc;
	text-align	:	left;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-style	:	normal;
	font-weight	:	bold;
	font-size	:	large;
	font-family	:	serif;
}

h1.PhotoTitle {
	color:#ffffcc;
	text-align	:	left;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-style	:	italic;
	font-weight	:	bold;
	font-size	:	xx-large;
	font-family	:	serif;
}

h2.HeaderTitle {
	color:#ffffcc;
	text-align	:	left;
	margin-top: 5px;
	margin-left: 20px;
	font-style	:	normal;
	font-weight	:	bold;
	font-size	:	large;
	font-family	:	serif;
}
.headerMenu a:link  { color: #ffffcc }
.headerMenu a:visited {color:#ffffcc }
.headerMenu a:active  { color: #4682B4 }
.headerMenu a:hover  { color: #87CEEB }


h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align	:	center;
	font-style	:	italic;
	font-weight	:	bold;
	font-size	:	xx-large;
	font-family	:	serif;
}

p {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 40px;
	margin-right: 10px;
	font-family	:	sans-serif;
	font-weight:bold;
	
}

.TourIndent {
	margin:20px 40px;
	font-style : italic;
	font-weight : bold;
	font-size : small	;
}
.TourBold {
	font-style: normal;
	font-weight: bold;
}
.TourAD {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align	:	center;
}

p.photo {
/*	margin : 50px;*/
	margin : 20px 7%;
	font-style : normal;
	font-weight : bold;
	font-size : medium	;
}
h3 {
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 10px;
	font-family	:	sans-serif;
	font-style : italic;
	font-size : medium	;
}
h3.photo { font-style: italic; margin: 20px 7% }
a:link  { color: #006600 }
a:visited {color:#006600 }
a:active  { color: #191970 }
a:hover  { color: #0000ff }

.index {
	text-align : center;
	font-style : normal;
	font-weight : bold;
	font-size : medium	;
}
.Copyright {
	text-align : center;
	font-style : italic;
	font-weight : normal;
	font-size : small	;
}

hr {
	text-align	:	center;
	width	:	80%;
	color	:	#228B22;
}


/*
 * フォトギャラリー
 */
h3.DistGallery {
	margin: 10px 5%;
	font-family	:	serif;
	font-style	:	normal;
	font-weight	:	bold;
	font-size	:	x-large;
}
table.DistGallery {
	border-style	:	solid;
	border-width	:	3px;
	border-color	:	#228B22;
	margin-left: auto;  
	margin-right: auto;  
}
td.DistPhoto {
	border-style	:	solid;
	border-width	:	1px;
	border-color	:	#228B22;
	padding	:	3px;
	text-align	:	center;
	vertical-align	:	middle;
	width:360px;
	
}
.DistName {
	text-align	:	center;
	font-family	:	serif;
	font-style	:	normal;
	font-weight	:	bold;
	font-size	:	medium;
}

img.photo_l{
	width:350px;
	height:auto;
}

img.photo_p{
	width:auto;
	height:350px;
}


/*
 * ドロップメニュー
 */
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 120px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 7px 7px;
/*  background: #8a9b0f;*/
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 7px 7px;
  border-top: 1px solid #7c8c0e;
  background: #228B22;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #01360c;
}
.dropmenu li a:hover{
  background: #01360c;
}

#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}