@charset "utf-8";

/*==============================================================================
<!-- ****************************************  -->
<!-- ****************************************  -->
<!--
Inspirado en el tema original: 
[Quetzal Ver. 1.0 [Alcance Libre] creado por:
Tereso Ramos G - tramos@d-webstudio.com
---------------
Basado en la plantilla: 
newspaper Ver1.2
Por: Masuko Koeda as みるく (http://white-stage.com/)
---------------
[Quetzal Ver. 2.0 [Alcance Libre] creado por:
Diseño: William Lopez Jimenez : https://koalasoft.wordpress.com
-->
<!-- ****************************************  -->
<!-- ****************************************  -->
==============================================================================*/
/*--------------------------------------
  dsfault.css　Hypertext Module
  Color VerdeTotal: #547b0b; /* COLOR-AL */
/* --------------------------------------- */
kbd {
  font-family: "Courier new", Courier, "Lucida Console", Monaco, monospace;
  font-size:1em;
  font-weight:700;
  display:inline-block;
  margin:0 .1em;
  padding:.1em .6em;
  line-height:1.4color:#242729;
  text-shadow:0 1px 0 #FFF;
  background-color:#e1e3e5;
  border:1px solid #adb3b9;
  border-radius:3px;
  box-shadow:0 1px 0 rgba(12,13,14,0.2),0 0 0 2px #FFF inset;
  white-space:nowrap;
}
code kbd {
  font-size:1em;
  line-height:1em;
  font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace;
}
@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}
.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
}

a:hover,
a:focus,
a:active {
  background: #eff7fb;
  text-decoration:none;
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* IE8 */
}

/* IE6用 ここから */
* html img {
  width: auto;
}
/* IE6用 ここまで */

/* IE7用 ここから */
*:first-child+html img {
  width: auto;
}
/* IE7用 ここまで */

img[height*="10"] {
  height: 10px;
}

li {
  margin-bottom: 8px;
}

input[type*="image"]{
  width: auto;
}

blockquote {
  position: relative;
  margin: 10px;
  padding: 30px;
  background: #f4f4f4;
  border: 1px solid #cccccc;
  word-wrap: break-word;
} 

blockquote:before {
  position : absolute;
  top : 10px;
  left : 10px;
  width : 22px;
  height : 14px;
  background: url(images/custom/blockquote_t.gif) no-repeat 0 0;
  content: '';
  font-size: 3em;
  color: #808080
}

blockquote:after {
  position : absolute;
  bottom : 30px;
  right : 30px;
  width : 22px;
  height : 14px;
  background: url(images/custom/blockquote_b.gif) no-repeat 0 0;
  content: '';
  font-size: 3em;
  color: #808080;
}



/*--------------------------------------
  [BASE] layout.css
---------------------------------------*/

body {
  background-color: #ffffff;
  border-top: 6px solid #547b0b; /* COLOR-AL */
  border-bottom: 6px solid #547b0b; /* COLOR-AL */
  color: #000000;
  font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
}

div#container {
  width: 100%;
  min-width: auto;
  margin-top: 4px;    /* dentro del menu top */
  background-color: #ffffff;
  border: none;
  border-top: 2px solid #547b0b; /* COLOR-AL */
}

/*----- ヘッダ -----*/
div#container div#h_wrap {
  width: 100%;
  color: #547b0b; /* COLOR-AL */
}

div#container div#header {
  position: relative;
  max-width: 960px;
  width: 960\9; /* IE8 */
  margin: 0 auto;
  padding: 0;
 /* background: #ffffff; */
  color: #000000;
}

/* IE6用 ここから */
* html div#container div#header {
  width: 960px;
}
/* IE6用 ここまで */

/* IE7用 ここから */
*:first-child+html div#container div#header {
  width: 960px;
}
/* IE7用 ここまで */

div#container div#header h1.site_name {
  display: block; 
  float: none;
  margin: 0.1em 0 0 0.5em;
  text-align: center;
}

div#container div#header h1.site_name a {
  color: #000000;
  text-decoration: none;
  font-family: 'Yeseva One',cursive,'MS 明朝','MS P明朝','細明朝体','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro';
  font-weight: 800;
}

/* IE6用　ここから */
* html div#container div#header h1.site_name a {
  letter-spacing: 1.5em;
}
/* IE6用　ここまで */

div#container div#header p.site_slogan {
  padding: 0 0 1.7em 1.3em;
  color: #222222;
  text-align: center;
}

div#container div#header p.welcome_msg {
  position: relative; /* IE6,7 */
  float: right;
  margin: -1.1em 0 0 0.9em;
}

div#container div#header p.welcome_msg a{
  color: #222222;
}

/*----- MENU CENTRAL -----*/
div#container div#n_wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border-top: 2px solid #547b0b; /* COLOR-AL */
  border-bottom: 2px solid #547b0b; /* COLOR-AL */
  color: #547b0b; /* COLOR-AL */
}

div#container div#navigation {
  overflow: visible;
  margin: 0 auto;
  padding: 0.1em 0;
  max-width: 960px;
  width: 960\9; /* IE8 */
  border-top: none;
  border-bottom: none;
  background: none;
  text-align: center;
}

/* IE6用 ここから */
* html div#container div#navigation {
  width: 960px;
}
/* IE6用 ここまで */

/* IE7用 ここから */
*:first-child+html div#container div#navigation {
  width: 960px;
}
/* IE7用 ここまで */

