@charset "utf-8";


body { margin: 0; padding: 0; background-color: #fff; color: #333; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; text-align: left; font-size: 13px; line-height: 140%; }

.bodyback { background-repeat: repeat-x; }

* html body {
  font-size: small;
  font: x-small;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}

/*  Text(?e?L?X?g?֘A)
----------------------------------------*/
/* ???o?? */
h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  clear: both;
  font-size: 100%;
  line-height: 100%;
  font-weight: normal;
}

/* ?i?? */
p {
  margin: 0;
  padding: 0;
}

/* ???? */
strong, em {
  font-style: normal;
  font-weight: bold;
}

/*  Hyperlink(?????N?֘A)
---------------------------------------*/
a:link    { color: #09f; text-decoration: underline; }    /* ?ʏ? */
a:visited { color: #09f; text-decoration: underline; }    /* ?K???ς? */
a:hover   { color: #4cb7ff; text-decoration: underline; } /* ?z?o?[?? */
a:active  { color: #4cb7ff; text-decoration: underline; } /* ?N???b?N?? */

/*  List(???X?g?֘A)
---------------------------------------*/
ul, ol, dl {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
}

li, dt, dd {
  margin: 0;
  padding: 0;
}

/*  Form(?t?H?[???֘A)
---------------------------------------*/
form {
  clear: both;
  margin: 0px;
  padding: 0px;
}

input, select, textarea {
  font-size: 100%;
}

input, textarea {
  padding: 0.1em 2px;
}

/*  Table(?e?[?u???֘A)
---------------------------------------*/
table {
  font-size: inherit;
  font: 100%;
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}

th, td, caption {
  font-weight: normal;
  text-align: left;
}

/*  Image(?C???[?W?֘A)
---------------------------------------*/
img {
  border: 0;
  vertical-align: bottom;
}

/*  Quote(???p?֘A)
---------------------------------------*/
blockquote, pre {
  margin: 0;
  padding: 1em;
  width: 100%;
  overflow: auto;
}

/*  Line(???C???֘A)
---------------------------------------*/
hr {
  display: none;
}

/*  Copyright(?R?s?[???C?g?֘A)
---------------------------------------*/
address {
  font-style: normal;
  font-weight: normal;
  text-align: left;
}


#container { width: 882px; overflow: hidden; margin: 0 auto; padding: 0; }

/*  #header
----------------------------------------*/
#header {
  width: 100%;
  margin: 0 auto;
}

/*  #content
----------------------------------------*/
#content {
  width: 100%;
  margin: 0 auto;
}

/*  #main
----------------------------------------*/
#main { width: 600px; overflow: hidden; float: left; }
#main .panel {
  width: 590px;
}

/*  #side
----------------------------------------*/
#side {
  float: right;
}
#side .panel {
  width: 284px;
}

/*  #content
----------------------------------------*/
.wrapper {
  width: 884px;
  margin: 0 auto;
 }

/*  #footer
----------------------------------------*/
#footer { height: 138px; background: url(../common/images/footer/background.jpg) repeat-x; color: #fff; text-align: center; float: none; clear: both; margin-top: 10px; padding-top:10px; padding-bottom: 0; }

.footer { color: #fff; width: 802px; margin-right: auto; margin-left: auto; padding: 0; }

#footer .footer-navi {
  text-align: center;
  padding: 1em 0;
}
#footer .footer-navi li { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 center; display: inline; padding-left: 15px; }
#footer .footer-navi li.top {
  padding-left: 0;
  background: none;
}
#footer .footer-navi li a:link,
#footer .footer-navi li a:visited {
  color: #fff;
  text-decoration: none;
}
#footer .footer-navi li a:hover,
#footer .footer-navi li a:active {
  color: #fff;
  text-decoration: underline;
}
#footer .copyright {
  text-align: center;
}


