@charset "utf-8";

/* =======================================
  about.css
======================================= */
/* --------------------------------------------------------
   about
-------------------------------------------------------- */
#about { 
    padding: 0;
    overflow: hidden;
    _zoom: 1;
}


/* --------------------------------------------------------
   sidemenu_about
-------------------------------------------------------- */
.sidemenu_about { 
    width: 200px;
	margin: 0 auto;
    padding: 5px 0;
    overflow: hidden;
    _zoom: 1;
}
.sidemenu_about li a:link,.sidemenu_about li a:visited,.sidemenu_about li a:active { 
    width: 190px;
	margin: 0 auto 1px auto;
    padding: 7px 0 6px 10px;
    display: block;
	background: #b5b4ab;
    color: #fff;
    text-decoration: none;
}
.sidemenu_about li a span { 
	background: url(../about/images/sidemenu_arrow_off.gif) no-repeat 0 4px;
    padding: 0 0 0 12px;
}
.sidemenu_about li a:hover { 
    width: 190px;
	margin: 0 auto 1px auto;
    padding: 7px 0 6px 10px;
    display: block;
	background: #c29a5f;
    color: #fff;
    text-decoration: none;
}
.sidemenu_about a:hover span {
	background: url(../about/images/sidemenu_arrow_on.gif) no-repeat 0 4px;
    padding: 0 0 0 12px;
}
.sidemenu_about .on { 
    width: 190px;
	margin: 0 auto 1px auto;
    padding: 7px 0 6px 10px;
    display: block;
	background: #c29a5f;
    color: #fff;
    text-decoration: none;
}
.sidemenu_about .on span {
	background: url(../about/images/sidemenu_arrow_on.gif) no-repeat 0 4px;
    padding: 0 0 0 12px;
}


/* --------------------------------------------------------
   bottommenu_about
-------------------------------------------------------- */
.bottommenu_about { 
    width: 715px;
	margin: 0 0 0 13px;
    padding: 0 0 30px 0;
    overflow: hidden;
    _zoom: 1;
}
.bottommenu_about li { 
    width: 116px;
	margin: 0 1px 0 0;
	float: left;
	text-align: center;
	font-size: 93%;
}
.bottommenu_about li a { 
    width: 116px;
	margin: 0 auto;
    padding: 7px 0 5px 0;
    display: block;
	background: #b5b4ab;
    color: #fff;
    text-decoration: none;
}
.bottommenu_about li a:hover { 
    width: 116px;
	margin: 0 auto;
    padding: 7px 0 5px 0;
    display: block;
	background: #c29a5f;
    color: #fff;
    text-decoration: none;
}
.bottommenu_about .on { 
    width: 116px;
	margin: 0 1px 0 0;
    padding: 7px 0 5px 0;
    display: block;
	background: #c29a5f;
    color: #fff;
    text-decoration: none;
}


/* --------------------------------------------------------
   linkbox
-------------------------------------------------------- */
#about .linkbox { 
    width: 683px;
	margin: 0 auto 15px auto;
    padding: 13px 15px 10px 15px;
    overflow: hidden;
    _zoom: 1;
	font-size: 93%;
	border: 1px solid #dccccc;
}
#about .linkbox li {
	float: left;
	padding: 0 19px;
	background: url(../images/arrow.gif) no-repeat 0 1px;
}



/* --------------------------------------------------------
   main
-------------------------------------------------------- */
#about .main { 
    width: 715px;
	margin: 0 auto;
    padding: 0 0 25px 0;
    overflow: hidden;
    _zoom: 1;
}
#about .maincopy {
    padding: 0 0 20px 10px;
    overflow: hidden;
    _zoom: 1;
}


/* --------------------------------------------------------
   cbox
-------------------------------------------------------- */
#about .cbox { 
    width: 715px;
	margin: 0 auto 30px auto;
    padding: 0;
    overflow: hidden;
    _zoom: 1;
}
#about .cbox h4 { 
    width: 715px;
	margin: 0 auto 10px auto;
}
#about .cbox h5 { 
    width: 690px;
	height: 28px;
	margin: 0 auto 8px auto;
    padding: 4px 0 0 25px;
	font-weight: bold;
	background: url(../images/subtitle_bg.gif) no-repeat;
	font-size: 108%;
}


/* --------------------------------------------------------
   mapbox
-------------------------------------------------------- */
#about .mapbox { 
	margin: 0 auto;
    padding: 15px 0 0 0;
}


