﻿/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:12px;font-family:Arial, Helvetica, sans-serif;  text-align:center; margin:0 auto; background:#c0c0c0;}
table{border-collapse:collapse;border-spacing:0;}

.clearfloat{height:0;font-size:1px;clear:both;line-height:0;}

#container{  padding-left:2px; padding-right:2px; width:1004px; background:url(../images/bg01.gif) repeat-y;  text-align:left; margin:0 auto; background:white;}
a{color:#333;text-decoration:none;}
a:hover{color:#ef9b11; text-decoration:underline;}

/*outframe_header*/
.outframe_header{ width:100%; height:163px; overflow:hidden;}
.outframe_header .box01{ width:100%; border-bottom:1px solid #ccc; height:106px; }
.jmlogo{ padding-top:22px; float:left; padding-left:27px;}
.outframe_header .box01 .part{ float:right; padding-right:15px; padding-top:13px;}
.jmsubnav{ padding-bottom:38px;}
.jmsubnav a{ padding-left:7px; margin-left:7px; background:url(../images/line.gif) no-repeat left 0;}
.jmsubnav a.last{ background:none;}
.tel{ font-weight:bold; color:#e00000; text-align:right;}

.jmnav{ clear:both; width:100%; padding-top:16px;}
.jmnav ul li{ float:left; padding-left:65px; padding-right:6px;}
.jmnav ul li a{ display:block; color:#e00000; font-size:14px; font-weight:bold;}

.flash{ width:100%; height:331px; overflow:hidden;}
.flash img{filter:RevealTrans(Duration=3,Transition=23);border:none; width:1004px;}


/*main*/
.main{ width:100%;}

/*area01*/
.area01{ width:100%; padding-top:1px; background:url(../images/bg02.gif) repeat-x; height:269px; overflow:hidden;}
.area01 .box{ padding:27px 23px 30px 30px; width:276px; height:211px; float:left; border-right:1px solid #ccc;}
.area01 .box h4{ width:100%; padding-bottom:14px;font-size:14px;color#d2d2d2;font-weight:normal;}
.area01 .box h4 a{color:#e00;letter-spacing:2px;padding-right:3px;font-weight:bold;}
.area01 .box .a1{ display:block; border:3px solid #eaeaea; padding:1px; width:264px; height:165px;}
.area01 .box .a1:hover{ border:3px solid #ef9b11;}
.area01 .box03{ border-right:none;}

/*area02*/
.area02{ width:1004px; padding-top:29px; padding-bottom:30px; float:left;}
.area02 .box{ width:428px;float:left; display:inline; background:url(../images/bg03.gif) repeat-y 152px top; margin-left:20px;}
.area02 .box .grp01{ float:left; width:151px; padding-top:25px;}
.area02 .box .grp01 h4{font-size:14px;color:#e21111;}
.area02 .box .grp01 h4 a{font-size:12px;font-weight:normal;color:#8e8e8e;display:block;}
.area02 .box .grp02{ float:left; display:inline; width:260px; margin-left:15px;padding-top:3px;}
.area02 .box .grp02 ul li{ padding-left:8px; background:url(../images/block.gif) no-repeat left 8px; line-height:22px;}
.area02 .box .grp02 ul li a{ color:#928c8e;display:block;width:250px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;}
.area02 .box .grp02 ul li a:hover{ color:#ef9b11;}

.area02 .box02{ margin-left:30px;}


/*outframe_footer*/
.outframe_footer{ padding:20px; width:918px; border-top:1px solid #ddd;}
.outframe_footer .box01{ float:left;}
.outframe_footer .box02{ float:right;}
.outframe_footer .box02 a{padding-left:7px; margin-left:7px; background:url(../images/line.gif) no-repeat left 0;}
.outframe_footer .box02 a.last{ background:none;}