div#container div#navigation ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}

/* IE6用 ここから */
* html div#container div#navigation ul {
    height: 1%;
    overflow: visible;
}
/* IE6用 ここまで */

div#container div#navigation ul li,
div#container div#navigation ul li.menuitem {
  display: inline-block;
  float: none;
  margin: 3px 0;      /* Alto del Menu */
  border-right: 1px solid #e8e8e8;
}

/* IE6用 ここから */
* html div#container div#navigation ul li,
* html div#container div#navigation ul li.menuitem {
  display: inline;
  margin: 10px 0 0;
  zoom: 1;
}
/* IE6用 ここまで */

/* IE7用 ここから */
*:first-child+html div#container div#navigation ul li,
*:first-child+html div#container div#navigation ul li.menuitem {
  display: inline;
  margin: 10px 0 0;
  zoom: 1;
}
/* IE7用 ここまで */

div#container div#navigation ul li:last-child,
div#container div#navigation ul li.menuitem:last-child {
  border-right: none;
}

div#container div#n_wrap div#navigation ul li.menuitem a,
div#container div#n_wrap div#navigation ul li.menuitem a:link,
div#container div#n_wrap div#navigation ul li.menuitem a:visited,
div#container div#n_wrap div#navigation ul li a,
div#container div#n_wrap div#navigation ul li a:link,
div#container div#n_wrap div#navigation ul li a:visited {
  display: inline-block;
  _display: inline; /* IE6 */
  height: 10px;
  padding: 0 12px;
  line-height: 1.5;
  color: #000000;
  text-decoration: none;
  _zoom: 1; /* IE6 */
}

/* IE6用 ここから */
* html div#container div#navigation ul li.menuitem a,
* html div#container div#navigation ul li.menuitem a:link,
* html div#container div#navigation ul li.menuitem a:visited,
* html div#container div#navigation ul li a,
* html div#container div#navigation ul li a:link,
* html div#container div#navigation ul li a:visited {
  margin-top: 8px;
  padding: 0 20px;
  text-decoration:none;
}
/* IE6用 ここまで */

/* IE7用 ここから */
*:first-child+html div#container div#navigation ul li.menuitem a,
*:first-child+html div#container div#navigation ul li.menuitem a:link,
*:first-child+html div#container div#navigation ul li.menuitem a:visited,
*:first-child+html div#container div#navigation ul li a,
*:first-child+html div#container div#navigation ul li a:link,
*:first-child+html div#container div#navigation ul li a:visited {
  margin-top: 8px;
  padding: 0 12px;
  text-decoration:none;
}
/* IE7用 ここまで */
/* MENU PRINICPAL */
div#container div#navigation ul li a:hover,
div#container div#navigation ul li a:active,
div#container div#navigation ul li.menuitem a:hover,
div#container div#navigation ul li.menuitem a:active {
  background-color: transparent;
  text-decoration:none;
  text-shadow: 0 0 6px #ffffff, 0 0 5px #547b0b, 0 0 10px #547b0b, 0 0 20px #547b0b, 0 0 20px #c0ffff;
}


/*----- フッタ -----*/
div#container div#f_wrap {
  margin-bottom: 5px;
  width: 100%;
  background: #547b0b; /* COLOR-AL */
  border-top: 2px solid #547b0b; /* COLOR-AL */
  border-bottom: 3px solid #547b0b; /* COLOR-AL */
}

div#container div#footer {
  margin: 0 auto;
  max-width: 960px;
  width: 960\9; /* IE8 */
  border-top: none;
  background: #547b0b; /* COLOR-AL */
  color: #ffffff;
  text-decoration:none;
}

/* IE6用　ここから */
* html div#container div#footer {
  margin-top: 12px;
  width: 960px;
  text-decoration:none;
}
/* IE6用　ここまで */

/* IE7用 ここから */
*:first-child+html div#container div#footer {
  width: 960px;
}
/* IE7用 ここまで */

div#container div#footer a,
div#container div#footer a:link,
div#container div#footer a:visited {
  color: #FFEF00;   /* Color Texto Footer */
  text-decoration:none;
}

div#container div#footer a:hover,
div#container div#footer a:focus,
div#container div#footer a:active {
  background: #547b0b; /* COLOR-AL */
  color: #222222;
  text-decoration:none;
}

/* ページの先頭へ戻る */
div#container div#footer p.back, div#footer p.back {
  position: relative;
  margin-top: -65px;
}

div#container div#footer p.back a {
  padding: 10px 10px 8px 15px;
  border-bottom: none;
  background: none;
  text-decoration: none;
  text-align: center;
  color: #000000;
}

div#container div#footer p.back a:before {
  position : absolute;
  top: 15px;
  left : 0;
  width : 0;
  height : 0;
  content : "";
  border-color: transparent transparent #dddddd;
  border-style: none solid solid;
  border-width: 0 8px 8px;
}

div#container div#footer p.back a:hover {
  background: #eff7fb none;
}

div#container div#footer p.back a:hover:before {
  border-color: transparent transparent #a8a8a8;
  text-decoration:none;
}

/*----- ラッパー -----*/
body.left-center-right div#container div#wrapper {
  overflow: visible;
  float: none;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 70px;
  max-width: 960px;
  width: 960\9; /* IE8 */
  background-color: #547b0b; /* COLOR-AL */
}

