/*Theme Name: pca2014Description: PCA用Author: kt-design2014*/
/*初期化*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

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

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

/*======================== れすぽんしぶ画像　===================*/
/* 標準可変メディア   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある   http://www.alistapart.com/articles/fluid-images/ */
/*こちらの正式名称は「フルードイメージ」*/
img, object, embed, video {
  width: inherit;
  max-width: 100%;
  height: auto; }

/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
  width: 100%;
  height: auto; }

/* 全般 */
.k1 {
  border: 1px solid; }

.bgGRAY {
  background-color: #efefef; }

.cf {
  overflow: hidden;
  *zoom: 1; }

.fl, 　.floatleft {
  float: left; }

.fr, .floatright {
  float: right; }

.al, 　.alignleft {
  text-align: left; }

.ar, 　.alignright {
  text-align: right; }

.ac, 　.aligncenter {
  text-align: center; }

.m0a {
  margin: 0 auto; }

.nm {
  margin: 0 0 0 0; }

.nrm {
  margin-right: 0 !important; }

.mr40 {
  margin-right: 40px !important; }

.mb2em {
  margin-bottom: 2em; }

.mb4em {
  margin-bottom: 4em; }

.mt2em {
  margin-top: 2em; }

.mtb2em {
  margin-top: 2em;
  margin-bottom: 2em; }

.mtb4em {
  margin-top: 4em;
  margin-bottom: 4em; }

.mtb6em {
  margin-top: 6em;
  margin-bottom: 6em; }

.pad5 {
  padding: 5px; }

.pad10 {
  padding: 10px; }

.ps2em {
  padding: 0 2em; }

.ps4em {
  padding: 0 4em; }

.half {
  width: 50%; }

.w220 {
  width: 220px; }

.w230 {
  width: 230px; }

.w240 {
  width: 240px; }

.w250 {
  width: 250px; }

.w260 {
  width: 260px; }

.w280 {
  width: 280px; }

.w300 {
  width: 300px; }

.w320 {
  width: 320px; }

.w360 {
  width: 360px; }

.w460 {
  width: 460px; }

.w520 {
  width: 520px; }

.w530 {
  width: 530px; }

.w540 {
  width: 560px; }

.w560 {
  width: 560px; }

.w600 {
  width: 600px; }

.fitimg {
  width: inherit;
  max-width: 100%;
  height: auto;
  zoom: 1; }

/*FONT系*/
.ita {
  font-style: italic; }

.bold {
  font-weight: bold !important; }

.cap {
  font-size: 75%;
  line-height: 180%; }

.lead {
  font-size: 87.5%;
  margin-bottom: 2em; }

.indent1 {
  padding-left: 1em; }

.tsume {
  letter-spacing: -0.05em; }

.smalltxt {
  font-size: 60% !important; }

.uetuke {
  font-size: 50% !important; }

.sup {
  vertical-align: super;
  font-size: 75%; }

/*====================== 前後のページへのリンク =============================*/
#btmnavi {
  font-size: 50%; }

.prevnext {
  margin-top: 30px;
  overflow: hidden;
  border-top: 1px solid #666; }

.prevnext a {
  font-size: 9px; }

.prevnext a:hover {
  color: #009;
  text-decoration: underline; }

.prev {
  font-size: 9px;
  margin: 0;
  float: left; }

.next {
  font-size: 9px;
  margin: 0;
  float: right; }

/*========================文字の大小　設定==========================*/
.smaller, .small {
  font-size: 62.5%;
  font-weight: normal; }

.minittl {
  text-align: center;
  font-weight: bold;
  color: #000;
  padding: 0px; }

.title {
  padding: 3px;
  background-color: #bbb; }

/*========================シャドウ==========================*/
.shadow {
  /* border-radiusborder-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; */
  /* box-shadow */
  box-shadow: rgba(83, 84, 87, 0.29804) 0px 0px 6px 3px;
  -webkit-box-shadow: rgba(83, 84, 87, 0.29804) 0px 0px 6px 3px;
  -moz-box-shadow: rgba(83, 84, 87, 0.29804) 0px 0px 6px 3px; }

/* ==================== 設計 ======================================================================================================== */
#wrap {
  text-align: left;
  font-size: 14px;
  background-color: #fff;
  max-width: 1000px;
  margin: 0 auto; }

#header {
  background-color: #261707;
  text-align: center;
  color: #fff;
  height: auto;
  margin-bottom: 5px; }

#head_inner {
  position: relative;
  width: 1000px;
  margin: 0 auto; }
  #head_inner #searchbox {
    position: absolute;
    top: 10px;
    right: 10px; }
  #head_inner #discri {
    position: absolute;
    top: 30px;
    left: 0; }
  #head_inner h1 {
    position: absolute;
    top: 10px;
    left: 0; }
    #head_inner h1 a {
      display: block; }

#contents {
  width: 100%;
  margin-bottom: 2em; }

#top_set {
  overflow: hidden;
  width: 100%;
  margin: 0 auto; }

#top_bnrs {
  float: right;
  width: 320px; }
  #top_bnrs #newsbox li {
    margin-bottom: 1em; }

#top_covers {
  background-color: #efefef;
  width: 640px;
  float: left;
  position: relative; }

