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

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font: 13px/1.231 "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}



/*-----------------------------------------------------------------------------------*/

body {
	background: #333333 url(../images/common/body-bg.jpg) repeat-y center top;
	text-align: center;
	margin: 0 0 30px 0;
	padding: 0;
}
*:first-child+html body { padding-right: 1px; }
/* IE6以下でpadding指定 */
*html body { padding-right: 1px; }

img { border: 0; }
form { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,p { margin: 0; padding: 0; }

.exxxlarge-txt { font-size: 161.6%; line-height: 120%; }
.exxlarge-txt { font-size: 146.5%; line-height: 120%; }
.exlarge-txt { font-size: 131%; line-height: 120%; }
.large-txt { font-size: 108%; line-height: 120%; }
.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%; }

a:link,a:visited { color: #CC9900; text-decoration: none; }
a:hover,a:active { color: #996600; }

.colfmt01 { color: #FFFFFF; }
.colfmt02 { color: #CCCCCC; }
.colfmt03 { color: #999999; }
.colfmt04 { color: #666666; }
.colfmt05 { color: #333333; }
.colfmt06 { color: #000000; }
.colfmt07 { color: #CC0000; }
.colfmt08 { color: #FF0000; }
.colfmt09 { color: #CC0000; }

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


#header { background: url(../images/common/header-bg.jpg) right top; }
#header:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; }
/*\*/
* html #header { height: 1em; }
#header { display: block; }
/**/
#header-logo { float: left; width: 200px; }
#header-copy { float: left; width: 600px; }
#header-copy h1 { color: #FFFFFF; font-size: 77%; line-height: 160%; font-weight: normal; margin: 19px 0 0 20px; }
#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: 6px 0 1px 4px; }
.nav-dot { padding: 15px 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: #FFFF66; background: url(../images/common/nav-arrow_o.jpg) no-repeat left center; }
.nav-kyotokyoto { margin: 15px 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: #333333; font-size: 77%; line-height: 100%; }
.footmark a:link,.footmark a:visited { color: #FF0000; text-decoration: none; }
.footmark a:hover,.footmark a:active { color: #CC9900; }


#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: 0 0 20px 0; }
.footer-logo { float: left; padding: 0 7px 0 0; }
.openhoure { color: #333333; font-size: 77%; line-height: 100%; margin-top: 5px; }
.address { clear:both; float: left; color: #333333; margin-top: 5px; width:560px; }
.address strong { font-size: 93%; line-height: 160%; }
.address .small { font-size: 77%; line-height: 160%; }
.address .red { color: #FF0000; }
.copyright{ clear:both; float: left; color: #333333; font-size: 77%; line-height: 150%; margin-top: 7px; width:560px; }
.pagetop { float: right; padding: 1px 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; }