/* IE6用　ここから */
* html body.left-center-right div#container div#wrapper {
  width: 960px;
}
/* IE6用　ここまで */

/* IE7用 ここから */
*:first-child+html body.left-center-right div#container div#wrapper {
  width: 960px;
}
/* IE7用 ここまで */

body.left-center div#container div#wrapper {
  overflow: visible;
  float: none;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 70px;
  max-width: 960px;
  width: 960\9; /* IE8 */
  background-color: #ffffff;
}

/* IE6用　ここから */
* html body.left-center div#container div#wrapper {
  width: 960px;
}
/* IE6用　ここまで */

/* IE7用 ここから */
*:first-child+html body.left-center div#container div#wrapper {
  width: 960px;
}
/* IE7用 ここまで */

body.center-right div#container div#wrapper {
  overflow: visible;
  float: none;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 70px;
  max-width: 960px;
  width: 960\9; /* IE8 */
  background-color: #ffffff;
}

/* IE6用　ここから */
* html body.center-right div#container div#wrapper {
  width: 960px;
}
/* IE6用　ここまで */

/* IE7用 ここから */
*:first-child+html body.center-right div#container div#wrapper {
  width: 960px;
}
/* IE7用 ここまで */

body.center div#container div#wrapper {
  overflow: visible;
  float: none;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 70px;
  max-width: 960px;
  width: 960\9; /* IE8 */
  background-color: transparent;
}

/* IE6用　ここから */
* html body.center div#container div#wrapper {
  width: 960px;
}
/* IE6用　ここまで */

/* IE7用 ここから */
*:first-child+html body.center div#container div#wrapper {
  width: 960px;
}
/* IE7用 ここまで */

body.js_off div#container div#wrapper {
  overflow: visible;
  float: none;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 70px;
  max-width: 960px;
  width: 960\9; /* IE8 */
  background-color: #ffffff;
}

/* IE6用　ここから */
* html body.js_off div#container div#wrapper {
  width: 960px;
}
/* IE6用　ここまで */

/* IE7用 ここから */
*:first-child+html body.js_off div#container div#wrapper {
  width: 960px;
}
/* IE7用 ここまで */



/*--------------------------------------
  [BASE] form.css
---------------------------------------*/

div#leftblocks div#block-left-search {
  margin-top: 10px;
  background-color: transparent;
  border-bottom: none;
}

div#leftblocks div#block-left-search form#searchform fieldset {
  padding-left: 0;
}

div#leftblocks div#block-left-search form#searchform ul {
  margin: 0 0 5px;
}

div#leftblocks div#block-left-search form#searchform ul li {
  border-bottom: none;
}

div#leftblocks div#block-left-search form#searchform ul li input.text {
  width: 100%;
  height: 25px;
  margin-top: 8px;
  border-color: #273c45;
  -webkit-box-shadow: inset 0px 0px 2px 0px #436878; /* For Safari,Chrome */
  -moz-box-shadow: inset 0px 0px 2px 0px #436878; /* For Firefox */
  -o-box-shadow: inset 0px 0px 2px 0px #436878; /* For Opera */
  box-shadow: inset 0px 0px 2px 0px #436878; /* There is no vendor pre-fix（Standard） */
}

div#leftblocks div#block-left-search form#searchform ul li input.submit {
  width: 120px;
  margin-top: 8px;
  padding: 4px 5px;
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc); /* For Safari,Chrome */
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc); /* For Firefox */
  background-image: -o-linear-gradient(top, #ffffff, #cccccc); /* For Opera */
  background-image: linear-gradient(top, #ffffff, #cccccc); /* There is no vendor pre-fix（Standard） */
  border: 1px solid #cccccc;
  cursor: pointer;
  vertical-align: middle;
}



/*--------------------------------------
  [BASE] block.css
---------------------------------------*/

/*----- 中央ブロック -----*/
div#container div#wrapper div#centerblocks {
  float: left;
  width: 75%;
  padding: 0.45em;
  background-color: #ffffff;
}

/* IE6用　ここから */
* html div#centerblocks {
  overflow: auto;
}
/* IE6用　ここまで */

body.center div#container div#wrapper div#centerblocks {
  width: 97%;
  padding: 0.45em;
  background-color: #ffffff;
}

/*-- 記事 --*/
div#centerblocks div.featuredstorytext,
div#centerblocks div.storytext,
div#centerblocks div.archivestorytext {
  padding: 0.6em 0.6em 1.5em;
  border-bottom: none;
}

div#centerblocks div.featuredstorytext h1,
div#centerblocks div.storytext h1,
div#centerblocks div.archivestorytext h1 {
  float: none;
  margin-top: 4px;
  padding: 2px 5px 10px;
/*  background: url(images/custom/bg_side_h2.png) repeat-x left bottom; */
  color: #222222;
  /* font-size: 1.5em; */
  text-decoration:none;
}

div#centerblocks div.featuredstorytext h1 a,
div#centerblocks div.storytext h1 a,
div#centerblocks div.archivestorytext h1 a {
  color: #222222;
  /* font-size: 1.2em; */
  text-decoration: none;
}

div#centerblocks div.featuredstorytext h1 a:hover,
div#centerblocks div.storytext h1 a:hover,
div#centerblocks div.archivestorytext h1 a:hover {
  background-color: transparent;
  text-decoration:none;
  /* text-shadow: 0 0 6px #ffffff, 0 0 5px #f9a406, 0 0 10px #f9a406, 0 0 20px #f9a406, 0 0 20px #c0ffff; */
}

