/*
  Theme Name: 九重雑賀のテーマ
  Theme URI: http://
  Description: 九重雑賀のテーマ
  Version: 1.0.0

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php

*/

/* HTML Elements */
* {
  margin:0;
  padding:0;
}

body,html {
  min-height:101%;
}

body {
  /*background: url(images/bg_header.gif) repeat-x center top #E7E7DF;*/
  background: url(images/bg_header.gif) repeat-x center top;
  font-size: 0.88em;
  color: #444444;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
/*  font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;*/
  line-height: 1.2em;
}

h1,h2,h3,h4,h5,h6{
  margin: 0;
  padding: 0;
}

a:link, a:visited {
  color: #0066CC;
}

a:hover, a:active {
  color:#FF0066 !important;
  text-decoration: underline !important;
}

a:hover img {
  -moz-opacity:0.65;
  opacity:0.65;
  filter:alpha(opacity=65);
}

hr {
  display: block;
  height:1px;
  background:#cccccc;
  border:0;
}

small {
  font-size: 0.95em;
  font-style:italic;
  background:#fffff;
  padding:0 0 0 4px;
  color: #999;
}

img, a:link img, a:visited img {
  border:0
}

address {
  font-style: normal;
}

#wrapper {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}


/* header ------------------------------------- */
#header {
  position: relative;
  height: 122px;
  /*overflow: hidden;*/
}



/* navi ------------------------------------- */
#navi {
  text-align: right;
  margin-top: 42px;
}
#navi ul {
  list-style: none;
  /*overflow: hidden;*/
}
#navi li {
  float: left;
}

/* navi ドロップダウンメニュー実装------------------------------------- */
#navi ul li#mb_shop {
  position: relative;
}
#navi ul li ul {
  background-color: #000;
  position: absolute;
  z-index: 30;
  text-align: left;
}
#navi ul li ul li {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 0.85em;
  float: none;
  min-width: 125px;
  overflow: hidden;
  height: 0;
  transition: .2s;
  background-color: #000;
}
#navi ul li:hover ul li {
  overflow: visible;
  height: 31px;
  padding: 0 5px;
}
#navi ul li ul li a {
  padding: 5px 8px;
  display: block;
  border-bottom: 1px dotted #fff;
  color: #ccc;
  text-decoration: none;
  background-color: #000;
}

#subnavi {
  position: absolute;
  top: 10px;
  right: 10px;
}
#subnavi ul {
  text-align: right;
}
#subnavi ul li {
  display: inline-block;
  margin-left: 5px;
}



/* category_image ------------------------------------- */
#category_image {
  text-align: center;
  clear: both;
  margin:20px 0;
}



/* page_navigation ------------------------------------- */
#page_navigation {
  margin: 10px 0 10px;
  overflow: hidden;
}
#page_navigation ul {
  list-style: none;
}
#page_navigation li {
  float: left;
  margin-right: 5px;
}
#post_navi_footer {
  overflow: hidden;
  clear: both;
}
#post_navi_footer .prev {
  float: left;
}
#post_navi_footer .next {
  float: right;
}



/* nav-below ------------------------------------- */
#nav-below {
  overflow: hidden;
  margin: 20px 0;
}
#nav-below .nav-previous {
  float: left;
}
#nav-below .nav-next {
  float: right;
}
#nav-below .meta-nav {
  padding: 0 10px;
}



/* pagetop ------------------------------------- */
#pagetop {
  margin-top: 30px;
  text-align: right;
}



/* main ------------------------------------- */
#main {
  margin-top: 24px;
  overflow: hidden;
}



/* container ------------------------------------- */
#container {
}
#container h2.title{
  line-height: 150%;
  margin-bottom: 30px;
}
#container h3{
  line-height: 150%;
}
#container h3.title{
  text-align: center;
  margin-bottom: 30px;
  font-size: 320%;
  font-weight: normal;
  line-height: 150%;
  letter-spacing: 0.2em;
}
#container h4.subtitle{
  font-size: 180%;
  font-weight: normal;
  line-height: 150%;
  margin-bottom: 10px;
}
#container h4{
  margin: 10px;
}
#container p {
  margin: 15px 0;
  padding: 0;
  line-height: 1.5em;
}

#submenu_frame {
  position: relative;
  overflow: hidden;
}
#submenu_frame ul {
  position: relative;
  left: 50%;
  float: left;
  list-style: none;
}
#submenu_frame li {
  position: relative;
  left: -50%;
  margin: 10px;
  float: left;
}
#staff_list{
  overflow: hidden;
}
#staff_list dl{
  overflow: hidden;
  margin: 0 22px 50px 21px;
  padding: 5px;
  border-top:1px solid #DDDDDD;
  border-left:1px solid #DDDDDD;
  border-right:2px solid #9B9B8C;
  border-bottom:2px solid #9B9B8C;
  width: 270px;
  height: 500px;
  float: left;
  background: url(images/bg_staff2.png) repeat bottom center #F0F0E1;
}
#staff_list .mini {
    font-size: 80%;
}
#staff_list dt{
  text-align: center;
  margin-bottom: 10px;
}
#staff_list dd p.name{
  text-align: center;
  font-size: 120%;
}
#staff_list dd p.name span{
  font-size: 80%;
}
#staff_list dd p.comment{
  font-size: 90%;
}



/* sidebar ------------------------------------- */
#sidebar {
  float: right;
  width: 232px;
}

#sidebar ul {
  list-style: none;
}

