/*
Theme Name: CUBIC-tobira
Description: CUBIC Template
Author: 管理人
*/

/* ==================== 基本 ==================== */

html  {overflow-y:scroll;}

body  {margin: 0;
  padding: 0;
  font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

a  {text-decoration: none;
  color: #2288cc;}

a img  {border: none;}


/* ==================== レイアウト ==================== */

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

#head  {margin: 10px 0 20px;}

#content  {width: 620px;
  float: left;
  clear: both;
  margin: 0 0 20px;}

#sidebar  {width: 240px;
  float: right;
  margin: 0 0 20px;}

#foot  {clear: both;}



/* ==================== ヘッダー ==================== */

/* ブログのタイトルと説明 */
#head h1  {margin: 0 10px 10px 0;
  font-family: Arial, sans-serif;
  font-size: 200%;
  float: left;}

#head h1 a  {color: #000000}

#head #headdesc  {margin: 16px 0 0 0;
  font-size: 100%;
  font-weight: bold;
  color: #666666;
  float: left;}

/* 固定ページへのメニュー */
#pagemenu  {margin: 16px 0 0 0;
  font-size: 80%;
  float: right;}

#pagemenu ul  {list-style-type: none;
  margin: 0;
  padding: 0;}

#pagemenu li  {display: inline;
  margin-left: 8px;}

#head #pagemenu a  {margin: 0;
  text-decoration: underline;}

/* ヘッダー画像 */
#head #headimg  {margin: 0;
  clear: both;}

/* パンくず */
#pankuzu  {margin: 16px 0 0 0;
  font-size: 85%;}

/* ==================== 新着情報 ==================== */
#news {font-size: 100%;
  font-weight: bold;
  border: solid 1px #4682b4;
  margin: 0 0 10px 0;
  line-height: 30px;
  background-color: #4682b4;
  color: #ffffff;
  padding: 0 10px;
  display: inline-block;}

/* ==================== アーカイブタイトル ==================== */
#archivetitle  {font-size: 100%;
  border: solid 1px #444444;
  margin: 0 0 10px 0;
  line-height: 30px;}

#archivetitle span  {background-color: #4682b4;
  color: #ffffff;
  padding: 0 10px;
  width: 140px;
  margin-right: 10px;
  display: inline-block;}


/* ==================== 記事 ==================== */

.post  {border: solid 1px #aaaaaa;
  padding: 10px;
  margin: 0 0 10px;
  overflow: hidden;
  clear: both;}

.post h2  {margin: 0 0 10px;
  font-size: 100%;}