/* --------------------------------------------------------
   mapimg
-------------------------------------------------------- */
#about .mapimg { 
	margin: 0 auto;
    padding: 0 0 15px 0;
	text-align: center;
}


/* --------------------------------------------------------
   mappdf
-------------------------------------------------------- */
#about .mappdf { 
    width: 683px;
	margin: 0 auto 30px auto;
    padding: 10px 15px 12px 15px;
    overflow: hidden;
    _zoom: 1;
	font-size: 93%;
	border: 1px solid #cecece;
}
#about .mappdf li {
	float: left;
	padding: 0 23px;
	background: url(../images/ico_pdf.gif) no-repeat 0 0;
}
#about .mappdf p {
	margin: 0;
    padding: 0 0 7px 0;
}
#about .mappdf .midashi { font-weight: bold; }
#about .smark { color: #ffba16; }


/* --------------------------------------------------------
   ex
-------------------------------------------------------- */
#about .ex { 
    width: 720px;
	margin: 0 auto;
    padding: 0 0 25px 0;
    overflow: hidden;
    _zoom: 1;
}
#about .ex h3 { 
    width: 710px;
	height: 33px;
	margin: 0 auto 5px auto;
    padding: 12px 0 0 10px;
    overflow: hidden;
    _zoom: 1;
	background: url(../images/title_bg.jpg) no-repeat;
}
#about .extitle { 
    width: 705px;
	margin: 0 0 10px 5px;
    padding: 0 0 0 8px;
    overflow: hidden;
    _zoom: 1;
	border-left: 6px solid #ffd584;
	font-weight: bold;
	font-size: 116%;
}
#about .ex h4 { 
    width: 715px;
	margin: 0 auto 10px auto;
}
#about .ex p {
    width: 710px;
	margin: 0 auto 10px auto;
}
#about .ex ul {
    padding: 0 0 0 5px;
}
#about .ex li {
    padding: 0 2px 0 0;
	float: left;
}
#about .ex .photo {
    width: 710px;
	margin: 0 auto 10px auto;
	text-align: center;
}
#about .ex .photo li {
	padding: 0 0 8px 0;
    overflow: hidden;
    _zoom: 1;
}

/* shot */
#shot {
	width: 715px;
	margin: 0;
    overflow: hidden;
    _zoom: 1;
}
#shot ul {
    padding: 0;
    margin: 0;
}
		
#shotimg {
	width: 715px;
	height: 420px;
	margin: 0 auto;
    position: relative;
}
#shotimg li {
	width: 710px;
	height: 420px;
	margin: 0;
    position: absolute;
}
		
#shotnum {
	width: 710px;
	padding: 5px 0 10px 0;
    overflow: hidden;
    _zoom: 1;
}
#tabs li {
	float: left;
	padding: 0 0 0 4px;
}
#tabs .num1 a img,#tabs .num2 a img,#tabs .num3 a img,#tabs .num4 a img,#tabs .num5 a img,#tabs .num6 a img,#tabs .num7 a img,#tabs .num8 a img {
    filter: alpha(opacity=50);
    opacity: 0.5;
}
#tabs .num1 a.current img,#tabs .num2 a.current img,#tabs .num3 a.current img,#tabs .num4 a.current img,#tabs .num5 a.current img,#tabs .num6 a.current img,#tabs .num7 a.current img,#tabs .num8 a.current img {
    filter: alpha(opacity=100);
    opacity: 1.0;
}

#shotimg2 {
	width: 715px;
	height: 420px;
	margin: 0 auto;
    position: relative;
}
#shotimg2 li {
	width: 710px;
	height: 420px;
	margin: 0;
    position: absolute;
}
		
#tabs2 li {
	float: left;
	padding: 0 0 0 4px;
}
#tabs2 .num1 a img,#tabs2 .num2 a img,#tabs2 .num3 a img,#tabs2 .num4 a img,#tabs2 .num5 a img,#tabs2 .num6 a img {
    filter: alpha(opacity=50);
    opacity: 0.5;
}
#tabs2 .num1 a.current img,#tabs2 .num2 a.current img,#tabs2 .num3 a.current img,#tabs2 .num4 a.current img,#tabs2 .num5 a.current img,#tabs2 .num6 a.current img {
    filter: alpha(opacity=100);
    opacity: 1.0;
}

