/* ==========================================================================

   BaseStyle

========================================================================== */

html { overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 62.5%; }

body { line-height: 1.7em; font-size: 1.3em; word-spacing: normal; background: url(../images/page_bg.jpg) repeat-x center top; }

body, input, button, textarea, select { font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }

.index { background: url(../images/index_bg.jpg) repeat-x center top; }

.wrapper { width: 940px; margin: 0 auto; }

/*-- header --*/

.logo { margin: 0; padding: 10px 0 5px 0; float: left; }

.header_r { float: right; padding-top: 30px; }

.header_r ul { margin: 0; padding: 0; clear: both; }

.header_r ul li { float: left; list-style: none; }

.navigation ul { margin: 0; padding: 0; clear: both; background: url(../images/nav_section.gif) no-repeat left center; height: 45px; }

.navigation li { float: left; list-style: none; line-height: 45px; height: 45px; }

/*-- contents --*/

#side_column { width: 200px; float: left; padding-top: 18px; }

#center_column { float: left; width: 500px; padding: 20px 20px 0px; }

#main_column { float: right; width: 720px; }

.navtitle { margin: 0px; padding: 8px 5px 5px 20px; background: #63A63C url(../images/side_h2.jpg) no-repeat; color: #FFF; font-size: 1.2em; border-bottom: 3px solid #6DBA43; line-height: 1.2em; border-top-style: none; border-right-style: none; border-left-style: none; font-weight: bold; }

#side_column ul { margin: 0 0 10px; padding: 0; list-style: none; }

#side_column li { margin: 0; padding: 0; list-style: none; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 99%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(99%, #f1f1f1)); background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 99%); background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 99%); background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 99%); background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 );

}

#side_column li:hover { background: #e8e8e8; background: -moz-linear-gradient(top, #e8e8e8 0%, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #f1f1f1)); background: -webkit-linear-gradient(top, #e8e8e8 0%, #f1f1f1 100%); background: -o-linear-gradient(top, #e8e8e8 0%, #f1f1f1 100%); background: -ms-linear-gradient(top, #e8e8e8 0%, #f1f1f1 100%); background: linear-gradient(to bottom, #e8e8e8 0%, #f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f1f1f1', GradientType=0 );

}

#side_column li a { color: #333; text-decoration: none; display: block; padding: 5px 5px 5px 18px; background: url(../images/arrow.gif) no-repeat 8px 12px; }

#slideshow { position:relative; height:350px; }

#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; background-color: #FFF; }

#slideshow IMG.active { z-index:10; opacity:1.0; }

#slideshow IMG.last-active { z-index:9; }

/*-- footer --*/

#footer { clear: both; background: url(../images/ft_bg.gif); padding: 30px 0px; text-align: center; border-top: 3px solid #333; margin-top: 20px;min-width: 940px; }

/* ==========================================================================

   PageStyle

========================================================================== */

/*-- index --*/

.mainimage { margin-top: 5px; position:relative; height:230px;}

.mainimage img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; background-color: #FFF; -webkit-box-shadow: 0 0 5px #b8b8b8; -moz-box-shadow: 0 0 5px #b8b8b8; box-shadow: 0 0 5px #b8b8b8;}

.mainimage img.active { z-index:10; opacity:1.0; }

.mainimage img.last-active { z-index:9; }

.news { margin: 0; padding: 0; }

.news dt { font-size: 1.4em; font-weight: bold; color: #64A73D; background: url(../images/circle.gif) no-repeat left center; padding: 5px 0px 5px 18px; }

.news dd { margin: 0px 0px 5px; border-bottom: 1px dotted #CCC; padding: 0px 0px 10px; }

.b_box{ border: 2px solid #EBEBEB; padding: 10px; background-color: #F9F9F9; margin-bottom: 20px; }

/*-- index --*/

.style_table { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }

.style_table td { border-top: 1px solid #CCC; border-left: 1px solid #CCC; padding: 5px; }

.style_table th { border-top: 1px solid #CCC; border-left: 1px solid #CCC; background: #DEE3DB; }

/*-- heading --*/

h2 { background: #f1f1f1; background: -moz-linear-gradient(top, #f1f1f1 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e8e8e8)); background: -webkit-linear-gradient(top, #f1f1f1 0%, #e8e8e8 100%); background: -o-linear-gradient(top, #f1f1f1 0%, #e8e8e8 100%); background: -ms-linear-gradient(top, #f1f1f1 0%, #e8e8e8 100%); background: linear-gradient(to bottom, #f1f1f1 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e8e8e8', GradientType=0 );

padding: 10px 10px 10px 20px; border: 1px solid #CCC; }

h2:before { content: " "; float: left; position: relative; top: 0px; background: #6AB441 url(../images/h2.gif) 0px 0px; display: block; height: 20px; width: 3px; margin: 0 0 0 -11px; }

h3 { font-size: 1.4em; font-weight: bold; color: navy; background: url(../images/circle.gif) no-repeat left center; padding: 5px 0px 5px 18px; }

h4 { color: #2D371E; font-size: 1.2em; border-left: 3px solid #143358; padding: 2px 0px 0px 5px; }

.b_box h4{ font-size: 1.4em; font-weight: bold; color: navy; background: url(../images/circle.gif) no-repeat left center; padding: 5px 0px 5px 20px; border-style: none; margin: 0px; }

