@charset "UTF-8";

@media print {
	body { zoom: 80%; }
}

html,body,
h1,h2,h3,h4,h5,h6,
table,th,td,img,
p,div,pre,blockquote,form,
address,dl,dt,dd,ul,ol,li {
background: transparent ;
margin: 0 ; padding: 0 ;
border: none ;
font-style: normal ; font-weight: normal ;
}
em,strong,big,small,
ins,del,q,span {
font-style: normal ; font-weight: normal ;
}




body {
width: 850px ;
background: #ffffff ;
margin: 0 auto ; padding: 0 0 30px 0 ;
line-height: 1.6 ; text-align: center;
font-size: 12px ; font-family : Arial, sans-serif ;
color: #333333 ;
}

a:link { color: #333333 ; text-decoration: none ; }
a:visited { color: #666666 ; text-decoration: none ; }
a:hover { color: #cc66cc ; text-decoration: underline ; }

h1,h2,h3,h4,h5,h6 {
clear: both ;
line-height : 1.1 ;
font-size: 12px ; font-weight : bold ;
}

p {
margin : 0 0 1em 0 ;
}

ol,ul { margin : 0 0 1em 0 ; }
ol li { margin : 0 0 0 2.5em ; }
ul li { margin : 0 0 0 1.5em ; }
li {
}

dt {
margin : 0 ;
font-weight : bold ; font-size: 14px ;
color: #440000 ;
}
dd {
margin : 0 0 1em 0 ;
}
dd ol, dd ul { margin : 0 ; }

td {
font-size : 12px ;
line-height : 1.6 ;
}
th {
font-weight : bold ; font-size : 12px ;
line-height : 1.6 ;
white-space: nowrap ;
}
em { font-weight : bold ; }
strong { font-size : 14px ; font-weight : bold ; }
big { font-size : 18px ; font-weight : bold ; }
small { font-size: 10px ; line-height : 1.4 ; }

form { font-size : 12px ; }
input,textarea,select,option {
margin : 0 ;
padding : 0 ;
font-size: 12px ;
vertical-align: middle ;
}
form .deco {
height: 12px ;
margin : 0 ;
padding: 4px ;
border: 2px solid #cc99cc ;
}

img { vertical-align: bottom ; }

hr {
clear: both ;
background: #ffffff ;
margin: 10px 0 ;
border-top: none ;
border-left: none ;
border-right: none ;
border-bottom: 1px dotted #999999 ;
color: #ffffff ;
}

address {
width: 850px ;
margin : 0 ; padding: 40px 0 0 0 ;
font-size: 10px ; line-height : 1.2 ;
}
address img { margin: 0 0 5px 0 ; }




/*main ---------------------------------------------------------*/

#mainall {
width: 850px ;
margin: 0 auto ;
text-align: left ; 
}

#mainhead {
width: 850px ; height: 70px ;
background: #ffffff url(../img/mainhead_bg.gif) left bottom repeat-x ;
padding: 0 0 14px 0 ;
font-size: 12px ; color: #666666 ; line-height: 1.1 ;
}
#mainhead h1 {
float: left ;
width: 180px ; height: 40px ;
margin : 0 ; padding: 30px 0 0 0 ;
top: 0px ; left: 0px ;
}
#mainhead .read {
float: left ;
width: 445px ; height: 11px ;
margin : 0 ; padding: 58px 0 0 0 ;
}
#mainhead .h-right {
float: right ;
width: 180px ; height: 20px ;
margin : 0 ; padding: 0 ;
}
#mainhead .lang {
width: 180px ; height: 20px ;
margin : 0 ; padding: 0 ;
text-align: right ;
}
#mainhead .menu {
width: 180px ; height: 11px ;
margin : 0 ; padding: 42px 0 0 0 ;
text-align: right ;
}

#mainmenu {
width: 850px ; height: 30px ;
margin : 0 0 10px 0 ;
}
#mainmenu li {
float: left ;
height: 30px ;
margin : 0 ;
list-style: none ;
}

#p-link {
width: 850px ;
font-size: 12px ;
margin : 0 0 10px 0 ;
}

#tabmenu {
width: 850px ; height: 30px ;
background: #ffffff url(../img/tabmenu_bg.gif) top left repeat-x ;
margin : 0 0 20px 0 ; padding: 15px 0 0 0 ;
border-top: 1px solid #cccccc ;
border-bottom: 3px solid #ddaadd ;
}
#tabmenu li {
float: left ;
height: 30px ;
list-style: none ;
margin : 0 ; padding: 0 ;
}




