/*
    Theme Name:  Mini Yonku Information Site
    Description: ミニ四駆情報サイト　スタイルシート
    Author:      広瀬耕二
*/

/*-- 初期化 START ------------------------------*/
body {
  color:            #000000;
  background-color: #ffffff;
  line-height:      1.5;
  font-size:        small;    /* xx-small x-small small medium large x-large xx-large*/
  font-family:      "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", sans-serif, monospace;
  margin:           0px;
  padding:          0px;
  text-indent:      0em;
}

div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin:  0px;
  padding: 0px;
}

table,
th,
td {
  border-color: #000000;
  border-style: solid;
}

li {
  list-style: none;
}

img {
  border:    none;
  color:     #000000;
  font-size: small;
}

address, em {
  font-style: normal;
}

input,
select,
textarea {
  font-family: "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", sans-serif, monospace;
}
/*-- 初期化 END   ------------------------------*/

/*-- レイアウト START --------------------------*/
#container {
  width:  1200px;
  margin: auto;
}

#container_inner {
  padding:          10px;
  background-color: #ffffff;
}
/*-- レイアウト END   --------------------------*/

/*-- ヘッダー部 START --------------------------*/
#head {
  margin-bottom: 10px;
}

#head li {    /* トップ、サイトについて、お問い合わせ */
  padding-left: 7px;
}

#head li a {
  display:          block;
  background-color: #ffffff;
  padding:          2px 10px 2px 10px;
}

#head h1 {
  width:            730px;
  font-size:        xx-large;
  background-color: #5555ff;
  margin:           2px;
  padding:          5px 10px;
}

#head h1 a {
  color:           #ffffff;
  text-decoration: none;
}

#head p {
  background-color: #ff5555;
  color:            #ffffff;
  margin:           2px;
  padding:          5px 10px;
}

#breadcrumb {    /* パンくずナビゲーション */
  margin-bottom: 10px;
  padding-left:  10px;
}

#next_update {    /* 次の更新予定日時 */
/*  background-color: #ccffff;*/  /* 空 */
  background-color: #ffddee;  /* 桜 */
  font-size:        0.9em;
  margin-bottom:    10px;
  padding:          0px 1em;
  float:            right;
}
/*-- ヘッダー部 END   --------------------------*/

/*-- メインメニュー START ----------------------*/
#main_menu {
  width:  180px;
  margin: 0px 20px 20px 0px;
  float:  left;
}

#menu-mainmenu li {
  background-color: #9999ff;
  border:           double 3px #000000;
  margin-bottom:    7px;
}

#menu-mainmenu li a {
  display:         block;
  color:           #ffffff;
  margin:          3px;
  padding:         5px;
}

#menu-mainmenu li a:hover {    /* 選択しているページ */
  background-color: #3333ff;
  color:            #ffff99;
}

#menu-mainmenu li.current-menu-item a {    /* 表示しているページ */
  background-color: #3333ff;
  color:            #ffff99;
}
/*-- メインメニュー END   ----------------------*/

/*-- コンテンツ START --------------------------*/
#content {
  width:  730px;
  margin: 0px 20px 20px 0px;
  float:  left;
}

/**** 投稿 ****/
.post h2 {
  font-size:         x-large;
  border:            solid 1px #5555ff;
  border-left-width: 10px;
  border-right:      none;
  margin:            10px 20px 10px;
  padding:           5px 10px;

}

.post h2 a {
  color:           #000000;
  text-decoration: none;
}

.post h3 {
  font-size:         large;
  margin:            30px 20px 5px;
  padding:           5px 10px;
  border:            solid 1px #ff5555;
  border-left-width: 10px;
  border-right:      none;
}

.post h4 {
  font-size:         medium;
  margin:            20px 20px 5px;
  padding:           5px 10px;
  padding-left:      15px;
  border:            solid 1px #00cc00;
  border-left-width: 15px;
  border-right:      none;
}

.post h5 {
  font-size:         medium;
  margin:            20px 20px 5px;
  padding:           5px 10px;
  padding-left:      20px;
  border:            solid 1px #ffcc66;
  border-left-width: 20px;
  border-right:      none;
}

div.thumbnail {
  width:  150px;
  margin: 20px 10px 20px 20px;
  float:  left;
}

div.info_list {
  width:  550px;
  margin: 10px 0px 10px 0px;
  float:  left;
}

.post p {
  line-height: 2;
  padding:     10px 20px 10px;
}

.post .column {    /* 注釈 */
  margin:           20px 30px;
  padding:          10px;
  border:           dotted 1px #000000;
  background-color: #ccffcc;
}

.postmeta {    /* 投稿時間などの情報 */
  text-align: right;
}

.post ul {
  margin: 10px 20px;
}

.post li {
  padding: 5px 1em;
}

.post dl {
  margin: 10px 20px;
}

