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


h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.5em;
	letter-spacing:-0.06em;
	text-transform:uppercase;
	font-weight:normal;
}


header, section, article, footer {
}


/***Layout***/

#topWrap{
	width:100%;
	position:fixed;
	top:0;
	z-index:100;
	background:url(../img/bg-top-1.gif) repeat-x;
}

#headerWrap{
	width:100%;
	height:100px;
	position: relative;
	margin-top:6px;
	background:url(../img/bg-header.png) repeat-x;	
}

#headerWrap h1 {
	color:#fff;
	position:absolute;
	top:10px;
	left:0;
	font-size: 12px;
	text-transform:	none;
}

#headerWrap2{
	width:100%;	height:100px; position: relative;  margin-top:6px;
	background:url(../img/bg-header2.png) no-repeat bottom right; background-position:100% 52px; *background-position:100% 46px; 	
}
#contentWrap{
	width:100%;	position: relative; margin-top:-6px;
	background:url(../img/bg-content.gif) repeat; padding-bottom:180px;
}
#footerWrap{
	width:100%;	height:130px; position: fixed; bottom:0;
	background:url(../img/bg-footer.gif) repeat-x bottom;
	/*margin-top:-32px;*/
}

#footer{
	width:960px; margin:0 auto; position:relative; text-align:center;
}

#header, #content, #top{
	width:960px; margin:0 auto; position:relative;
}
#header{ height:100px; }
#content{  }

.col-1{ width:680px; margin:35px 0 10px 6px; float:left;}
.col-2{ width:260px; margin:26px 0 10px 14px; float:left;}

/****left col****/
.banner, .section{ float:left; }
#banner{ width:681px; height:235px; }

#content h2,h4 {
	display: none;
}

.sectionA{ background:url(../img/bg-sectionA-hd.png) no-repeat 0 0; width:335px; padding-top:45px; }
.sectionA .section-footer{width:335px; height:26px;}
.sectionB{ background:url(../img/bg-sectionB-hd.png) no-repeat 0 0; width:335px; padding-top:45px; }
.sectionB .section-footer{width:335px; height:26px;}
.sectionC{ background:url(../img/bg-sectionC-hd.png) no-repeat 0 0; width:335px; padding-top:45px; }
.sectionC .section-footer{width:335px; height:26px;}
.sectionD{ background:url(../img/bg-sectionD-hd.png) no-repeat 0 0; width:335px; padding-top:45px; }
.sectionD .section-footer{width:335px; height:26px;}
.sectionE{ background:url(../img/bg-sectionE-hd.png) no-repeat 0 0; width:681px; padding-top:45px; }
.sectionE .section-footer{ background:url(../img/bg-sectionE-ft.png) no-repeat 0 0; width:681px; height:26px;}
.sectionF{ background:url(../img/bg-sectionF-hd.png) no-repeat 0 0; width:681px; padding-top:45px; }
.sectionF .section-footer{width:335px; height:26px;}

.section{ margin-top:8px; }
.sectionB,
.sectionD{ margin-left:10px; }
.section .section-content{  background:url(../img/bg-sectionAD-mid.png) repeat-y; padding:10px 5px 5px 5px;}
.sectionE .section-content,
.sectionF .section-content{  background:url(../img/bg-sectionEF-mid.png) repeat-y; padding:10px 5px;}
.sectionF .section-content{ padding:0 25px 25px 25px;}
.section-content{ text-align:center; padding-top:10px; }

.sectionA .section-footer .btn-empty,
.sectionB .section-footer .btn-empty,
.sectionC .section-footer .btn-empty,
.sectionD .section-footer .btn-empty,
.sectionF .section-footer .btn-empty
{ width:200px; height:26px; float:right; }
.sectionA .section-footer .btn-empty{ width:100px; }
.sectionB .section-footer .btn-empty{ width:100px; }
.sectionC .section-footer .btn-empty{ width:100px; }
.sectionD .section-footer .btn-empty{ width:280px; }
.sectionF .section-footer .btn-empty{ width:100px; }

.sectionB .section-content a:hover img , .sectionC .section-content a:hover img, .Scroller-Container a:hover img{
   filter: alpha(opacity=80);
   opacity: 0.8;
}


