@charset "utf-8";
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 *
 *	file name : about.css
 *
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ==================================================================
 *  div#header
 * ================================================================== */
div#header #h1Block .inner { background: url(../images/about_img_001.jpg) no-repeat left top; }
div#header #h1Block h1 { padding-top: 78px; }
/* ==================================================================
 *  div#main
 * ================================================================== */
div#main { font-size: 108%; line-height: 1.8em; }
div#main h2 { clear: both; }
/* .innerBox */
div#main .innerBox { width: 760px; margin: 35px auto; padding: 18px; background: #ffffff; border: 1px solid #2c8211; }
div#main .innerBox h3 { background: url(../images/about_img_002.gif) repeat-x bottom left; padding-bottom: 4px; margin-bottom: 18px; clear: both; }
div#main .innerBox .floatR { padding-top: 10px; padding-left: 24px; }
/* #section01 */
div#main #section01 .floatR { width: 350px; padding-top: 1.8em; margin-top: 1.6em; }
div#main #section01 .floatL { width: 384px; margin-top: 1.6em; }
/* #section02 */
div#main #section02 .floatR { width: 181px; }
div#main #section02 .floatL { width: 555px; }
/* .mainBlock_box_01 */
div#main .mainBlock_box_01 { display: inline; float: left; width: 490px; padding-bottom: 40px; }
/* .mainBlock_box_02 */
div#main table.mainBlock_box_02 { width: 335px; float: left; font-size: 93%; line-height: 1.4em; margin-bottom: 40px; }
div#main table.mainBlock_box_02 th { width: 84px; padding: 12px 0 0 12px; vertical-align: top; color: #fff; background: #579822; border-top: 1px dotted #fff; }
div#main table.mainBlock_box_02 td { width: 206px; padding: 12px; background: #fff; border-top: 1px dotted #579822; }
div#main table.mainBlock_box_02 tr:first-child th { border-top: none; }
div#main table.mainBlock_box_02 tr:first-child td { border-top: none; font-weight: bold; font-size: 100%; color: #579822; }
div#main table.mainBlock_box_02 dl dt { font-weight: bold; font-size: 100%; color: #579822; }
div#main table.mainBlock_box_02 dl dd { line-height: 1.3em; }
/* .mainBlock_box_03 */
div#main .mainBlock_box_03 { width: 820px; }
div#main .mainBlock_box_03 p { text-align: center; }
/* ==================================================================
 *  slideBlock
 * ================================================================== */
#slideBlock { width: 857px; height: 350px; border: 1px dotted #000000; margin: 50px auto 0; overflow: hidden; position: relative; }
#slideBlock h3 { position: absolute; left: 40px; top: 39px; z-index: 999; }
/* .inner */
#slideBlock .inner { position: absolute; left: 0px; top: 0px; width: 3428px; }
#slideBlock .inner .pages { width: 857px; height: 350px; float: left; background: #fbfbfa; }
#slideBlock .inner .pages table { margin: 90px auto 0; width: 777px; height: 200px; }
#slideBlock .inner .pages table th { width: 320px; height: 175px; text-align: center; vertical-align: middle; }
#slideBlock .inner .pages table td { height: 175px; vertical-align: middle; line-height: 1.8em; font-size: 85%; }
/* #slidePrev */
#slideBlock #slidePrev { position: absolute; left: 0px; top: 157px; }
#slideBlock #slidePrev a { display: block; width: 32px; height: 31px; border: 1px dotted #a3a3a3; border-left: none; text-align: left; text-indent: -999em; overflow: hidden; background: url(../images/about_btn_001_off.gif) no-repeat left top; }
#slideBlock #slidePrev a:hover { background: url(../images/about_btn_001_ac.gif) no-repeat left top; }
/* #slideNext */
#slideBlock #slideNext { position: absolute; right: 0px; top: 158px; }
#slideBlock #slideNext a { display: block; width: 33px; height: 31px; border: 1px dotted #a3a3a3; border-right: none; text-align: left; text-indent: -999em; overflow: hidden; background: url(../images/about_btn_002_off.gif) no-repeat left top; }
#slideBlock #slideNext a:hover { background: url(../images/about_btn_002_ac.gif) no-repeat left top; }
/* .sliderNavigation */
#slideBlock .sliderNavigation { position: absolute; right: 40px; top: 35px; font-size: 77%; z-index: 999; }
#slideBlock .sliderNavigation li { float: left; width: 110px; height: 30px; margin-left: 5px; }
#slideBlock .sliderNavigation li a { width: 110px; height: 30px; overflow: hidden; display: block; text-align: left; text-indent: -999em; }
#slideBlock .sliderNavigation li.sliderNav01 a { background: url(../images/about_btn_003_off.gif) no-repeat left top; }
#slideBlock .sliderNavigation li.sliderNav01 a:hover,
#slideBlock .sliderNavigation li.sliderNav01 a.current { background: url(../images/about_btn_003_ac.gif) no-repeat left top; }
#slideBlock .sliderNavigation li.sliderNav02 a { background: url(../images/about_btn_004_off.gif) no-repeat left top; }
#slideBlock .sliderNavigation li.sliderNav02 a:hover,
#slideBlock .sliderNavigation li.sliderNav02 a.current { background: url(../images/about_btn_004_ac.gif) no-repeat left top; }
#slideBlock .sliderNavigation li.sliderNav03 a { background: url(../images/about_btn_005_off.gif) no-repeat left top; }
#slideBlock .sliderNavigation li.sliderNav03 a:hover,
#slideBlock .sliderNavigation li.sliderNav03 a.current { background: url(../images/about_btn_005_ac.gif) no-repeat left top; }
#slideBlock .sliderNavigation li.sliderNav04 a { background: url(../images/about_btn_006_off.gif) no-repeat left top; }
#slideBlock .sliderNavigation li.sliderNav04 a:hover,
#slideBlock .sliderNavigation li.sliderNav04 a.current { background: url(../images/about_btn_006_ac.gif) no-repeat left top; }
/* .sliderPagination */
#slideBlock .sliderPagination { position: absolute; right: 40px; bottom: 40px; font-size: 77%; }
#slideBlock .sliderPagination li { float: left; margin-left: 4px; line-height: 1em; }
#slideBlock .sliderPagination li img { margin: 6px 2px 0 0; }
#slideBlock .sliderPagination a { display: block; padding: 4px 6px; border: 1px solid #261e1b; text-align: center; text-decoration: none; border-radius: 2px; color: #261e1b; line-height: 1em; }
#slideBlock .sliderPagination a:hover,
#slideBlock .sliderPagination a.current { background-color: #261e1b; color: #FFF; }
/* #page2 */
#slideBlock #page2 h4 { margin-top:4px; color:#2c8211; }
#slideBlock #page2 table td table { margin:0; height:110px; width:450px; border:1px solid #b9b9b7;  text-align:center; }
#slideBlock #page2 table td table th { font-size:11px; width:89px; height:46px; color:#2c8211; background:#d2e3cb; border:1px solid #b9b9b7; }
#slideBlock #page2 table td table td { font-size:11px; width:90px; height:46px; border:1px solid #b9b9b7; }