/*
 * File      : styles-site.css
 * Version   : 2.04
 * Update    :
 * 2.00 2005.09.01: Update for Movable Type 3.2.
 * 2.01 2005.09.03: add font-size to content-nav.
 * 2.02 2005.09.27: correct the capital letter to the small letter.
 * 2.03 2005.09.28: for CGI.
 * 2.04 2005.10.10: fix bug.
 *
 * Copyright (C) 2005-2006 www.koikikukan.com All rights reserved.
 */

/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}

/* リンク */
a,
a:link {
    color: #663333;
    text-decoration: none;
}
a:visited {
    color: #663333;
    text-decoration: none;
}
a:hover {
    color: #00ffff;
    text-decoration: underline;
}
a:active {
    color: #ffffff;
    text-decoration: none;
}

/* リンクつき画像 */
a img {
    border: 0;
}

/* ●エントリー内画像● */
.entry-left {
	float: left;

}

.entry-right {

}

.entry-content img {
    border: 0;
}

.entry-content a img {
    margin: 0 4px 0;
    border: 0;
}


/* 段落 */
p {
	color: #000000;
}

/* ●投稿用エントリーの中の見出し● */
h1 {
    font-size: 15px;
    color: #30d8ff;
    margin: 18px 0 5px 0;
    font-weight: bold;
    border-bottom: 1px solid #30d8ff;
}

/* ●順序なしリスト● */
ul {
    padding-left: 20px;
    margin-left: 20px;
    margin-top: 0px;
    padding-top: 0;

}
ul li {
    list-style-type: circle;
}

/* ●番号付きリスト● */
ol {
    list-style-type: decimal;
    margin-left: 20px;
}

ol li {
    list-style-type: decimal;
}

/* ●定義リスト● */
dl {

}

dt {
    font-weight: bold;
    color: #f9fe94;
}

dd {
    margin-left: 40px;
}

/* ●ギャラリー＆ラインナップクラス●　heightは行数＋αにしておく。
コメントの文字数はあらかじめ決めておきましょう。*/
dl.cg {
    margin:0px 20px 40px 15px;
    padding:0px;
    float:left;
    width:120px;
    font-size:10px;
    border-width:1px 1px 0px;
    border-style:solid;
    border-color:#944376;
}

dt.cg {
    margin: 0px;
    padding: 0px;
    border-bottom:1px solid #944376;
    height: 175px;
}

dd.name{
    margin: 0px;
    padding:4px 4px;
    border-bottom:1px solid #944376;
    font-size: 10px;
    height:3.3em;
}

dd.keyword{
    margin: 0px;
    padding:4px 4px;
    border-bottom:1px solid #944376;
    height:3.6em;
    background-color:#333333;
    font-size: 10px;
    text-align: left;
}

dd.galdate{
    margin: 0px;
    padding:4px 4px;
    border-bottom:1px solid #944376;
    height:2.2em;
    font-size: 10px;
}

/* ●プロフィールのエントリーリスト● */
.profile {
    margin: 4 5 0px;
    padding:4px 4px;
    font-size: 12px;
    border-bottom:1px solid #944376;
}


/* フォーム */
form {
    margin: 0px;
}
input {
    padding: 1px;
    font-size: 12px;
}

/* 引用 */
blockquote {
	width: 50%;
	margin: 15px 20px 0 20px;
	padding: 10px;
	border: 1px solid #666666;
	background: #EEEEEE;
	font-size: 15px;
	line-height: 150%;
	color: #FF0000;
}
.quotetitle { /* 引用文タイトル */
    font-size: 10px;
    border-bottom: 1px solid #666666;
    padding: 3px;
}

/* ●強調文字● */
em {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    color: #006600;
}

strong {
    font-style: normal;
    font-weight: normal;
    font-size: 27px;
    line-height: 120%;
}

/* ●太字設定● */
b {
    color: red;
}

/* ●水色太字● */
b.mizu {
        color: #30d8ff;
}