.post dt {
  padding: 10px 1em 0px;
}

.post dd {
  padding: 0px 1em 1em 1em;
}

.gallery li {
  margin:  0px;
  padding: 0px;
}

.gallery div {
  margin:  20px 10px;
  padding: 0px;
}

.joy {
  padding:          10px;
  border:           solid 1px #800000;
  background-color: #ffff99;
}

/**** 目次 ****/
div#toc {
  width:            600px;
  margin:           20px;
  border:           solid 1px #999999;
  background-color: #eeeeee;
}

div#toctitle {
  text-align: center;
}

div#toctitle h3 {
  font-size: medium;
  margin:    10px 0px;
  padding:   0px;
  border:    none;
}

div#toc ul {
  margin: 10px 0px;
}

span.tocnumber {
  margin-left: 0.5em;
}

span.toctext {
  margin-left: 1em;
}

li.toclevel-1 {
  margin-left: 1em;
}

li.toclevel-2 {
  margin-left: 2.5em;
}

li.toclevel-3 {
  margin-left: 4em;
}

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

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

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

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

.wp-caption img {
  margin: 5px auto;
}

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

/**** テーブル ****/
.post table {
  margin:          20px 0px 20px 3em;
  border-collapse: collapse;
  border:          solid 2px #000000;
  border-spacing:  0;
}

caption {
  margin-left:  -1em;
  caption-side: top;
  text-align:   left;
}

th {
  padding:             0.5em 0px 0.5em 0px;
  border:              solid 1px #000000;
  border-bottom-style: double;
  border-bottom-width: 3px;
  text-align:          center;
  vertical-align:      middle;
  color:               #ffffff;
  background-color:    #549ed4;
}

td {
  padding:        0.5em 1em 0.5em 1em;
  border:         solid 1px #000000;
  vertical-align: top;
}

/**** ソーシャルメディア部品 ****/
.sns_parts {
  border:  solid 1px #cccccc;
  margin:  20px;
  padding: 20px;
}

.sns_parts2 {
  border:  solid 1px #cccccc;
  margin:  0px;
  padding: 0px;
}

ul.sns_button li {
  float:  left;
  margin: 15px 7px 10px;
}

ul.sns_button li.btn_tweet {    /* Twitter ツイートボタン */
  margin-top: 56px;
}

.btn_retweet {    /* Twitter リツイートボタン */
  display:             block;
  width:               80px;
  height:              20px;
  background-image:    url( ./images/ReTweet_Button.png );
  background-position: 0px 0px;
  background-repeat:   no-repeat;
  text-indent:         -9999px;    /* テキストを非表示 */
  margin-top:          41px;
}

/**** ページ移動のリンク ****/
div.return {
  font-weight:   bold;
  margin-top:    30px;
  margin-bottom: 30px;
}

.front {    /* ページの先頭に戻る */
  float:       left;
  margin-left: 2em;
}

.top {    /* トップページに移動 */
  text-align: center;
}

.back {    /* １つ前のページに戻る */
  float:        right;
  margin-right: 2em;
}

.return a {
  background-color: #ffffaa;
}

/**** 前後のページへのリンク ****/
.prevnext {
  margin:   10px 0px 10px;
  overflow: hidden;
}

.prev_s {
  float: left;
}

.next_s {
  float: right;
}

.prev {
  float: right;
}

.next {
  float: left;
}

.prevnext a {
  background-color: #ffffaa;
}

#tr {    /* トラックバックＵＲＬ */
  padding: 10px 0px 0px 20px;
}
/*-- コンテンツ END   --------------------------*/

/*-- サイドバー START --------------------------*/
#sidebar {
  width:  220px;
  margin: 0px 0px 20px 0px;
  float:  right;
}

#side_menu {
  font-size: small;
}

#side_menu li {
  background-color: #ffff99;
  border:           solid 3px #6666ff;
  margin-bottom:    15px;
  padding:          15px;
}

#side_menu h2 {
  font-size: medium;
  color:     #ff9fcf;
}

#side_menu li li {
  border:              none;
  background-image:    url( ./images/dot_red.png );
  background-position: 0px 0px;
  background-repeat:   no-repeat;
  margin:              10px 0px 0px 0px;
  padding:             0px 0px 0px 21px;
}

/**** Twitter ****/
.twitter p {
  margin: 10px;
}

/**** ＲＳＳリーダー登録 ****/
.rss_register img {
  margin: 10px 0px 10px 40px;
}

/**** ウィジェット（サイト内検索） ****/
#side_menu li.widget_search input {    /* 検索ボックス */
  width: 130px;
}

#side_menu li.widget_search input#searchsubmit {    /* 検索ボタン */
  width:       73px;
  margin:      10px 0px 5px 33px;
  font-style:  normal;
  font-weight: normal;
}

.textwidget form input {    /* 検索向けアドセンス */
  margin: 5px 0px 5px 10px;
}

