@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: #CCCCCC url(../images/common/body-bg.jpg) repeat-y center top;
	text-align: center;
	margin: 0;
	padding: 0;
}
body#index { background: #CCCCCC url(../images/index/body-bg.jpg) repeat-y center top; }
*:first-child+html #header { padding-right: 1px;/*IE7*/ }
body, x:-moz-any-link { padding-right: 1px;/*Firefox*/ }
/* 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; }

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

.txt26 { font-size: 197%;} /*26px*/
.txt25 { font-size: 189%;} /*25px*/
.txt24 { font-size: 182%;} /*24px*/
.txt23 { font-size: 174%;} /*23px*/
.txt22 { font-size: 167%;} /*22px*/
.txt21 { font-size: 161.6%;} /*21px*/
.txt20 { font-size: 153.9%;} /*20px*/
.txt19 { font-size: 146.5%;} /*19px*/
.txt18 { font-size: 138.5%;} /*18px*/
.txt17 { font-size: 131%;} /*17px*/
.txt16 { font-size: 123.1%;} /*16px*/
.txt15 { font-size: 116%;} /*15px*/
.txt14 { font-size: 108%;} /*14px*/
.txt13 { font-size: 100%;} /*13px*/
.txt12 { font-size: 93%;} /*12px*/
.txt11 { font-size: 85%;} /*11px*/
.txt10 { font-size: 77%;} /*10px*/
.txt09 { font-size: 69%;} /*9px*/
.lh100 { line-height: 100%; }
.lh120 { line-height: 120%; }
.lh140 { line-height: 140%; }
.lh160 { line-height: 160%; }
.lh180 { line-height: 180%; }
.lh200 { line-height: 200%; }
.col00 { color: #000000; }
.col01 { color: #333333; }
.col02 { color: #666666; }
.col03 { color: #999999; }
.col04 { color: #CCCCCC; }
.col05 { color: #FFFFFF; }
.col06 { color: #CC9900; }
.col07 { color: #331800; }
.col08 { color: #190C00; }
.col09 { color: #996600; }


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


/*ヘッダ要素*/
#header { background: url(../images/common/header-bg.jpg) repeat left top; }
*:first-child+html #header { overflow:auto;/*IE7*/ }
#header, x:-moz-any-link { overflow:auto;/*Firefox*/ }
#header:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; }
/*\*/
* html #header { height: 1em; }
#header { display: block; }
/**/

#header-logo { float: left; }
#header-middle { float: left; width: 420px; margin-top: 24px; }
#header-main { color: #331800; font-size: 93%; line-height: 110%; margin: 0; padding: 0; }
#header-sub { color: #331800; font-size: 77%; line-height: 160%; font-weight: normal; margin: 3px 0 0 0; padding: 0; }
#header-right { float: right; width: 198px; margin-top: 24px; }
#header-navi { margin: 0; padding: 0; list-style: none; height: 27px; }
#header-navi li { padding: 0 11px 0 0; float: left; font-size: 85%; line-height: 110%; }
#header-navi li a:link,#header-navi li a:visited { color: #331800; background: url(../images/common/arrow-he.gif) no-repeat left center; padding: 0 0 0 12px; }
#header-navi li a:hover,#header-navi li a:active { color: #996600; }
#header-tel {}
/*ヘッダ要素*/


/*ナビ要素*/
#navi { background: #331800; list-style: none; margin: 0; padding: 0 18px 0 30px; clear: both; }
*:first-child+html #navi { overflow:auto;/*IE7*/ }
#navi, x:-moz-any-link { overflow:auto;/*Firefox*/ }
#navi:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; }
/*\*/
* html #navi { height: 1em; }
#navi { display: block; }
/**/

#navi li {}
.navi-l { float: left; }
.navi-r { float: right; }
#navi li.navi-cp { color: #FFFFFF; font: normal normal normal 77%/100% ""; font-family:"ＭＳ ゴシック", "Osaka－等幅"; list-style-type: none; padding: 8px 12px 7px 0; }
*:first-child+html #navi li.navi-cp { padding-top: 6px;/*IE7*/ }
/*\*/
* html #navi li.navi-cp { padding-top: 6px; }
/**/
#navi li.navi-cp a:link,#navi li.navi-cp a:visited { color: #FFFFFF; }
#navi li.navi-cp a:hover,#navi li.navi-cp a:active { color: #FFCC00; text-decoration: none; }
#navi li.tgt a:link,#navi li.tgt a:visited { color: #FFCC00; }
#navi li.tgt a:hover,#navi li.tgt a:active { color: #FFCC00; text-decoration: none; }
#navi li.navi-img { margin-right: 5px; }
#navi li.navi-img img { vertical-align: top; }
.navi-home { margin-right: 5px; }
/*ナビ要素*/

#contents-index { border-bottom: 1px solid #663300; clear: both; }

#contents-news { background: url(../images/index/main-bg.jpg) repeat top left; padding: 23px 28px 0 30px; clear: both; }
.index-news { color: #331800; font: normal normal bolder 93%/100% ""; margin: 0; padding: 0 0 0 0; }
.index-navi { color: #FFFFFF; font: normal normal normal 85%/100% ""; margin: 0; padding: 0; }
.index-navi a:link,.index-navi a:visited { color: #331800; background: url(../images/common/arrow-co.gif) no-repeat 2px 2px; padding: 0 0 0 13px; }
.index-navi a:hover,.index-navi a:active { color: #996600; }
.index-navi img { padding: 3px 0 0 0; }

#contents { background: #FFFFFF; padding: 20px 30px 35px 30px; }
#dir-path { color: #331800; font-size: 77%; line-height: 100%; margin: 0 0 19px 0; }
#dir-path a:link,#dir-path a:visited { color: #331800; background: url(../images/common/arrow-di.gif) no-repeat 0px 1px; margin: 0; padding: 0 0 0 12px; }
#dir-path a:hover,#dir-path a:active { color: #996600; }


/*フッター要素INDEX*/
#footer-index { background: url(../images/index/footer-bg.jpg) repeat top left; padding: 25px 30px 65px 30px; }
#footer { background: #FFE497; padding: 22px 30px 65px 30px; border-top: 1px solid #663300; }

#footer-logo { float: left; }
#footer-right { padding: 0 0 0 10px; float: left; }
#footer-addr { color: #331800; font: normal normal normal 77%/160% ""; }
#footer-addr strong { color: #CC9900; }
#footer-addr a:link,#footer-addr a:visited { color: #CC9900; }
#footer-addr a:hover,#footer-addr a:active { color: #996600; }
#pagetop { color: #331800; font: normal normal normal 77%/100% ""; float: right; }
#pagetop a:link,#pagetop a:visited { color: #331800; background: url(../images/common/arrow-pt.gif) no-repeat left center; padding: 0 0 0 12px; }
#pagetop a:hover,#pagetop a:active { color: #996600; }
#footer-copyright { color: #331800; font: normal normal normal 77%/100% ""; padding: 4px 0 0 0; clear: both; }
/*フッター要素*/

.txtsm { color: #190C00; font-size: 100%; line-height: 200%; font-weight: bolder; }
.txtsm a:link,.txtsm a:visited { color: #996600; }
.txtsm a:hover,.txtsm a:active { color: #FF9900; }

.txtli { color: #190C00; font-size: 116%; line-height: 110%; font-weight: bolder; }
.txtlis { font-size: 77%; line-height: 160%; }
.txtlis a:link,.txtlis a:visited { color: #CC9900; }
.txtlis a:hover,.txtlis a:active { color: #FF9900; }