#categorylist_sideframe h4 {
  background: #1D2025;
  color: #FFFFFF;
  padding: 10px 8px;
}
#categorylist_sideframe ul {
  margin: 0 3px 50px;
}
#categorylist_sideframe li a {
  background: url(images/bg_categorylist.png) no-repeat left top;
  margin: 10px 0;
  padding: 3px 0 5px 25px;
  color: #333333;
  display: block;
}

#bannerlist_sideframe li {
  margin-bottom: 10px;
}



/* footer ------------------------------------- */
#footer {
  background: url(images/bg_footer.gif) repeat-x left top #1D2025;
  padding: 40px 0 20px;
  margin: 20px 0 0px;
  color: #FFFFFF;
}
#footer_wrapper {
  width: 980px;
  margin: 0 auto 30px;
  overflow: hidden;
}
#footer_navi ul {
  list-style: none;
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 90%;
}
#footer_navi li {
  background: url(images/icon_footer_navi.gif) no-repeat 0 0;
  margin: 5px 12px 5px 0;
  padding-left: 15px;
}
#footer_navi li a {
  color: #FFFFFF;
  text-decoration: none;
}
#footer_navi li a:hover {
  color: #FF0066;
  text-decoration: underline;
}


#footer_copyright {
  text-align: left;
  font-size: 70%;
}



/* class ------------------------------------- */
ul.icon_list {
  margin: 0 3px 30px 10px;
  list-style: none;
}
.icon_list li a {
  background: url(images/bg_categorylist.gif) no-repeat left top;
  margin: 10px 0;
  padding: 0px 0 5px 30px;
  color: #333333;
}
.icon_list li {
  margin-bottom: 15px;
}

.icon_list_red {
  color: #B10000;
  background: url(images/icon_list_red.gif) no-repeat left 3px;
  padding: 0 0 0 15px;
}

.list_border {
  margin: 10px;
  list-style: none;
}
.list_border li {
  border-bottom: 1px dotted #CCCCCC;
  padding: 0 20px 5px 20px;
}

.image_left {
	margin: 0 20px 20px 0;
	float: left;
}

.image_center {
	margin: 0 auto 20px auto;
}

.image_right {
	margin: 0 0 20px 20px;
	float: right;
}

.left_box {
  float: left;
}
.right_box {
  float: right;
}

.text_center {
  text-align: center;
}
.text_right {
  text-align: right;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.section{
  margin-bottom: 50px;
  clear: both;
  overflow: hidden;
}

table.table_noborder {
  border: none;
  margin: 5px 0;
}
table.table_noborder td {
  padding: 3px;
}
table.table_dotborder {
  border: none;
  margin: 5px 0;
}
table.table_dotborder th {
  padding: 3px;
  border-bottom: 1px dotted #CCCCCC;
  vertical-align: top;
  text-align: left;
  line-height: 30px;
  font-weight: normal;
}
table.table_dotborder td {
  padding: 3px;
  border-bottom: 1px dotted #CCCCCC;
  vertical-align: top;
  line-height: 30px;
}

table.table_style {
  border: 1px solid #999999;
  border-collapse: collapse;
  margin-bottom: 30px;
  font-size: 0.88em;
  background: #FFFFFF;
}
table.table_style th {
  background-color: #EEEEEE;
  padding: 3px;
  border: 1px solid #999999;
  vertical-align: middle;
  text-align: center;
  font-weight: normal;
}
table.table_style td {
  margin: 0;
  padding: 8px;
  vertical-align: middle;
  line-height: 150%;
  border: 1px solid #999999;
  height: 30px;
}



/* contents style ------------------------------------- */
.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}
.alignright {
  float: right;
  margin: 0 0 10px 10px;
}
.entry-body {
  clear: both;
  overflow: hidden;
}

.category-entry-body {
  border-bottom: 1px dashed #999999;
  padding-bottom: 10px;
  margin-bottom: 20px;
  clear: both;
  overflow: hidden;
}


/* Slide Show Style ----------------------------------------------------------------*/
#slideshow { position:relative; width:980px; height:288px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }



/* recentpost_sideframe ------------------------------------- */
#recentpost_sideframe h4 {
  background: #000000;
  color: #FFFFFF;
  padding: 10px 8px;
  margin: 0 0 20px 0;
}
#recentpost_sideframe ul{
  list-style: none;
}
#recentpost_sideframe li{
  border-bottom: 1px dotted #999999;
  padding-bottom: 10px;
  margin-bottom: 10px;
}



/* freespace_sideframe ------------------------------------- */
#freespace_sideframe .title {
  background: #000000;
  color: #FFFFFF;
  padding: 10px 8px;
  margin: 0 0 20px 0;
}

#wp-calendar {
  width: 100%;
  margin-bottom: 30px;
}
#wp-calendar caption {
  font-size: 120%;
  line-height: 150%;
}
#wp-calendar td {
  text-align: center;
}
#wp-calendar td a {
  font-weight: bold;
}

#searchform {
  margin-bottom: 30px;
}
#searchform input {
  padding: 3px;
  margin-bottom: 5px;
}
#searchform input[type=submit] {
  width: 80px;
  height: 25px;
}

/* sub_column ------------------------------------- */
#sub_column, #sidebar {
  font-size: 85%;
}
#sub_column h4{
  background: #000000;
  color: #FFFFFF;
  padding: 10px 8px;
  margin: 0 0 20px 0;
}
#sub_column ul{
  list-style: none;
}
#sub_column li{
  border-bottom: 1px dotted #999999;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* 2021 TTadded home link saikamagoichi */

.home-features-area{
  margin: 1rem auto 2rem auto;
}