/* タイトルバナー */
#banner {
	padding: 0;
	border-bottom: 0px solid #944376;
	color: #999999;
	background: #ffffff;
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(basegraphics/blogbanner02.jpg);
	text-align: left;
	margin: 0 0 0 0px;
	height: 121px;
}

#banner a,
#banner a:link,
#banner a:visited {
    color: #ffffff;
    font-size: 32px;
    text-decoration: none;
}
#banner a:hover {}
#banner a:active {}

/* タイトルバナー下の説明 */
#banner h2 {
    color: #ff00ff;
    font-size: 12px;
}

/* エントリー全体 */
.blog {
    padding: 10px 20px 10px 15px;
    font-size: small;
    color: #ffffff;
    background: none;
}

/* ●各コーナーのタイトルと文章● */
.cornertitle {
	width: 50%;
	margin: 15 0 15 0px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: #660000;
	border-bottom: 1px solid #944376;
	border-top: 1px solid #944376;
}

.cornercomment {
    width: 60%;
    margin: 10px 0 25px;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    line-height: 120%;
}

/* ●トップページ警告メッセージ● */
.welcomecenter {
	padding: 5px 0px;
	margin: 20 10 40 10 px;
	font-weight: normal;
	font-size: 12px;
	line-height:140%;
	color: #000000;
	border: 0px solid #944376;
}

/* ●MasterMindトピックス● */
.topixtitle {
    width: 30%;
    text-align: center;
    font-size: 12px;
    color: #f9fe94;
    margin: 60px 0 0px 3px;
    font-weight: bold;
    border: 0px solid #944376;
}

.topix {
    width: 50%;
    margin: 0px 0 25px;
    padding: 5px 5px 5px;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    line-height: 120%;
    border-top: 1px solid #944376;
    border-left: 5px solid #944376;
    border-right: 5px solid #944376;
    border-bottom: 1px solid #944376;
}


/* エントリー日付 */
.date {
    text-align: right;
    margin: 0 5px 0;
    padding: 2px 0 2px 5px;
    color: #ffffff;
    background: #000000;
    font-size: 11px;
    font-weight: bold;
}

/* ●さかきの仕事などの仕様書系クラス● */
.works dt {
    float: left;
    color: #30d8ff;
    font-size: 12px;
}

.works dt dd {
    font-size: 12px;
}

/* ●サムネイル回り込み汎用クラス● */
.thumb dt {
    float: left;
    padding: 0 5 0;
}


/* エントリー */
.entry {
    margin: 0 0px 15px;
    color: #ffffff;
    background: #ffffff;
    background-position: right; 
    background-repeat: repeat-y; 
    background-image: url(".gif");
    border: solid 0px #944376;
    font-size: 12px;
    line-height:150%;
    word-break: break-all;
}

/* ●エントリー本文の大外枠● */
.entry-content {
	padding: 0 0 0 10px;
	width: auto;
}

.entry a:active {}
.entry img {
	margin-right: 15px;
	margin-bottom: 0px;
}

/* エントリーのテキストエリア可変長指定 */
.entry textarea {
    width: 97%;
}

/* 追記 */
.entry.extended {}

/* エントリータイトル */
.entry-header {
	margin: 15px 0 0 0px;
	padding-left: 25px;
	color: #000066;
	font-size: 18px;
	font-weight: bold;
	background-position: left;
	background-repeat: repeat-x;
	background-image: url(basegraphics/bg_entrytitle.jpg);
	height: 20px;
}

/* 投稿者 */
.entry-footer {
    margin: 10px 0 0 0;
    border-top: 1px dotted #36414d;
    text-align: right;
    color: #dddddd;
    font-size: 9px;
}

/* Typekeyコメンタ−画像 */
.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
}

/* アーカイブページの前後リンク */
.content-nav {
    margin: 10px;
    text-align: center;
    font-size: 12px;
}


/* サイドメニュータイトル */
.sidetitle {
    margin-top: 3px;
    padding: 2px 0 1px;
    border: 1px solid #444444;
    text-align: center;
    color: #ffffff;
    background: #000000;
    background-image: url("basegraphics/bg_caption.jpg");
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 140%;
}