.post h2 a  {color: #000000;}

.post h3  {font-size: 120%;
  border-left: solid 5px #4682b4;
  padding-left: 8px;
  margin: 30px 0 12px 0;
  clear: both;}

.post p.thumb  {float: left;
  margin: 0 15px 0 0;}

.post p  {font-size: 100%;
  line-height: 1.5;
  margin: 0 0 10px;}

.post p.more  {border: solid 1px #aaaaaa;
  float: left;
  font-size: 80%;}

.post p.more a  {padding: 2px 4px}

.post p.postdate  {text-align: right;
  margin: 0;}

.post p.postmeta  {margin-bottom: 10px;}


/* 画像 */
.alignleft  {float: left;
  margin-right: 20px;
  margin-bottom: 20px;}

.alignright  {float: right;
  margin-left: 20px;
  margin-bottom: 20px;}

.aligncenter  {clear: both;
  display: block;
  margin: 25px auto;}

.wp-caption-text  {margin: 5px 0 0;}

.wp-caption  {border: solid 1px #cccccc;
  background-color: #f1f1f1;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 25px;}

a img  {border: none;}


/* 個別ページと固定ページのタイトル */
.single .post h2, .page .post h2
  {font-size: 150%;
  border-bottom: solid 1px #aaaaaa;
  padding-bottom: 5px;}

/* 前後のページへのリンク */
#pagenation  {font-size: 100%;
  overflow:hidden;}

#pagenation a:hover  {color: #ff8800;}

.oldpage  {margin: 0;
  float: left;}

.newpage  {margin: 0;
  float: right;}

/* 問い合わせ */
.wpcf7-form  {background-color: #cccccc;
  padding: 20px;
  border-radius: 20px;}

.wpcf7-form span.req  {color: #aa0000;
  font-size: smaller}

.wpcf7-form input  {width: 80%}

.wpcf7-form textarea  {width: 100%}

.wpcf7-form p.submit  {text-align: center}

.wpcf7-form .wpcf7-submit  {width: 200px}

/* 表 */
TABLE {
    margin-top:10px;
    margin-left:0px;
    padding:5px;
    background-color:#FFFFFF;
    border-collapse: collapse;
    border-color:#000000;
    border-width:1px;
　　font-size: 100%;
}
CAPTION {
    text-align:left;
}
TH {
    vertical-align:middle;
    background-color:#DCDCB8;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    padding:5px;
}
TD {
    vertical-align:middle;
    background-color:#FFFFFF;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    padding:5px;
}

DT {
    font-weight:bold;
}

/* 数字 */
TABLE.suuji {
    font-size:80%;
    color:#000000;
    background-color:#FFFFFF;
    border-collapse: collapse;
    border-color:#000000;
    border-width:1px;
    margin-left:10px;
    margin-top:10px;
}
CAPTION.suuji {
    text-align:left;
    font-size:90%;
}
TH.suuji {
    vertical-align:middle;
    background-color:#DCDCB8;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    padding:3px;
}
TD.suuji1midashi {
    vertical-align:middle;
    background-color:#FFFFFF;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    border-top:none;
    padding:3px;
    text-align:center;
}
TD.suuji1midashi2 {
    vertical-align:middle;
    background-color:#FFFFFF;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    padding:3px;
    text-align:center;
}
TD.suuji2right {
    vertical-align:middle;
    background-color:#FFFFFF;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    border-top:none;
    padding:3px;
    text-align:right;
}
TD.suuji3left {
    vertical-align:middle;
    background-color:#FFFFFF;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    border-top:none;
    padding:3px;
    text-align:left;
}
TD.suuji4title {
    vertical-align:bottom;
    background-color:#FFFFFF;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    border-top:none;
    border-left:none;
    border-right:none;
    padding:3px;
    text-align:left;
}
dl {
    font-size:100%;
}
ul {
    font-size:100%;
}
ol {
    font-size:100%;
}


/* ==================== サイドバー ==================== */
#sidebar  {background: none;}

#menu  {font-size: 100%;
  margin: 0;
  padding: 0;}

#menu li  {list-style-type: none;
  margin-bottom: 20px;}

#menu ul  {margin: 0;
  padding: 0;}

#menu h2, #wp-calendar caption  {font-size: 100%;
  background: #b0c4de;
  background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), color-stop(50%, #aaaaaa), to(#888888));
  background: -webkit-linear-gradient(-90deg,#cccccc 0%,#aaaaaa 50%,#888888 100%);
  background: -moz-linear-gradient(-90deg,#cccccc 0%,#aaaaaa 50%,#888888 100%);
  background: -o-linear-gradient(-90deg,#cccccc 0%,#aaaaaa 50%,#888888 100%);
  background: -ms-linear-gradient(-90deg,#cccccc 0%,#aaaaaa 50%,#888888 100%);
  background: linear-gradient(-90deg,#cccccc 0%,#aaaaaa 50%,#888888 100%);
  border-radius: 3px;
  color: #ffffff;
  padding: 3px 10px;
  margin: 0;}

#menu li li  {line-height: 1.4;
  margin: 0;}

#menu li a  {color: #000000;
  display: block;
  padding: 5px;
  border-bottom: dotted 1px #aaaaaa;}

#menu li a:hover  {background-color: #ffb38d;}

#menu .tagcloud a  {display: inline;
  border: none;
  padding: 0 5px;}

#menu select  {margin-top: 7px;
  width: 100%;}

#menu .widget_calendar h2  {display: none;}

#wp-calendar  {width: 100%;
  table-layout: fixed;}

#wp-calendar caption  {text-align: left;
  font-weight: bold;
  margin-bottom: 5px;}

#wp-calendar td  {text-align: center;}

#wp-calendar td a  {color: #2288cc;
  display: inline;
  border: none;}

#wp-calendar #prev  {text-align: left;}

