/* MetLog CSS (styles-site.css) */
/* ■基本要素設定 */
* {
	font-size: 100%;
	font-family: Arial, 'Lucida Sans', Verdana, Arial, 'Bitstream Vera Sans', Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, #navi a {
	font-family: 'Lucida Sans', 'Century Gothic', Arial, 'Bitstream Vera Sans', Helvetica, sans-serif;
}
pre, pre *, code, code *, samp, kbd, var {
	font-family: Consolas, 'Courier New', 'Bitstream Vera Sans Mono', Courier, monospace;
}
body {
    /* setting border: 0 hoses ie5 win window inner well border */
    margin: 0;
}

/* body {
    min-width: 720px;
    color: #333;
    background: #99999a;
}
*/
form { margin: 0; padding: 0; }
/* ■リンク設定 */
a { text-decoration: underline; }
a:link, a:visited {
	color: #4569AD;
}
a:hover, a:active {
	color:#FF0060;
}
a img { border: 1px solid ; }
/* ■他設定 */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
	color: #000;
}
/* h1 : ブログ名 */
/* h2 : エントリタイトル */
h2{
}

/*dl,dt,dd */

dl{
         border: solid 1px #cccccc;
         padding-top:3px;
         padding-bottom:3px;
         padding-left:5px;
         padding-right:5px;
         margin-left: 0em;
         margin-top: 0.5em;
         background-color: #d8e1e0;
}

dt{
         font-weight: bold;
         border-bottom: solid 1px #cccccc;
         /* color: #999999; */
	margin-top: 0.5em;
}
      
dd{
/*      border: solid 1px #cccccc; */
         padding: 0.5em;
         margin-left: 0em;
         margin-top: 0.2em;
         margin-bottom: 0.3em;
         background-color: #ebf0ef;
}

/* ■装飾 */

strong{color: #884400;}

strong	strong{
	color: #ff0000;
}

/* blockquote設定 */
	blockquote {
		color: #596973;
		margin:10px;
		background-image : url(http://megalo.jp/metlog/img_sys/blockquote.gif);
		background-repeat: no-repeat;
		padding: 10px 10px 10px 40px; 
		border: 1px solid #C7C0B1;

/*		width: auto ; */
	}

hr {
  color: #B2C3D5; /* 線の色(IE用) */
  background-color: #B2C3D5; /* 線の色(NN用) */
  height: 2px; /* 線の太さ */
  border:0px;
}

/* ■パートごとの設定 */
/* 全体を括る */
div#container {
	width: 100%;
	padding: 0;
	background: #FFF;
}
div#navi, div#breadcrumbs, div#footer{
	width: 100%;
	overflow: hidden;
	margin: 0;
	clear: both;
	font-size: 75%;
	line-height: 2;
}
/* ●バナー部分 */
/* 画像表示 */
h1 {
	display: none;
}
a#banner-link{
	display: block;
	background-image: url("http://megalo.jp/metlog/img_sys/metlogo.gif");
	background-repeat: no-repeat;
	background-color: #667985;
	height: 30px ;
	line-height: 2;
	text-decoration: none;
	font-size: 12px;
	color:#A5B9DC;
	vertical-align: middle;
	padding-left:120px;
}
/* ●ナビ部分 */
div#navi {
	padding: 1px 0;
	border-bottom: 1px solid #CCC;
	background: #EEE;
}
#navi ul, #footer ul ,.alpha-navi ul{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 10px;

}
#navi ul li, #footer ul li ,.alpha-navi ul li {
	display: inline;
	list-style-type: none;
	padding: 0 5px;
}
#navi form, #navi form div { display: inline; }

#navi a {
	text-decoration: none;
	background: transparent;
}
#navi img {
	vertical-align: middle;
}
/* IEではこれくらいしないと */
#navi ul li a img{
	border:none;
	vertical-align: middle;	
}

/* ●alpaのナビ */
div.alpha-navi {
	text-align: center;
	background: #DEE0E1;
/*		width: 100%;
		clear: both;
			margin: 0;
	font-size: 75%; */
	overflow: hidden;
	line-height: 2;
}
	
.alpha-navi ul {
	background: #DEE0E1;
}

/* ●意味不明。おまじない */
.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* ページレイアウト */
#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }
/* ●alpha = 本文 */
#alpha {
/*  display: inline;  ie win bugfix 	*/
/*     position: relative;				*/
    min-height: 1px;
    float:right;
    width: 75%;   
    font-size:75%;
    background: #C5CDD5;
}
/* ●beta = メニュー*/
#beta {
/*    display: inline;  ie win bugfix 	*/
/*    position: relative;				*/
    min-height: 1px;
    margin-right:75%;
    background: #e6ecf2;
}

