@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 {/* Remove this rule if you want CSS-styled message headers, not toolbars */ 
	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;
}
div#qp_error {display: none;}

* {
	margin: 0;
	padding: 0;
}

body{
background-color:#f8f0f8;
}

object {
	width: 100%;
	height: -o-content-size;
	display: block;
}

/*** メディアスクリーン ***/
@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;
	}
}

/*** ヘッダー ***/
div.headers {
        margin: 10px auto 0;
        padding-right: 2px;
        max-width:800px;        
        display: block;
}

omf|headers {
        background-image:url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%40%00%00%00%40%08%02%00%00%00%25%0B%E6%89%00%00%00qIDATx%DA%ED%D9%B1%09%C00%0CEA%ED%3FC%0AO%E0-%D2%18%8F%10%08x%89%94%C9%0C2%A8%CA%C1%AB%05W~%14Gk%A9%EEu%A6%AA%BE%1F%00%00%00%00%00%00%00%00%00%00%00%DB%80k%F4T%EF3SU%DF%07%00%00%00%00%00%00%00%00%00%00%D8%07Xd%00%00%00%00%00%00%00%00%00%00%FE%03%16%19%00%00%00%00%00%00%00%00%00%C0%EF%00%1F%14%DD%E2%2C%0C_%05%EC%00%00%00%00IEND%AEB%60%82");
	background-repeat:repeat;
        display: block;
}

omf|hdr {display:none;}

omf|hdr[name="subject"]{
        font:1.4em メイリオ;
        margin:4px auto;
        padding: 10px 25px 8px;
        background-image:url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%01%00%00%00%01%08%06%00%00%00%1F%15%C4%89%00%00%00%0DIDATx%DAc%F8%FF%FF%FF%09%00%09%C4%03%C6%B6%9FT%CF%00%00%00%00IEND%AEB%60%82");
        background-repeat:repeat;
        border:3px solid #f0f0f0;
        max-width:600px;
        display: block;
}

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"] {display:none;}

omf|n {
	font-weight: bold;
	vertical-align: top;
	/*padding-left: 4px;*/
	/*width: 8em;*/
	display: none;
}

/*omf|n:after {content: ": ";}*/

omf|v {
	vertical-align: top;
	/*padding-left: 4px;*/
	display: block;
}

/*** 本文 ***/
omf|body, omf|div {
        margin: 10px auto 10px;
        padding:8px 0;
        max-width:800px;
        background-image:url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%40%00%00%00%40%08%02%00%00%00%25%0B%E6%89%00%00%00qIDATx%DA%ED%D9%B1%09%C00%0CEA%ED%3FC%0AO%E0-%D2%18%8F%10%08x%89%94%C9%0C2%A8%CA%C1%AB%05W~%14Gk%A9%EEu%A6%AA%BE%1F%00%00%00%00%00%00%00%00%00%00%00%DB%80k%F4T%EF3SU%DF%07%00%00%00%00%00%00%00%00%00%00%D8%07Xd%00%00%00%00%00%00%00%00%00%00%FE%03%16%19%00%00%00%00%00%00%00%00%00%C0%EF%00%1F%14%DD%E2%2C%0C_%05%EC%00%00%00%00IEND%AEB%60%82");
	background-repeat:repeat;
        border:1px solid #e0e0e0;
        display: block;
}

omf|div.plaintext {
        padding: 10px 30px;
        max-width:600px;
        background-image:url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%01%00%00%00%01%08%06%00%00%00%1F%15%C4%89%00%00%00%0DIDATx%DAc%F8%FF%FF%FF%09%00%09%C4%03%C6%B6%9FT%CF%00%00%00%00IEND%AEB%60%82");
        background-repeat:repeat;
        border:3px solid #f0f0f0;
        line-height:150%;
}

omf|p {
	white-space: -o-pre-wrap;
	padding: 0;
	margin: 0;
	display: block;
}
omf|l {
	padding: 0;	
	margin: 0;
	display: block;
}
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;}
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 {
        margin: 5px auto;
        max-width: 800px;
        background: #f8f8f8;
        border:1px solid #e0e0e0;
}

div.attachments object {
        padding: 0;
        border: 3px solid #e8e8e8;
}

.attachments a {
        font: status-bar; 
        text-decoration: underline;
        vertical-align: middle;
        color: blue;
        display: inline;
}

.attachments a.unknown::before {
        content: "";
        background-image: -o-skin('Attachment Documents');
        margin-right: 3px;
        width: 16px;
        height: 16px;
        display: inline-block;
}

/*** プリントアウト ***/
@media print {
	div.headers {
		padding: 0 0 2mm;
		margin: 0 2mm 4mm;
		border-bottom: 1px solid black;
		position: static;
		display: block;
	}
	.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;}
}