#shotimg3 {
	width: 715px;
	height: 420px;
	margin: 0 auto;
    position: relative;
}
#shotimg3 li {
	width: 710px;
	height: 420px;
	margin: 0;
    position: absolute;
}
		
#tabs3 li {
	float: left;
	padding: 0 0 0 4px;
}
#tabs3 .num1 a img,#tabs3 .num2 a img,#tabs3 .num3 a img,#tabs3 .num4 a img,#tabs3 .num5 a img,#tabs3 .num6 a img {
    filter: alpha(opacity=50);
    opacity: 0.5;
}
#tabs3 .num1 a.current img,#tabs3 .num2 a.current img,#tabs3 .num3 a.current img,#tabs3 .num4 a.current img,#tabs3 .num5 a.current img,#tabs3 .num6 a.current img {
    filter: alpha(opacity=100);
    opacity: 1.0;
}		
		
		


/* --------------------------------------------------------
   stageview
-------------------------------------------------------- */
.stageview { 
    width: 710px;
	margin: 0 auto;
    padding: 0 0 10px 0;
    overflow: hidden;
    _zoom: 1;
	text-align: center;
}


/* --------------------------------------------------------
   pdfbtn
-------------------------------------------------------- */
.pdfbtn { 
    width: 710px;
	margin: 0 auto;
    padding: 0 0 10px 0;
    overflow: hidden;
    _zoom: 1;
	text-align: right;
}


/* --------------------------------------------------------
   sbox
-------------------------------------------------------- */
#about .sbox { 
    width: 700px;
	margin: 0 auto 20px auto;
	padding: 0;
    overflow: hidden;
    _zoom: 1;
}
#about .sbox h4 { 
    width: 690px;
	height: 28px;
	margin: 0 auto 10px auto;
    padding: 4px 0 0 25px;
	font-weight: bold;
	font-size: 108%;
	background: url(../images/subtitle_bg.gif) no-repeat;
}
#about .sbox .photo { 
    width: 220px;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
}
#about .sbox_r { 
    width: 450px;
	margin: 0;
	float: right;
}
#about .sbox_r .ex { 
    width: 440px;
	margin: 0 auto 10px auto;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #CCC;
    overflow: hidden;
    _zoom: 1;
}
#about .sbox_r p { 
    width: 440px;
    overflow: hidden;
    _zoom: 1;
}
#about .sbox_r .exb { 
    width: 440px;
	margin: 0 auto 10px auto;
	padding: 0 0 10px 0;
    overflow: hidden;
    _zoom: 1;
}
#about .sbox_r .ex ul {
	padding: 8px 0;
    overflow: hidden;
    _zoom: 1;
}
#about .sbox_r .ex ul li {
	padding: 0 20px 0 22px;
	background: url(../images/ico_pdf.gif) no-repeat 0 0;
}

#about .sbox_r dl {
    width: 435px;
	margin: 0 auto;
	padding: 0;
    overflow: hidden;
    _zoom: 1;
}
#about .sbox_r dl dt {
	float: left;
	width: 105px;
	padding: 3px 0;
	font-weight: bold;
	text-indent: 1px;
}
#about .sbox_r dl dd {
	padding: 3px 0 3px 110px;
}
#about .smark { color: #e49797; }

#about .sbox .ks_map { 
    width: 520px;
	margin: 0 auto;
    padding: 20px 0;
}



/* --------------------------------------------------------
   data
-------------------------------------------------------- */
#about .data { 
	padding: 15px 10px 0 10px;
    overflow: hidden;
    _zoom: 1;
}
#about .data dl { 
    width: 690px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
    overflow: hidden;
    _zoom: 1;
	border-bottom: 1px dotted #CCC;
}
#about .data dl dt {
	float: left;
	width: 110px;
	margin: 0 0 0 5px;
	padding: 3px 0;
	text-indent: 1px;
}
#about .data dl dd {
	padding: 3px 0 3px 130px;
}