/*index ---------------------------------------------------------*/

#indexbody { width: 950px !important ; }

#indexbody #mainall { width: 950px ; text-align: left ; }
#indexbody #mainhead { margin : 0 50px ; }
#indexbody #mainmenu { margin : 0 50px 10px 50px ; }

#indexflash {
width: 950px ; height: 320px ;
margin : 0 ;
}

#indexmainbox { width: 860px ; margin : 0 50px 0 40px ; }

#indexleftbox {
float: left ;
width: 610px ;
}

#indexbanner {
width: 600px ; height: 95px ;
margin : 0 0 0 10px ;
}
#indexbanner li {
float: left ;
height: 95px ;
margin : 0 5px 0 0 ;
list-style: none ;
}

#indexphotonews_bg {
width: 610px ;
background: #f3f3f3 url(../img/index_photo-news_03.gif) left top repeat-y ;
margin : 0 0 10px 0 ; padding: 0 ;
}
#indexphotonews_top {
width: 610px ;
background: transparent url(../img/index_photo-news_02.gif) left top no-repeat ;
margin : 0 ; padding: 0 ;
}
#indexphotonews_bottom {
width: 520px ;
background: transparent url(../img/index_photo-news_04.gif) left bottom no-repeat ;
margin : 0 ; padding: 0 25px 0 65px ;
}

#indexexhibition {
width: 600px ;
margin : 0 0 10px 10px ;
}
#indexexhibition table {
width: 600px ;
margin : 5px 0 0 0 ;
}
#indexexhibition table th {
width: 15% ;
padding: 3px 5px ;
font-weight: normal ; text-align: left ; white-space: nowrap ;
vertical-align: top ;
}
#indexexhibition table td {
width: 85% ;
padding: 2px 5px ;
vertical-align: top ;
}
#indexexhibition .bg1 th, .bg1 td { background: #e6e6e6 ; }
#indexexhibition .bg2 th, .bg2 td { background: #f3f3f3 ; }

#indexadd {
width: 600px ;
margin : 40px 0 10px 10px ;
}
#indexadd li {
float: left ;
width: 300px ;
margin : 0 ; padding: 0 ;
line-height: 1.4 ;
list-style: none ;
}

#indexrightbox {
float: right ;
width: 200px ;
}
#indexrightbox .box {
width: 180px ;
background: #f3f3f3 ;
margin : 0 ; padding: 0 9px 10px 10px ;
border-right: 1px solid #999999 ;
border-bottom: 1px solid #999999 ;
}
#indexrightbox .weatherbox {
width: 180px ; height: 82px ;
background: transparent url(../img/index_weather-box.gif) left top no-repeat ;
margin : 0 ; padding: 0 ;
}
#indexrightbox .weatherbox li {
width: 150px ; height: 31px ;
margin : 0 ; padding: 5px 0 5px 15px ;
list-style: none ;
}
#indexrightbox .goto { text-align: right ; }
#indexrightbox address { width: 200px ; }




/*other ---------------------------------------------------------*/

.cl { clear: both ; }

.ph_l { float: left ; margin: 0 ; padding: 0 15px 0 0 ; }
.ph_r { float: right ; margin: 0 ; padding: 0 0 0 15px ; }

.txt_l { text-align: left ; }
.txt_r { text-align: right ; }
.txt_c { text-align: center ; }

.box_m { width: 850px ; }
.box_l { float: left ; margin: 0 ; padding: 0 ; }
.box_r { float: right ; margin: 0 ; padding: 0 ; }

.box1 {
clear: both ;
margin: 0 0 10px 0 ; padding: 0 0 10px 0 ;
border-bottom: 1px dotted #cccccc ;
}

.w5 { width: 5% ; }
.w10 { width: 10% ; }
.w15 { width: 15% ; }
.w20 { width: 20% ; }
.w25 { width: 25% ; }
.w30 { width: 30% ; }
.w35 { width: 35% ; }
.w40 { width: 40% ; }
.w45 { width: 45% ; }
.w50 { width: 50% ; }
.w55 { width: 55% ; }
.w60 { width: 60% ; }
.w65 { width: 65% ; }
.w70 { width: 70% ; }
.w75 { width: 75% ; }
.w80 { width: 80% ; }
.w85 { width: 85% ; }
.w90 { width: 90% ; }
.w95 { width: 95% ; }
.w100 { width: 100% ; }
.wp135 { width: 135px ; }
.wp160 { width: 160px ; }
.wp162 { width: 160px ; }
.wp200 { width: 200px ; }
.wp205 { width: 205px ; }
.wp220 { width: 220px ; }
.wp270 { width: 270px ; }
.wp320 { width: 320px ; }
.wp334 { width: 334px ; }
.wp360 { width: 360px ; }
.wp400 { width: 400px ; }
.wp410 { width: 410px ; }
.wp415 { width: 415px ; }
.wp420 { width: 420px ; }
.wp530 { width: 530px ; }
.wp660 { width: 660px ; }