/****right col****/
.rightPanel{ background:url(../img/bg-rightPanel-hd.png) no-repeat 0 0; width:260px; padding-top:44px;}
.rightPanel .rightPanel-content{ background:url(../img/bg-rightPanel-mid.png) repeat-y; height:1213px; position:relative; }
.rightPanel .rightPanel-footer{ background:url(../img/bg-rightPanel-ft.png) no-repeat 0 0; width:260px; height:7px; }
.rightPanel-content-header{padding:10px 15px 20px 15px; text-align:center; color:#505050; }
.rightPanel-content-header p{ text-align: left; font-size:12px; line-height:130%; margin-top:5px; }
.scrollPanel{ width:246px; height:1000px; position:absolute; right:0; background:#fff; margin:0 7px;  }
.scrollPanel-content{ background:#fff; padding:0 3px; font-size:12px; color:#505050;}
.scrollPanel-content p{ padding:10px 6px;  line-height:130%;}
.scrollPanel-content a,a hover{ color:#505050; text-decoration: none;}

#Scroller1 { 
  position: absolute; 
  overflow: hidden;
  width: 246px;
  height: 1000px;
}
.scrollPanel-content{
  position: absolute;
  top: 0px; left: 0px;
}


/********/
.top-label1{
	width:376px;
	float:left; margin-left:405px; margin-top:6px;
	background:url(../img/bg-top-2.png) no-repeat left bottom;
	padding:5px 0 5px 0; z-index:999;
}

.top-label2{
	width:0px;
	float:left; margin-left:580px; margin-top:6px;
	background:url(../img/clear.gif) no-repeat bottom;
	padding:5px 0 5px 0; z-index:999;
}

.title-header{
	color:#fff;
	position:absolute;
	top:10px;
	left:0;
	font-size: 16px;
}
.scrollPanel-div{
	background:url(../img/bg-scrollerDiv.jpg) no-repeat center;
	height:15px;
}
.sectionF-item{
	padding:15px 0;
	background:url(../img/bg-sectionF-div.gif) repeat-x bottom;
	font-size:12px;
}
.bullet{ width:11px; height:13px; background:url(../img/bullet.gif) no-repeat; margin:0 10px 0 0; padding:0px;}
.date{ font-weight:bold; margin-right:10px; width:80px;}
.item{width:490px;margin:0px; padding:0px; text-align:left;}
.bullet,
.date,
.sectionF-item .item{ float:left; }
.sectionF-item .item a{ color:#2d9a1c; text-decoration: none;}
.sectionF-item .item a:hover{ color:#2d9a1c; text-decoration: none;}

.sectionF-item .body{
	margin-left:110px;
	margin-top:10px;
	margin-bottom:15px;
	text-align: left;
 	font-size:14px; 
 }

.footer-content { text-align:center; color:#FFF; font-size:12px; line-height:150%; margin-top:20px;}
#footer a{ text-decoration: none; color:#FFF; font-size:12px;}
#footer a:hover{ text-decoration: none; color:#FFF; font-size:12px;}

/***nav***/
.nav-main{
	height:43px;
	position:absolute; right:0px; top:52px; *top:46px;
}
.nav-main li{ float:left; }
.nav-item-1,
.nav-item-2,
.nav-item-3,
.nav-item-4,
.nav-item-5{
	display:block;
	height:43px;
	background:url(../img/nav-header.png) no-repeat;
}
.nav-item-1{ width:111px; background-position:0 0; }
.nav-item-2{ width:56px; background-position:-111px 0; }
.nav-item-3{ width:169px; background-position:-167px 0; }
.nav-item-4{ width:154px; background-position:-336px 0; }
.nav-item-5{ width:157px; background-position:-490px 0; }

.nav-item-1:hover{ background-position:0 100%; }
.nav-item-2:hover{ background-position:-111px 100%; }
.nav-item-3:hover{ background-position:-167px 100%; }
.nav-item-4:hover{ background-position:-336px 100%; }
.nav-item-5:hover{ background-position:-490px 100%; }

/***button***/
.btn{ display:block; float:left; }
.hover:hover{ background-position:0 100%;}

.btn-footer1{
	background:url(../img/btn-footer-1.png) no-repeat;
	width:352px; height:62px;
	margin-left:178px; _margin-left:89px; 
}

.btn-footer1-over{
	background:url(../img/btn-footer-1-over.png) no-repeat;
	width:352px; height:62px;
	margin-left:178px; _margin-left:89px; 
}

.btn-footer2{
	background:url(../img/btn-footer-2.png) no-repeat;
	width:247px; height:62px;
	margin-left:6px; _margin-left:3px;  
}

.btn-footer2-over{
	background:url(../img/btn-footer-2-over.png) no-repeat;
	width:247px; height:62px;
	margin-left:6px; _margin-left:3px;  
}

.btn-twitter{
	/*background:url(../img/btn-top-twitter.png) no-repeat;*/
	width:110px; height:20px;
	margin-left:8px; _margin-left:9px; 
}

.btn-facebook{
	width:100px; height:20px;
	margin-left:5px; _margin-left:5px; 
}



.btn-logo{
	background:url(../img/logo.png) no-repeat;
	width:296px; height:49px;
	position:absolute; top:35px; left:0;
}
.btn-headerRight-1{
	background:url(../img/btn-header-1.png) no-repeat;
	width:103px; height:24px;
	position:absolute; top:10px; right:91px; z-index:999;
}
.btn-headerRight-2{
	background:url(../img/btn-header-2.png) no-repeat;
	width:91px; height:24px;
	position:absolute; top:10px; right:0; z-index:999;
}

.btn-scroller-up{
	display:block;
	width:246px; height:28px; margin:0 auto;
}

.btn-scroller-up-hover{
	display:block;
	width:246px; height:28px; margin:0 auto;
}

.btn-scroller-down{
	display:block;
	width:246px; height:28px;
	position:absolute; top:1177px; left:7px;
}

.btn-scroller-down-hover{
	display:block;
	width:246px; height:28px; margin:0 auto;
}

.btn-backTop{
	display:block;
	background:url(../img/btn-backTop.png) no-repeat;
	width:33px; height:80px; position:absolute; right:-33px; top:0px;
}
.btn-empty{
	display:block;
	background:url(../img/spacer.gif) repeat;
}
.link-green{ color:#2d9a1c; }



/***中ページ背景***/

.col-1 #mainbg {
	background-image: url(../img/bg_02.png);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 15px;
}

.col-1 #mainbg p{
	padding:15px 30px 15px 30px;
	font-size:14px;
}

.col-1 .head {
	background-image: url(../img/bg_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
}
.col-1 .foot {
	background-image: url(../img/bg_03.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 20px;
}
/***中ページh3***/
.col-1 #mainbg h3 {
	background-image: url(../img/h3.png);
	background-repeat: no-repeat;
	height: 23px;
	color: #FFF;
	font-size: 14px;
	line-height: normal;
	padding-left: 15px;
	padding-top: 13px;
	font-weight: bold;
}
/*しきり線がある場合の大枠（緑）*/
.col-1 #mainbg #shikiri {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #40A132;
	border-bottom-color: #40A132;
	border-left-color: #40A132;
	margin-bottom: 20px;
}
/*しきり線がある場合の左*/
.col-1 #mainbg #shikiri .head-a {
	float: left;
	width: 145px;
	padding: 10px;
	line-height: normal;
}

/*しきり線がある場合の右*/

.col-1 #mainbg #shikiri .block .txt-eria {
	background-image: url(../img/line02.png);
	float: left;
	font-size: 12px;
	line-height: normal;
	background-repeat: repeat-y;
	width: 460px;
	background-position: 0px 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.col-1 #mainbg #shikiri .block,
.col-1 #mainbg #shikiri-non .block,
.col-1 #mainbg #shikiri-non2 .block  {
	background-image: url(../img/line01.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	padding-top: 10px;
}
/*しきり線がない場合の大枠（緑）*/
.col-1 #mainbg #shikiri-non,
.col-1 #mainbg #shikiri-non2 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #40A132;
	border-bottom-color: #40A132;
	border-left-color: #40A132;
	margin-bottom: 20px;
}
img.example3 {
	vertical-align: bottom;
}
/*リストタグ*/
.col-1 #mainbg #shikiri-non2 .block ul li {
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 10px;
	margin-right: 30px;
	margin-left: 30px;
	list-style-type: none;
	text-align: justify;
}

.col-1 #mainbg #shikiri-non2 .block ol li {
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 10px;
	list-style-type: decimal;
	list-style-position: outside;
	margin-right: 15px;
	margin-left: 30px;
	text-align: justify;
}
.right-box {
	float: right;
	font-size: 12px;
	padding-right: 15px;
	padding-bottom: 10px;
}
/*dl,dt,ddタグ*/
#shikiri-non2 .block dl {
	clear: both;
	width: 620px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#shikiri-non2 .block dt {
	float: left;
	width: 100px;
	color: #40A132;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#shikiri-non2 .block dd {
	float: right;
	width: 480px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #95CB8D;
	margin-top: 5px;
	padding-left: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	font-size: 12px;
	line-height: 20px;
}

