@charset "UTF-8";

/***************************common***************************/

#main .topicPath{
font-size:12px;
line-height:120%;
margin:0 0 15px}

#main .sectionH2 h2{
background:url(../img/sec/h2border02.gif) repeat-x;
border-bottom:1px dotted #C1C1C1;
margin:0 0 20px}

#main .sectionH2 h2 span{
background:url(../img/sec/h2border01.gif) repeat-x;
display:inline-block;
font-size:150%;
padding:15px 0}

#main .sectionH3 h3{
background:url(../img/sec/h3bg01.jpg) no-repeat 0 0;
margin:0 0 20px}

#main .sectionH3 h3 span{
background:url(../img/sec/h3bg02.jpg) no-repeat 0 100%;
color:#333300;
font-size:105%;
display:block;
line-height:120%;
padding:10px 10px 10px 25px}

#main .sectionH4 h4{
background:url(../img/sec/h4bg.jpg) no-repeat 0 8px;
font-size:125%;
margin:0 0 20px;
line-height:120%;
padding:0 0 0 15px}

#main p,
#main ul,
#main dl,
#main table{margin:0 0 20px}

#main p span{
color:#666;
font-size:85%;
display:inline-block;
padding:7px 0 0}

#main div.more,
#main div.back,
#main ul.footPager li.next,
#main ul.footPager li.prev{
background:none;
font-size:120%;
font-weight:bold;
line-height:120%;
padding:0;
text-align:right}

#main div.more a,
#main ul.footPager li.next a{
background:url(../img/sec/nextIcon.jpg) no-repeat 100% 0;
padding:0 25px 2px 0;
text-decoration:none}

#main div.back a,
#main ul.footPager li.prev a{
background:url(../img/sec/prevIcon.jpg) no-repeat 0 0;
padding:0 0 2px 25px;
text-decoration:none}

#main div.more a:hover,
#main div.back a:hover,
#main ul.footPager li.next a:hover,
#main ul.footPager li.prev a:hover{text-decoration:underline}

#main ul li{
background:none 0 8px;
margin:0 0 5px;
padding:0 0 0 15px}

#main table{
border-top:3px solid #3A84B5;
width:100%}

#main table th{
background:#FAF9F5;
border-bottom:1px dotted #C1C1C1;
padding:10px;
vertical-align:middle;
width:130px}

#main table td{
border-bottom:1px dotted #C1C1C1;
padding:10px;
vertical-align:middle}

#main table td ul{margin:0}

#main .fig{
margin:0 auto 20px;}

#main .sectionH3:before,
#main .sectionH3:after{
content:"";
display:table;}

#main .sectionH3:after{clear:both;}

#main .sectionH3{zoom:1;/* For IE 6/7 */}

#main .sectionH3 .pict{
float:right;
margin:0 0 20px 20px}

#main ul.footPager:before,
#main ul.footPager:after{
content:"";
display:table;}

#main ul.footPager:after{clear:both;}

#main ul.footPager{
border-top:1px dashed #999;
margin:20px 0 20px;
padding:10px 0 0;
zoom:1;/* For IE 6/7 */}

#main ul.footPager li.next{float:right}
#main ul.footPager li.prev{float:left}

/***************************index***************************/

#index #mainVisual{
margin:0 0 20px;
position:relative}

#index #mainVisual .mainSlide .flex-direction-nav a.flex-prev{
background:url(../img/index/left.png) no-repeat 0 0;
height:48px;
margin:0;
top:125px;
left:0;
width:34px}

#index #mainVisual .mainSlide .flex-direction-nav a.flex-next{
background:url(../img/index/right.png) no-repeat 0 0;
height:48px;
margin:0;
top:125px;
right:0;
width:34px}

#index #mainVisual .subSlide{
position:absolute;
top:250px;
left:40px;
width:880px}

#index #mainVisual .subSlide .slides li{
height:30px;
margin:0 20px 0 0;
overflow:hidden}

#index #mainVisual .subSlide .slides li.flex-active-slide img{margin:-30px 0 0}