#top_covers ul {
  width: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  zoom: 1;
  display: table; }

#top_covers ul li {
  width: 200px;
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0;
  float: left; }

.kiji {
  margin: 0 auto; }

.kiji p img {
  margin: 0 auto; }

#single_info_main {
  width: 80%;
  margin: 0 auto; }

#footArea {
  text-align: center;
  font-size: 60%;
  line-height: 1.2;
  width: 100%;
  background-color: #efefef;
  position: relative; }

#footinner {
  padding: 10px; }

.tablepad10 td {
  padding: 10px;
  line-height: 120%; }

/*UL,LIなどの初期化に*/
.solidlist {
  list-style: none;
  margin: 0;
  padding: 0; }

.solidlist li {
  width: 136px;
  height: 180px;
  float: left;
  background-color: #fff;
  border: 1px solid #bbb;
  padding: 10px;
  margin: 0 10px 10px 0; }
  .solidlist li h5 {
    font-size: 11px;
    line-height: 1.2em;
    margin-bottom: 0.5em; }

.solidlist li:nth-child(6n) {
  margin-right: 0; }

h2.ttl_chapter {
  font-weight: bold;
  font-size: 100%;
  margin-bottom: 1em;
  color: #FFF;
  background: #2e2c30;
  padding: 10px; }

h2, h3, h4 {
  font-weight: bold;
  line-height: 1.6; }

p {
  text-align: left;
  line-height: 2;
  margin-bottom: 1em; }

a {
  text-decoration: none;
  color: #34bddc; }

p a img.aligncenter {
  display: block;
  text-align: center !important;
  margin: 0 auto !important; }

address {
  font-style: normal; }

span, address {
  font-size: 75%; }

/* ==================== MENU設計 ============================================================================================================== */
ul#menu-site-menu * {
  list-style: none; }

ul#menu-site-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 40px;
  background-color: #111;
  margin-bottom: 5px; }

ul#menu-site-menu li {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left; }

ul#menu-site-menu li a {
  height: 40px;
  /*width:100px;*/
  text-align: center;
  line-height: 40px;
  padding: 0 10px;
  background: #111111 url(images/li_bg.png) no-repeat right -10px;
  display: block; }

ul#menu-site-menu li a:hover {
  color: #fff;
  background-color: #222; }

ul#menu-site-menu li ul {
  background-color: #222;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 99999;
  top: 100%;
  left: 0;
  display: none; }

ul#menu-site-menu li:hover > ul {
  display: block !important; }

ul#menu-site-menu li > ul a {
  font-size: 90%;
  color: #fff;
  display: block;
  border-top: 1px solid #fff;
  background-image: none;
  background-color: #222;
  width: 160px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  padding: 0 5px; }

ul#menu-site-menu li > ul li a:hover {
  background-color: #333; }

ul#subMenu li {
  width: 100%;
  list-style: none;
  background: black url(images/li_bg_yoko.png) no-repeat left top;
  margin: 0;
  padding: 0 5px; }

ul#mainMenu li a, ul#subMenu li a {
  line-height: 40px;
  height: 40px;
  color: #fff;
  padding: 0 1em;
  display: block; }

ul#menu-foot-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  left: 50%;
  float: left; }

ul#menu-foot-menu li {
  border-left: 1px solid #333;
  position: relative;
  left: -50%;
  float: left;
  padding: 0 5px;
  margin: 0;
  list-style: none; }

ul#menu-foot-menu li:last-child {
  border-right: 1px solid #333; }

ul#menu-foot-menu li a {
  text-align: center;
  display: block; }

/*以下スマホ対応--------------------------------------------------*/
@media (max-width: 480px) {
  /*iphone*/
  html {
    max-width: 480px;
    font-size: 100%;
    /*サイト全体の基準フォントサイズ12px*/ }

  #wrap {
    background-color: #fff; }

  #top_bnrs {
    margin: 0 auto;
    float: none;
    width: 90%; }

  #top_covers {
    width: 100%;
    float: none; }

  #top_covers ul {
    width: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block; }

  #top_covers ul li {
    width: 260px;
    list-style: none;
    margin: 0 auto;
    padding: 10;
    float: none; }

  /*====================ヘッダの内容==========================*/
  #head {
    /*画面の横幅いっぱい*/
    background-color: #000;
    width: 100%;
    height: auto;
    position: relative;
    padding: 0px; }

  #head_inner {
    position: absolute;
    top: 10px;
    left: 10px; }

  h1 a {
    font-size: 14px; }

  #searchbox, #discri {
    display: none; }

  /*ヘッダーのメニュー設定*/
  ul#menu-site-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    height: auto;
    background-color: #111; }

  ul#menu-site-menu li {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%; }

  ul#menu-site-menu li a {
    height: 30px;
    line-height: 30px;
    background-image: none; }

  ul#menu-site-menu li ul {
    width: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 99999;
    top: 100%;
    left: 49%;
    display: none; }

  ul#menu-site-menu li:hover > ul {
    display: block !important; }

  ul#menu-site-menu li > ul li a {
    color: #fff;
    display: block;
    border-top: 1px solid #fff;
    background-image: none;
    background-color: #222;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    padding: 0 5px; } }