#beta-inner {
    padding: 10px 10px 0 10px;
/*    border-width: 2px 2px 2px 0;
    border-style: solid;
    border-color: #fff;
*/
}

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
    position: static;
}

/* ●テーマ一覧 */
dl.module-list-item{
	border:1px solid #DCE6EC;
	margin: 10px;
	background: #ffffff;
}

dl.module-list-item dt{
	margin: 3px;
	padding: 4px;
	font-size:12px;
    font-weight: bold;
    background: #C6D5E1;
}

dl.module-list-item dt a{ text-decoration: none;}

dl.module-list-item dd{
	border:1px solid #E3E9E7;
	margin: 3px;
	padding:4px;
	font-size: 10px;
}

/* content */
/* ●エントリデザイン*/
.entry,
.trackbacks,
.comments,
.comment-prevbox,
.module-tagcloud,
.archive {
    position: static; 
    overflow: hidden; 
    clear: both; 
    margin: 10px;
	padding:10px;
	border-right: 1px solid #929AA6 ;
	border-bottom: 1px solid #929AA6;
	background: #EDEFF3;
}

 .entry{
	background: #ffffff;
}

.content-nav {
    margin: 10px;
    text-align: center;
}

.date-header,
.entry-content {
    position: static;
    clear: both;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
    clear: both;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
    clear: both;
}

.entry-body h3,
.entry-body h4{
	background-image: url("http://megalo.jp/metlog/img_sys/h4bg.gif");
	border-top: 3px double #BBC7D5;
	border-bottom: 3px double #BBC7D5;
	padding: 4px ;
}

.entry-body .h3,
.entry-body .h4,
.entry-body .h5{
	margin: 8px 8px 16px 8px;
}

.entry-body h5{
	border-bottom: 1px solid #cfd4d9;
	padding: 4px;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
    clear: both;
    margin: 5px 10px 10px 10px;
}

.comments-open label { display: block; }

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

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

.comments-open-header {
    clear: both;
}

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

img.image-full { width: 100%; }

.image-thumbnail {
    float: left;
    width: 115px;
    margin: 0 10px 10px 0;
}

.image-thumbnail img {
    width: 115px;
    height: 115px;
    margin: 0 0 2px 0;
}


/* modules */

.module {
    position: relative;
    overflow: hidden;
/*    width: 100%;*/
}

.module-content {
    position: relative;
    margin: 5px 10px 20px 10px;
        border-top: 1px solid #cfd4d9;
    padding: 10px 10px 0 10px;
    font-size: 11px;
    line-height: 1.2;
}

.module-list,
.archive-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.module-sublist,
.archive-list {
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
}