/*-- サイドバー END   --------------------------*/

/*-- フッター部 START --------------------------*/
#foot {
  background-color: #66ccff;
  clear:            both;
}

#foot p {
  color:            #ffffff;
  background-color: #000000;
  margin:           4px;
  padding:          5px 10px;
}

/*-- フッター部 END   --------------------------*/

/*-- 固定ページ START --------------------------*/

/**** お問い合わせ ****/
.post address#email {
  margin:     20px 0px 20px 40px;
  padding:    10px 0px 10px 25px;
  background: url( ./images/e_mail.png ) no-repeat center left;
}

/**** 製品パーツカタログ ****/
h3#up_info_h {
  font-size:          small;
  font-weight:        normal;    /* フォントの太さ */
  margin:             10px 0px 0px 70px;
  padding:            5px 10px;
  border:             solid 1px #ff0080;
  border-left-width:  10px;
  border-right-width: 10px;
  width:              592px;
}

div#up_info {        /*-- 更新情報 --*/
  margin:           20px 0px 20px 70px;
  border:           1px solid #800080;
  background-color: #ffddff;
  width:            630px;
  height:           15em;
  overflow:         auto;    /* スクロール */
}

#up_info dl {
  line-height:  1;
  margin:       2px 0px 0px 0px;
  padding-left: 1em;
}

#up_info dl dt {
  padding: 0px;
}

#up_info dl dd {
  padding: 0px 0px 1em 1em;
}

#up_info ul {
  margin:  0px;
  padding: 0px;
}

#up_info li {
  padding: 0px;
}
/*-- 固定ページ END   --------------------------*/

/*-- 広告 START --------------------------------*/
div.adsense {    /* グーグルアドセンス */
  margin:  10px auto;
  padding: 5px 0px;
}

div.yahoo {    /* Yahoo! */
  margin:  10px auto;
  padding: 0px;
}

div.seven {    /* セブンネット */
  margin:  10px auto;
  padding: 0px;
}
/*-- 広告 END   --------------------------------*/

/*-- 共通プロパティ START ----------------------*/
#side_menu, #content, #sidebar {
  background-color: #ffffff;
}

#head, #foot {
  border: solid 2px #000000;
}

a {
  color:           #0000ff;
  text-decoration: underline;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.float_center {
  display: block;
  margin:  0px auto;
}

.clear_both {
  clear: both;
}

.ta_center {
  text-align: center;
}

.fs_xs {
  font-size: x-small;
}

.fs_m {
  font-size: medium;
}

.fs_la {
  font-size: large;
}

.fs_xl {
  font-size: x-large;
}

.fs_xxl {
  font-size: xx-large;
}

.mg_all_0 {
  margin: 0px;
}

.mt_5 {
  margin-top: 5px;
}

.mt_10 {
  margin-top: 10px;
}

.mt_20 {
  margin-top: 20px;
}

.mt_30 {
  margin-top: 30px;
}

.mb_10 {
  margin-bottom: 10px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_30 {
  margin-bottom: 30px;
}

.mb_100 {
  margin-bottom: 100px;
}

.ml_10 {
  margin-left: 10px;
}

.ml_20 {
  margin-left: 20px;
}

.ml_80 {
  margin-left: 80px;
}

.mr_5 {
  margin-right: 5px;
}

.mr_10 {
  margin-right: 10px;
}

.mr_20 {
  margin-right: 20px;
}

.mr_40 {
  margin-right: 40px;
}

.mr_80 {
  margin-right: 80px;
}

.pd_all_0 {
  padding: 0px;
}

.pt_10 {
  padding-top: 10px;
}

.pr_10 {
  padding-right: 10px;
}

.pb_10 {
  padding-bottom: 10px;
}

.pl_10 {
  padding-left: 10px;
}

.ff_ms_gsk {
  font-family: "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", sans-serif, monospace;
}

.ff_ms_min {
  font-family: "ＭＳ 明朝", "Hiragino Mincho ProN", serif;
}

.fc_white {
  color: #ffffff;
}

.fc_pink {
  color: #ff6699;
}

.fc_blue {
  color: #0000ff;
}

.fc_red {
  color: #ff0000;
}

.fc_orange {
  color: #ff7f00;
}

.fc_gray {
  color: #999999;
}

.fc_green {
  color: #00ff00;
}

.bc_lgreen {
  background-color: #ccffcc;
}

.bc_glay {
  background-color: #dddddd;
}

.bc_lblue {
  background-color: #ccffff;
}

.bc_sblue {
  background-color: #66ccff;
}

.bc_pink {
  background-color: #ff6699;
}

.bc_lpink {
  background-color: #ffbbdd;
}

.bc_banana {
  background-color: #ffff66;
}

.bc_salmon {
  background-color: #ffcccc;
}

/*-- 共通プロパティ END   ----------------------*/