h2 { font-size: 14px; margin: 0; padding: 0; }
h1 { color: navy; font-size: 14px; font-weight: bold; margin-top: 3px; margin-bottom: 5px; }
#contents ul { margin: 0; padding: 0  ; }
#contents li { float: left; list-style-type: none; margin: 0; padding: 0; }

img.imgright { float: right; margin-bottom: 10px; margin-left: 20px; }
.message001 { display: none; }

#top {
	float:left;
	width:550px;
	margin:0 0 0 20px;
}
#top2 { float:left; width:600px; margin:0 0 0 -20px; }
* html #top { width:600px; margin-left: 10px; }

#flash { background-color: lime; width: 600pt; height: 210px; display: block; }

#topics {
	font-size: 12px;
	line-height: 14px;
	background-image: url(css_images/news.gif);
	width: 493px;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 55px;
	border: solid 1px #c0c0c0;
	display: block;
}

#topics a { color: #00008b; }
#topics a:hover { color: #f60; }


a.case_link1 { background-image: url(images/case_link01.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 136px; height: 136px; overflow: hidden; display: block; }
a:hover.case_link1 { background-repeat: no-repeat; background-position: 0 -136px; }

a.case_link2 { background-image: url(images/case_link02.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 136px; height: 136px; overflow: hidden; display: block; }
a:hover.case_link2 { background-repeat: no-repeat; background-position: 0 -136px; }

a.case_link3 { background-image: url(images/case_link03.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 136px; height: 136px; overflow: hidden; display: block; }
a:hover.case_link3 { background-repeat: no-repeat; background-position: 0 -136px; }

a.case_link4 { background-image: url(images/case_link04.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 136px; height: 136px; overflow: hidden; display: block; }
a:hover.case_link4 { background-repeat: no-repeat; background-position: 0 -136px; }

a.pro_link1 { background-image: url(images/pro_link01.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 274px; height: 136px; overflow: hidden; display: block; }
a:hover.pro_link1 { background-repeat: no-repeat; background-position: 0 -136px; }

a.pro_link2 { background-image: url(images/pro_link02.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 274px; height: 136px; overflow: hidden; display: block; }
a:hover.pro_link2 { background-repeat: no-repeat; background-position: 0 -136px; }

a.pro_link3 { background-image: url(images/pro_link03.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 274px; height: 136px; overflow: hidden; display: block; }
a:hover.pro_link3 { background-repeat: no-repeat; background-position: 0 -136px; }

a.pro_link4 { background-image: url(images/pro_link04.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 182px; height: 136px; overflow: hidden; display: block; }
a:hover.pro_link4 { background-repeat: no-repeat; background-position: 0 -136px; }

a.pro_link5 { background-image: url(images/pro_link05.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 274px; height: 109px; overflow: hidden; display: block; }
a:hover.pro_link5 { background-repeat: no-repeat; background-position: 0 -109px; }

a.pro_link6 { background-image: url(images/pro_link06.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 274px; height: 109px; overflow: hidden; display: block; }
a:hover.pro_link6 { background-repeat: no-repeat; background-position: 0 -109px; }

a.pro_link7 { background-image: url(images/pro_link07.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 274px; height: 136px; overflow: hidden; display: block; }
a:hover.pro_link7 { background-repeat: no-repeat; background-position: 0 -136px; }

a.pro_link8 { background-image: url(images/pro_link08.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 274px; height: 136px; overflow: hidden; display: block; }
a:hover.pro_link8 { background-repeat: no-repeat; background-position: 0 -136px; }

a.pro_link9 { background-image: url(images/pro_link09.jpg); background-repeat: no-repeat; text-indent: -9999px; width: 274px; height: 109px; overflow: hidden; display: block; }
a:hover.pro_link9 { background-repeat: no-repeat; background-position: 0 -109px; }



a.co_link01 { background-image: url(images/co_link01.gif); background-repeat: no-repeat; text-indent: -9999px; width: 270px; height: 69px; overflow: hidden; display: block; }
a:hover.co_link01 { background-repeat: no-repeat; background-position: 0 -69px; }

a.co_link02 { background-image: url(images/co_link02.gif); background-repeat: no-repeat; text-indent: -9999px; width: 270px; height: 69px; overflow: hidden; display: block; }
a:hover.co_link02 { background-repeat: no-repeat; background-position: 0 -69px; }

#main01 {
	float:left;
	width:175px;
	height: 190px;
	margin:10px 8px 0 0;
}
#main02 {
	float:left;
	width:175px;
	height:190px;
	margin:10px 8px 0 0;
}
#main03 {
	float:left;
	width:175px;
	height:190px;
	margin:10px 0 0;
}
#main04 {
	float:left;
	width:175px;
	height:140px;
	margin:0 8px 0 0;
}
#main05 {
	float:left;
	width:175px;
	height:140px;
	margin:0 8px 0 0;
}
#main06 {
	float:left;
	width:175px;
	margin:0;
	height: 140px;
}
a.title {
	color: #363636;
	font-size: 12px;
	font-weight: normal;
	background-image: url(css_images/sub.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	width: 150px;
	height: 25px;
	padding-top: 7px;
	padding-left: 25px;
	display: block;
}
a.title:hover {
	color: #363636;
	font-size: 12px;
	font-weight: normal;
	background-image: url(css_images/sub.gif);
	background-repeat: no-repeat;
	background-position: -175px 0;
	text-decoration: none;
	display: block;
	padding-top: 7px;
	padding-left: 25px;
	width: 150px;
	height: 25px;
}
a.title2 {
	color: #363636;
	font-size: 12px;
	line-height: 16px;
	background-image: url(css_images/sub2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	display: block;
	width: 150px;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 25px;
	border-bottom: 1px dotted gray;
}
a.title2:hover {
	color: #363636;
	font-size: 12px;
	line-height: 16px;
	background-image: url(css_images/sub2.gif);
	background-repeat: no-repeat;
	background-position: -194px 0;
	text-decoration: none;
	display: block;
	padding-top: 7px;
	padding-left: 25px;
	width: 150px;
	padding-bottom: 5px;
	border-bottom: 1px dotted gray;
}

#sub01 {
	background-image: url(css_images/link_back.gif);
	width: 550px;
	height: 30px;
}
#sub01 a { color: #363636; font-size: 12px; line-height: 100%; background-image: url(css_images/link.gif); text-decoration: none; display: block; }

a.sub1 {
	background-position: -4px 0;
	width: 102px;
	height: 23px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 25px;
}
a.sub1:hover {
	background-position: -4px -30px;
	width: 102px;
	height: 23px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 25px;
}
a.sub1-2 { background-position: -4px -60px; width: 102px; height: 23px; padding-top: 7px; padding-right: 5px; padding-left: 25px; }

a.sub2 {
	background-position: 0 0;
	width: 104px;
	height: 23px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 29px;
}
a.sub2:hover {
	background-position: 0 -30px;
	width: 104px;
	height: 23px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 29px;
}
a.sub2-2 {
	background-position: 0 -60px;
	width: 104px;
	height: 23px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 29px;
}
a.sub3 {
	background-position: 0 0;
	width: 104px;
	height: 23px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 29px;
}
a.sub3:hover {
	background-position: 0 -30px;
	width: 104px;
	height: 23px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 29px;
}
a.sub3-2 {
	background-position: 0 -60px;
	width: 104px;
	height: 23px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 29px;
}
a.sub4 {
	background-position: 0 0;
	width: 104px;
	height: 23px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 29px;
}
a.sub4:hover {
	background-position: 0 -30px;
	width: 104px;
	height: 23px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 29px;
}
a.sub4-2 {
	background-position: 0 -60px;
	width: 104px;
	height: 23px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 29px;
}
#sub02 {
	background-image: url(css_images/sub_back.gif);
	background-repeat: repeat-x;
	width: 550px;
	height: 19px;
	padding-top: 5px;
	display: block;
}
#sub02 a { font-size: 12px; background-image: url(css_images/link_sub.gif); }
a.contents { color: #0000FF; background-position: 0 0; padding-top: 7px; padding-right: 10px; padding-left: 25px; }
a.contents:hover { color: #f93; background-position: 0 -24px; padding-right: 10px; padding-left: 25px; }

#page {
	color: #ffffff;
	background-image: url(css_images/page.gif);
	text-decoration: none;
	width: 540px;
	height: 20px;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
}
#page2 { color: #ffffff; background-image: url(css_images/page.gif); text-decoration: none; width: 540px; height: 20px; margin-top: 10px; padding-top: 5px; padding-left: 10px; }


.page {
	color: #ffffff;
	background-image: url(css_images/page.gif);
	text-decoration: none;
	width: 540px;
	height: 20px;
	margin-top: 10px;
	padding-top: 4px;
	padding-left: 10px;
}
.page2 {
	color: #2456a6;
	background-image: url(css_images/title2.gif);
	text-decoration: none;
	width: 540px;
	height: 20px;
	margin-top: 10px;
	padding-top: 4px;
	padding-left: 10px;
}


#midashi {
	color: #363636;
	background-image: url(css_images/title.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	width: 540px;
	height: 25px;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
}
#midashi2 { color: #363636; background-image: url(css_images/title.gif); background-repeat: no-repeat; text-decoration: none; width: 540px; height: 25px; margin-top: 10px; padding-top: 5px; padding-left: 10px; }
h2#title { color: navy; font-size: 19px; font-weight: bold;}
#copy { color: #f27f1a; font-size: 14px; font-weight: bold; line-height: 21px; margin-top: 10px; }
#contents {
	color: #363636;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
}
#top_link { color: #363636; font-size: 12px; line-height: 18px; clear: left; padding-left: 20px; }
#top_link a { color: #0000FF; font-size: 12px; padding-right: 10px; }
#top_link a:hover { color: #f93; font-size: 12px; padding-right: 10px; }
#link_se { color: #363636; font-size: 12px; clear: left; }
#link_se a { color: #0000FF; font-size: 12px; }
#link_se a:hover { color: #f93; font-size: 12px; }
.title_cin {
	color: #006699;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	background-image: url(css_images/subtitle.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	width: 540px;
	height: 25px;
	padding-top: 4px;
	padding-left: 10px;
	display: block;
}
.title_cin2 { color: #006699; font-size: 14px; font-weight: bold; margin-top: 10px; background-image: url(css_images/subtitle2.gif); background-repeat: no-repeat; text-decoration: none; width: 590px; height: 42px; padding-top: 4px; padding-left: 10px; display: block; }
.title_cin3 { color: #006699; font-size: 14px; font-weight: bold; margin-top: 10px; background-image: url(css_images/subtitle.gif); background-repeat: no-repeat; text-decoration: none; width: 540px; height: 25px; padding-top: 4px; padding-left: 10px; display: block; }

.class12 {
	font-size: 12px;
	line-height: 14px;
}
.class12title { color: #006600; font-size: 12px; font-weight: bold; line-height: 16px; }
.class14title { color: #006600; font-size: 14px; font-weight: bold; line-height: 21px; }
.class12text { font-size: 12px; line-height: 18px; }
.class12blue { color: navy; font-size: 12px; line-height: 16px; }

div.anlink a { color: #0000FF;  }
div.anlink a:hover { color: #f93;  }

.link8 { color: #0000FF;  width: 262px; height: 108px; padding-top: 18px; display: block; text-decoration: none; float: left; margin-top: 10px; margin-right: 10px; padding-left: 33px; }
.link8:hover { color: #f93;  background-position: 0 0px; width: 262px; height: 108px; padding-top: 18px; display: block; text-decoration: none; float: left; margin-top: 10px; margin-right: 10px; padding-left: 33px; }
.link9 { color: #0000FF;  width: 262px; height: 108px; padding-top: 18px; display: block; text-decoration: none; float: left; margin-top: 10px; padding-left: 33px; }
.link9:hover { color: #f93;  background-position: 0 0px; width: 262px; height: 108px; padding-top: 18px; display: block; text-decoration: none; float: left; margin-top: 10px; padding-left: 33px; }
h2.link1-h2 { font-size: 12px; line-height: 16px; margin: 0; }
p.link1-p { color: #696969; font-size: 10px; line-height: 14px; margin: 5px 0 0; }
img.link1-img { float: right; padding-right: 10px; padding-left: 10px; }



p.ddl_company { margin-top: 16px; margin-bottom: 7px; margin-left: 35px; }
p.ddl_company a { color: #000080; font-size: 12px; font-weight: bold; line-height: 12px; text-decoration: underline; }
p.ddl_company a:hover { color: #f30; font-size: 12px; font-weight: bold; line-height: 12px; text-decoration: underline; }

* html p.ddl_cate1 { color: #fff; font-size: 10px; line-height: 10px; background-color: #1876b1; text-align: center; float: left; margin: 0 0 0 7px; padding: 3px 5px; border: solid 1px #1876b1; }

p.ddl_cate1 { color: #fff; font-size: 10px; line-height: 10px; background-color: #1876b1; text-align: center; float: left; margin: 0 0 5px 15px; padding: 3px 5px; border: solid 1px #1876b1; }

p.ddl_cate2 { color: #fff; font-size: 10px; line-height: 10px; background-color: #f60; text-align: center; float: left; margin-top: 0; margin-bottom: 5px; margin-left: 5px; padding: 3px 5px; border: solid 1px #f60; }
p.ddl_cate2 a { color: #fff; text-decoration: none; }
p.ddl_cate2 a:hover { color: #fff; text-decoration: underline; }

p.ddl_hp {  clear: left; margin: 0 0 0 15px; }
p.ddl_lead { font-size: 10px; line-height: 14px; clear: left; margin: 0 0 3px 15px; padding: 0; }
img.ddl_img { float: right; margin: 13px 13px 0; }

p.ddl_hp a { color: gray; font-size: 10px; line-height: 10px; text-decoration: underline; margin: 0; }
p.ddl_hp a:hover  { color: #fa4e17; font-size: 10px; line-height: 10px; text-decoration: underline; }
p.n_class { color: #808080; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 16px; margin: 0 0 5px; padding: 0; }
p.n_class2 { font-weight: bold; margin: 0 0 5px; padding: 0; }
p.n_class3 { font-size: 10px; line-height: 16px; margin: 0 0 5px; padding: 0; }

a.sb_link1 { background-image: url(images/link1.jpg); text-indent: -9999px; width: 270px; height: 180px; overflow: hidden; display: block; }
a.sb_link2 { background-image: url(images/link2.jpg); text-indent: -9999px; width: 270px; height: 180px; overflow: hidden; display: block; }
a.sb_link3 { background-image: url(images/case_link.jpg); text-indent: -9999px; width: 550px; height: 80px; overflow: hidden; display: block; }
a:hover.sb_link1 { background-image: url(images/link1_over.jpg); text-indent: -9999px; width: 270px; height: 180px; overflow: hidden; display: block; }
a:hover.sb_link2 { background-image: url(images/link2_over.jpg); text-indent: -9999px; width: 270px; height: 180px; overflow: hidden; display: block; }
a:hover.sb_link3 { background-image: url(images/case_link_over.jpg); text-indent: -9999px; width: 550px; height: 80px; overflow: hidden; display: block; }