/* サイドメニュー */
.side {
	margin: 90 10 0 20px;
	background: none;
	color: #000000;
	font-size: 10px;
	line-height: 150%;
	text-align: right;
}

/* ●サイドメニューセンタリング● */
.sidecenter {
	text-align: center;
	margin: 3px 0 20px;
	background: none;
	color: #ffffff;
	font-size: 10px;
	line-height: 150%;
}

/* ●サイドメニューコンテンツ● */
a.contents {
	display: block;
	width: 144px;
	height: 20px;
	margin: 2px 0 2px;
	padding: 2 0 2 0px;
	text-align: center;
	background: none;
	color: #663333;
	font-size: 12px;
	border: 1px solid #944376;
	background-color:#FFCCFF;
	float: left;
}

a:hover.contents {
    color: #000000;
    background-color: #FFFFD5;
}

a:active.contents {
    color: #000000;
    background-color: #FFFFD5;
    border-color: #CC9966 #FFFFFF #FFFFFF #CC9966;
}


/* サイドメニュー(サブカテゴリー用) */
.side #categories ul {
    padding-left: 16px;
}
.side #categories ul ul {
    padding-left: 10px;
}
.side #categories li {
    list-style-type: circle;
}

/* カウンター */
.counter {
    margin: 8px 0 25px;
    padding: 2px;
    background: none;
    font-size: 9px;
}

/* RSSフィード */
.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 9px;
    line-height: 150%;
}

/* クレジットバナー */
.powered {
    margin-top: 50px;
    text-align: left;
    color: #666666;
    font-size: 9px;
    line-height: 150%;
}
.powered img {
    margin-top: 3px;
}

.clear {
    clear: both;
}

/* コメント・トラックバック */
#comments-open-data p {
    margin-bottom: 10px;
}

#comment-post {
   font-weight: bold;
}

#comment-author, #comment-email, #comment-url, #comment-text {
   width: 220px;
}

#comment-text {
    width: 266px;
}

#comment-bake-cookie {
   margin-left: 2px;
   vertical-align: middle;
}

#comments-open-footer {
    text-align: center;
}

.trackbacks,
.comments {
    margin: 10px 5px;
    color: #ffffff;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
    padding: 2px 0 2px 5px;
    color: #ffffff;
    background: #666666;
    font-size: 11px;
}

#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 150%;
    word-break: break-all;
}

.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
    font-size: 9px;
    border-top: 1px dotted #36414d;
    text-align: right;
    padding-top: 3px;
    margin-right: 2px;
}

.comments-open label {
    display: block;
}

.comments-head {
    font-size: 11px;
    color: #ffffff;
    background: #666666;
    padding: 2px 0 2px 5px;
    margin: 15px 0;
}

/* カラム切り替え */

/* 3カラム用 */
body.layout-three-column,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
    margin-bottom: 0px;
    text-align: center;
    background: #000000;
    background-image: url("basegraphics/blogbodybg03.jpg");
    background-repeat: repeat-y;
    background-position: 50% 50%;
}
.layout-three-column #container,
.layout-two-column-left #container,
.layout-two-column-right #container {
    margin-bottom: 10px;
}
.layout-three-column #box {
    width: 850px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #944376;
    border-left: 1px solid #944376;
    border-right: 1px solid #944376;
    text-align: left;
    background-color: #000000;
}

/* 2カラム用 */
.layout-two-column-left #box,
.layout-two-column-right #box {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding: 0;
	border-bottom: 0px solid #944376;
	border-left: 0px solid #944376;
	border-right: 0px solid #944376;
	text-align: left;
	background-color: #FFFFFF;
	margin-top: 10px;
}

/* 2カラム用 */
.layout-one-column #container {
    margin-bottom: 0;
}

/* 1カラム用 */
.layout-one-column #box {
    width: 478px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #944376;
    border-left: 1px solid #944376;
    border-right: 1px solid #944376;
    text-align: left;
    background-color: #000000;
}