div#centerblocks div.featuredstorytext h2,
div#centerblocks div.storytext h2,
div#centerblocks div.archivestorytext h2 {
  float: none;
  margin-top: 6px;
  padding: 2px 5px 10px;
/*  background: url(../images/custom/bg_main_h2.png) repeat-x left bottom; */
  color: #222222;
  /* font-size: 1.5em; */
  text-decoration:none;
}

div#centerblocks div.featuredstorytext h2 a,
div#centerblocks div.storytext h2 a,
div#centerblocks div.archivestorytext h2 a {
  color: #222222;
  /* font-size: 1.2em; */
  text-decoration: none;
}

div#centerblocks div.featuredstorytext h2 a:hover,
div#centerblocks div.storytext h2 a:hover,
div#centerblocks div.archivestorytext h2 a:hover {
  background-color: transparent;
  text-decoration:none;
  /* text-shadow: 0 0 6px #ffffff, 0 0 5px #f9a406, 0 0 10px #f9a406, 0 0 20px #f9a406, 0 0 20px #c0ffff; */
}

div#centerblocks div.featuredstorytext ul.status li,
div#centerblocks div.storytext ul.status li,
div#centerblocks div.archivestorytext ul.status li {
  float: left;
  margin: 0 0 1em;
}

div#centerblocks div.featuredstorytext ul.status li dl dt,
div#centerblocks div.storytext ul.status li dl dt,
div#centerblocks div.archivestorytext ul.status li dl dt {
  margin-left: 8px;
}

div#centerblocks div.featuredstorytext div.story_introtext,
div#centerblocks div.storytext div.story_introtext,
div#centerblocks div.archivestorytext div.story_introtext {
    clear: both;
}

div#centerblocks h3 {
/*  padding: 5px; */
/*  border-bottom: 1px solid #cccccc; */
}

div.block-related,
div.block-related,
div#trackback {
  padding: 0.6em;
}

/* ペジャー */
/* IE6用 ここから */
/* IE6用 ここから */
* html div.pagenav,
* html div.pagenav ol,
* html div.pagenav ol li {
  line-height: 2.9;
}
/* IE6用 ここまで */

/* IE7用 ここから */
*:first-child+html div.pagenav,
*:first-child+html div.pagenav ol,
*:first-child+html div.pagenav ol li {
  line-height: 2.9;
}
/* IE7用 ここまで */
div.pagenav ol {
  list-style: none;
  padding-left: 0;
}

div.pagenav ol li {
  display: inline-block;
  margin-bottom: 15px;
}

/* IE6用 ここから */
* html div.pagenav ol li {
  display: inline;
  zoom: 1;
}
/* IE6用 ここまで */

/* IE7用 ここから */
*:first-child+html div.pagenav ol li {
  display: inline;
  zoom: 1;
}
/* IE7用 ここまで */

div.pagenav b {
  margin: 8px;
  padding: 8px;
  border: 1px solid #cccccc;
  line-height: 1.7;
  -webkit-box-shadow: inset 0px 0px 2px 0px #436878; /* For Safari,Chrome */
  -moz-box-shadow: inset 0px 0px 2px 0px #436878; /* For Firefox */
  -o-box-shadow: inset 0px 0px 2px 0px #436878; /* For Opera */
  box-shadow: inset 0px 0px 2px 0px #436878; /* There is no vendor pre-fix（Standard）） */
}

div.pagenav a {
  margin: 8px;
  padding: 8px;
  background: #c0dfef;
  border: 1px solid #3087b1;
  text-decoration: none;
  line-height: 4;
  -webkit-box-shadow: inset 0px 0px 2px 0px #436878; /* For Safari,Chrome */
  -moz-box-shadow: inset 0px 0px 2px 0px #436878; /* For Firefox */
  -o-box-shadow: inset 0px 0px 2px 0px #436878; /* For Opera */
  box-shadow: inset 0px 0px 2px 0px #436878; /* There is no vendor pre-fix（Standard）） */
}

/* IE6用 ここから */
* html div.pagenav a {
  text-decoration: none !important;
}
/* IE6用 ここまで */

div.pagenav a:hover {
  background: #90a7b3;
  text-decoration: none;
}

div.pagenav span {
  padding: 8px;
  line-height: 1.7;
}

div.pagenav span a { 
  margin: 0;
  padding: 0;
  background: transparent;
  -webkit-box-shadow: none; /* For Safari,Chrome */
  -moz-box-shadow: none; /* For Firefox */
  -o-box-shadow: none; /* For Opera */
  box-shadow: none; /* There is no vendor pre-fix（Standard） */
  border: none;
  text-decoration: underline;
}

div.pagenav span a:hover {
  background: transparent;
}

/* 掲示板のページナビに影響を与えないようにする[ */
table div.pagenav b {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-shadow: none; /* For Safari,Chrome */
  -moz-box-shadow: none; /* For Firefox */
  -o-box-shadow: none; /* For Opera */
  box-shadow: none; /* There is no vendor pre-fix（Standard） */
  line-height: 1.5;
}

table div.pagenav a {
  display: inline;
  margin: 0 5px;
  padding: 0;
  background: transparent;
  border: none;
  -webkit-box-shadow: none; /* For Safari,Chrome */
  -moz-box-shadow: none; /* For Firefox */
  -o-box-shadow: none; /* For Opera */
  box-shadow: none; /* There is no vendor pre-fix（Standard） */
  text-decoration: underline;
}