.module-list-item {
    margin-top: 5px;
    margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table {
    border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td {
    width: 14%;
    text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item {
    display: block;
    clear: both;
    margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail {
    float: left;
    min-width: 60px;
    width: 60px;
    /* no ie mac \*/width: auto;/* */
    margin: 0 5px 0 0;
    text-align: center;
    vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description {
    margin: 0;
    padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content {
    margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list {
    display: block;
    height: 1%;
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item {
    display: block;
    float: left;
    /* ie win fix \*/ height: 1%; /**/
    margin: 0;
    border: 0;
    padding: 0;
}

.module-recent-photos .module-list-item a {
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
}

.module-recent-photos .module-list-item img {
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}


/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td {
    width: 14%;
    height: 75px;
    text-align: left;
    vertical-align: top;
}

.day-photo {
    width: 54px;
    height: 54px;
}

.day-photo a {
    display: block;
}

.day-photo a img {
    width: 50px;
    height: 50px;
}

/* Vicksburg II (theme-vicksburg.css) */

.module-content a { color: #36414d; }
.module-content a:hover { color: #FF0060; }

h1, h2, h3, h4, h5, h6 {
    font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin: 0;
    padding: 5px;
    color: #fff;
    background: #a3b8cc;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover {
    color: #fff;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
    font-size: 11px;
}

.commenter-profile img { vertical-align: middle; }

/* タグクラウド設定 */
.module-tagcloud .module-content {text-align: center; }
.module-tagcloud .module-content .module-list { list-style: none; }
.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li a { text-decoration: none; } 
.module-tagcloud .module-content .module-list li.taglevel1 a { font-size: 22px; color:#008DFF ;}
.module-tagcloud .module-content .module-list li.taglevel2 a { font-size: 20px; color:#009680 ;}
.module-tagcloud .module-content .module-list li.taglevel3 a { font-size: 17px; color:#009F00 ;}
.module-tagcloud .module-content .module-list li.taglevel4 a { font-size: 15px; color:#7C9400 ;}
.module-tagcloud .module-content .module-list li.taglevel5 a { font-size: 13px; color:#A09E55 ;}
.module-tagcloud .module-content .module-list li.taglevel6 a { font-size: 11px; color:#ABABAB ;}
.module-tagcloud .module-content .module-list li a:hover,
.module-tagcloud .module-content .module-list li a:active {	color:red;}
/* page layout */

#container {
/*    width: 720px;
    margin-bottom: 20px; */
    background: #fff;
}

#container-inner {
    border-width: 0 5px 5px 5px;
    border-style: solid;
    border-color: #292e33;
}

#banner-inner {
    padding: 15px 13px;
    border-width: 2px 2px 0 2px;
    border-style: solid;
    border-color: #fff;
}

.banner-user {
    width: 70px;
    margin-top: 5px;
    font-size: 10px;
}

.banner-user-photo { border: 1px solid #fff; }

.date-header {
    margin-top: 5px;
    margin-right:10px;
    margin-left:10px;
    padding:3px 8px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
	background : #D4DDE7;
	border-top: 1px dashed #8CADC9;
	border-bottom: 1px dashed #8CADC9;
}
/* ●エントリ標題● */
.entry-header ,#archive-title{
    margin-top: 0;
    padding: 5px 0 5px 10px;
    color: #fff;
    font-size: 14px;
   	background : #8E97AD;
}

.entry-header a { text-decoration: none; 
	color:#ffffff;
}
.entry-header a:hover, .entry-header a:active{
	color:#71BDFF;
}

.entry-content,
.comment-content,
.trackback-content {
    margin: 0;
    line-height: 1.5;
    font-size: 12px;
}

/*タグ等、ヘッダ情報欄*/
div.entry-tags {
    margin: 0 0 5px 5px;
    padding-top: 3px 0 3px 0;
    border-bottom: 1px solid #dae0e6;
    color: #666;
    font-size: 10px;
}

.entry-tags-list,
.entry-tag { display: inline; }

ul.entry-tags-list,
li.entry-tag { display: inline; }

div ul.entry-tags-list {
    list-style:none;
    padding: 4px 0px;
    margin-left:0;
}

li.entry-tag { padding-right: 5px; }

/* Entry tag display */

div.entry-tags { margin:0 0 10px 10px; }

.entry-footer,
.comment-footer,
.trackback-footer {
    margin: 0 0 10px 0;
    border-top: 1px solid #dae0e6;
    padding-top: 3px;
    color: #666;
    font-size: 10px;
    text-align: right;
}

.category-footer {
    margin: 0 0 4px 0;
    padding-top: 2px;
    color: #666;
    font-size: 11px;
    text-align: left;
}

span.theme{
    margin: 3px 2px 3px 2px;
    padding: 3px;
    background-color: #C0E7BA;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer {
    margin-left: 10px;
}

.content-nav { margin-top: 0; }

#trackbacks-info {
    margin: 10px 0;
    border: 1px dashed #a3b8cc;
    padding: 0 10px;
    color: #292e33;
    font-size: 11px;
    text-align: center;
    background: #e6ecf2;
}

.comments-open-footer {
    margin: 10px 0;
}

/* moblog1 tweaks */

.layout-moblog1 #alpha {
    margin: 0;
    width: 180px;
    background: #e6ecf2;
}

.layout-moblog1 #alpha-inner {
    padding: 10px 10px 0 10px;
    border-width: 2px 0 2px 2px;
    border-style: solid;
    border-color: #fff;
}

.layout-moblog1 #beta {
    margin: 15px 15px 0 15px;
    width: 320px;
    background: none;
}

.layout-moblog1 #beta-inner {
    padding: 0;
    border-width: 0;
}

.layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; }


/* moblog2 tweaks */

.layout-moblog2 #alpha {
    margin: 0;
    width: 86px;
    background: #e6ecf2;
}

.layout-moblog2 #alpha-inner {
    padding: 10px 10px 0 10px;
    border-width: 2px 0 2px 2px;
    border-style: solid;
    border-color: #fff;
}

.layout-moblog2 #beta {
    margin: 15px 15px 0 15px;
    width: 260px;
    background: none;
}

.layout-moblog2 #beta-inner {
    padding: 0;
    border-width: 0;
}

.layout-moblog2 #delta {
    width: 154px;
}

.layout-moblog2 .module-recent-photos {
    border: 0;
    background: none;
}

.layout-moblog2 .module-recent-photos .module-content {
    padding: 0;
    border: 0;
}

.layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; }

/*
 *  Preliminary styles added by Jay for Vicksburg II
 *     for review by Luke/Walt and rest of team
 */

/* All or multiple templates Suppress underlines on linked entry titles */


    /* Suppress the prev/next nav */
.content-nav { margin: 0px; display: none; }

/* Search results templates */
/*.mt-search-results .search-results-header {
    border: 2px solid #669;
    background-color: #36414d;
    color: #eee;
    padding: 5px;

}*/
.mt-search-results .search-results-container { margin-left:10px; }
.mt-search-results form#search-form { width: 400px; margin: 0px auto 20px auto; }
.mt-search-results form#search-form input#search { width: 80%; }
.mt-search-results form#search-form p#search-options { text-align:center; }

/* 検索結果を囲む */
.results-box{
	border: 1px solid #A8B9BF;
	margin: 5px;
	padding: 5px;
}

/* Main index styles
    Suppress date header on main index */
.main-index .date-header { display: none; }

/* Comment preview and individual entry
    Widen the comment form */
form textarea#comment-text { width:400px; }

/* All archive templates
    Informational "where am I?" module at top of sidebar */
.module-welcome p { font-size: 12px; }
.module-content p.first { margin-top:0px; }

/* Date-based and category archives
    Archive title banner at top of page, below blog banner */
.master-archive-index #archive-title,
.individual-entry-archive #archive-title,
.date-based-archive #archive-title,
.category-archive #archive-title,
.mt-search-results .search-results-header {

    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
    margin: 0;
    color: #fff;
    padding: 5px 0 5px 10px;
    font-size: 14px;
   	background : #8E97AD;
}

/* Experimental comment styles
    Not currently in use anywhere in default templates
    For testing only... */
#comments-experimental .comment, #comments-experimental .comment .comment-inner {
    width:36em;
}