/* --------------------------------------------------------
   linkbtn
-------------------------------------------------------- */
#about .linkbtn { 
	padding: 0 10px;
    overflow: hidden;
    _zoom: 1;
}
#about .linkbtn dl { 
    width: 690px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
    overflow: hidden;
    _zoom: 1;
}
#about .linkbtn dl dt {
	float: left;
	width: 200px;
	margin: 0 0 0 5px;
	padding: 3px 0;
	text-indent: 1px;
}
#about .linkbtn dl dt a:link,#about .linkbtn dl dt a:visited,#about .linkbtn dl dt a:active { 
    width: 190px;
	margin: 0 auto 1px auto;
    padding: 7px 0 6px 10px;
    display: block;
	background: #b5b4ab;
    color: #fff;
    text-decoration: none;
}
#about .linkbtn dl dt a span { 
	background: url(../about/images/sidemenu_arrow_off.gif) no-repeat 0 4px;
    padding: 0 0 0 15px;
}
#about .linkbtn dl dt a:hover { 
    width: 190px;
	margin: 0 auto 1px auto;
    padding: 7px 0 6px 10px;
    display: block;
	background: #c2605f;
    color: #fff;
    text-decoration: none;
}
#about .linkbtn dl dt a:hover span {
	background: url(../about/images/sidemenu_arrow_on.gif) no-repeat 0 4px;
    padding: 0 0 0 15px;
}
#about .linkbtn dl dd {
	padding: 8px 0 0 220px;
}


/* --------------------------------------------------------
   bnormal
-------------------------------------------------------- */
#about .bnormal {
	font-weight: bold;
}


/* --------------------------------------------------------
   qa
-------------------------------------------------------- */
#about .qa { 
    width: 700px;
	margin: 0 auto;
    padding: 0;
    overflow: hidden;
    _zoom: 1;
}
#about .qa p { 
	margin: 3px 0 15px 0;
}
#about .qa_l { 
    width: 100px;
	float: left;
}
#about .qa_r { 
    width: 580px;
	float: right;
}
#about .qa_r dd {
	margin: 0 0 8px 0;
}


/* --------------------------------------------------------
   resbox
-------------------------------------------------------- */
#about .resbox { 
    width: 700px;
	margin: 0 auto 25px auto;
    overflow: hidden;
    _zoom: 1;
}
#about .resbox_l { 
    width: 300px;
	float: left;
	padding: 0 0 0 10px;
}
#about .resbox_r { 
    width: 300px;
	float: right;
	padding: 0 10px 0 0;
}
#about .resbox .sp2 { 
	margin: 0 auto 25px auto;
    overflow: hidden;
    _zoom: 1;
}
#about .resbox table { 
    width: 100%;
	margin: 20px auto;
    overflow: hidden;
    _zoom: 1;
}
#about .resbox .photo { 
    width: 700px;
	padding: 10px 0;
    overflow: hidden;
    _zoom: 1;
}
#about .resbox .photo2 { 
	padding: 10px 0;
    overflow: hidden;
    _zoom: 1;
}
#about .bnormal { 
	padding: 5px 0 2px 0;
    overflow: hidden;
    _zoom: 1;
}
#about .normal { 
    width: 200px;
}
#about .resbox h5 {
	font-size: 100%;
	font-weight: bold;
	width: 100%;
	background: #f4f3ec;
	padding: 4px 10px;
	border-top: 2px solid #e6d5b1;
}

/* --------------------------------------------------------
   entermenu
-------------------------------------------------------- */
#enterindex { 
    width: 100px;
	margin: 0;
    overflow: hidden;
    _zoom: 1;
	float: left;
}
#entermenu { 
    width: 580px;
	margin: 0;
    overflow: hidden;
    _zoom: 1;
	float: right;
}
.embox { 
    width: 560px;
	margin: 0 auto;
    padding: 0 10px 10px 10px;
    overflow: hidden;
    _zoom: 1;
}
.embox_l { 
    width: 270px;
	margin: 0 auto;
    padding: 0 0 10px 0;
    overflow: hidden;
    _zoom: 1;
	border: 1px solid #CCC;
	float: left;
}
.embox_r { 
    width: 270px;
	margin: 0 auto;
    padding: 0 0 10px 0;
    overflow: hidden;
    _zoom: 1;
	border: 1px solid #CCC;
	float: right;
}
.embox .name { 
    width: 260px;
	margin: 0 auto;
    padding: 8px 0 10px 10px;
    display: block;
	background: url(../about/images/emtitle_bg.jpg) repeat-x;
    color: #000;
	font-weight: bold;
}
.embox .txt { 
    padding: 10px 7px;
	height: 40px;
}
.embox .link { 
    padding: 0 13px 0 0;
	text-align: right;
}

#about .smark { color: #ffba16; }
#about .point { color: #ffba16; }