table div.pagenav a:hover {
  background: transparent;
}

table div.pagenav span {
  display: inline;
  padding: 0;
  line-height: 1.5;
}
/* 掲示板のページナビに影響を与えないようにする] */

/*----- 静的ページ -----*/
div#centerblocks div.block-center {
  border-bottom: none;
}

div#centerblocks h2,
div#centerblocks div.block-center h2 {
/*  padding: 2px 5px 10px; */
/*  background: url(images/custom/bg_main_h2.png) repeat-x left bottom; */
/*  color: #547b0b; */ /* COLOR-AL */
/*  font-size: 1.2em; */
}

/*----- システムメッセージ -----*/
div#centerblocks div#block-message {
  border-color: #1a4862;
}

div#centerblocks div#block-message dl dt {
  border-bottom: 1px solid #1a4862;
  background-color: #1a4862;
  background-image: -webkit-linear-gradient(top, #1a4862, #225e7d); /* For Safari,Chrome */
  background-image: -moz-linear-gradient(top, #1a4862, #225e7d); /* For Firefox */
  background-image: -o-linear-gradient(top, #1a4862, #225e7d); /* For Opera */
  background-image: linear-gradient(top, #1a4862, #225e7d); /* There is no vendor pre-fix（Standard）） */
}

div#centerblocks div#block-message dl dd {
  background-color: #f8fcfe;
  border-top: 1px solid #ffffff;
  color: #000000;
}

/*----- sideブロック(左右ブロックを包含します。) -----*/
div#container div#wrapper div#side {
  float: right;
  width: 20%;
}

/*----- 左右ブロック -----*/
div#leftblocks div.block-left,
div#rightblocks div.block-right {
  margin: 1.6em 0.6em 0.6em 0;
  padding: 0;
  border: none;
  background: #ffffff;
}

div#leftblocks div.block-left h2,
div#rightblocks div.block-right h2,
div#leftblocks div.block-list h2 {
  margin: 1px;
  padding: 3px 3px 10px 5px;
  word-wrap: break-word;
}

div#leftblocks div.block-left div.block-left-content,
div#rightblocks div.block-right div.block-right-content {
  margin: 3px 5px 5px;
}

div#container div#wrapper div#rightblocks,
body.center-right div#container div#wrapper div#rightblocks,
body.js_off div#container div#wrapper div#rightblocks {
  float: none;
  width: auto;
  background: none;
}

div#leftblocks ul li,
div#leftblocks ol li,
div#rightblocks ul li,
div#rightblocks ol li {
  position: relative;
  padding: 5px;
  border-bottom: 1px dotted #4C4C4C;
}

div#leftblocks ul li.topicoption_off,
div#rightblocks ul li.topicoption_off {
  padding-left: 16px;
}

li.topicoption a:before {
  position : absolute;
  top: 12px;
  left : 0;
  width : 0;
  height : 0;
  content : "";
  border-color: transparent transparent transparent #dddddd;
  border-style: solid;
  border-width: 5px 0 5px 5px;
}

li.topicoption a:hover:before {
  border-color: transparent transparent transparent #a8a8a8;
}

li.topicoption a {
  padding-left: 8px;
}

/* IE6用 ここから */
* html pre {
  margin-right: 0;
  margin-left: 15px;
}
/* IE6用 ここまで */

form#loginform ul.submit li {
  border-bottom: none;
  padding: 0;
}

#loginform input.submit {
  margin-top: 8px;
  padding-top: 2px;
}

form#loginform ul.navi li {
  margin-top: 5px;
  border-bottom: none;
}

/* 過去記事 */
div#leftblocks ul.list-older-stories,
div#rightblocks ul.list-older-stories {
  margin: 2px;
}

div#leftblocks ul.list-older-stories li,
div#rightblocks ul.list-older-stories li {
  position: relative;
  padding-bottom: 10px;
}

div#leftblocks ul.list-older-stories li a,
div#rightblocks ul.list-older-stories li a {
  padding-left: 8px;
}

div#leftblocks ul.list-older-stories li a:before,
div#rightblocks ul.list-older-stories li a:before {
  position : absolute;
  top: 10px;
  left : 0;
  width : 0;
  height : 0;
  content : "";
  border-color: transparent transparent transparent #dddddd;
  border-style: solid;
  border-width: 5px 0 5px 5px;
}

div#leftblocks ul.list-older-stories li a:hover:before,
div#rightblocks ul.list-older-stories li a:hover:before {
  border-color: transparent transparent transparent #a8a8a8;
}



/*--------------------------------------
  configuration.css
---------------------------------------*/

table#arr_table td input.opt {
  width: 270px !important;
}

div#geeklog_config_editor div.block-bg-left div.block-center {
  margin-left: 8px;
}

/*--------------------------------------
  default.css
---------------------------------------*/

input.text:focus,
textarea:focus {
  background: #eef4f6;
}

hr {
  margin: 1.5em auto;
  border: 1px solid #bbbbbb;
}



/*--------------------------------------
  jquery_ui/jquery.ui.geeklog.css
---------------------------------------*/

.saved_message {
  clear: both;
}



/*--------------------------------------
  comment.css
---------------------------------------*/

div.comments div.block-comment-content ul.status {
  background: #f7f7f7;
}

