@charset "UTF-8";

/* ===== Universal Reset ===== */

*{
margin:0px;
padding:0px;
}

img {
	border: none;
}


.small {
	margin-left: 3px;
	margin-top: 3px;
}
.bn {
	margin-top: 10px;
}

/* ==== clearfix ==== */

.clearfix:after {
content: ?g.?h;
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }/* exlude MacIE5 \*/

* html .clearfix { height: 1% }/* end MacIE5 */
.clearfix {display:block;}




body {
	text-align: center;
	font-size: 14px;
	color: #666666;
	background-repeat: repeat-x;
	background-position: center top;
	height: 15px;
	margin: 0px;
	background-color: #F4F5F7;
	background-image: url(images/bodyBg.jpg);

}
#container {
	width: 760px;
	margin: 0px auto;
	background-color: #FFFFFF;
}


a {
	color: #6699CC;
}
a :hover{
	background-color: #dddddd;
}
/* ===== header ===== */

.headHome {
	float: left;
	width: 50px;
	display: block;
	height: 15px;
}
.headMap {
	float: left;
	width: 75px;
	height: 15px;
		display: block;

}
.headContact {
	float: right;
	width: 95px;
	height: 15px;
		display: block;
}


#headNavi {
	float: right;
	margin-top: 45px;
	margin-right: 0px;
	width: 220px;
	text-indent: -9999px;
}

#header {
	background-image: url(images/headerBg.gif);
	background-repeat: repeat-x;
	background-position: top right;
	height: 63px;

}
#ajaxmenu {
	text-align: left;
	clear: both;
	background-color: #FFFFFF;
	background-image: url(images/gNavi.jpg);
	height: 65px;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#ajaxmenu ul{
	margin: 0px;
}

#ajaxmenu li{
	display: inline;
}

.B_crumbBox {
	margin-top: 10px;
	padding-left: 0px;
	text-align: left;
	font-size: 90%;
	width: 90%;
	font-family: "MS PGothic", "Osaka";
	font-size: 12px;

}
#content .B_crumbBox a{
	color: #6699CC;
}

#ajaxmenu li a{
	color: #666666;
	text-decoration: none;
	height: 65px;
	float: left;
}

#ajaxmenu li a:hover{
}


#ajaxmenu .navi_1 a{
	width: 263px;
	height: 65px;
	display: block;
	background-image: url(images/gNavi.jpg);
}
#ajaxmenu .navi_1 a:hover{
	width: 263px;
	height: 65px;
	display: block;
	background-image: url(images/gNavi.jpg);
	background-position: 0px -65px;
}

#ajaxmenu .navi_2 a{
	width: 263px;
	height: 65px;
	display: block;
	background-position: -263px -0px;
	background-image: url(images/gNavi.jpg);
}
#ajaxmenu .navi_2 a:hover{
	width: 263px;
	height: 65px;
	display: block;
	background-image: url(images/gNavi.jpg);
	background-position: -263px -65px;
}
#ajaxmenu .navi_3 a{
	width: 264px;
	height: 65px;
	display: block;
	background-position: -526px -0px;
	background-image: url(images/gNavi.jpg);
}
#ajaxmenu .navi_3 a:hover{
	width: 264px;
	height: 65px;
	display: block;
	background-image: url(images/gNavi.jpg);
	background-position: -526px -65px;
}


#ajaxSearch_form {
	float: right;
	margin: 15px;
}

#search-txt {
}
#logo {
	float: left;
	background-image: url(images/logo.gif);
	height: 62px;
	width: 420px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
/* ===== header ===== */


/* =====mainImg====*/
#mainImg {
	background-image: url(images/mainImg.jpg);
	height: 266px;
	text-indent: -9999px;
	clear: both;
}
#mainImgS {
	background-image: url(images/mainImgS.jpg);
	height: 164px;
	text-indent: -9999px;
	clear: both;
}
#mainImgA {
	background-image: url(images/mainImgA.jpg);
	height: 164px;
	text-indent: -9999px;
	clear: both;
}
/*===== mainImg ===== */

/* ===== contents ===== */

.imgRight {
	float: right;
	margin: 10px;
}
#content .homeFrame {
	width: 265px;
	margin-right: 10px;
	background-image: url(images/homeFrame.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	float: left;
	display: block;
}

#content .homeFrame img{
	margin-left: 5px;
}