/* フッタ */
.layout-one-column #footer {
    text-align: center;
}


/* 2カラム(左サイドバー) */
.layout-two-column-left #content {
    float: left;
    width: 875px;
    margin: 0px;
    padding: 0px;
    border-bottom: 0px solid #944376;
    border-left: 0px solid #944376;
}
.layout-two-column-left #links-left-box {
	float: left;
	color: #000000;
}
.layout-two-column-left #links-left {
    padding: 15px 15px 0;
    color: #ffffff;
}


/* フッタ（２カラム左サイドバー） */
.layout-two-column-left #footer {
    padding: 0px;
    border-top: 0px solid #944376;
    color: #ffffff;
    background: #000000;
    font-size: 12px;
    text-align: center;
}


/* 1カラム */
.layout-one-column #content {}

input,textarea {
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, sans-serif;
}

/*
 *     -- ArekorePopup.css for ArekorePopup.js (v1.2.5) --
 *  
 *  
 *  node-tree when mouse pointer is on effective element:
 *  
 *  html
 *    +- head
 *    +- body
 *        +- ..
 *        +- ..
 *        +- ins#AP-popup-parent       (popup box)
 *             +- ul
 *                 +- li.ap-banner     (if 'ap:banner' attr exists)
 *                 |     +- img        (image specified in 'ap:banner')
 *                 |
 *                 +- li.title         (if 'title' attr exists)
 *                 |     +- #text      ('title' attr value)
 *                 |
 *                 +- li.href          (if 'href' attr exists)
 *                 |     +- a          (if attr is URI-type then exists)
 *                 |        +- #text   ('href' attr value)
 *                 :
 */

ins#AP-popup-parent,
ins#AP-popup-parent ul,
ins#AP-popup-parent li,
ins#AP-popup-parent div,
ins#AP-popup-parent img,
ins#AP-popup-parent a
	{
	background-color: transparent !important;
	background-image: none /* !important */;
	background-repeat : repeat !important;
	background-attachment: scroll !important;
	background-position: top left !important;
	border: none !important;
	caption-side: top !important;
	clear: none !important;
	/* clip: auto !important; */
	color: inherit !important;
	content: "" !important;
	counter-increment: none !important;
	counter-reset: none !important;
	cursor: auto !important;
	direction: ltr !important;
	display: block !important;
	empty-cells: show !important;
	float: none !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-size-adjust: none !important;
	font-stretch: normal !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: normal !important;
	height: auto /* !important */;
	letter-spacing: normal !important;
	line-height: normal !important;
	list-style-type: none !important;
	list-style-image: none !important;
	margin: 0 !important;
	max-height: none !important;
	max-width: none !important;
	min-height: 0 !important;
	min-width: 0 !important;
	overflow: visible !important;
	outline: invert none medium !important;
	padding: 0 !important;
	position: static !important;
	quotes: none !important;
	table-layout: auto !important;
	text-align: left !important;
	text-decoration: none !important;
	text-indent: 0 !important;
	text-shadow: none !important;
	text-transform: none !important;
	unicode-bidi: normal !important;
	vertical-align: baseline !important;
	visibility: inherit !important;
	white-space: normal !important;
	width: auto /* !important */;
	word-spacing: normal !important;
	z-index: 1000000 !important;
	-moz-border-radius: 0 !important;
	-moz-box-sizing: content-box !important;
	-moz-opacity: 1.0 !important;
	}

ins#AP-popup-parent:before,
ins#AP-popup-parent:after,
ins#AP-popup-parent ul:before,
ins#AP-popup-parent ul:after,
ins#AP-popup-parent li:before,
ins#AP-popup-parent li:after,
ins#AP-popup-parent div:before,
ins#AP-popup-parent div:after,
ins#AP-popup-parent img:before,
ins#AP-popup-parent img:after,
ins#AP-popup-parent a:before,
ins#AP-popup-parent a:after
	{
	display: none !important;
	}
	
