@import 'http://pac.zhi-zheng.net/base.css';

/* ■画像は基本的に pac にあるはず */

/* B A S I C
----------------------------------------------------------*/
body, td { color: #333; line-height: 1.5; }
th,   td { padding: 0.3em; }

p, ul, ol, dl, table, blockquote, pre
{ margin: 1em auto; }

blockquote { margin-left: 2em; padding: 0.5em; background: url('http://pac.zhi-zheng.net/cmnimg/tex_paper.jpg'); border: 1px solid #aaa; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; }
pre        { margin: auto 1em; padding: 0.5em; line-height: 1.2; color: #555; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
 
strong { font-weight: bold; font-size: 1.2em; }
em     { font-weight: bold; font-style: normal; }

h2 {
  background: #9e3d3f url('http://pac.zhi-zheng.net/cmnimg/tex_chinor.jpg') right center;
  color: #EEE; padding: 0.2em; font-weight: normal; font-size: 1.1em; text-align: center; letter-spacing: 3px;
}
h3, .content h3
 { border-bottom: #ec6d71 dotted 2px; padding-left: 20px; background: url('http://pac.zhi-zheng.net/cmnimg/balloon_rep_r.gif') no-repeat 2px top; }
h4 { border-bottom: #ec6d71 dashed 2px; padding-left: 0.5em; }
h5 { border-bottom: #ee836f solid  1px; padding-left: 0.5em; }
h6 { border-left:   #fcd575 solid  1em; padding-left: 0.5em; font-weight: normal; }

table    {}
caption  { background: url('http://pac.zhi-zheng.net/cmnimg/line_h_gl.gif') left center no-repeat; padding-left: 13px; }
thead th { background-color: #d4dcd6; }
thead td { background-color: #f3f3f2; }
tbody th { background-color: #f3f3f2; }
tbody td { background-color: inherit; }
tfoot    {}

dd { margin-left: 1.5em; }

/* a */
a:link, a:visited { color: #165e83; }
a:hover, a:active { color: #aa4c8f; text-decoration: none; }

a:link  img, a:visited img { opacity: 1; }
a:hover img, a:active  img { opacity: 0.85; }

/* form */
input, textarea, select
{ border: 1px solid #888; padding: 0.2em; background: #eee url('http://pac.zhi-zheng.net/cmnimg/stripe_gray.png'); color: #333;}
input[type="text"]:hover, textarea:hover, select:hover {
  border: 1px solid #333;
}
input[type="button"], input[type="submit"]
{ background:transparent url('http://pac.zhi-zheng.net/cmnimg/point_cube_g.gif') no-repeat 5px center;
  margin: 5px; padding-left: 13px; border: 0;  }
input[type="button"]:hover, input[type="submit"]:hover {
  margin: 4px;
  border: 1px solid #ccc; background-color: #eee;
  
}


/* L A Y O U T
----------------------------------------------------------*/
body { text-align: center; }
#container { width: 600px; margin: 0px auto;}

#header { clear: both; overflow: hidden; }
  #title{ height: 160px; }
  #menu { }
#main { clear: both; overflow: hidden; }
  #content { clear: both; overflow: hidden; }
    #information { overflow: hidden; }
    #entry        {}
    #trackback    {}
    #trackback_url{}
    #comment      {}
    #comment_form {}
  #page { clear: both; }
  #utility { clear: both; overflow: hidden; }
    #utility_A { width: 280px; float: left; }
    #utility_B { width: 280px; float: right;}
#footer { clear: both; overflow: hidden; }


/* C O L O R S
----------------------------------------------------------*/
/* variety */
p.attention { line-height: 1.1; font-size: 0.8em; color: #888; margin: 0; }
p.attention:before { content:'*' }

/* header ------------------------------ */
#header { margin-bottom: 2em; }
/* title -------------------- */
#title {
  background: url('../images/header.png') center -70px no-repeat;
  text-indent: -9999px;
}

/* menu --------------------- */
#menu       { text-align: right; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 0.2em; }
#menu ul    { list-style-type: none; margin: 0;}
#menu ul li { display: inline; }


/* footer ------------------------------ */

/* footer_menu s ------------ */
#footer { color: #aaa; }
ul.pagetop, ul.footer_menu, ul.powered
{ text-align: right; }
ul.pagetop li, ul.footer_menu li , ul.powered li
{ display: inline; margin-left: 1em;}
ul.pagetop a, ul.footer_menu a, ul.powered a
{ color: #888; text-decoration: none; }


/* main --------------------------------- */
#main { text-align: left; }

/* content ------------------------ */

/* entry_result ------------- */
p.entry_result { clear:both; margin-top: 1em; padding: 0.5em; border: 1px solid #c53d43; border-left-width: 2em; }

/* information -------------- */
#information    { text-align: left; }

/* entry -------------------- */
#entry    { text-align: left; }
#entry h2 { display: none; }

/* 記事タイトル */
.entry h3 {
  padding-left: 20px;
  border-bottom: 2px dotted #9e3d3f;
  background: url('http://pac.zhi-zheng.net/cmnimg/doc.gif') 3px center no-repeat;
}
.entry h3 a:link, #entry .entry h3 a:visited { color: #333;    text-decoration: none; }
.entry h3 a:hover,#entry .entry h3 a:active  { color: #5a544b; text-decoration: none; }

/* 記事本文まわり */
.entry .content, .information .content {
  margin: auto 1em; 
}

#main ul { list-style-type: disc;    margin-left: 1.5em; }
#main ol { list-style-type: decimal; margin-left: 1.5em; }
#main dl {}
#main dd {}

/* オプション */
dl.option { clear: both; margin: auto 1em; padding-left: 0.5em; border-left: #aaa solid 10px; }
dl.option dt { background: url('http://pac.zhi-zheng.net/cmnimg/arr_db_r_br.gif') left center no-repeat; padding-left: 10px; }
dl.option dd {  }

/* 続きを読む */
ul.continue {  clear: both; font-size: 0.8em; text-align: center; list-style-type: none !important; }
ul.continue li a { float: right; display: block; width: 7em; padding: 0.2em 0.7em; margin: auto; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
ul.continue li a:link, ul.continue li a:visited { color: #888; text-decoration:none; background-color: #fff; }
ul.continue li a:hover, ul.continue li a:active { color: #aaa; text-decoration:none; background-color: #f5f5f5; }

/* 記事タイトル下：投稿日時とか
   記事下部      ：permlinkとか */
ul.information, ul.link 
{ margin: 1px 0 1em 0; clear:both; text-align: right; line-height: 1; list-style-type: none; }
ul.information li, ul.link li
{ display: inline; color: #aaa; font-size: 0.8em; letter-spacing: 1px; }
ul.information li a, ul.link li a
{ color: #aaa; }
ul.information li+li:before, ul.link li+li:before
{ content: "|"; letter-spacing: 0.5em; }

/* 前後の記事への移動 */
#entry_link, #page_link  {}
#entry_link h3, #page_link h3
{ display: none; }
ul.entry_link, ul.page_link
{ text-align: center; margin: auto; }
ul.entry_link li, ul.page_link li
{ display: inline; }
ul.entry_link li+li:before, ul.page_link li+li:before
{ content: "|"; letter-spacing: 0.5em; }


/* page(not class) ---------- */
/* ページタグ */
p.page_tag { text-align: right; font-size: 0.8em; color: #888; }
p.page_tag a:link, p.page_tag a:visited { color: #888; }
p.page_tag a:hover, p.page_tag a:active { color: #666; text-decoration: none; }

/* 子ページへのリンク */
.page_child { margin-top: 2em; }


/* page_move ---------------- */
#page h2 { display: none; }
ul.order { clear: both; text-align: center; list-stye-type: none; }
ul.order li   { display: inline-block; /display: inline; width: 7em; padding: 0.2em 0.7em; margin: auto 1em; color: #bbb; }
ul.order li a { display: inline-block; /display: inline; width: 7em; padding: 0.2em 0.7em; margin: auto; border: 1px solid #888; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
ul.order li a:link, ul.order li a:visited { color: #DDD; text-decoration:none; background-color: #888; }
ul.order li a:hover, ul.order li a:active { color: #FFF; text-decoration:none; background-color: #999; }

ul.direct { list-style-type: none; text-align: right; }
ul.direct li { display: inline; }


/* trackback/comment -------- */
#trackback, #trackback_url, #comment, #comment_form { text-align: left; padding-left: 1em; }
#trackback h2, #trackback_url h2, #comment h2, #comment_form h2
{ margin-left: -1em; margin-top: 1em; background:none; color: inherit; font-size: 1em; text-align: left; letter-spacing: 2px; text-transform: uppercase; }

/* コメントフォーム */
#comment_form legend { display: none; }

/* utility ----------------------------- */
#utility { margin-top: 2em; border-top:#eee solid 1px; text-align: left; }
#utility h2 { display: none; }
  #utility_A { padding: 1em 8px; }
  #utility_B { padding: 1em 8px; border-left: #eee solid 1px; }
.utility .content { margin: auto auto 0.8em 1em; font-size: 0.9em; }

.utility h3 { border: 0; background: url('http://pac.zhi-zheng.net/cmnimg/line_v_gl.gif') no-repeat left center; padding-left: 13px;  }

#utility p, #utility ul, #utility ol, #utility dl
{ margin:auto 1em; list-style-type: none; }

/* カレンダー */
.calendar { text-align: center; margin: auto; font-size: 0.9em; }
.calendar td, .calendar th, .calendar caption
{ padding: 0 0.2em; margin: 1px; text-align: center; border: 0; background: none;}
.calendar th { border-bottom: #aaa dashed 1px; }
.calendar td span { margin: auto 0.3em; }
.calendar td a { display: block; background-color: #e6eae3; text-decoration: none; }

/* 検索フォーム */
form.search * { display: inline; }
form.search legend, form.search dt { display: none; }
form.search dd input { width: 150px; }

/* 直近XX件 */
dl.recent dd { margin-left: 1em; font-size: 0.9em; }

/* エントリーイメージ */
.utility ul.gallery { text-align: center; }
.utility ul.gallery img { border: 1px solid #333; }


/* plugin ------------------------------ */

#gallery {}
#gallery ul li { display: inline; margin: auto 1em; }
#gallery ul li img { border: 1px solid #333; }