#shikiri-non2 .block2 dl {
	clear: both;
	width: 620px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#shikiri-non2 .block2 dt {
	float: left;
	width: 150px;
	color: #40A132;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 5px;
	font-size: 14px;
	line-height: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#shikiri-non2 .block2 dd {
	float: right;
	width: 450px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #95CB8D;
	margin-top: 5px;
	padding-left: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	font-size: 12px;
	line-height: 20px;
}

#shikiri-non2 .block2 .right-box2 {
	float: right;
	font-size: 12px;
}

#shikiri-non2 .block2 .right-box2 a{
	color:#2d9a1c;
}

#shikiri-non2 .block2 .right-box2 a:hover{
	color:#2d9a1c;
}

.price{
	font-weight: bold;
	font-size: 16px;
	color: #4B4B4B;
}
	

/*シュミレーション*/
#shikiri-non .block-sim p {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	vertical-align: bottom;
}
.fee {
	font-size: 32px;
	font-weight: bold;
	color: #3FA030;
	text-shadow: 3px 3px 5px darkgray;
}

#shikiri-non .block-sim input {
font-size:18pt; /* 文字の大きさ */
color:#000000; /* 文字の色 */
background-color:#ffffff; /* 背景色 */
}

/*左写真交互背景*/
#shikiri-non .block2 {
	background-color: #FAFAFA;
	padding: 10px;
	background-image: url(../img/line03.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
#shikiri-non .block3 {
	background-color: #DEDEDE;
	padding: 10px;
	background-image: url(../img/line03.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#shikiri-non .block2 img,
#shikiri-non .block3 img {
	background-color: #FFF;
	padding: 5px;
	width: 150px;
	border: 1px solid #CCC;
	float: left;
}

#shikiri-non .block2 p,
#shikiri-non .block3 p {
	font-size: 12px;
	line-height: 20px;
	padding-left: 10px;
	width: 450px;
	float: left;
}
.col-1 #mainbg #shikiri-non .block-sim  {
	background-image: url(../img/line01.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	padding-top: 10px;
}
.col-1 #mainbg #shikiri-non .block2 .txt-eria img,
.col-1 #mainbg #shikiri-non .block3 .txt-eria img {
	background-color: auto;
	padding: auto;
	width: auto;
	border: 1px;
	float: left;
}

