@charset "UTF-8";
/* CSS Document */

body {
	font: 13px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",arial,helvetica,clean,sans-serif;
	*font-size: small;
    *font: x-small;
	background: #FFCC00 url(../images/common/body-bg.jpg) repeat-y center top;
	text-align: center;
	margin: 0 0 30px 0;
	padding: 0;
}
table {
	color: #333333;
    font-size:inherit;
    font:100%;
}

form,img { margin: 0; padding: 0; border: 0; }
p { color: #333333; margin: 0; padding: 0; }
.exxxlarge-txt { font-size: 161.6%; line-height: 140%; }
.exxlarge-txt { font-size: 146.5%; line-height: 140%; }
.exlarge-txt { font-size: 131%; line-height: 140%; }
.large-txt { font-size: 108%; line-height: 160%; }
.middle-txt { font-size: 93%; line-height: 160%; }
.middle140-txt { font-size: 93%; line-height: 140%; }
.small-txt { font-size: 77%; line-height: 160%; }
.small140-txt { font-size: 77%; line-height: 140%; }
.exsmall-txt { font-size: 69%; line-height: 160%; }
p a:link,p a:visited { color: #FF9900; text-decoration: none; }
p a:hover,p a:active { color: #FFCC00; }
.colfmt01 { color: #FFFFFF; }
.colfmt02 { color: #CCCCCC; }
.colfmt03 { color: #999999; }
.colfmt04 { color: #666666; }
.colfmt05 { color: #333333; }
.colfmt06 { color: #000000; }
.colfmt07 { color: #FF0000; }
.colfmt08 { color: #FFFF00; }
.colfmt09 { color: #000066; }
.colfmt10 { color: #FF9900; }
.colfmt11 { color: #FFCC00; }

#container {
	text-align: left;
	width: 800px;
	margin: 0 auto;
	padding: 0;
}


#header { background: url(../images/common/header-bg.jpg) repeat-y right top; }
#header:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; }
/*\*/
* html #header { height: 1em; }
#header { display: block; }
/**/
#header-logo { float: left; }
#header-copy { float: left; }
#header-copy h1 { color: #FFFFFF; font-size: 77%; line-height: 160%; font-weight: normal; width: 500px; margin: 16px 0 0 20px; }
#header-link { float: right; }
#header-link p { color: #FFFFFF; font-size: 93%; line-height: 100%; font-weight: normal; width: 52px; margin: 16px 20px 0 0; }
#header-link p a:link,#header-link p a:visited { color: #FFFFFF; text-decoration: none; padding: 0 0 0 12px; background: url(../images/common/header-arrow.jpg) no-repeat left center; }
#header-link p a:hover,#header-link p a:active { color: #FFCC00; }
#header-bar { clear: both; }


#nav { width: 190px; float: left; padding: 13px 0 0 10px; text-align: left; }
#nav ul { margin: 0; padding: 0; }
#nav ul li { margin: 0; padding: 0; list-style-type: none; }
#nav ul li img { vertical-align: top; }
.nav-title { color: #FFFFFF; font-size: 77%; line-height: 100%; font-weight: normal; padding: 5px 0 0 4px; }
.nav-dot { padding: 11px 0; }
#nav ul li.nav-txt { font-size: 77%; line-height: 100%; font-weight: normal; display: block; padding: 4px 0 4px 11px; }
.nav-txt a:link,.nav-txt a:visited { color: #FFFFFF; text-decoration: none; padding: 0 0 0 12px; background: url(../images/common/nav-arrow.jpg) no-repeat left center; }
.nav-txt a:hover,.nav-txt a:active { color: #FFCC00; }
.nav-kyotokyoto { margin: 10px 0 0 4px; width:173px; }


#contents-index { width: 600px; float: right; text-align: left; }
#contents-index02 { width: 580px; float: right; padding: 20px 0 0 0; text-align: left; clear: right; }
#contents { width: 580px; float: right; padding: 18px 0 0 0; text-align: left; clear: right; }

.footmark { color: #003399; font-size: 77%; line-height: 100%; }
.footmark a:link,.footmark a:visited { color: #000066; text-decoration: none; }
.footmark a:hover,.footmark a:active { color: #FFCC00; }


#footer { text-align: left; }
#footer:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; }
/*\*/
* html #footer { height: 1em; }
#footer { display: block; }
/**/
.footer-bar { padding: 20px 0 20px 0; }
.footer-logo { float: left; padding: 0 10px 10px 0; }
#footer-center { width: 400px; float: left; }
.address { color: #000066; font-size: 77%; line-height: 160%; }
.copyright { color: #000066; font-size: 77%; line-height: 160%; margin-top: 3px; }
.pagetop { float: right; padding: 0 20px 0 0; }


.sm01,.sm04 { background: #669900; width: 6px; }
.sm02 { background: #E6E6E6; width: 100px; padding: 8px; }
.sm03 { width: 10px; }
.sm05 { background: #E6E6E6; padding: 8px; }

.sm-txt { color: #333333; font: normal normal normal 77%/100% ""; }
.sm-txt a:link,.sm-txt a:visited { color: #669900; text-decoration: none; }
.sm-txt a:hover,.sm-txt a:active { color: #99CC00; }