#content .homeFrame p{
	font-size: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	line-height: 130%;
}
#content .homeFrame3 {
	width: 260px;
	margin-right: 0px;
	background-image: url(images/homeFrame.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	float: left;
	display: block;
}

#content .homeFrame3 img{
	margin-left: 5px;
}

#content .homeFrame3 p{
	font-size: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	line-height: 130%;
}
#content .homeFrame4 {
	width: 260px;
	margin-right: 0px;
	margin-bottom: 5px;
	float: left;
	display: block;
}

#content .homeFrame4 img{
	margin-left: 5px;
}

#content .homeFrame4 p{
	padding: 0px;
	font-size: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	line-height: 130%;
}
#content .homeFrame2 {
	width: 265px;
	margin-right: 10px;
	margin-bottom: 15px;
	float: left;
}

#content .homeFrame2 img{
	margin-left: 5px;
}

#content .homeFrame2 p{
	font-size: 10px;
	line-height: 130%;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
}

#content {
	width: 545px;
	float: right;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 90%;
	color: #333333;
	padding-left: 10px;
	line-height: 160%;
	clear: both;
	margin-top: 10px;
}
#content ul{
	background-color: #F4F3EC;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 10px;
	padding-left: 15px;
	padding-bottom: 15px;
}

#content ul p{
	background-image: url(images/cUl.gif);
	padding-left: 20px;
	background-repeat: no-repeat;
	margin: 0px;
}


#content li{
	margin-left: 35px;
	margin-top: 10px;
}


#content a{
	color: #6699CC;
	text-decoration: none;
}
#content a:hover{
	background-color: #eeeeee;
	color: #CC9966;
}


#content h3{
	color: #000000;
	text-decoration: none;
	margin: 0px;
	font-size: 120%;
	border-left: 4px solid #58629B;
	padding-left: 5px;
	margin-top: 10px;
	clear: both;
	margin-bottom: 15px;
	margin-left: 10px;
	line-height: 100%;
}
#content .homeH3 {
	background-image: url(images/homeH3.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	border: none;
	height: 37px;
	margin-left: 0px;
}

h4 {
	margin: 0px;
	float: right;
	font-weight: normal;
}

#content h3 a{
	color: #999966;
	text-decoration: none;
}
#content h3 a:hover{
	color: #CC9966;
	background-color: #FFFFFF;
}


ul {
	margin: 0px;
}

li {
}

dl {
	background-color: #DB9376;
	margin: 0.5em 1em;
	border: 1px solid;
	border-top: none;
	border-color: #F0DFCE;
	clear: both;
}

dt {
	font-weight: normal;
	color: #FFFFFF;
	margin: 0;
	padding: 0.5em 0 0.5em 1em;
	border-top: 1px solid;
	width: 14em;
	float: left;
	border-color: #F0DFCF;
}
	
dd {
  background-color: white;
  margin: 0 0 0 14em;
  padding: 0.5em 1em 0.5em 1em;
  border-top: 1px solid #F0EADB;
  border-left: 1px solid #F0EADB;
}