.col-1 #mainbg #shikiri-non .block2 .txt-eria,
.col-1 #mainbg #shikiri-non .block3 .txt-eria {
	float: left;
	font-size: 12px;
	line-height: 20px;
	background-repeat: repeat-y;
	width: 450px;
	background-position: 0px 10px;
	padding-left: 10px;
}

#shikiri-non .block2 .txt-eria p,
#shikiri-non .block3 .txt-eria p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.ar {
	background-image: url(../img/arrow040_02.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 32px;
	padding-top: 10px;
}
#shikiri .block .head-a .hitsu {
	background-image: url(../img/hitsu.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-bottom: 10px;
	background-position: 0px 2px;
}
#shikiri .block .head-a .nin {
	background-image: url(../img/nin.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-bottom: 10px;
	background-position: 0px 2px;
}
#shikiri .block .txt-eria .color {
	margin-right: auto;
	margin-left: auto;
}
#shikiri .block .txt-eria .color tr td {
	text-align: center;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
/****right col****/
.rightPanel2{ background:url(../img/bg-rightPanel-hd2.png) no-repeat 0 0; width:260px; padding-top:44px;}
.rightPanel2 .rightPanel-content{
	background:url(../img/bg-rightPanel-mid.png) repeat-y;
	position:relative;
}
.rightPanel2 .rightPanel-footer{ background:url(../img/bg-rightPanel-ft.png) no-repeat 0 0; width:260px; height:7px; }
.rightPanel2-content-header{padding:10px 15px 20px 15px; text-align:center; color:#505050; }
.rightPanel2-content-header p{ text-align: left; font-size:12px; line-height:130%; margin-top:5px; }
.col-1 #mainbg #sitemap p {
	background-image: url(../img/arrow2_6.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 5px;
	font-size: 12px;
	padding-bottom: 3px;
}
.col-1 #mainbg #sitemap ul li {
	font-size: 12px;
	line-height: 20px;
	background-image: url(../img/arrow2_6.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	margin-bottom: 5px;
}
.col-1 #mainbg #sitemap ul li ul li {
	background-image: url(../img/arrow2_5.gif);
	font-size: 12px;
	line-height: 16px;	
}
#contentWrap #content .col-1 #mainbg #sitemap ul {
	width: 190px;
	float: left;
}
.col-1 #mainbg #sitemap a {
	color: #333;
}
.col-1 #mainbg #sitemap a:hover {
	color: #090;
}
/*news*/
#nProgram {
	width:220px;
	float: left;
	padding: 5px;
	background-color: #FFF;
	margin-bottom: 10px;
}