div.comments div.block-comment-content ul.status li.title {
  background: transparent;
  border: none;
}

div.comments div.block-comment-content ul.status li.author {
  padding: 4px;
}

div.comments div.block-comment-content div.comment {
  position: relative;
  width: auto;
  margin: 20px 10px 40px;
  padding: 5px;
  border: 1px solid #bebebe;
  color: #000000;
}

div.comments div.block-comment-content div.comment:before {
  position : absolute;
  top : -40px;
  left : 30px;
  right: auto;
  width : 0;
  height : 0;
  content : "";
  border-width : 20px;
  border-style : solid;
  border-color : transparent transparent #bebebe;
}

div.comments div.block-comment-content div.comment:after {
  position : absolute;
  top : -39px;
  left : 30px;
  width : 0;
  height : 0;
  content : "";
  border-width : 20px;
  border-style : solid;
  border-color : transparent transparent #ffffff ;
}

form#banform {
  overflow: hidden;
}

#editor_exposition {
  display: none;
}



/*---------------------------------------------------------------
  IE6,7ログイン時記事投稿(アドバンストエディタ)　common.css
-----------------------------------------------------------------*/

/* IE6用　ここから */
* html form#admin-storyeditor_advanced div.ui-flickable-container dl dt {
  width: 15%;
}

* html form#admin-storyeditor_advanced div.ui-flickable-container dl dd {
  margin-left: 0;
  width: 80% ;
}
/* IE6用　ここまで */

/* IE7用 ここから */
*:first-child+html form#admin-storyeditor_advanced div.ui-flickable-container dl dt {
  width: 15%;
}

*:first-child+html form#admin-storyeditor_advanced div.ui-flickable-container dl dd {
  margin-left: 0;
  width: 80% ;
}
/* IE7用 ここまで */


/*--------------------------------------
  trackback.css
---------------------------------------*/

div.formattedcomment ul.status {
  margin: 1em 0 0.5em;
  padding: 4px;
  background: #f7f7f7;
}

div.formattedcomment ul.status li.title {
  background: transparent;
  border: none;
}

div.formattedcomment p.trackback_excerpt_readmore {
  margin-top: 10px;
  margin-left: 10px;
}



/*-------------------------------------------------
  掲示板ログイン時対応・画像幅修正
---------------------------------------------------*/

table.pluginCellTitle td.pluginCellText {
  font-size: 70%;
}

table td img[src*="/nav_breadcrumbs.png"],
table td img[src*="/newposts.png"],
table td img[src*="/busyforum.png"],
table td img[src*="/quietforum.png"],
table.pluginHeader td img,
table.pluginSolidOutline td.pluginCol img {
  max-width: none;
}



/*-------------------------------------------------
  アンケート　compatible.css
---------------------------------------------------*/

.pluginRow2 td.poll_answer_bar {
  border-left: 5px solid #f7f7f7;
}



/*-------------------------------------------------
  Navigation Manager - Navman プラグイン
  プルダウンメュー部分　navman.css
---------------------------------------------------*/

#navigation .navi_001 {
  width: auto;
  height: auto;
}

#navigation .navi_001 ul.top li a.level1 {
  float: none;
  margin: 0;
}

#navigation .navi_001 ul.top *:hover ul.sub1 {
  top: 20px;
}

/* IE7用 ここから */
*:first-child+html #navigation .navi_001 ul.top *:hover ul.sub1 {
  top: 30px;
}
/* IE7用 ここまで */

div#container div#navigation div.navi_001 ul.top *:hover ul.sub1 li {
  padding-bottom: 8px;
  height: auto;
  text-align: left;
}

div#container div#navigation ul li ul.sub1 li,
div#container div#navigation ul li.menuitem ul.sub1 li {
  border-right: none;
}

div#container div#navigation .navi_001 ul.top *:hover ul.sub1 li a {
  width: 100%;
  padding: 10px 0;
}

/* IE6用 ここから */
* html div#container div#navigation .navi_001 ul.top ul.sub1 li.selected a {
  display: block;
  margin-top: 0;
  width: 170px !important;
  background: #dddddd;
}
/* IE6用 ここまで */

/* IE7用 ここから */
*:first-child+html div#container div#navigation .navi_001 ul.top ul.sub1 li.selected > a {
  margin-top: 0;
  margin-left: -5px;
}
/* IE7用 ここまで */

/* サイド プルダウンメュー部分　navman.css */
div#leftblocks ul.top li {
  border-bottom: none;
}

div#leftblocks .bnavi_001 ul.top {
  width: 100%;
}

div#leftblocks .bnavi_001 ul.top li.level1 {
  float: none;
  width: 100%;
}



/*-------------------------------------------------
  smaller than 935px
---------------------------------------------------*/

@media screen and (max-width: 935px) {
html,
body {
  width: auto;
}

div#container div#header,
div#container div#navigation,
div#container div#footer,
body.left-center-right div#container div#wrapper,
body.left-center div#container div#wrapper,
body.center-right div#container div#wrapper,
body.center div#container div#wrapper,
body.js_off div#container div#wrapper {
  width: auto;
}

div#container,
div#container div#h_wrap,
div#container div#n_wrap,
div#container div#f_wrap,
div#leftblocks div#block-left-search form#searchform ul li input.text {
  width: auto;
}

div#container div#header p.welcome_msg {
  margin-right: 10px;
}

}