p {
	margin: 0px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
	color: #666666;
}
#content .homeH2 {
	background-image: url(images/homeH2.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: top left;
}
#content .aboutH2 {
	background-image: url(images/aboutH2.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content .aboutH2_2 {
	background-image: url(images/aboutH2_2.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content .aboutH2_3 {
	background-image: url(images/aboutH2_3.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content .aboutH2_4 {
	background-image: url(images/aboutH2_4.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content .aboutH2_5 {
	background-image: url(images/aboutH2_5.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content .aboutH2_6 {
	background-image: url(images/aboutH2_6.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content .aboutH2_7 {
	background-image: url(images/aboutH2_7.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content .serviceH2 {
	background-image: url(images/serviceH2.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 39px;
	background-position: top;
	margin-bottom: 20px;

}
#content .serviceH2_2 {
	background-image: url(images/serviceH2_2.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content .serviceH2_3 {
	background-image: url(images/serviceH2_3.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content .serviceH2_4 {
	background-image: url(images/serviceH2_4.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content .serviceH2_5 {
	background-image: url(images/serviceH2_5.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content .serviceH2_6 {
	background-image: url(images/serviceH2_6.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content .serviceH2_7 {
	background-image: url(images/serviceH2_7.gif);
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 39px;
	background-position: top;
	margin-bottom: 30px;

}
#content h2{
	background-repeat: no-repeat;
	font-size: 120%;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #999966;
	margin-bottom: 10px;
	margin-top: 10px;
	background-position: top;
	clear: both;
}
.listFrame2 {
	width: 535px;
	background-image: url(images/listFrameC2.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
	margin-top: 10px;
	float: right;
}
#content .listFrame2 ul{
	margin-top: 0px;
	padding-left: 0px;
	margin-right: 5px;
	background-color: #FFFFFF;
	margin-left: 5px;
}
#content .listFrame2 li{
	line-height: 70%;
	list-style-type: disc;
}

.listHead2 {
	background-image: url(images/frame.gif);
	height: 27px;
	background-position: top left;
	background-repeat: no-repeat;
}

.listFoot2 {
	background-image: url(images/listFrameFoot2.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 0px;
	height: 13px;
}
.listFrame {
	width: 270px;
	background-image: url(images/listFrameC.gif);
	background-repeat: repeat-y;
	float: left;
	margin-bottom: 3px;
}

.listHead {}

.listFoot {
	background-image: url(images/listFrameFoot.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px;
}
.listFrame3 {
	width: 270px;
	background-image: url(images/listFrameC.gif);
	background-repeat: repeat-y;
	float: left;
	margin-bottom: 3px;
	margin-right: 5px;
}

.listHead3 {}

.listFoot3 {
	background-image: url(images/listFrameFoot.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px;
}




#content .next {
	text-align: right;
	padding-bottom: 5px;
}

#content h2 a{
	color: #999966;
}
#content h2 a:hover{}

strong {
	color: #666666;
}
.spFrame {
	width: 190px;
	float: left;
	padding-left: 5px;
}
.spFrame2 {
	width: 190px;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #CCCCCC;
	padding-left: 5px;
	padding-right: 4px;
}

.spFrame h3 a{
	color: #99CC99;
}
.spFrame2 h3 a{
	color: #99CC99;
}
.spFrame h3 a:hover{}
.spFrame2 h3 a:hover{}

.spFrame p a{
	text-decoration: none;
	color: #666666;
}
.spFrame2 p  a{
	text-decoration: none;
	color: #666666;
}
.spFrame p  a:hover{
}
.spFrame2 p  a:hover{
}

.spFrame h3{
	font-size: 90%;
	margin: 0px;
	margin-top: 5px;
}
.spFrame p{
	line-height: 160%;
	font-size: 90%;
}
.spFrame2 h3{
	font-size: 90%;
	margin: 0px;
	margin-top: 5px;
}
.spFrame2 p{
	line-height: 160%;
	font-size: 90%;
}




.seminar{
	width: 535px;
	background-color: #F4F3EC;
}
#content .seminar ul{
	float: left;
	width: 245px;
	padding-bottom: 20px;
	padding-right: 5px;
	background-color: #F4F3EC;
}
#content .seminar li{
	margin-bottom: 0px;
	margin-top: 0px;
}
#content .seminar p{
	margin-bottom: 15px;
}
#content .company{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 15px;
}
#content .company p{
	background-image: url(images/cUl2.gif);
	padding-left: 20px;
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	margin-right: 35px;
	width: 120px;
}
#content .company2 p{
	background-image: url(images/cUl2.gif);
	padding-left: 20px;
	background-repeat: no-repeat;
	margin: 0px;
}
#content .sitemap{
	background-color: #F4F3EC;
	padding-bottom: 15px;
}
#content .sitemap ul{
	background-color: #F4F3EC;
	padding: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
#content .sitemap li{
	margin-left: 35px;
	margin-top: 0px;
}

/* ===== contents ===== */
/* ===== side menu ===== */

#side {
	width: 185px;
	float: left;
	text-align: left;
	line-height: 160%;
	font-size: 85%;
	padding-top: 0px;
	margin-top: 10px;
	/*border-color: #CECECE;
	border-left: 1px solid;
	border-right: 1px solid;*/
}
#side ul{
 margin: 0px;
 padding: 0px;
}
#side li{
	list-style-type: none;
	display: block;
	float: left;
}

#side p{
	font-size: 80%;
	color: #666666;
	margin: 0px;
	padding-left: 5px;
	line-height: 180%;
}

#side strong{
	font-size: 120%;
	padding: 0px;
}


#side h2 {
	font-size: 120%;
	color: #C4955B;
	clear: both;
	margin: 0px;
}
#side .sH2_1 {
	background-image: url(images/sideH2_1.gif);
	width: 185px;
	height: 27px;
	text-indent: -9999px;
	background-position: top left;
}
#side .sH2_2 {
	background-image: url(images/sideH2_2.gif);
	width: 185px;
	height: 27px;
	text-indent: -9999px;
}
#side .sH2_3 {
	background-image: url(images/sideH2_3.gif);
	width: 185px;
	height: 27px;
	text-indent: -9999px;
}

#side .sLi_1 a{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_1.gif);
}
#side .sLi_1 a:hover{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_1_2.gif);
}
#side .sLi_2 a{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_2.gif);
}
#side .sLi_2 a:hover{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_2_2.gif);
}
#side .sLi_3 a{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_3.gif);
}
#side .sLi_3 a:hover{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_3_2.gif);
}
#side .sLi_4 a{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_4.gif);
}
#side .sLi_4 a:hover{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_4_2.gif);
}
#side .sLi_5 a{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_5.gif);
}
#side .sLi_5 a:hover{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_5_2.gif);
}
#side .sLi_6 a{
	height: 24px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_6.gif);
	margin-bottom: 3px;
}
#side .sLi_6 a:hover{
	height: 24px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_6_2.gif);
	margin-bottom: 3px;
}
#side .sLi_7 a{
	height: 25px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_7.gif);
}
#side .sLi_7 a:hover{
	height: 25px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_7_2.gif);
}
#side .sLi_8 a{
	height: 22px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_8.gif);
}
#side .sLi_8 a:hover{
	height: 22px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_8_2.gif);
}
#side .sLi_9 a{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_9.gif);
}
#side .sLi_9 a:hover{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_9_2.gif);
}
#side .sLi_10 a{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_10.gif);
}
#side .sLi_10 a:hover{
	height: 23px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_10_2.gif);
}
#side .sLi_11 a{
	height: 25px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_11.gif);
	margin-bottom: 3px;
}
#side .sLi_11 a:hover{
	height: 25px;
	width: 185px;
	display: block;
	text-indent: -9999px;
	background-image: url(images/sideLi_11_2.gif);
	margin-bottom: 3px;
}