#nProgram dl {
	margin-bottom: 15px;
}

#nProgram dd {
	color: #333333;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#nProgram dt {
	color: #333333;
	font-size: 12px;
}


#nProgram a,
#nProgram a:link,
#nProgram a:visited {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	text-decoration: none;
	line-height: 18px;
	background-image: none;

}
#nProgram a:hover {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FF9999;
	text-decoration: underline;
	line-height: 18px;
}
.col-1 #mainbg #shikiri-non .block2 .txt-eria .kwsk,
.col-1 #mainbg #shikiri-non .block3 .txt-eria .kwsk {
	width: 450px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
h3 .right-box2 {
	float: right;
	font-size: 12px;
	padding-right: 15px;
}

/* --------------------------------------------------------
   form
-------------------------------------------------------- */
#form {
	width: 645px;
	margin: 0 auto 10px auto;
	overflow: hidden;
	_zoom: 1;
}
#form input,textarea {
	padding: 3px;
	font-size: 14px;
}
#form input:focus {
    background-color: #fff6ce;
}
#form textarea:focus {
    background-color: #fff6ce;
}
#form .fk {
	width: 195px;
	border-bottom: 1px solid #ffffff;
	padding: 22px 10px 22px 10px;
	text-align: left;
	background: #e6e3dc;
	font-weight: bold;
	font-size: 13px;
	vertical-align: top;
}
#form .fk2 {
	width: 100%;
	height: 55px;
	background: #EDEDED;
}
#form .ff {
	width: 455px;
	padding: 15px 10px;
	background: #f5f4f0;
	border-bottom: 1px solid #ffffff;
	font-size: 14px;
}

#form .ff .right-box1 {
	float: right;
	font-size: 12px;
}

#form .ff .right-box1 a{
	color:#2d9a1c;
}

#form .ff .right-box1 a:hover{
	color:#2d9a1c;
}

#form .ff .right-box2 {
	float: right;
	font-size: 16px;
	padding-right: 15px;
}

#form .ff .right-box2 a{
	color:#2d9a1c;
	font-weight:bold;
}

#form .ff .right-box2 a:hover{
	color:#2d9a1c;
	font-weight:bold;
}

#form .ff2 {
	width: 180px;
	padding: 15px 10px;
	background: #f6f3eb;
	border-bottom: 1px solid #ffffff;
}
#form .ff .ex {
	font-size: 12px;;
	padding: 0 5px 5px 0;
	overflow: hidden;
	_zoom: 1;
}

#form .ff .ex1 {
	font-size: 12px;;
	padding: 5px 5px 5px 25px;
	overflow: hidden;
	_zoom: 1;
}

#form .re {
	background: url(/img/hitsu.png) no-repeat right;
	width: 175px;
}
#form .ff .error {
	font-size: 93%;
	font-weight: bold;
	color: #f40022;
	background: #ffccd3;
	width: 98%;
	margin-top: 5px;
	padding: 2px 0 2px 5px;
	overflow: hidden;
	_zoom: 1;
}
#form .ff .radio li {
	float: left;
	padding-right: 15px;
}
#form .ff2 ul {
	padding-left: 0;
}
#form .ff2 .radio li {
	float: left;
	padding-left: 25px;
}
#form .ff .checkbox ul {
	width: 90%;
	padding: 0 0 3px 0;
	overflow: hidden;
	_zoom: 1;
}
#form .checkbox li {
	float: left;
	padding-right: 15px;
}
#form .ff .checkbox02 ul {
	width: 90%;
	padding: 0 0 10px 0;
	overflow: hidden;
	_zoom: 1;
}
#form .checkbox .cbw1 {
	width: 130px;
}
#form table .color{
	width: 445px
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
}

