@charset "utf-8";
/* Stylesheet for email/news/newsfeed documents */
/* Copyright 2007 Opera Software */

/*** Edited by suehiro(http://suehiro.blog.shinobi.jp/) ***/
/*** For Merlin & Kestrel ***/

@namespace omf url(http://www.opera.com/2003/omf);
@namespace html url(http://www.w3.org/TR/REC-html40);

/*div.headers {
	position: absolute;
	top: -60000px;
}*/

div+div.headers {
	margin: 10px 50px 0;
	border: 1px solid rgb(100,100,100);
	border-top-width: 3px;
	position: static;
}
div+div.headers+div {
	margin: 0 50px 10px;
	border: 1px solid rgb(100,100,100);
	border-width: 0 1px 3px;
}

*{
	margin: 0;
	padding: 0;
}

/*** 全体の背景色 ***/
body{
background:#fcffe8;
}

object {
	width: 100%;
        height: -o-content-size;
	display: block;
}
div#qp_error {
        font-size: 75%;
        font-weight: bold;
        color: #CC0000;
        padding: 10px;
display:none;
}
@media screen, projection, tv {
	.attachments object {
		vertical-align: middle;	
		padding: 4px;
		width: auto;
		max-width: 98%;
		height: auto;
	}
	omf|mime {
		color: WindowText;
		background-color: transparent;
		display: block;
	}
	omf|headers {
		font: status-bar;
		color: ButtonText;
		background: ThreeDFace;
		padding: 4px;
		border: 1px outset ThreeDFace;
		width: 100%;
		table-layout: fixed;
	}
}

/*** --------------------------------
    ヘッダのスタイル
-------------------------------- ***/

omf|headers {
       background: #9aa160; 
       display: table;
       border-left:1px solid #9aa160;
       border-right:1px solid #9aa160;
       border-top:0;
       border-bottom:0;
       font-family: sans-serif;   /* ヘッダのフォントを指定 */
}
omf|hgrp {display: table-row-group;}

omf|hdr {display:none;}

/*** 件名・タイトルのスタイル ***/
omf|hdr[name="subject"]{
        background: #4b4f2f;       /* 件名の背景色 */
        color: #fcffe0;　　　　　　/* 件名の表示色　*/
        font-size: 1.4em;          /* 件名のフォントサイズ */
      /*font-weight: bold;*/       /* 太字 */
        margin:0;        
        padding: 2px 25px;
        border:0;
        caption-side: top;
        display: table-caption;
     }
omf|hdr[name="subject"] > omf|n { display: none; }　/* 件名項目を非表示にする */

omf|hdr[name="date"], omf|hdr[name="from"], omf|hdr[name="to"], omf|hdr[name="cc"], omf|hdr[name="bcc"], 
omf|hdr[name="newsgroups"], omf|hdr[name="followup-to"], omf|hdr[name="reply-to"], 
omf|hdr[name="organization"], omf|hdr[name="resent-from"] {
        background:#9aa160;
        color:#fcffe0;
        display:table-row;
        text-indent:1.0em;
}

omf|n {
	vertical-align: top;
	padding-left: 25px;
	width: 8em;
	display: table-cell;
        text-align:right;
}
/*omf|n:after {content: ": ";}*/

omf|v {
	vertical-align: top;
	padding-left: 4px;
	display: table-cell;
}

/*** ---------------------------- 
    本文のスタイル
----------------------------- ***/

omf|body, omf|div {
	margin: 0;
	display: block;
}

/*** HTMLメール(フィードのスタイルにも適用されるので注意) ***/
div.htmlpart {
        display: block;
        padding: 0;
        margin: 0;
}

/*** テキストメール ***/
omf|div.plaintext {
        padding: 10px 30px;
        margin: 0 auto;
        max-width: 740px;
        line-height:1.5em;   /* 行間隔 */
}
omf|p {
	white-space: -o-pre-wrap;	
	padding: 0;
	margin: 0;        
	display: block;
}

omf|ql.L0 omf|p:first-child omf|l.lf{ display: none;} /* 本文の最初に空行があった場合削除 */

omf|l {
	padding: 0;
	margin: 0;
	display: block;
}

/* リンク色 */
html|a:link {color: #1018b5;}
html|a:visited {color: #778899;}
html|a:hover {color: red;}

omf|sig {
	font-style: normal;
	color: black;
}

/*** ----------------------------
    引用のスタイル 
---------------------------- ***/
#flowed omf|ql {
	padding: 0 0 0.3em 0.4em;
	margin-left: -0.2em;
	border-left: 2px solid;
	display: block;
}

omf|ql.L0 {color: #000000;}

omf|ql.L1, omf|ql.L7, omf|ql.L13, omf|ql.L19, omf|ql.L25, omf|ql.L31 {
color: #385FA3; background:#f8f8f0;}                                       /* 引用部分の背景色 */
omf|ql.L2, omf|ql.L8, omf|ql.L14, omf|ql.L20, omf|ql.L26 {color: #4FA729;}
omf|ql.L3, omf|ql.L9, omf|ql.L15, omf|ql.L21, omf|ql.L27 {color: #CC0000;}
omf|ql.L4, omf|ql.L10, omf|ql.L16, omf|ql.L22, omf|ql.L28 {color: #6D3420;}
omf|ql.L5, omf|ql.L11, omf|ql.L17, omf|ql.L23, omf|ql.L29 {color: #458183;}
omf|ql.L6, omf|ql.L12, omf|ql.L18, omf|ql.L24, omf|ql.L30 {color: #212326;}

#flowed omf|ql.L0 {border-left: none;}
#flowed omf|ql.L1, #flowed omf|ql.L7, #flowed omf|ql.L13, #flowed omf|ql.L19, #flowed omf|ql.L25, #flowed omf|ql.L31 {border-left-color: #385FA3;}
#flowed omf|ql.L2, #flowed omf|ql.L8, #flowed omf|ql.L14, #flowed omf|ql.L20, #flowed omf|ql.L26 {border-left-color: #4FA729;}
#flowed omf|ql.L3, #flowed omf|ql.L9, #flowed omf|ql.L15, #flowed omf|ql.L21, #flowed omf|ql.L27 {border-left-color: #CC0000;}
#flowed omf|ql.L4, #flowed omf|ql.L10, #flowed omf|ql.L16, #flowed omf|ql.L22, #flowed omf|ql.L28 {border-left-color: #6D3420;}
#flowed omf|ql.L5, #flowed omf|ql.L11, #flowed omf|ql.L17, #flowed omf|ql.L23, #flowed omf|ql.L29 {border-left-color: #458183;}
#flowed omf|ql.L6, #flowed omf|ql.L12, #flowed omf|ql.L18, #flowed omf|ql.L24, #flowed omf|ql.L31 {border-left-color: #212326;}

#flowed .flow {margin: -1em 0 1em 0;}

#flowed omf|l {display: inline;}

#wrapped .L1  omf|l:before {content: '> ';}
#wrapped .L2  omf|l:before {content: '>> ';}
#wrapped .L3  omf|l:before {content: '>>> ';}
#wrapped .L4  omf|l:before {content: '>>>> ';}
#wrapped .L5  omf|l:before {content: '>>>>> ';}
#wrapped .L6  omf|l:before {content: '>>>>>> ';}
#wrapped .L7  omf|l:before {content: '>>>>>>> ';}
#wrapped .L8  omf|l:before {content: '>>>>>>>> ';}
#wrapped .L9  omf|l:before {content: '>>>>>>>>> ';}
#wrapped .L10 omf|l:before {content: '>>>>>>>>>> ';}
#wrapped .L11 omf|l:before {content: '>>>>>>>>>>> ';}
#wrapped .L12 omf|l:before {content: '>>>>>>>>>>>> ';}
#wrapped .L13 omf|l:before {content: '>>>>>>>>>>>>> ';}
#wrapped .L14 omf|l:before {content: '>>>>>>>>>>>>>> ';}
#wrapped .L15 omf|l:before {content: '>>>>>>>>>>>>>>> ';}
#wrapped .L16 omf|l:before {content: '>>>>>>>>>>>>>>>> ';}
#wrapped .L17 omf|l:before {content: '>>>>>>>>>>>>>>>>> ';}
#wrapped .L18 omf|l:before {content: '>>>>>>>>>>>>>>>>>> ';}
#wrapped .L19 omf|l:before {content: '>>>>>>>>>>>>>>>>>>> ';}
#wrapped .L20 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>> ';}
#wrapped .L21 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>> ';}
#wrapped .L22 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>> ';}
#wrapped .L23 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>> ';}
#wrapped .L24 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>> ';}
#wrapped .L25 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>> ';}
#wrapped .L26 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>> ';}
#wrapped .L27 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>> ';}
#wrapped .L28 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';}
#wrapped .L29 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';}
#wrapped .L30 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';}
#wrapped .L31 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';}

/*** ----------------------------
    スマイリーのスタイル
---------------------------- ***/
[class^="smiley"] {
	width: -o-skin;
	height: -o-skin;
        display: inline-block;
}

/* Smiley for kestrel */
.smiley-happy {content: -o-skin("Smiley Happy");}
.smiley-unhappy {content: -o-skin("Smiley Unhappy");}
.smiley-wink {content: -o-skin("Smiley Wink");}
.smiley-surprised {content: -o-skin("Smiley Surprised");}
.smiley-grin {content: -o-skin("Smiley Grin");}
.smiley-cool {content: -o-skin("Smiley Cool");}
.smiley-indifferent {content: -o-skin("Smiley Indifferent");}
.smiley-cry {content: -o-skin("Smiley Cry");}
.smiley-angry {content: -o-skin("Smiley Angry");}
.smiley-tongue {content: -o-skin("Smiley Tongue");}
.smiley-pacman {content: -o-skin("Smiley Pacman");}

/* Smiley for Merlin */
.smiley-happy {background-image: -o-skin("Smiley Happy");}
.smiley-unhappy {background-image: -o-skin("Smiley Unhappy");}
.smiley-wink {background-image: -o-skin("Smiley Wink");}
.smiley-surprised {background-image: -o-skin("Smiley Surprised");}
.smiley-grin {background-image: -o-skin("Smiley Grin");}
.smiley-cool {background-image: -o-skin("Smiley Cool");}
.smiley-indifferent {background-image: -o-skin("Smiley Indifferent");}
.smiley-cry {background-image: -o-skin("Smiley Cry");}
.smiley-angry {background-image: -o-skin("Smiley Angry");}
.smiley-tongue {background-image: -o-skin("Smiley Tongue");}
.smiley-pacman {background-image: -o-skin("Smiley Pacman");}

/*** ----------------------------
    添付ファイルのスタイル
---------------------------- ***/
div.attachments {
        background: #fcffe8;
        margin: 10px auto;
        max-width:640px;
}

div.attachments object {
        border: 5px solid #e2e4eb;
        margin: 10px;
        padding: 0;
}

.attachments a {
	font: status-bar; 
	text-decoration: underline;
	vertical-align: middle;
	color: blue;
	display: inline;
}
.attachments a.unknown::before {
	content: -o-skin('Attachment Documents');
	margin-right: 3px;
	width: -o-skin;
	height: -o-skin;
	display: inline-block;
}

/*** -----------------------------------------
    プリントアウトのスタイル（ 手抜きw ）
   「背景を印刷する」のチェックオフ推奨 
----------------------------------------- ***/
@media print {
	div.headers {
		padding: 0 0 2mm;
		margin: 0 2mm 4mm;
		border-bottom: 1px solid black;
		position: static;
		display: block;
	}

       omf|headers {
               display: table;
               width:100%;
               border:0;
       }

       omf|hdr[name="subject"]{
               text-decoration:none;
               font-size:1.2em;
       }

	.L1  omf|l:before {content: '> ';}
	.L2  omf|l:before {content: '>> ';}
	.L3  omf|l:before {content: '>>> ';}
	.L4  omf|l:before {content: '>>>> ';}
	.L5  omf|l:before {content: '>>>>> ';}
	.L6  omf|l:before {content: '>>>>>> ';}
	.L7  omf|l:before {content: '>>>>>>> ';}
	.L8  omf|l:before {content: '>>>>>>>> ';}
	.L9  omf|l:before {content: '>>>>>>>>> ';}
	.L10 omf|l:before {content: '>>>>>>>>>> ';}
	.L11 omf|l:before {content: '>>>>>>>>>>> ';}
	.L12 omf|l:before {content: '>>>>>>>>>>>> ';}
	.L13 omf|l:before {content: '>>>>>>>>>>>>> ';}
	.L14 omf|l:before {content: '>>>>>>>>>>>>>> ';}
	.L15 omf|l:before {content: '>>>>>>>>>>>>>>> ';}
	.L16 omf|l:before {content: '>>>>>>>>>>>>>>>> ';}
	.L17 omf|l:before {content: '>>>>>>>>>>>>>>>>> ';}
	.L18 omf|l:before {content: '>>>>>>>>>>>>>>>>>> ';}
	.L19 omf|l:before {content: '>>>>>>>>>>>>>>>>>>> ';}
	.L20 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>> ';}
	.L21 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>> ';}
	.L22 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>> ';}
	.L23 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>> ';}
	.L24 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>> ';}
	.L25 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>> ';}
	.L26 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>> ';}
	.L27 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>> ';}
	.L28 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';}
	.L29 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';}
	.L30 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';}
	.L31 omf|l:before {content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ';}
	omf|ql[class] {
		color: black !important;
		border: none !important;
	}
	[class^="smiley"] {
		background-image: none;
		width: auto;
		height: auto;
	}
	img[title] {content: attr(title);}
	.attachments a:before {
		content: "  " counter(attachment) ". ";
		counter-increment: attachment;
	}
	.attachments>a>img {display: none;}
}