#index #mainVisual .subSlide .flex-direction-nav a.flex-prev{
background:url(../img/index/subLeft.png) no-repeat 0 0;
height:30px;
margin:0;
top:0;
left:-25px;
width:15px}

#index #mainVisual .subSlide .flex-direction-nav a.flex-next{
background:url(../img/index/subRight.png) no-repeat 0 0;
height:30px;
margin:0;
top:0;
right:-25px;
width:15px}

#index #main ul:before,
#index #main ul:after{
content:"";
display:table;}

#index #main ul:after{clear:both;}

#index #main ul{
background:url(../img/index/linkBg.jpg) no-repeat 0 100%;
margin:0 0 20px;
padding:0 0 10px;
zoom:1;/* For IE 6/7 */}

#index #main ul.note{margin:0 0 10px}

#index #main ul li{
background:none;
float:left;
margin:0;
padding:0;
width:350px}

#index #main ul li.firstChild{margin:0 20px 0 0}

#index #main ul li dl{margin:0}

#index #main ul li dl dt{margin:0 0 10px}

#index #main ul li dl dd{
background:url(../img/index/icon02.jpg) no-repeat 0 9px;
margin:0 0 5px 12px;
padding:0 0 0 15px}

#index #main ul.note li.firstChild dl dd{background:url(../img/index/icon01.jpg) no-repeat 0 9px}

#index #main dl#news{
background:url(../img/index/newsBg.jpg) repeat;
padding:15px}

#index #main dl#news dt{margin:0 0 10px}

#index #main dl#news dd{
background:#F6F6F7;
border:1px solid #ccc;
border-radius:5px;
padding:5px 10px}

#index #main dl#news dd dl:before,
#index #main dl#news dd dl:after{
content:"";
display:table;}

#index #main dl#news dd dl:after{clear:both;}

#index #main dl#news dd dl{
background:none;
margin:0;
padding:0;
zoom:1;/* For IE 6/7 */}

#index #main dl#news dd dl dt{
float:left;
margin:0 5px 0 0;
width:90px}

#index #main dl#news dd dl dd{
background:none;
border:none;
border-radius:0;
float:left;
margin:0;
padding:0;
width:570px}

/***************************about***************************/


/*********office*********/

#about.office #main dl.anchor:before,
#about.office #main dl.anchor:after{
content:"";
display:table;}

#about.office #main dl.anchor:after{clear:both;}

#about.office #main dl.anchor{
margin:0;
padding:0 0 5px;
zoom:1;/* For IE 6/7 */}

#about.office #main dl.anchor dt{margin:0 0 10px}

#about.office #main dl.anchor dd{
background:url(../img/about/office/icon.jpg) no-repeat 0 5px;
float:left;
margin:0 20px 15px 0;
padding:0 0 0 20px}

#about.office #main dl.anchor dd.note{clear:both}

#about.office #main .sectionH3{margin:0 0 20px}

#about.office #main .sectionH4{
border-bottom:1px dashed #999;
margin:0 0 20px;
padding:0 0 20px}

#about.office #main .sectionH4.last{
border:none;
margin:0;
padding:0}

#about.office #main .map{margin:0 0 20px}

#about.office #main ul.officePict:before,
#about.office #main ul.officePict:after{
content:"";
display:table;}

#about.office #main ul.officePict:after{clear:both;}

#about.office #main ul.officePict{zoom:1;/* For IE 6/7 */}

#about.office #main ul.officePict li{
background:url(../img/about/office/pictBg.jpg) repeat;
float:right;
margin:0;
padding:2px}

#about.office #main ul.officePict li.firstChild{float:left}

#about.office #main .btn{
margin:0 auto 50px;
text-align:center}


/***************************individual***************************/

/*********point*********/

#individual.point #main ul.link:before,
#individual.point #main ul.link:after{
content:"";
display:table;}

#individual.point #main ul.link:after{clear:both;}

#individual.point #main ul.link{
margin:0;
zoom:1;/* For IE 6/7 */}

#individual.point #main ul.link li{
background:none;
float:left;
margin:0 0 20px;
padding:0}

#individual.point #main ul.link li.note{margin:0 20px 20px 0}