* {
  margin: 0;
  padding: 0;
  font-size : 100%;
}

body{
color: #2c566a;
background: url(../img/bg.jpg) repeat-x top #c1dbe8;
}

a:link{color: #1893ce;text-decoration: underline;}
a:visited{color: #1893ce;text-decoration: underline;}
a:hover{color: #0077b6;text-decoration: none;}
a:active{color: #476f0f;text-decoration: underline;}


table{
border-collapse: collapse;
}

td,th{
text-align: left;
vertical-align: top;
}

.clearfix{
zoom: 1;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


/* head */


h1{
color: #d7efff;
font-size: 10px;
letter-spacing: 1px;
font-weight: normal;
position: absolute;
left: 50%;
top: 15px;
margin-left: -400px;
}

#head{
width: 858px;
height: 93px;
background: url(../img/bg_head.jpg) no-repeat 0 0;
margin: 0 auto;
}

#head h2 a{
display: block;
width: 245px;
height: 0;
padding-top: 37px;
background: url(../img/logo.gif) no-repeat 0 0;
overflow: hidden;
}

#head h2{
display: inline;
padding-left: 28px;
padding-top: 40px;
float: left;
width: 432px;
}

#head_right{
float: left;
width: 390px;
}

#head_menu{
width: 390px;
height: 33px;
float: left;
}

#head_menu li{
float: left;
list-style-type: none;
}

#head_menu li a{
display: block;
height: 0;
padding-top: 33px;
overflow: hidden;
}

.head_menu1 a{width: 115px;}
.head_menu1 a:link{background: url(../img/head_menu.gif) no-repeat 0 0;}
.head_menu1 a:visited{background: url(../img/head_menu.gif) no-repeat 0 0;}
.head_menu1 a:hover{background: url(../img/head_menu.gif) no-repeat 0 -33px;}
.head_menu1 a:active{background: url(../img/head_menu.gif) no-repeat 0 0;}

.head_menu2 a{width: 75px;}
.head_menu2 a:link{background: url(../img/head_menu.gif) no-repeat -115px 0;}
.head_menu2 a:visited{background: url(../img/head_menu.gif) no-repeat -115px 0;}
.head_menu2 a:hover{background: url(../img/head_menu.gif) no-repeat -115px -33px;}
.head_menu2 a:active{background: url(../img/head_menu.gif) no-repeat -115px 0;}

.head_menu3 a{width: 92px;}
.head_menu3 a:link{background: url(../img/head_menu.gif) no-repeat -190px 0;}
.head_menu3 a:visited{background: url(../img/head_menu.gif) no-repeat -190px 0;}
.head_menu3 a:hover{background: url(../img/head_menu.gif) no-repeat -190px -33px;}
.head_menu3 a:active{background: url(../img/head_menu.gif) no-repeat -190px 0;}

.head_menu4 a{width: 107px;}
.head_menu4 a:link{background: url(../img/head_menu.gif) no-repeat -282px 0;}
.head_menu4 a:visited{background: url(../img/head_menu.gif) no-repeat -282px 0;}
.head_menu4 a:hover{background: url(../img/head_menu.gif) no-repeat -282px -33px;}
.head_menu4 a:active{background: url(../img/head_menu.gif) no-repeat -282px 0;}

.contact_phone{
margin-left: 52px;
padding-top: 10px;
margin-bottom: 8px;
clear: both;
}

.contact_mail{
margin-left: 52px;
}



/* all */
#all{
width: 858px;
margin: 0 auto 10px;
background: url(../img/bg_all_middle.gif) repeat-y;
}

#all_container{
width: 100%;
background: url(../img/bg_all_top.jpg) no-repeat 0 0;
}


#left{
width: 250px;
float: left;
color: #5b5b5b;
}

#right{
width: 608px;
float: left;
}


/* left */

#menu{
width: 199px;
height: 337px;
margin-top: 22px;
margin-left: 35px;
}

#menu li{
list-style-type: none;
float: left;
}

#menu li a{
display: block;
overflow: hidden;
width: 199px;
height: 0;
}