#header {
  background: url(../images/header/background.jpg) repeat-x 0 0;
  margin-bottom: 15px;
}
#header .wrapper {
  height: 368px;
  background: url(../images/header/bg_mainimage.jpg)no-repeat 0 0;
}
#header .global-navi {
  width: 819px;
  height: 50px;
  margin: 0 auto;
}
#header .global-navi li {
  float: left;
}
#header .global-navi li a {
  display: block;
  width: 117px;
  height: 50px;
  text-indent: -99999px;
  overflow: hidden;
}
#header .global-navi .gnavi01 a { background: url(../images/header/gnavi01.jpg) no-repeat 0 0; }
#header .global-navi .gnavi02 a { background: url(../images/header/gnavi02.jpg) no-repeat 0 0; }
#header .global-navi .gnavi03 a { background: url(../images/header/gnavi03.jpg) no-repeat 0 0; }
#header .global-navi .gnavi04 a { background: url(../images/header/gnavi04.jpg) no-repeat 0 0; }
#header .global-navi .gnavi05 a { background: url(../images/header/gnavi05.jpg) no-repeat 0 0; }
#header .global-navi .gnavi06 a { background: url(../images/header/gnavi06.jpg) no-repeat 0 0; }
#header .global-navi .gnavi07 a { background: url(../images/header/gnavi07.jpg) no-repeat 0 0; }
#header .global-navi li a:hover,
#header .global-navi li a.on { background-position: 0 -50px; }

#header .sbm {
  padding-top: 54px;
  height: 29px;
  line-height:29px;
  text-align: right;
}
.sitemap{
  margin-top: 9px;
}

#header .sbm li {
  display: inline;
}
#header .sbm li img {
  vertical-align: middle;
}

#header .shortcut-navi {
  padding-top: 180px;
}
#header .shortcut-navi li a{
  width: 213px;
  height: 46px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
}


#header .shortcut-navi .scnavi01 a { background:url(../images/header/scnavi01.jpg) no-repeat 0 0; }
#header .shortcut-navi .scnavi02 a { background:url(../images/header/scnavi02.jpg) no-repeat 0 0; }
#header .shortcut-navi .scnavi03 a { background:url(../images/header/scnavi03.jpg) no-repeat 0 0; }
#header .shortcut-navi .scnavi04 a { background:url(../images/header/scnavi04.jpg) no-repeat 0 0; }
#header .shortcut-navi li{
   float: left;
   padding-left: 6px;
 }
 
 
 /*  #container
----------------------------------------*/
#content {
  margin-bottom: 7px;
 }
#content #main .title {
  width: 590px;
  height: 63px;
  text-indent: -99999px;
  overflow: hidden;
  background: url(../images/content/title01.jpg) no-repeat 0 0;
  margin-top: 15px;
}


#content #side {
  background-color: #ebeceb;
}
#content #side .banner p {
  padding: 5px;
}
#content #side .banner li {
  margin-bottom: 18px;
}
#content #side .banner .top {
  margin-bottom: 3px;
}
#content #side .comment {
  margin-bottom: 18px;
  padding: 0 5px;
}
#content #side {
  background-color: #ebeceb;
}
.navi01{
  list-style-image: url(../images/content/list_red.jpg);
  margin-left: 30px;
}
.navi02{
  list-style-image: url(../images/content/list_green.jpg);
  margin-left: 30px;
}


/*追加CSS　田中*/