#wp-calendar #next  {text-align: right;}


/* ==================== コメント ==================== */
#com  {border: solid 1px #aaaaaa;
  padding: 10px;
  margin-top: 30px;
  clear: both;
  font-size: 80%;}

#com h3  {margin: 0;
  font-size: 80%;
  background-color: #aaaaaa;
  padding: 3px 10px;
  color: white;}

#com .required  {color: #ff0000;}

#com input, #com textarea  {display: block}

#com input  {width: 400px;}

#com textarea  {width: 530px;
  height: 100px;}

#com .form-submit  {
  text-align: center;
  }

#com #submit  {
  display: inline;
  border: solid 1px #ca842a;
  border-radius: 3px;
  color: #ffffff;
  font-weight: bold;
  padding: 4px 0;
  background: #000000;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb38d), color-stop(50%, #fb903b), to(#f77330));
  background: -webkit-linear-gradient(-90deg,#ffb38d 0%,#fb903b 50%,#f77330 100%);
  background: -moz-linear-gradient(-90deg,#ffb38d 0%,#fb903b 50%,#f77330 100%);
  background: -o-linear-gradient(-90deg,#ffb38d 0%,#fb903b 50%,#f77330 100%);
  background: -ms-linear-gradient(-90deg,#ffb38d 0%,#fb903b 50%,#f77330 100%);
  background: linear-gradient(-90deg,#ffb38d 0%,#fb903b 50%,#f77330 100%);
  }

#com #submit:hover  {
  background: #444444;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffcccc), color-stop(50%, #fb903b), to(#ff9955));
  background: -webkit-linear-gradient(-90deg,#ffcccc 0%,#fb903b 50%,#ff9955 100%);
  background: -moz-linear-gradient(-90deg,#ffb38d 0%,#fb903b 50%,#f77330 100%);
  background: -o-linear-gradient(-90deg,#ffb38d 0%,#fb903b 50%,#f77330 100%);
  background: -ms-linear-gradient(-90deg,#ffb38d 0%,#fb903b 50%,#f77330 100%);
  background: linear-gradient(-90deg,#ffb38d 0%,#fb903b 50%,#f77330 100%);  }

#tr  {border: dotted 1px #aaaaaa;
  font-size: 80%;
  padding: 10px;
  word-wrap: break-word;}

.commentlist  {list-style-type: none;
  clear: both;
  margin: 0 0 20px;
  padding: 0;}

.commentlist li  {border-bottom: dotted 1px #aaaaaa;
  padding-top: 10px;}

.comment-meta  {font-size: 80%;}

.children  {list-style-type: none;
  border-top: dotted 1px #aaaaaa;}

.children li  {border-bottom: none;}



/* ==================== フッター ==================== */
#foot  {border-top: solid 1px #aaaaaa;
  padding: 10px 0;}

#foot p  {font-size: 80%;
  margin: 0;}

#foot.footgray  {background-color: #4682b4;
  color: #ffffff;
  padding-left: 10px;}

#foot.footgray a  {color: #ffffff;
  border-bottom: dotted 1px #ffffff;}



/* ==================== ナビゲーションバー ==================== */

#nav  {background-color: #444444;
  height: 38px;
  overflow: hidden;
  margin: 0 0 5px;}

#nav_inner  {width: 900px;
  margin: 0 auto;
  line-height: 38px;}

#nav a  {color: #ffffff;}

#nav #logo  {float: left;
  width: 150px;
  border-right: solid 1px #666666;
  line-height: 38px;
  margin: 0;}

#nav img  {margin-top: 6px;}

#nav ul  {margin: 0;
  padding: 0;}

#nav li  {list-style-type: none;
  float: left;}

#nav li a  {display: block;
  width: 150px;
  line-height: 38px;
  text-align: center;
  border-right: solid 1px #666666;
  font-size: 80%;}

#nav li a:hover  {background-color: #666666;}

#nav #searchform  {float: right;}

#nav #searchform input  {width: 180px;
  border: solid 1px #666666;
  background-color: #808080;
  background-image: url(images/search.png);
  background-repeat: no-repeat;
  background-position: 3px 50%;
  color: #ffffff;
  padding-left: 25px;}