.color td{
    text-align: center;
    border-spacing:0;
    background-color:#ffffff;
	padding: 5px;
}

#form .w100 {width: 100px;}
#form .w150 {width: 150px;}
#form .w200 {width: 200px;}
#form .w300 {width: 300px;}
#form .w550 {width: 550px;}

.formname {
	width: 840px;
	margin: 0 auto 10px auto;
	overflow: hidden;
	_zoom: 1;
}
.formbtn {
	width: 840px;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
	_zoom: 1;
	text-align: center;
}
.formbtn_c {
	width: 600px;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
	_zoom: 1;
	text-align: center;
}
.formbtn_cl {
	width: 300px;
	float: left;
}
.formbtn_cr {
	width: 300px;
	float: right;
}

/* --------------------------------------------------------
   sitemap
-------------------------------------------------------- */
#mainbg #sitemap {
	padding-right: 15px;
	padding-left: 15px;
}

.col-1 #mainbg #sitemap .sitemap ul	{
	margin-bottom: 0px;
}
.col-1 #mainbg .sitemap li {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	line-height: 160%;
}
.col-1 #mainbg #sitemap .sitemap ul li ul {
	background: url(/img/ic_bk.gif) no-repeat 17px 0;
}
.col-1 #mainbg #sitemap .sitemap .category li {
	padding: 5px 0 0 20px;
	background: url(/img/ic_category.gif) no-repeat 1px -277px;
}
.col-1 #mainbg #sitemap .sitemap ul li ul.page li {
	padding: 5px 0 0 20px;
	background: url(/img/ic_page.gif) no-repeat 1px -277px;
}
.col-1 #mainbg #sitemap .sitemap ul li ul li.last {
	background-color: #FFFFFF;
}
/* --------------------------------------------------------
ツールチップ関連
-------------------------------------------------------- */

.hotspot {
	color:#2d9a1c;
	font-weight:bold;
	padding-bottom:1px;
	border-bottom:1px dotted #900;
	cursor:pointer
}

#tt {position:absolute; display:block; background:url(/img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(/img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/img/tt_bottom.gif) top right no-repeat; overflow:hidden}

.function_webdecatalog{
width:645px;
height:501px;
margin:0 0 10px 0;
padding:0px;
background:url(../img/img_webcatalog.jpg) top left no-repeat;
z-index:0;
position:relative;
}

.nav-01list{width:89px; height:23px; display:block; margin:69px 0px 0px 81px; padding:0px; position:absolute; z-index:2;}
.nav-02list{width:79px; height:22px; display:block; margin:9px 0px 0px 411px; padding:0px; position:absolute; z-index:3;}
.nav-03list{width:84px; height:23px; display:block; margin:46px 0px 0px 455px; padding:0px; position:absolute; z-index:4;}
.nav-04list{width:190px; height:23px; display:block; margin:189px 0px 0px 76px; padding:0px; position:absolute; z-index:5;}
.nav-05list{width:161px; height:23px; display:block; margin:234px 0px 0px 116px; padding:0px; position:absolute; z-index:6;}
.nav-06list{width:138px; height:23px; display:block; margin:276px 0px 0px 198px; padding:0px; position:absolute; z-index:7;}
.nav-07list{width:194px; height:23px; display:block; margin:312px 0px 0px 218px; padding:0px; position:absolute; z-index:8;}
.nav-08list{width:111px; height:23px; display:block; margin:470px 0px 0px 50px; padding:0px; position:absolute; z-index:9;}
.nav-09list{width:298px; height:23px; display:block; margin:469px 0px 0px 201px; padding:0px; position:absolute; z-index:10;}
.nav-10list{width:139px; height:56px; display:block; margin:367px 0px 0px 370px; padding:0px; position:absolute; z-index:11;}
.nav-11list{width:140px; height:140px; display:block; margin:223px 0px 0px 500px; padding:0px; position:absolute; z-index:12;}

/* --------------------------------------------------------
リンクアイコン
-------------------------------------------------------- */

a[href$='.xls'] {
	padding: 5px 0px 5px 20px;
	background: transparent url(/img/icon_xls.gif) no-repeat center left;
}