#comments-experimental .comment {
    padding: 0px;
    margin: 10px 15px;
    background-color:#eef;
    border:2px solid #bbb;
}

#comments-experimental .comment .comment-inner {
    position:relative;
    margin:-5px 0 0 -3px;
    background:#f3f3ff;
    border:1px solid #003;
}

#comments-experimental .comment:hover .comment-inner {
    border:1px solid #000;
    background-color: #fff;
}

#comments-experimental .comment a {
    text-decoration: none;
    border-bottom: 1px dotted #36414d;
}

#comments-experimental .comment:hover a {
    color: #333;
    border-bottom: 1px solid #666;
}

#comments-experimental .comment .comment-content {
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 15px;
}

#comments-experimental .comment-footer-experimental {
    margin-right: 15px;
    font-size: 10px;
    text-align: right;
}

#comments-experimental .comment .comment-header {
    font-size: 16px;
    margin: 5px auto 5px 10px;
    text-shadow: #99A 2px 2px 1px #66F;
    color: #666;
}

#comments .comment-header { display: none; }
#comments .comment-footer-experimental { display: none; }
#comments-experimental .comment-footer { display: none; }

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* 個別表示対応 */
/* CDジャケット解説用 */
div.cdjacket{
	clear:	both;
	border-top: 1px solid #CAD1DD;
	margin-top: 4px;
}

div.cdjacket img{
	float:left;
}

/* アマゾンリンク用 */
a.ausgangsoft img{
	float:left;
}

@media print {
	#header, #navi, #footer, #right, .breadcrumbs {
		display: none;
	}
	#container {
		margin: 0;
		width: 100%;
	}
	div#content {
		margin: 0;
		padding: 0;
		width: 100%;
		font-family: serif;
	}
	#content h2 {
		padding: 0;
	}
	strong, h1, h2, h3, h4, h5, h6 {
		font-family: sans-serif;
		font-weight: normal;
	}
}

/* S-code (コメント認証用)*/

.scode {
    vertical-align: top;
}
 
#scode {
    margin-left: 5px;
}

/* twitter to Blog 用調整*/
.t2b ol.statuses {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
 
.t2b .entry-content {
    display:block;
}

.t2b ol li.u-metlog {
    border: 2px solid #C4DFE0;
    background-color: #E6FDFE;
    color: #005054;
    padding: 5px;
 margin: 3px;
}

/* 音楽リスト用 */
table.musiclist {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 100%;
}

table.musiclist th,
table.musiclist td {
  border: solid 1px #999;
  padding: 4px 6px;
}

table.musiclist th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}
/* twitter風デザイン用 */
/* class tw　を設定し使用する*/
/* dlタグ使用、dt内に写真ddに本文 */

dl.tw	{
	width:600px;
	border-style:solid;
	border-color:7fe6d5;
	padding: 5px;
}

dl.tw dt	{
	width:80px;
	float:left; 
}

dl.tw dd span.twlink {
	font-weight:bold;
	color: #0000ff;
}