#side .fasf {
	width: 185px;
}

#side .fasf p {
	float: right;
	line-height: 120%;
	margin-bottom: 20px;
	width: 105px;
}

#side .fasf img {
	float: left;
	width: 70px;
}

#side a{
	text-indent: -9999px;
}

/* ===== side menu ===== */

/* ===== footer ===== */

#footer {
	height: 35px;
	clear: both;
	background-image: url(images/footerBg.gif);
	background-repeat: repeat-x;
	background-position: top center;
	font-size: 90%;
	color: #999999;
	width: 790px;
	margin: 10px auto;
	text-align: center;
}
#footer #f_pp {
	width: 760px;
	margin: 0px auto;
	text-align: left;
	height: 45px;
	background-image: url(images/f_pp.gif);
}
#footer #f_pp a{
	display: block;
	margin-left: 20px;
	width: 120px;
	padding-top: 15px;
	text-indent: -9999px;
}
#footNavi {
	width: 760px;
	margin: 0px auto;
}

#gotoTop {
	height: 32px;
	width: 179px;
	margin-bottom: 10px;
	display: block;
	text-indent: -99999px;
	float: right;
	clear: both;
	margin-top: 10px;
}
.pp {
	display: block;
	width: 120px;
	height: 25px;
	margin-left: 10px;
	margin-top: 10px;
	text-indent: -9999px;
}

#gotoTop a{
	background-image: url(images/gotoTop.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 93px;
	margin-bottom: 10px;
	background-position: top right;
	display: block;
	text-indent: -99999px;
	float: right;
	margin-top: 10px;

}

#copy {
	padding: 10px;
	text-align: right;
	font-size: 90%;
}

/*===== footer ===== */

/*===== other ===== */

table {
	margin: 0px auto;
	background-color: #DBDBDB;
	padding: 0px;
	font-size: 95%;
	margin-top: 10px;
	width: 530px;
	text-align: left;
}

tr {}

td {
	background-color: #FFFFFF;
	padding: 5px;
}

th {
	background-color: #0094D5;
	padding: 5px;
	font-size: 100%;
	color: #FFFFFF;
}

form {
	text-align: left;
	background-color: #FFFFFF;
}

.color2 {
	background-color: #F5F6F8;
	width: 100px;
	text-align: center;
}
.height {
	height: 50px;
}

.en{
 ime-mode:disabled;
}
.wb1{
word-break:break-all;
}




.style2 {color: #FF6600}
/* ===== other ===== */
#wrap {
	width: 790px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}