.tp0 { margin-top: 0px !important ; }
.tp5 { margin-top: 5px !important ; }
.tp10 { margin-top: 10px !important ; }
.tp15 { margin-top: 15px !important ; }
.tp20 { margin-top: 20px !important ; }
.bp0 { margin-bottom: 0px !important ; }
.bp5 { margin-bottom: 5px !important ; }
.bp10 { margin-bottom: 10px !important ; }
.bp15 { margin-bottom: 15px !important ; }
.bp20 { margin-bottom: 20px !important ; }
.lp0 { margin-left: 0px !important ; }
.lp5 { margin-left: 5px !important ; }
.lp10 { margin-left: 10px !important ; }
.lp15 { margin-left: 15px !important ; }
.lp20 { margin-left: 20px !important ; }
.rp0 { margin-right: 0px !important ; }
.rp5 { margin-right: 5px !important ; }
.rp10 { margin-right: 10px !important ; }
.rp15 { margin-right: 15px !important ; }
.rp20 { margin-right: 20px !important ; }

.txt1 { color: #000099 ; }
.txt2 { color: #990000 ; }
.txt3 { color: #443366 ; }
.txt4 { color: #cc0000 ; }
.txt5 { color: #444433 ; }
.txt6 { color: #664433 ; }

.table1 th {
background: #cccccc ;
padding: 5px 6px ;
border-right: 1px solid #ffffff ;
border-bottom: 1px solid #ffffff ;
font-weight: normal ; text-align: center ; white-space: nowrap ;
color: #000000 ; vertical-align: top ;
}
.table1 td {
padding: 5px 6px ;
vertical-align: top ;
}
.table1 .bg1 td { background: #e6e6e6 ; }
.table1 .bg2 td { background: #f3f3f3 ; }
.table1 .line1 { border-bottom: 1px solid #e6e6e6 ; }
.table1 .line2 { border-bottom: 1px solid #f3f3f3 ; }

.table2 th {
background: #ccccc2 ;
padding: 5px 6px ;
border-right: 1px solid #ffffff ;
border-bottom: 1px solid #ffffff ;
font-weight: normal ; text-align: center ; white-space: nowrap ;
color: #000000 ; vertical-align: top ;
}
.table2 td {
padding: 5px 6px ;
vertical-align: top ;
}
.table2 .bg1 td { background: #e6e6da ; }
.table2 .bg2 td { background: #f3f3e7 ; }
.table2 .line1 { border-bottom: 1px solid #e6e6da ; }
.table2 .line2 { border-bottom: 1px solid #f3f3e7 ; }

.table3 th {
background: #ccc7c2 ;
padding: 5px 6px ;
border-right: 1px solid #ffffff ;
border-bottom: 1px solid #ffffff ;
font-weight: normal ; text-align: center ; white-space: nowrap ;
color: #000000 ; vertical-align: top ;
}
.table3 td {
padding: 5px 6px ;
vertical-align: top ;
}
.table3 .bg1 td { background: #e6e0da ; }
.table3 .bg2 td { background: #f3ede7 ; }
.table3 .line1 { border-bottom: 1px solid #e6e0da ; }
.table3 .line2 { border-bottom: 1px solid #f3ede7 ; }

.mid th, .mid td { vertical-align: middle ; }

.dl1 dd {
margin: 0 0 10px 0 ; padding: 0 0 10px 10px ;
border-bottom: 1px dotted #cccccc ;
}

.subhead { margin: 0 0 5px 0 ; font-size: 14px ; color: #cc0000 ; }

.price { color: #cc0000 ; white-space: nowrap ; }

.goto {
margin: 3px 0 10px 0 ;
font-size: 12px ; color: #ff9900 ; line-height: 12px ;
}

.k {
background: transparent url(../img/k.gif) left top ;
margin: 0 ; padding: 1px 0 15px 0 ;
font-size: 12px ; line-height: 24px ;
}

.list {
display: none ;
margin: 0 ; padding: 0 ;
}