.menu1 a{padding-top: 42px;}
.menu1 a:link{background: url(../img/menu.gif) no-repeat 0 0;}
.menu1 a:visited{background: url(../img/menu.gif) no-repeat 0 0;}
.menu1 a:hover{background: url(../img/menu.gif) no-repeat -199px 0;}
.menu1 a:active{background: url(../img/menu.gif) no-repeat 0 0;}

.menu2 a{padding-top: 42px;}
.menu2 a:link{background: url(../img/menu.gif) no-repeat 0 -42px;}
.menu2 a:visited{background: url(../img/menu.gif) no-repeat 0 -42px;}
.menu2 a:hover{background: url(../img/menu.gif) no-repeat -199px -42px;}
.menu2 a:active{background: url(../img/menu.gif) no-repeat 0 -42px;}

.menu3 a{padding-top: 42px;}
.menu3 a:link{background: url(../img/menu.gif) no-repeat 0 -84px;}
.menu3 a:visited{background: url(../img/menu.gif) no-repeat 0 -84px;}
.menu3 a:hover{background: url(../img/menu.gif) no-repeat -199px -84px;}
.menu3 a:active{background: url(../img/menu.gif) no-repeat 0 -84px;}

.menu4 a{padding-top: 42px;}
.menu4 a:link{background: url(../img/menu.gif) no-repeat 0 -126px;}
.menu4 a:visited{background: url(../img/menu.gif) no-repeat 0 -126px;}
.menu4 a:hover{background: url(../img/menu.gif) no-repeat -199px -126px;}
.menu4 a:active{background: url(../img/menu.gif) no-repeat 0 -126px;}

.menu5 a{padding-top: 42px;}
.menu5 a:link{background: url(../img/menu.gif) no-repeat 0 -168px;}
.menu5 a:visited{background: url(../img/menu.gif) no-repeat 0 -168px;}
.menu5 a:hover{background: url(../img/menu.gif) no-repeat -199px -168px;}
.menu5 a:active{background: url(../img/menu.gif) no-repeat 0 -168px;}

.menu6 a{padding-top: 42px;}
.menu6 a:link{background: url(../img/menu.gif) no-repeat 0 -210px;}
.menu6 a:visited{background: url(../img/menu.gif) no-repeat 0 -210px;}
.menu6 a:hover{background: url(../img/menu.gif) no-repeat -199px -210px;}
.menu6 a:active{background: url(../img/menu.gif) no-repeat 0 -210px;}

.menu7 a{padding-top: 43px;}
.menu7 a:link{background: url(../img/menu.gif) no-repeat 0 -252px;}
.menu7 a:visited{background: url(../img/menu.gif) no-repeat 0 -252px;}
.menu7 a:hover{background: url(../img/menu.gif) no-repeat -199px -252px;}
.menu7 a:active{background: url(../img/menu.gif) no-repeat 0 -252px;}


#topics{
margin-left: 31px;
}

#topics iframe{
margin-left: 10px;
}



#bg_left{
width: 220px;
background: url(../img/bg_left_bottom.gif) no-repeat bottom #d1e4ee;
margin-left: 26px;
margin-top: 18px;
}

#left_bn{
margin-left: 5px;
}

#left_bn li{
list-style-type: none;
float: left;
margin-bottom: 7px;
}

#left_bn li img{
display: block;
}


#about_us{
margin-left: 12px;
margin-right: 10px;
padding-top: 10px;
font-size: 65%;
line-height: 1.4;
padding-bottom: 14px;
background: url(../img/line.gif) repeat-x bottom;
}

.title_about_us{
padding-bottom: 7px;
font-weight: normal;
}

.title_about_us2{
font-weight: normal;
}


#mobile{
margin-top: 15px;
margin-left: 12px;
padding-bottom: 22px;
font-size: 65%;
line-height: 1.4;
letter-spacing: 1px;
}

#mobile_left{
width: 123px;
float: left;
}

.title_mobile{
padding-bottom: 7px;
}

.qr{
width: 66px;
float: left;
text-align: center;
padding-top: 7px;
}