/*-------------------------------------------------
  smaller than 924px
---------------------------------------------------*/

@media screen and (max-width: 924px) {
html,
body {
  width: auto;
}

div#container div#header,
div#container div#navigation,
div#container div#footer,
body.left-center-right div#container div#wrapper,
body.left-center div#container div#wrapper,
body.center-right div#container div#wrapper,
body.center div#container div#wrapper,
body.js_off div#container div#wrapper {
  width: auto;
}

div#container,
div#container div#h_wrap,
div#container div#n_wrap,
div#container div#f_wrap,
div#leftblocks div#block-left-search form#searchform ul li input.text {
  width: auto;
}

div#container div#header p.welcome_msg {
  margin-right: 10px;
}

}



/*-------------------------------------------------
  smaller than 910px
---------------------------------------------------*/

@media screen and (max-width: 910px) {
html,
body {
  width: auto;
}

div#container div#header,
div#container div#navigation,
div#container div#footer,
body.left-center-right div#container div#wrapper,
body.left-center div#container div#wrapper,
body.center-right div#container div#wrapper,
body.center div#container div#wrapper,
body.js_off div#container div#wrapper {
  maX-width: 860px;
}

div#container,
div#container div#h_wrap,
div#container div#n_wrap,
div#container div#f_wrap,
div#leftblocks div#block-left-search form#searchform ul li input.text {
  width: auto;
}

}



/*-------------------------------------------------
  smaller than 778px
---------------------------------------------------*/

@media screen and (max-width: 778px) {
html,
body {
  width: auto;
}

div#container div#header,
div#container div#navigation,
div#container div#footer,
body.left-center-right div#container div#wrapper,
body.left-center div#container div#wrapper,
body.center-right div#container div#wrapper,
body.center div#container div#wrapper,
body.js_off div#container div#wrapper {
  maX-width: 750px;
}

div#container,
div#container div#h_wrap,
div#container div#n_wrap,
div#container div#f_wrap,
div#leftblocks div#block-left-search form#searchform ul li input.text {
  width: auto;
}

}



/*-------------------------------------------------
  TABLET LAYOUT
---------------------------------------------------*/

@media only screen and (max-width: 768px) {
html,
body {
  -webkit-text-size-adjust: none;
  width: auto;
}

input[type*="submit"],
input[type*="button"] {
  width: auto;
  height: 30px;
  margin-right: 10px;
  padding-top: 2px;
}

input[name*="cmd105"],
input[name*="cmd107"],
input[name*="cmd108"] {
  width: 210px;
  height: 30px;
}

input[name*="cmd8"] {
  width: 310px;
  height: 30px;
}

#save_changes,
#form_reset {
  margin-right: 10px;
}

div#container div#header,
div#container div#navigation,
div#container div#footer,
body.left-center-right div#container div#wrapper,
body.left-center div#container div#wrapper,
body.center-right div#container div#wrapper,
body.center div#container div#wrapper,
body.js_off div#container div#wrapper {
  width: auto;
}

div#container div#wrapper div#centerblocks,
div#container div#wrapper div#side {
  float: none;
  width: auto;
}

div#container,
div#container div#h_wrap,
div#container div#n_wrap,
div#container div#f_wrap,
div#leftblocks div#block-left-search form#searchform ul li input.text {
  width: auto;
}

div#leftblocks div.block-left,
div#rightblocks div.block-right,
div#leftblocks div.block-list {
  float: left;
  width: 48%;
}

div#leftblocks div#block-left-search form#searchform ul li input.submit {
  width: 120px;
}

}



/*-------------------------------------------------
  MOBILE LAYOUT
---------------------------------------------------*/

@media only screen and (max-width: 480px) {
html,
body {
  -webkit-text-size-adjust: none;
  float: left;
  width: auto;
}

div#container div#header,
div#container div#navigation,
div#container div#footer,
body.left-center-right div#container div#wrapper,
body.left-center div#container div#wrapper,
body.center-right div#container div#wrapper,
body.center div#container div#wrapper,
body.js_off div#container div#wrapper {
  width: auto;
}

body.center div#container div#wrapper div#centerblocks {
  width: auto;
}

div#container div#wrapper div#centerblocks,
div#container div#wrapper div#side {
  float: none;
  width: auto;
}

div#container,
div#container div#h_wrap,
div#container div#n_wrap,
div#container div#f_wrap,
div#leftblocks div#block-left-search form#searchform ul li input.text {
  width: auto;
}

/* header */
div#container div#header {
  height: 7.9em;
}

div#container div#header p.welcome_msg {
  float: none;
  text-align: center;
}

div#container div#n_wrap {
  margin-top: 20px;
  border-top: 2px solid #000000;
}

/* common.css */
input,
textarea,
select {
  margin-bottom: 10px;
  padding: 10px 0;
  width: auto;
}

input[type*="radio"],
input[type*="checkbox"] {
  width: 10%;
}

.skip a:focus,
.skip a:hover,
.skip a:active {
    left: 100px;
}

/* story.css */
div.warningsmall,
span.warningsmall,
.warningsmall {
  width: 80%;
}

/* リンク投稿*/
form table input,
form table textarea,
form table select {
  width: 100px;
}

/* コンフィギュレーション*/
#config_content,
#config_main,
#config_main form,
.ui-tabs {
  width: auto;
}

.ui-tabs,
.ui-tabs-nav li {
  font-size: 100%;
}

