/* Body style */
body {  width:950px;background-color: #ffffff; margin: 0 0 0 0;}　/*max-width: 950px; min-width: 800px;*/
#my_body { width: 100%;}
#my_navi_1 { float: left;	width: 8em;}  /* 8em*/
#my_navi_2 { float: right;	width: 140px;}
#my_contents {	margin: 0 150px 0 8.5em;}  /* margin: 0 150px 0 8.5em; */
#my_contents_rightall {	margin: 0 0 0 9em;} /* margin: 0 0 0 9em; */
#my_contents_all {	margin: 0 10px 0 10px;}
#counter {	color: #000000;	font-size: 0.8em;	font-weight: bold;}

/* standard elements */
.defaulttext { font-size:0.8em;line-height:1.4em;}
.defaulttext p{ margin:0 0 0 0;}
div.h_selector { font-size: 0.8em; }
div.h_selector ul {	margin-top: 5px;	text-align: left;}
div.h_selector ul li { text-align: center;	text-decoration: none;	display: inline-block;	height: 1.7em;	display: inline;	margin-right: 2em;	line-height: 1.4em;}
div.h_selector ul li a { text-decoration: none;	display: inline-block;}
div.h_selector ul li a:hover { text-decoration: underline;}
/* bottom navigation */
div.h_selector ul.bottomnavi li a{ width:10em; }

/* Header */
div.header {	width: 100%;	height: 120px;	padding: 0px;	background-image: url('images/topbanner/ginkgo.jpg');background-repeat: no-repeat;}
div.floatkappy {	float: right;	margin: 10px 20px 0 0;}
div.floatkumenanlogo {	height: 50px;	float: left;	margin: 10px 0 0 10px;}
div.floatkumenanlogo h1 { margin-bottom: 0px;}

/* global navigation*/
div.topnavi {	border-left: 0 solid #ff9933;border-right: 0 solid #ff9933;border-top: 0 solid #ff9933;border-bottom: 2px solid #ff9933;
	font-size: 0.8em;		margin-bottom: 10px;	margin-top:0px;background-image:url('images/topborder.png');background-repeat:repeat-x;} 
div.topnavi ul {	margin-top: 0px;	text-align: left;	margin-bottom: 0px;	margin-left: 0px;}
div.topnavi ul li {	width: 12em;	text-align: center;	padding: 0 3px 0 3px;	text-decoration: none;	line-height: 2em;	display: inline;}
div.topnavi ul li a {	text-decoration: none;	width: 12em;	display: inline-block;	line-height:2em;}
div.topnavi ul li a:hover {	text-decoration: none;	background-color: white;	width: 12em;	display: inline-block;}
/* topicpath */
div.topicpath {	line-height: 1.5em;	font-size: .8em;}
div.backbutton {	line-height: 1.5em;	font-size: .8em;	float: right;}
/* footer */
div.footer {	clear: both;	width: 100%;}
div.footer div.copyright {	background-color: #ff9933;	font-size: 0.8em;	text-align: right;	text-align: right;	width: 100%;}
/*sidebar*/
div.sidebar ul {	margin: 0;	padding : 0;	list-style-type : none;	width: 8em;	margin-top: 10px;	margin-bottom: 10px;}
div.sidebar li {	display : inline;	padding : 0;	margin: 0;	line-height: 1.2em;	font-size: .9em;	width: 100%;}
div.sidebar a {	display: block;	border: none;	text-decoration: none;	color: blue;}
div.sidebar a:hover {	display: block;	border: none;	text-decoration: none;	background-color: #ff9933;	color: blue;}
/* Title */
h1.title {	border-width: 2px 0 2px 0px;	border-style: solid;	padding: 0 0 0 4px;	background-color: #FFBE7D;	border-color: #ff9933;	font-weight: normal;	line-height: 1.5em;}
h2.title {	border-width: 2px 0 2px 0px;	border-style: solid;	padding: 0 0 0 4px;	background-color: #FFBE7D;	border-color: #ff9933;	font-weight: normal;	line-height: 1.3em;}
h3.title {	border-width: 0 0 2px 0px;	border-style: solid;	padding: 0 0 0 4px;	border-color: red;	font-size: 1.1em;	line-height: 1.2em;}
h4.title {	border-width: 0 0 0px 3px;	border-style: solid;	padding: 0 0 0 4px;	border-color: #FF66CC;	font-size: 1.1em;}
h4.title_fat {	border-width: 0 0 0px 10px;	border-style: solid;	line-height: 1em;	padding: 0 0 0 4px;	border-color: #FF66CC;font-size: 1.1em;}
h5.title {	border-width: 0 0 0px 3px;	border-style: solid;	line-height: 2em;	padding: 0 0 0 4px;	border-color: #FF66CC;}
h2.titlebox {	border-width: 0 0 0px 1em;	border-style: solid;	line-height: 1em;	padding: 0 0 0 5px;	border-color: #FF66CC;	font-size: 1em;}
h2.maintopics {	line-height: 1em;	margin: 0px 0 0px 0px;	padding: 3px 0px 3px 3px;	border-color: #ff9933;	border-width: 1px 1px 0 1em;	border-style: solid;	font-size: 1em;}
h3.photonews_title {	font-size: 1em;	margin: 1px 0 10px 0;}

/* information */
div.info {	padding: 0px 0px 0px 0px;	border-style: solid;border-color: #ff9933;	width: 100%;text-align: left;margin-top:10px;border-width:0px; }
div.info h3 { margin-left:0px;background-image:url('images/icon/icon_news.png');
background-position:0px center;line-height:32px;background-repeat:no-repeat;padding:5px 0 5px 32px;margin-top:0px;margin-bottom:0px;font-weight:bolder;font-size:1.3em;}
div.info h3.caution { background-image:url('images/icon/icon_warn.png')}
div.info h3.topics { background-image:url('images/icon/icon_topics.png')}
div.info h3.refer { background-image:url('images/icon/icon_refer.png')}
div.info h3.link { background-image:url('images/icon/icon_link.png')}
div.info h3.post { background-image:url('images/icon/icon_post.png')}
div.info h3.document {background-image:url('images/icon/icon_document.png')}
div.info div.infobody { width:100%;padding:5px 5px 5px 5px;border-width: 1px;border-style:solid;border-color:#ff9933;font-size:.8em; }

ul.arrow {	margin:10px 0 10px 0px; }
ul.arrow li{ list-style-image:url('images/icon/cl_003.gif');line-height:1.8em;list-style-position:inside;}
ul.arrow li.new{ list-style-image:url('images/icon/simple_new001.gif'); }
ul.arrow li.okayama_enavi{ list-style-image:url('images/button/okayama_todoke.png'); }
ul.arrow li.warning{ list-style-image:url('images/icon/tama_02b.gif'); }
ul.arrow li.alert{ list-style-image:url('images/icon/icon_list_warn.png'); }
ul.arrow li.document{ list-style-image:url('images/icon/icon_list_document.png'); }
ul.arrow li.none{ list-style-image:none; }
ul.arrow li.indent1{ list-style-image:none;margin-left:40px;list-style-type:none;}
ul.arrow li.indent2{ list-style-image:none;margin-left:60px;list-style-type:none;}
ul.arrow li.index { list-style-image:none;list-style-type:none;background-color:#FFBE7D;font-weight:bold;border-width:0 0 0 5px;border-color:#ff9933;margin:10px 0 0 0;border-style:solid; }

.noitem {	list-style-type: none;	line-height: 1.4em;list-style-image:none; }
.noindent { text-indent:0px;margin-left:0px;}
div.maintopics {	margin: 0px 0px 0px 0px;	padding: 3px 0px 3px 0px;	border-color: #ff9933;	border-width: 1 1 0 4px;	border-style: solid;}
div.contentsarea {	padding: 10px 5px 0px 5px;	margin: 0 0 10px 0;	background-color: #ffff99;	border-color: #ff9933;	border-width: 1px 1px 1px 1px;	border-style: solid;}

div.bannercomment {	font-size: .7em;	line-height: 1em;}
div.contentsarea ul {	margin: 0 0 0 0;	line-height: 1em;}
p.border {	margin: 0px 0px 0px 0px;	padding: 3px 0px 3px 0px;	background-color: #ff9933;}
div.text { font-size:.8em}
div.indent p{ text-indent: 1em; }
div.indent:after {	clear:left;}
div.box {	float;left;}
div.text p {margin: 0 0 0 0;	line-height: 1.5em;	}
div.center {text-align: center;}
div.right {	text-align: right;}
div.width_full {	width: 100%;}
a img {	border-width: 0;}
a {	text-decoration: none;}
a:hover {	text-decoration: underline;}
.documentsmall {	font-size: 0.8em;}
.downloadfilesize {	color: #000000;	font-size: 0.8em;	font-weight: normal;}

p.comment {	margin-left: 10px;	text-indent: 1em;	line-height: 1.5em;	font-size: .8em;	text-indent: 1em;}
p.pageupdate {	text-align: right;font-size:0.8em; }
p.left {	text-align: left;}
p.right {	text-align: right;}
p.center {	text-align: center; }

p.addinfo_header {	background-color: #ff9933;	margin: 10px 0 0 0;	padding: 0 0 0 5px;	width:100%;}
div.addinfo {	padding: 5px 5px 5px 20px;	border-width: 1px;	border-style: solid;	border-color: #ff9933;	width:100%;}
div.addinfo p {	line-height: 1.5em;	margin: 0 0 0 0;}
div.addinfo ul {	margin: 5px 0 5px 0;}
ul.listhead_orange {	font-weight: bold;	list-style-image: url('images/arrow_orange.gif');	line-height: 1.7em;	list-style: none;}
ol.with_sub li ol li {	list-style: none;}
div.contents {	float: left;	margin: 5px 5px 5px 5px;	height: 80px;	overflow: hidden;}
.margin_around {margin: 1em 1em 1em 1em;}
img.margin_rightbottom { margin:0 0.5em 0.5em 0 }
img.photo_thum {	margin-top: .5em;	margin-left: .5em;	margin-right: .5em;	margin-bottom: .5em;	border-width: 0 0 0 0;}
img.borderless {	border-width: 0 0 0 0;}
table.border_gray {	border-collapse: collapse;}
table.border_gray th {	border: solid 1px #888888;}
table.border_gray td {	border: solid 1px #888888;}

table.doccenter {	text-align: center;	vertical-align: middle;	font-size: 0.8em;}
table.docsizesmall {	font-size: 0.8em;}
table.padding {	padding: 2px 2px 2px 2px;}
table tr td.right {	text-align: right;}
br.clearleft {	clear: left;}
br.clearright {	clear: right;}
br.clearboth {	clear: both;}
.price {	text-align: right;}
span.week {	width: 8em;	display: inline-block;}
/* 川柳、歌碑公園で使用 */
span.poem {	width: 20em;	display: inline-block;}
span.longpoem {	width: 35em;	margin-right: 20px;	display: inline-block;}
span.poemauthor {	width: 4em;}
span.longpoemauthor {	width: auto;}
ol.poem {	margin-bottom: 1em;	line-height: 2em;}


div.right {	float: right;}
div.left {	float: left;	width: 370px;}
li.submenu { margin-left: 2em;	list-style-type: none;	list-style-image: none; }

/* For sightseeing */
div.ss_topframe {	margin-bottom: 10px;	width: 100%;}
div.ss_bottomframe {	width: 100%; }

div.mapframe {	margin-left: 430px;	border-width: 0 0 0 0;	border-color: #DCE3E3;	border-style: solid;}
div.descframe {	float: left;	margin-right: 10px;	width: 400px;}
div.gmaprect {	width: 100%;	height: 400px;	border-style: solid;	border-width: 1px;	margin-right: 5px;}
div.gmaprect_large {	width: 100%;	height: 500px;	border-style: solid;	border-width: 1px;	margin-right: 5px;}
/* for history & event*/
span.month {	width: 8em;	float: left;	display: inline-block;}
span.topicdesc {	float: left;	display: inline;}
p.yeartitle {	margin-top: 1.8em;	margin-bottom: 0.2em;	text-decoration: underline;}

img.pict {    border: solid 1px silver;padding: 6px; margin:0 5px 5px 0;background-color:white; display:inline-block;}
img.pict_shadow {    border-top: solid 1px silver;    border-left: solid 1px silver;    border-bottom: solid 2px gray;    border-right: solid 2px gray;    background-color: white;
    padding: 6px;    margin:0 5px 5px 0;}

img.right {	float:right;}
img.left {	float:left; }

td.textright{text-align:right;}
.clearindent {	text-indent:0; }
.documentbold { font-weight:bold; }
div.news_info { text-align:right;width:100%;margin-bottom:10px; }
div.contents_indent{ margin-left:40px;margin-right:40px;}

p.download_pdf { background-image:url('images/icon/icon_pdf.gif');background-repeat:no-repeat;text-indent:40px;height:32px;vertical-align:bottom;margin-bottom:5px;}
span.download_pdf { display:inline-block;background-image:url('images/icon/icon_pdf.gif');background-repeat:no-repeat;text-indent:40px;height:32px;vertical-align:bottom;}
span.download_doc { display:inline-block;background-image:url('images/icon/icon_word.gif');background-repeat:no-repeat;text-indent:40px;height:32px;vertical-align:bottom;}

ul.qanda {padding-left:30px;text-indent:0px;margin-left:0px;}
ul.qanda li.q{	list-style-image:url('images/qanda_q.png');margin-top:0px;}
ul.qanda li.a{	list-style-image:url('images/qanda_a.png');margin-bottom:20px;margin-top:10px;}