/* @override http://www.mieze018.net//dat/skin/20060611/style.css */

/* @group タイポグラフィ */TYPOGRAPHY{ color: white; background-color: lime; }
html.win{
	font-size: x-small;
}
html.mac, html.safari, html.chrome{
	font-size: small;
}
html.gecko{
	font-size: 0.85em;
}
.English {
	line-height: 1.4em;
	letter-spacing: 1px;
	font-family: Helvetica;
}

.Japanese {
	font-size: smaller;
	line-height: 1.6em;
	letter-spacing: 0px;
}

.English p {
	margin: 1em 0;
}

.Japanese p {
	margin: 0;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */

/* @group スタティック */STATIC{ color: white; background-color: lime; }
html{height:100%}

form, form * {
	margin: 0;
	display: inline;
}

img,a img {
	border: 0;
}
a{
	text-decoration: none;
	cursor: pointer;
	z-index:99999;
}
a:active{opacity: 1 important;}
#hidden{float:left;margin: 20em 0em 4em 4.5em;border-width:1px;border-style:solid;padding: 1.6em 1em;} 
#float-clearer{clear: both;height:1px;}
/* @end */

/* @group 全体 */ALL AROUND{ color: white; background-color: lime; }
body{

	font: 1.1em sans-serif;
}
body,.base_table
{
	height: 100%;
	width: 100%;
}

table
{
	font-size: 100%;
	border-spacing: 0px;
}
body,table,tr,td,div,span,img
{
	padding: 0px;
	margin: 0px;
	border-width: 0;
	
}
/*colors*/COLORS{ color: white; background-color: lime; }
body,
 table.base_table,
  a.thumb,
  body.updates h1 a,
   body.updates a.date,
    #cboxTitle,
     body.papereat h1 a,
      body.papereat a.date,
       body.papereat #posts .tags a,
        a.page_title,
	     a.page_title:hover,
	      a#news,
	       body.papereat #content .photo a,
            #hidden
          {color: #474747;border-color: #474747;text-decoration: none;}
a,
 a.heremark,
  a:hover,
   a:active.thumb,
    body.papereat #content .photo .caption a{color: #FF7C00;border-color: #FF7C00;}
body.papereat #content a{color: #474747;border-color: #FF7C00;}
a:hover{opacity: 1; text-decoration: none;}
a:visited.thumb{color: #D0D0D0;}
div.thumbox{	background-color: rgba(254,254,254,0.01);}
a.thumb{color: white;border-color: #ececec;}
a:visited.thumb{border-color: #fff;}
a:hover.thumb{border-color: #fcd17f;color: #fcd17f;}
#cboxLoadedContent,
 #cboxLoadingOverlay{background:#ccc;}

/* @end */

/* @group メニュー */MENU{ color: white; background-color: lime; }

td.menu a{
	text-decoration: none;
	font-weight: bold;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*
td.menu *:hover{
	filter: alpha(opacity=100);
	opacity: 1;
}
*/

a.page_title {
	font-size: 2em;
	text-decoration: none;
	font-weight: bold;
	vertical-align: -1px;
	margin-right: 1em;
}
body.home .page_title{
filter: alpha(opacity=100);
opacity: 1;
}

a.box-mieze{margin-left: 3em;
	text-decoration: none;}

table.menu
{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2;
}
td.menu,
 td.navi
{
	padding: 1em 1em 1em 2em;
}

span.fordermenu {
	font-size: 1.4em;
	word-spacing: 0.5em;
}
td.menu,
 td.navi
{
	width: 100%;
	text-align: left;
	z-index: 99;
	letter-spacing: 1px;
	vertical-align: top;
	text-align: justify;
}
a.heremark{font-weight: bold;opacity: 1 !important;}

}
td.image_text
{
	font-size: 1em;
	padding-right: 20px;
}
div.folder_title { font-size: 120%;}
div.folder_comment {position:relative; }



/* @end */

/* @group サムネイル */THUMBNAIL{ color: white; background-color: lime; }

table.thumbbox
{
	table-layout: fixed;
	position: absolute;
	top: 4em;
	z-index: 98;
	left: 0;
	width: 100%;
	height: 5em;
	text-align: center;
	overflow: hidden;
	background-image: url(00.gif);
}
div.thumbox
{	padding-top: 2em;
	background-color: rgba(254,254,254,0.01);
	height: 45px;
	overflow: auto;
	overflow-y: hidden;
	vertical-align: top;
	width: 75%;
	max-width: 1000px;
	padding: 5px;
}
/*.imgpage .thumbox{
	visibility:hidden;
} */
body.imgpage div.thumbox:hover{
	visibility:hidden;
}
img.thumb
{
	/*
	width: 15px;
	height: 24px;
	position: absolute;
	clip: rect(auto 20px 32px auto);
*/
	position overflow: hidden;
}
a.thumb
{
	margin: 0 0.5em 0 1px;
	padding:  1px 0;
	display: block;
	color: white;
	border: 1px solid #fff;
	width: 20px;
	height: 32px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
	
body.imgpage a.thumb {opacity: 0.4;filter: alpha(opacity=40);}
a.thumb:hover{opacity: 1;filter: alpha(opacity=100);}

a:visited.thumb
{
		border-color: #fff;
	color: #D0D0D0;
}
/*
a:hover.thumb
{
	border-color: #fcd17f;
	color: #fcd17f;

}
*/
body.imgpage a.thumb
{
	color: #fcd17f;
	border: 0 #FCD17F;
}

/* @end */
TOPPAGE{ color: white; background-color: lime; }
div.top-box
{
	text-align: left;
/*overflow-x: hidden; */

	vertical-align: top;

	line-height: 1.2em;
}
div.top-box-blank{width: 1%; display: block; height: 90%;min-height: 500px;max-height: 800px;}
div.top-box>div{ padding-left: 2em ;}
 body.home div.news
 {
 	bottom: 0px;
 	font-size: 2em;
 	padding-left: 2em ;
 }
a#news{text-decoration:none;}
div.twitter
  {
  	display: inline;
 	margin-left: 1em ;
 	font-size: 0.5em;
  }
div.twitter a{
letter-spacing: 0px;
font-weight: bold;font-family:Pico, monospace;padding:1px 4px;
border-width: 1px;border-style: solid; color:  #33ccff; letter-spacing: 0px;
background-color:#fff;border-color:  #33ccff;
border-radius:5px; }


.imgbox{ text-align:center;}
del{ visibility:hidden;}
.image_title
{
	letter-spacing: 1px;
	font-weight: bold;
}
.image_comment {font-size: 0.7em;}
.image_date {font-size: 0.8em;}
.link a
{
	font-weight: normal;
	word-break: keep-all;
}
/*@group tumblr php*/tumblr php{ color: white; background-color: lime; }

body.home .tumblr_title{font-weight:bold;}
			body.home ol.tumblr_posts { list-style-type: none; text-align: center;margin-top: 0;}
			body.home .tumblr_posts img{ margin: auto;}
			body.home .tumblr_posts a {line-height:1.5em; font-weight:bold;}
			body.home li
			{
				background-color: #fafafa;
				padding: 1.6em 1em;
				margin: 3em 1em;
				border: 1px solid;
			}
			body.home li,
			 #hidden
			{
				width: 430px;
			}
				#hidden    {width: auto;}
			
			body.home ol.tumblr_posts p{ margin-top: 0.5em; text-align: left;
				}
			body.home ol.tumblr_posts small{font-size: smaller; font-family: serif; display: block; text-align: left;width: 34em;}

/*@group colorbox*/colorbox{ color: white; background-color: lime; }

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{}
        #cboxTitle{
/*
        padding:0 0.5em;
        margin-bottom:-2px ;
        width:100%;
        line-height:20px;
        background-color:#fff;
        top: -20px;
*/
        /*English*/
	letter-spacing: 1px;
	font-family: Helvetica;}
        /*@end*/

/*@update,papereat*/update,papereat{ color: white; background-color: lime; }
      body.updates body,
       body.papereat body {
        font: 16px Calibri, Garamond, serif;
        line-height: 1.5em;
      }
      body.updates #content,
       body.papereat #content
       {
        margin: 0 auto;
        margin-top: 4em;
        text-align: justify;
      } 
      /* Title and Description */
      body.updates h1,
       body.papereat h1
       {
        font-size: 2em;
        padding: 0em 0 1em 1em;
        }  
      /* Dates */
      body.papereat p.newdate,
       body.updates p.newdate,
        body.papereat p.samedate,
         body.updates p.samedate{
        float: left;
        width: 7em;
        color: #7F7F7F;
        padding-left: 1em;
      }
      /* Permalinks Info */
      body.updates a.date,
       body.papereat a.date{
        float: left;
        display: block;
        margin-bottom: .5em;
        padding-bottom: .5em;
        text-decoration: none;
      }
      /* Common to all posts */
      #posts div {
        margin-bottom: 4.5em;
        margin-left: 8em;
      }
      .regular h3,
       .link h3,
        .conversation h3 {
                font-size: 200%;
                font-style: normal;
                color: #000;
                font-weight: bold;
                font-variant: small-caps;
                letter-spacing: 0.2em;
                text-transform: capitalize;
      }
      /* Regular Posts */
      .regular blockquote, .link blockquote {
        margin: 1em 2em;
        padding: 0 0 0 .5em;
      }.regular ul, .regular ol {
        margin-top: 1em;
        margin-bottom: 1em;
      }
      /* Photo posts */
      .photo .caption, .video .caption, .audio .caption {
        display: block;
      }.photo img {
        padding:5px;
      }
			 body.updates .photo .caption
			 {float:right;
			 font-size:11px;
			 width:330px

			 }
      /* Previous and Next links */
      #prevnext {
        margin-left: 1em;
        clear: both;
        margin-top: 6em;
        margin-bottom: 1em;
      }#prevnext .prev {
        font-weight: bold;
        margin-right: 1em;
      }#prevnext .next {
        font-weight: bold;
        margin-left: 1em;
      }
       #footer {
        clear: both;
        padding: 4em 0 0.5em 0;
　　　　　	filter: alpha(opacity=30);
	opacity: 0.3;}

/*@end*/

/*@updates*/updates{ color: white; background-color: lime; }
body.updates #posts a {}
body.updates #content {
        margin: 0 auto;
        margin-top: 5em;
        width: 560px;
        text-align: justify;
				display:block;
      }