.config_name input[type="text"],
.config_name textarea {
  width: 43%;
}

table.inputTable input.opt,
table.inputTable select.opt,
table.inputTable textarea.opt {
  width: 80% !important;
}

table.inputTable select[name*="sort_admin"],
table.inputTable select[name*="show_right_blocks"],
table.inputTable select[name*="showfirstasfeatured"],
table.inputTable select[name*="add_drop_table"],
table.inputTable select[name*="compress_data"],
table.inputTable select[name*="download_as_file"],
table.inputTable select[name*="comment_mode"],
table.inputTable select[name*="comment_code"],
table.inputTable select[name*="comment_edit"],
table.inputTable select[name*="commentsubmission"],
table.inputTable select[name*="article_comment_close_enabled"],
table.inputTable select[name*="allow_reply_notifications"],
table.inputTable select[name*="keep_unscaled_image"],
table.inputTable select[name*="allow_user_scaling"],
table.inputTable select[name*="debug_image_upload"],
table.inputTable select[name*="use_gravatar"],
table.inputTable select[name*="rootdebug"] {
  width: 80px !important;
}

/* tabUI jquery-ui.css */
.ui-tabs-nav li a {
  font-size: 70%;
}

.ui-widget select.opt {
  width: 40% !important;
}

/* ペジャー */
div.pagenav ol li {
  margin-bottom: 15px;
}

div.pagenav a {
  line-height: 4;
}

/* 記事投稿 コメント投稿 */
form#admin-storyeditor_advanced div#text_editor,
form#admin-storyeditor_advanced div#html_editor,
form#commentform_advanced  div#html_editor {
  width: 100% !important;
}

form.compact dl {
  overflow: visible; /* 幅がおかしくなったらこれ消す！ */
}

form.compact dl dt,
form.compact dl dd {
  float: none;
  width: auto;
}

#editor_exposition {
  display: block;
}

#flickable1 {
  overflow: auto;
  width: 100%;
  height: 350px;
  margin-bottom: 8px;
  border: 1px solid #CCC;
}

#flickable1 .ui-flickable-container {
  width:504px;
  cursor: pointer;
}

#flickable1.comment_area {
  width: 280px !important;
}

/* アンケート */
div#advanced_editor form table td  input{
  width: 80px;
}

/* リンク投稿 */
.size5,
.size6 {
  width: auto;
}

/* パーミッション */
table#admin-permissions {
  width: 80%;
}

table#admin-permissions input.checkbox {
  width: auto;
}

/* lists.css */
table.admin-list tr td input {
  width: 10px;
}

/* カレンダー */
.cal-body {
  font-size: 79%;
}

.smallcal {
  padding: 0;
  font-size: 75%;
}

/* ユーザー情報 preferences.css */
form#profile #pe_content input {
  width: auto;
}

/* グループの編集 group.css */
form#admin-groupeditor dl dd table tr td,
form#admin-groupeditor dl dd table tr td span {
  white-space: pre-wrap;
  word-wrap: break-word;
}

td.admin-list-field input {
  width: auto;
}

dl.authority input {
  width: auto;
}

form#admin-groupmembers dl {
  width: 50%;
}

form#admin-groupmembers ul.move {
  width: 50%;
}

form#admin-groupmembers ul.move input {
  width: 80px;
}

/* トラックバック管理 lists.css */
table.admin-list tr td {
  word-break: break-word;
}

/* sitemapプラグイン管理 common.css */
fieldset[style*="width: 600px"] {
  width: auto !important;
}

/* ファイル管理　管理者メニュー compatible.css */
.plugin td[style*="white-space"] {
  white-space: pre-wrap !important;
}

/* 日本語化 */
div[style*="min-width"] {
  min-width: 0 !important;
  width: 80% !important;
}

input[name*="cmd8"] {
  width: 220px;
  height: 30px;
}

/* CAPTCHA 管理画面 */
form#captcha select {
  width: 150%;
}

form#captcha input {
  width: 100%;
}

form#captcha input[type*="text"] {
  width: 150%;
}

form#captcha input#sister_mes_a,
form#captcha input#sister_mes_b,
form#captcha input#sister_len_min,
form#captcha input#sister_len_max,
form#captcha input#sister_outlen {
  width: 200%;
}

form#captcha select#sister_image,
form#captcha select#sister_font {
  width: 200%;
}

form#captcha input#new_sister_image,
form#captcha input#new_sister_font,
form#captcha input#sister_fsize,
form#captcha input#sister_fx,
form#captcha input#sister_fy {
  width: 100%;
}

form#captcha textarea#sister_words,
form#captcha textarea#sister_css {
  min-width: 0 !important;
  width: 220% !important;
}

/* ファイル管理 - ファイルのアップロード */
table.plugin td[style*="padding-left:50px"] {
  padding-left: 0 !important;
}

/* 自動タグエディター */
table[cellpadding*="3"] {
  width: 80% !important;
}

table[cellpadding*="3"] td,
table[cellpadding*="3"] td table td {
  width: 40%;
}

table[cellpadding*="3"] td table {
  width: 240px !important;
}

textarea[name*="replacement"] {
  width: 100% !important;
}

table[cellpadding*="3"] td p {
  width: 100%;
  word-break: break-all;
}

}


samp{font-family:"Courier New",Courier,"Lucida Console",Monaco,monospace;}
code{font-family:"Courier New",Courier,"Lucida Console",Monaco,monospace;}