@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: #FFFFFF url(../images/common/body-bg.gif) no-repeat center top fixed;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* IE7 */
*:first-child+html body {
padding-left: 1px;
}
/* IE6以下 */
*html body {
padding-left: 1px;
}
/* Safari */
body:first-of-type {
padding-left: 0px;
}
/* FireFox */
body,x:-moz-broken {
margin-left:0px;
}

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

a:link,a:visited { color: #5295B3; text-decoration: none; }
a:hover,a:active { color: #669900; 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*/
.lh120 { line-height: 120%; }
.lh140 { line-height: 140%; }
.lh160 { line-height: 160%; }
.lh180 { line-height: 180%; }
.col00 { color: #000000; }
.col01 { color: #333333; }
.col02 { color: #666666; }
.col03 { color: #999999; }
.col04 { color: #CCCCCC; }
.col05 { color: #FFFFFF; }
.col06 { color: #99CC00; }
.col07 { color: #669900; }
.col08 { color: #1B7DBB; }
.col09 { color: #FF0000; }
.col10 { color: #FF6600; }


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


#header { background: url(../images/common/header-bg.gif) repeat-y left top; padding: 10px 20px; overflow: hidden; }
#header:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}
/*\*/
* html #header {
    height: 0em;
    overflow: visible;
}
/**/
#header-rogo { float: left; }
#header-copy { color: #FFFFFF; font-size: 93%; line-height: 150%; font-weight: normal; width: 415px; margin-top: 5px; float: left; }
#header-udu { float: right; }


#bottom { background:url(../images/common/bottom-dot.gif) no-repeat top left; padding: 14px 20px 12px 20px; clear: both; overflow: hidden; }
#bottom:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}
/*\*/
* html #bottom {
    height: 0em;
    overflow: visible;
}
/**/
#bottom-toshi { margin-top:6px; float: left; }
#bottom-address { color: #666666; font-size: 77%; line-height: 140%; font-weight: normal; margin-top: 0px; float: left; }
#bottom-address strong.office { color: #699CB3; }
#bottom-address strong.tel { color: #99CC00; }


#footer { background:url(../images/common/footer-bar.gif) no-repeat top left; padding: 10px 20px 30px 20px; clear: both; overflow: hidden; }
#footer:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}
/*\*/
* html #footer {
    height: 0em;
    overflow: visible;
}
/**/
#footer-udu { float: left; }
#copyright { color: #666666; font-size: 77%; line-height: 160%; font-weight: normal; margin-top: 10px; float: left; }
#pagetop { font-size: 77%; line-height: 160%; margin-top: 10px; float: right; }
#pagetop a:link,#pagetop a:visited { color: #666666; background: url(../images/common/pagetop.gif) no-repeat left center; padding: 0 0 0 12px; }
#pagetop a:hover,#pagetop a:active { color: #5295B3; background: url(../images/common/pagetop-ov.gif) no-repeat left center; }


#flash-index {}
#contents-index { margin: 0 18px 30px 18px; }


#wrapper01 { background: url(../images/common/wrapper01-bg.gif) repeat-y left top; margin: 0 0 20px 0; }
#wrapper02 { background: url(../images/common/wrapper02-bg.gif) repeat-x left top; padding: 18px 0 0 0; overflow: hidden; }
#wrapper02:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}
/*\*/
* html #wrapper02 {
    height: 0em;
    overflow: visible;
}
/**/


#navi { width: 186px; margin: 0 0 0 18px; float: left; display: inline; }
#navi-block01 { margin-bottom: 5px; }
#navi-block02 { background: url(../images/common/navi-bg01.gif) repeat-y 2px 0px; margin-bottom: 8px; }
#navi-body02 { margin-left: 2px; padding: 6px 10px 0 9px; }
#navi-block03 { background: url(../images/common/navi-bg02.gif) repeat-y 2px 0px; margin-bottom: 8px; }
#navi-body03 { margin-left: 2px; padding: 6px 10px 0 9px; }
#navi-block04 { background: url(../images/common/navi-bg02.gif) repeat-y 2px 0px; margin-bottom: 8px; }
#navi-body04 { margin-left: 2px; padding: 6px 10px 0 9px; }
#navi-block05 { background: url(../images/common/navi-bg03.gif) repeat-y 2px 1px; padding-bottom: 3px; }
#navi-body05 { margin-left: 2px; padding: 6px 10px 0 9px; }
#navi-block06 { background: url(../images/common/navi-bg04.gif) repeat-y 2px 1px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding-bottom: 3px; }
#navi-body06 { margin-left: 2px; padding: 6px 10px 0 9px; }
#navi-block07 { background: url(../images/common/navi-bg03.gif) repeat-y 2px 1px; padding-top: 1px; }
#navi-body07 { margin-left: 2px; padding: 6px 10px 0 9px; }
div.links01,div.links02,div.links03,div.links04.links05,div.navi-cat { color: #5295B3; font-size: 85%; line-height: 150%; font-weight: bolder; margin: 0; padding: 0; }
.links01 a:link,.links01 a:visited { color: #5295B3; background: url(../images/common/navi-arrow.gif) no-repeat 0px 2px; padding-left: 12px; display: block; }
.links01 a:hover,.links01 a:active { color: #669900; background: url(../images/common/navi-arrow-ov.gif) no-repeat 0px 2px; }
.links02 a:link,.links02 a:visited { color: #767E80; background: url(../images/common/navi-arrow.gif) no-repeat 0px 2px; margin-left: 12px; padding-left: 12px; display: block; }
.links02 a:hover,.links02 a:active { color: #669900; background: url(../images/common/navi-arrow-ov.gif) no-repeat 0px 2px; }
.links03 a:link,.links03 a:visited { color: #767E80; background: url(../images/common/navi-arrow.gif) no-repeat 0px 2px; padding-left: 12px; display: block; }
.links03 a:hover,.links03 a:active { color: #669900; background: url(../images/common/navi-arrow-ov.gif) no-repeat 0px 2px; }
.links04 a:link,.links04 a:visited { color: #FFFFFF; background: url(../images/common/navi-arrow.gif) no-repeat 0px 2px; padding-left: 12px; display: block; }
.links04 a:hover,.links04 a:active { color: #669900; background: url(../images/common/navi-arrow-ov.gif) no-repeat 0px 2px; }
.links05 a:link,.links05 a:visited { color: #FFFFFF; background: url(../images/common/navi-arrow.gif) no-repeat 0px 2px; padding-left: 12px; display: block; }
.links05 a:hover,.links05 a:active { color: #003300; background: url(../images/common/navi-arrow-ov.gif) no-repeat 0px 2px; }
#navi .sps { margin-top: 5px; }
#navi .tume { letter-spacing: -1px; }


#logo-index { margin-bottom: 10px; }
#whatsnew { font-size: 108%; font-weight: bolder; color: #99CC00; }
#contents-index .sps01 { margin-top: 3px; }
#contents-index .sps02 { margin-top: 6px; }
#contents-index .sps03 { margin-top: 8px; }
#navi-index01 { background: url(../images/index/navi-bg01.gif) repeat-y 2px bottom; width: 186px; }
#navi-body-index01 { margin-left: 2px; padding: 6px 9px 0 9px; }
#navi-index02 { background: url(../images/index/navi-bg02.gif) repeat-y 2px bottom; width: 186px; }
#navi-body-index02 { margin-left: 2px; padding: 6px 9px 0 9px; }
#navi-body-index03 { background: url(../images/index/navi-bg03.gif) repeat-y left top; margin-top: 20px; margin-left: 2px; padding: 4px 9px 4px 9px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#navi-body-index01 p { font-size: 85%; line-height: 150%; color: #5295B3; font-weight: bolder; margin: 0; }
.cat-name { font-size: 85%; line-height: 150%; font-weight: bolder; }
.cat-copy { font-size: 77%; line-height: 150%;}
.links-index01 {}
.links-index01 a:link,.links-index01 a:visited { background: url(../images/common/navi-arrow.gif) no-repeat 0px 2px; margin: 0 0 0 0; padding: 0 0 0 12px; display:block; }
.links-index01 a:hover,.links-index01 a:active { background: url(../images/common/navi-arrow-ov.gif) no-repeat 0px 2px; }
a:link .cat-name,a:visited .cat-name { color: #5295B3; }
a:hover .cat-name,a:active .cat-name { color: #669900; }
a:link .cat-copy,a:visited .cat-copy { color: #666666; }
a:hover .cat-copy,a:active .cat-copy { color: #669900; }
.links-index02 a:link,.links-index02 a:visited { color: #767E80; font-size: 85%; line-height: 150%; font-weight: bolder; background: url(../images/common/navi-arrow.gif) no-repeat 0px 2px; margin: 0 0 0 12px; padding: 0 0 0 12px; display:block; }
.links-index02 a:hover,.links-index02 a:active { color: #669900; background: url(../images/common/navi-arrow-ov.gif) no-repeat 0px 2px; }
.links-index03 a:link,.links-index03 a:visited { color: color: #5295B3; font-size: 85%; line-height: 150%; font-weight: bolder; background: url(../images/common/navi-arrow.gif) no-repeat 0px 2px; margin: 0 0 0 0; padding: 0 0 0 12px; display:block; }
.links-index03 a:hover,.links-index03 a:active { color: #669900; background: url(../images/common/navi-arrow-ov.gif) no-repeat 0px 2px; }
.links-index04 a:link,.links-index04 a:visited { color: #767E80; font-size: 85%; line-height: 150%; font-weight: bolder; background: url(../images/common/navi-arrow.gif) no-repeat 0px 2px; margin: 0 0 0 0; padding: 0 0 0 12px; display:block; }
.links-index04 a:hover,.links-index04 a:active { color: #669900; background: url(../images/common/navi-arrow-ov.gif) no-repeat 0px 2px; }
.links-index05 a:link,.links-index05 a:visited { color: #FFFFFF; font-size: 85%; line-height: 150%; font-weight: bolder; background: url(../images/common/navi-arrow.gif) no-repeat 0px 2px; margin: 0 0 0 0; padding: 0 0 0 12px; display:block; }
.links-index05 a:hover,.links-index05 a:active { color: #669900; background: url(../images/common/navi-arrow-ov.gif) no-repeat 0px 2px; }


#contents { width:540px; margin: 0 30px 20px 0; display: inline; float: right; }

#path-area { color: #666666; font-size: 77%; line-height: 105%; margin: 3px 0 20px 0; }
#path-area a:link,#path-area a:visited { color: #669900; background: url(../images/common/path-arrow.gif) no-repeat 0px 1px; margin: 0; padding: 0 0 0 12px; }
#path-area a:hover,#path-area a:active { color: #1B7DBB; background: url(../images/common/path-arrow-ov.gif) no-repeat 0px 1px; }

#btn-area01 { margin-top: 12px; margin-bottom: -3px; margin-right: 10px; }
#btn-area02 { margin-left: 160px; }
#btn-area03 { margin-left: 150px; }
#btn-area04 { margin-left: 115px; }
#btn-area05 { margin-left: 180px; }
#btn-area06 { margin-left: 180px; }
#btn-area-cp { margin-left: 180px; }
#btn-area-res { text-align: left;}
.btn-type01 a:link,.btn-type01 a:visited { color: #5295B3; font-size: 77%; line-height: 160%; background: url(../images/common/arrow-ov.gif) no-repeat 0px 3px; margin: 0 0 0 0; padding: 0 0 0 12px; display: block; }
.btn-type01 a:hover,.btn-type01 a:active { color: #669900; }
.ovr a:link,.ovr a:visited { color: #999999; font-size: 77%; line-height: 160%; background: url(../images/common/arrow.gif) no-repeat 0px 3px; margin: 0 0 0 0; padding: 0 0 0 12px; }
.ovr a:hover,.ovr a:active { color: #669900; background: url(../images/common/arrow-ov.gif) no-repeat 0px 3px; }

.dot540 { margin: 20px 0; }
.dot54030 { margin: 30px 0; }
.dot54010 { margin: 10px 0; }
.dot355 { margin: 20px 0; }
.dot35501 { margin: 0 0 18px 0; }

.ol-td01 {
	background: #62A9CC;
	color: #FFFFFF;
	font-size: 77%;
	line-height: 160%;
	width: 135px;
}
.ol-td02 {
	background: #FFFFE6;
	color: #666666;
	font-size: 77%;
	line-height: 160%;
}

.res-td01 {
	background: #62A9CC;
	color: #FFFFFF;
	font-size: 77%;
	line-height: 120%;
	text-align: center;
}
.res-td02 {
	background: #FFFFE6;
	color: #666666;
	font-size: 77%;
	line-height: 160%;
	text-align: center;
}
.res-td03 {
	background: #FFFFE6;
	color: #666666;
	font-size: 77%;
	line-height: 160%;
}


.sep15 { margin-left: 15px; }

.fright { float: right; margin: 0 0 5px 10px; }

.comp-table { background: #CCCCCC; }
.td01 { background: #62A9CC; padding: 5px; }
.td02 { background: #FFFFE6; vertical-align: top; width: 62px; padding: 3px; }
.td03 { background: #FFFFE6; vertical-align: top; width: 294px; padding: 3px; }
.td04 { background: #FFFFFF; vertical-align: top; width: 168px; }
.comp-txt { color: #666666; font-size: 77%; line-height: 140%; width:170px; text-align:center; }
.comp-txt a:link,.comp-txt a:visited { color: #669900; }
.comp-txt a:hover,.comp-txt a:active { color: #1B7DBB; }

.zoom { color: #666666; font-size: 77%; line-height: 140%; text-align: center; }
.zoom a:link,.zoom a:visited { color: #669900; }
.zoom a:hover,.zoom a:active { color: #1B7DBB; text-decoration: none; }

.sitemap-txt14 { color: #1B7DBB; font-size: 108%; line-height: 160%; }
.sitemap-txthome { color: #669900; font-size: 93%; line-height: 160%; margin-left: 14px; }
.sitemap-txthome a:link,.sitemap-txthome a:visited { color: #1B7DBB; }
.sitemap-txthome a:hover,.sitemap-txthome a:active { color: #669900; }
.sitemap-txt12 { color: #669900; font-size: 93%; line-height: 160%; margin-left: 14px; }
.sitemap-txt12 a:link,.sitemap-txt12 a:visited { color: #666666; }
.sitemap-txt12 a:hover,.sitemap-txt12 a:active { color: #669900; }
.sitemap-txt10 { color: #669900; font-size: 77%; line-height: 160%; margin-left: 26px; }
.sitemap-txt10 a:link,.sitemap-txt10 a:visited { color: #666666; }
.sitemap-txt10 a:hover,.sitemap-txt10 a:active { color: #669900; }
.smsps01 { margin-bottom: 10px; }
.smsps02 { margin-bottom: 20px; }
.smsps03 { margin-bottom: 30px; }


.res-title { color: #FFFFFF; }
.res-title a:link,.res-title a:visited { color: #FFFFFF;  background: url(../images/common/res-title.gif) no-repeat left center; margin: 0; padding: 0 0 0 12px; }
.res-title a:hover,.res-title a:active { color: #FFFF66; text-decoration: none; background: url(../images/common/res-title-ov.gif) no-repeat left center; }


#f-link a:link, #f-link a:visited { color: #5295B3;; font-size: 77%; line-height: 160%; background: url(../images/common/arrow-ov.gif) no-repeat 0px 1px; margin: 0 0 0 0; padding: 0 0 0 12px; }
#f-link a:hover, #f-link a:active { color: #669900; background: url(../images/common/arrow.gif) no-repeat 0px 1px; }
#f-link span.ovr a:link, #f-link span.ovr a:visited { color: #999999; font-size: 77%; line-height: 160%; background: url(../images/common/arrow.gif) no-repeat 0px 1px; margin: 0 0 0 0; padding: 0 0 0 12px; }
#f-link span.ovr a:hover, #f-link span.ovr a:active { color: #669900; background: url(../images/common/arrow-ov.gif) no-repeat 0px 1px; }

.mrbox { background: #FFFFE5; padding: 0 9px 9px 9px; border: 1px solid #CCCCCC; border-top: none; }