/*@end*/
/*@papereat*/papereat{ color: white; background-color: lime; }
body.papereat a.date,
 body.papereat #posts .tags
						{letter-spacing: -1px; font-family: serif;/* border-bottom-width: 1px !important; */
　　　　　	filter: alpha(opacity=70);
	opacity: 0.7;}
body.papereat .photo{min-height: 300px;vertical-align: middle;}
body.papereat .photo a{border-width: 0px !important;}
body#Perma.papereat .photo .caption{display: block;
        line-height: 1em;}
body.papereat .photo .caption,
 body.papereat .video .caption,
  body.papereat .audio .caption {
        display: none;
        float: right;
        min-height: 300px;
        width: 35%;
        margin-right: 2em;}
body.papereat #content .photo .caption a,
 body.papereat #content a.date{
        border-bottom-width: 0 !important;
      }
body.papereat .tags{word-spacing: 2px; letter-spacing: 0px; margin-bottom: 0em;}
body.papereat #posts .tags{font-style: normal; font-weight: normal; border-top-style: dotted; border-top-width: 1px;}

body.papereat a{   padding: 0.1em 3px;}
 
/*
body.papereat #posts .tags a:hover,
 body.papereat #content a.hascaption
{border-bottom-width: 1px !important;}

body.papereat #content a:hover{border-bottom-style: solid; border-bottom-width: 2px;}
*/
body.papereat .next,
 body.papereat .prev{font-size: xx-large; font-weight: bold;}
body.papereat #tag_cloud{ width: 650px;font-family: 'Lucida Grande', verdana, sans-serif;
line-height: 1.6;}
/*@end*/