ins#AP-popup-parent
 /*
  *  'top', 'left' properties are automatic setup by the script.
  *  Do not declare in CSS.
  */
	{
	position: absolute !important;
	right: auto !important;
	bottom: auto !important;
	width: auto !important;
	height: auto !important;
	color: black !important;
	background-color: #ffffaf !important;
	border: 1px solid #cfcf8e !important;
	padding: 4px !important;
	font-size: 12px !important;
	font-family: "Lucida Grande", sans-serif !important;
	}

ins#AP-popup-parent li
	{
	overflow: hidden !important;
	/*
	 * Script limits popup width to 90% of window by computing.
	 * Do not declare 'max-width' in CSS.
	 */
	}

ins#AP-popup-parent li:before
	{
	/* --- for debug --- */
	/* display: block !important; */
	/* content: "[" attr(class) "] " !important; */
	}

ins#AP-popup-parent li.title
	{
	font-weight: bold !important;
	}

ins#AP-popup-parent li.href,
ins#AP-popup-parent li.cite
	{
	font-size: 11px !important;
	}

ins#AP-popup-parent li.ap-banner img
	{
	/*
	 * If all images of 'ap:banner' are same height,
	 * better to specify the height value here
	 * to prevent display collapse of popup.
	 */
	/* height: 40px !important; */
	}

ins#AP-popup-parent a
	{
	display: inline !important;
	cursor: pointer !important;
	text-decoration: underline !important;
	color: expression('black') !important; /* measure to WinIE */
	}

/*
 *  Settings in the case of using 'image-enhanced' rich style popup
 *  ('this.useRichStyle = true;' in the script)
 *
 *  node-tree when mouse pointer is on effective element:
 *     
 *   html
 *     +- head
 *     +- body
 *         +- ..
 *         +- ..
 *         +- ins#AP-popup-parent.AP-richStyle
 *              +- ul
 *              |   +- li.hoge
 *              |   +- li.fuga
 *              |   :
 *              |   +- li.hoge.AP-shadow  (exists when UA is not WinIE)
 *              |   +- li.fuga.AP-shadow  (exists when UA is not WinIE)
 *              |   :
 *              |        
 *              +- div#AP-rect-top
 *              +- div#AP-rect-left
 *              +- div#AP-rect-right
 *              +- div#AP-rect-bottom
 *              +- div#AP-angle-top-left
 *              +- div#AP-angle-top-right
 *              +- div#AP-angle-bottom-left
 *              +- div#AP-angle-bottom-right
 */

ins#AP-popup-parent.AP-richStyle
 /* 
  *  'padding' property must be in 'px' and
  *  same to 'richStyleEdgeWidth' variable value in script.
  */
	{
	padding: 16px !important;
	border: 0 none !important;
	background-color: transparent !important;
	color: white !important;
	}

ins#AP-popup-parent.AP-richStyle a
	{
	color: expression('white') !important; /* measure to WinIE */
	}

ins#AP-popup-parent.AP-richStyle li.AP-shadow
 /*
  *  for 'text-shadow' fake. this exists when UA is not WinIE.
  *  'top', 'left', 'width' properties are automatic
  *  setup by the script. do not declare in CSS.
  */
	{
	position: absolute !important;
	background-image: none !important;
	right: auto !important;
	height: auto !important;
	bottom: auto !important;
	color: black !important;
	z-index: -1 !important;
	}
	
ins#AP-popup-parent.AP-richStyle li.AP-shadow img
 /* 
  *  shadow fake of 'ap:banner' image (except WinIE)
  */
	{
	border: 1px solid black !important;
	border-left: none !important;
	border-top: none !important;
	}

ins#AP-popup-parent.AP-richStyle div
 /*
  *  'top', 'bottom', 'left', 'right', 'width, 'height',
  *  'background-image' properties are automatic
  *  setup by the script. do not declare in CSS.
  */
	{
	position: absolute !important;
	font-size: 0px !important; /* measure to WinIE */
	}