.qr img{
padding-bottom: 5px;
}

#main_image img{
display: block;
border: 1px solid #fff;
}

#main_image{
margin-top: 5px;
margin-left: 10px;
}


/* foot */


#bt_pagetop{
width: 822px;
margin: 13px auto 0;
background: url(../img/bg_pagetop.gif) repeat-x bottom;
text-align: right;
}

#footer_txt{
width: 100%;
text-align: center;
padding-top: 20px;
padding-bottom: 25px;
font-size: 10px;
letter-spacing: 1px;
line-height: 1.6;
color: #fff;
}

#footer_txt a:link{color: #5c9dbb;text-decoration: none;}
#footer_txt a:visited{color: #5c9dbb;text-decoration: none;}
#footer_txt a:hover{color: #fff;text-decoration: underline;}
#footer_txt a:active{color: #5c9dbb;text-decoration: none;}

#copy{
width: 100%;
text-align: center;
font-family: Arial;
font-size: 10px;
letter-spacing: 1px;
color: #fff;
padding-bottom: 53px;
background: url(../img/bg_all_bottom.gif) no-repeat bottom;
}




/* data */

#data {
width: 560px;
margin: 0 auto;
font-size: 80%;
line-height: 1.4;
border-left: 1px solid #C1DBE8;
border-top: 1px solid #C1DBE8;
border-right: 1px solid #C1DBE8;
}

#data dl{
zoom: 1;
background: url(../img/bg_ta.gif) repeat-y;
width: 560px;
border-bottom: 1px solid #C1DBE8;
}

#data dl:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

#data dt{
display: block;
width: 110px;
float: left;
padding: 5px;
color: #fff;
}

#data dd{
display: block;
width: 410px;
float: left;
padding: 5px 10px;
}



/* title */

.title_m{
width: 552px;
height: 26px;
margin: 20px auto 5px;
background: url(../img/bg_title_m.gif) no-repeat 0 0;
color: #006696;
font-size: 14px;
letter-spacing: 1px;
padding-left: 18px;
padding-top: 11px;
}

.title_m_top{
width: 552px;
height: 26px;
margin: 20px auto 5px;
background: url(../img/bg_title_m_top.gif) no-repeat 0 0;
color: #006696;
font-size: 14px;
letter-spacing: 1px;
padding-left: 18px;
padding-top: 11px;
}

.title_s{
width: 520px;
height: 23px;
margin: 30px auto 5px;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
padding-left: 33px;
color: #2A576A;
padding-top: 4px;
}

.title_s2{
width: 520px;
height: 23px;
margin: 20px auto 10px;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
padding-left: 33px;
color: #2A576A;
padding-top: 4px;
}

.title_q{background: url(../img/title_q.gif) no-repeat 0 0;}
.title_big{background: url(../img/title_big.gif) no-repeat 0 0;}
.title_leaf{background: url(../img/title_leaf.gif) no-repeat 0 0;}
.title_jyu{background: url(../img/title_jyu.gif) no-repeat 0 0;}
.title_don{background: url(../img/title_don.gif) no-repeat 0 0;}



/* block1 */
#block1{
width: 568px;
height: 172px;
margin: 0 auto;
background: url(../img/bg_b1.gif) no-repeat 0 0;
}

#block1 h3{
font-size: 14px;
font-weight: bold;
color: #fff;
height: 32px;
padding-top: 7px;
padding-left: 15px;
}

#block1_in{
width: 536px;
margin: 0 auto;
font-size: 80%;
line-height: 1.4;
color: #2c566a;
}

#block1_read{
width: 375px;
float: left;
padding-top: 5px;
}

#block1_photo{
float: left;
}

#block1_photo img{
display: block;
border: 3px solid #f0f7fa;
}



/* block2 */

.block2{
width: 540px;
margin: 0 auto;
font-size: 80%;
line-height: 1.4;
padding-bottom: 10px;
}

.block2_read{
width: 390px;
padding-right: 15px;
float: left;
}

.block2_photo{
float: left;
}

.block2_photo img{
display: block;
border: 1px solid #fff;
}