#header .wrapper2 { height: 368px; background: url(../images/header/bg_mainimage2.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper3 { height: 368px; background: url(../images/header/bg_mainimage3.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper4 { height: 368px; background: url(../images/header/bg_mainimage4.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper5 { height: 368px; background: url(../images/header/bg_mainimage5.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper6 { height: 368px; background: url(../images/header/bg_mainimage6.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper7 { height: 368px; background: url(../images/header/bg_mainimage7.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper8 { height: 368px; background: url(../images/header/bg_mainimage8.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper9 { height: 368px; background: url(../images/header/bg_mainimage9.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper10 { height: 368px; background: url(../images/header/bg_mainimage10.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper11 { height: 368px; background: url(../images/header/bg_mainimage11.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper12 { height: 368px; background: url(../images/header/bg_mainimage12.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper13 { height: 368px; background: url(../images/header/bg_mainimage13.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper14 { height: 368px; background: url(../images/header/bg_mainimage14.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper15 { height: 368px; background: url(../images/header/bg_mainimage15.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper16 { height: 368px; background: url(../images/header/bg_mainimage16.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper17 { height: 368px; background: url(../images/header/bg_mainimage17.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper18 { height: 368px; background: url(../images/header/bg_mainimage18.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper19 { height: 368px; background: url(../images/header/bg_mainimage19.jpg) no-repeat; width: 882px; margin: 0 auto; }
#header .wrapper20 { height: 368px; background: url(../images/header/bg_mainimage20.jpg) no-repeat; width: 882px; margin: 0 auto; }
.title2 { margin-top: 15px; margin-bottom: 5px; }
#main p { line-height: 150%; margin-top: 5px; margin-bottom: 5px; }
.blog_entry { margin-top: 15px; margin-bottom: 40px; padding: 0 0 20px; border-bottom: 1px dotted #c1c1c1; }
.blog_menu { width: 280px; overflow: hidden; margin: 0 0 6px; padding: 0; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-top-color: #d5d5d5; border-top-width: 1px; }
.blog_side { background-color: #fff; margin: 0; padding: 0; }
.blog_menu ul { margin: 0; padding: 10px 10px 15px 15px; }
.blog_menu ul li { font-size: 12px; background-image: url(../images/content/list_blue.jpg); background-repeat: no-repeat; background-position: 0 4px; padding-bottom: 5px; padding-left: 12px; list-style-type: none; }
.date { text-align: right; padding: 5px 5px 3px; }
.title3 { font-size: 15px; margin: 15px 0 20px; ;padding: 1px 0 5px; border-bottom: 4px solid #2f8a0c; }
.title4 { font-size: 15px; margin: 15px 0 20px; ;padding: 1px 0 5px; border-bottom: 4px solid #010165; }
.site_entry { font-size: 18px; padding: 0; }
.photo { padding: 1px; border: solid 2px #d5d5d5; }
.photoleft { float: left; margin-right: 15px; }

.site_entry2 { font-size: 14px; padding: 0 10px 0 0; }
.site_entryt { font-size: 24px; float: none; clear: both; padding: 10px 0 7px; }
.site_entryt2 { font-size: 30px; float: none; clear: both; margin-top: 25px; margin-bottom: 10px; padding: 10px 0 7px; }
.t2g { color: #2f8a0c; font-size: 30px; float: none; clear: both; margin-top: 25px; margin-bottom: 10px; padding: 10px 0 7px; }
.t2b { color: #1800fc; font-size: 18px; }
.t2red { color: #820009; font-size: 18px; padding-top: 10px; padding-bottom: 7px; }
.moji_green { color: #2f8a0c; }
.moji_green2 { color: #00FF00; font-size: 18px; }
.moji_green3 { color: #2f8a0c; font-size: 18px; }
.tb1 { color: #b92129; vertical-align: bottom; padding-bottom: 5px; }
.tb2 { vertical-align: top; border-top: 1px solid #c1c1c1; }
.tb3 { padding-right: 3px; padding-left: 3px; }
.tb4 { font-size: 12px; margin: 0; padding: 3px 5px 3px 8px; }
.tb5 { text-align: center; }
.tb6 { font-size: 13px; margin: 0; padding: 5px 5px 5px 8px; border-left: 3px solid #2f8a0c; }
.clear { float: none; clear: both; }
.base_white { color: #fff; }
.base_black { color: #444444; line-height: 150%; }
#hyo1 { font-size: 12px; }
#maga { margin: 0; padding: 10px 10px 10px 15px; }
#maga p { padding-top: 3px; padding-bottom: 3px; }
#maga2 { margin: 0; padding: 10px 10px 10px 0; }
#maga2 p { background-image: url(../images/content/list_green.jpg); background-repeat: no-repeat; background-position: 0 7px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.member { margin-bottom: 30px; padding: 15px 0; border: solid 1px #c1c1c1; }

#side_maga { background-color: #ebeceb; padding: 5px 10px 5px 5px; }
#side_maga p { margin: 0; padding: 2px 0; }