@charset "utf-8";
/****************************************************
*
*Contents Style CSS
*Site 
*
*****************************************************/

/* --------------------------------------------------------
   About
-------------------------------------------------------- */

/*  base
-----------------------------------*/
#about { padding: 0; overflow: hidden;_zoom: 1;}
#about p { line-height: 1.4em;}
#about .main { width: 715px;margin: 0 auto;padding: 0 0 25px 0;overflow: hidden;_zoom: 1;}
#about .maincopy {overflow: hidden;padding: 0 10px 20px 10px; }
#about .maincopy p{line-height: 1.6em;}
#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/common/headline/subtitle_bg.gif) no-repeat;font-size: 108%;}
#about .btn { margin-top:20px;overflow: hidden;_zoom: 1;}
#about .linkbox { margin: 0 auto 30px auto;padding: 13px 15px 10px 15px;}
#about .linkbox li {padding: 0 19px;}

/*  ex
-----------------------------------*/
#about .ex { width: 720px;margin: 0 auto;padding: 0 0 25px 0;overflow: hidden;_zoom: 1;}
#about .extitle { width: 705px;margin: 0 0 10px 5px;padding: 0 0 0 8px;overflow: hidden;_zoom: 1;border-left: 6px solid #8cc53a;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 8px 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;}
#about .ex .btn { margin-top:20px;overflow: hidden;_zoom: 1;}

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

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

/*  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;}
#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/common/parts/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 .sbox .ks_map { width: 520px;margin: 0 auto;padding: 20px 0;}

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

/*  shot
-----------------------------------*/
#shot {width: 715px;margin: 0 0 15px 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;}

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

/*  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;}

/*  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;}

/*  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;}