@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------------------------------------

リセット

-----------------------------------------------------------------------------------------*/
html,
body { text-rendering: optimizelegibility; }
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
blockquote,
pre,
table,
caption,
th,
td,
address,
form,
fieldset,
legend,
object,
hr,
iframe { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,
img { border: none; vertical-align: top; }
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var { font-weight: normal; font-style: normal; }
ul { list-style: none; }
caption,
th,
td { text-align: left; vertical-align: top; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; font-size: 100%; }
q:before,
q:after { content:''; }
abbr,
acronym { border: none; }
sup { vertical-align:top; }
sub { vertical-align:baseline; }
a,
object,
embed { outline:none; }
a:hover { outline:none; color:#999; text-decoration:none; }
a { color:#333; text-decoration:none; }
p,
h1,
h2,
h3,
h4,
h5,
h6,
h7 { color:#333; }
.clearfix:after { content:""; height:0px; clear:both; display:block; visibility:hidden; }
a.active { cursor:default; }
img { max-width:100%; height:auto; width:auto; /* ie8 */ }
/* CSS3 */
::selection { background: #bbb; color: #000; }
/* Firefox */
::-moz-selection {
background: #bbb;
color: #000;
}
body { font-size:14px; -webkit-text-size-adjust: 100%; line-height:1; text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background:url(images/dot.gif) repeat;}
input { border: thin solid #999; padding:3px; }
table { width:100%; }
/*普通の日*/
#waku{position:fixed;top:50%; margin-top:-214px; left:50%; margin-left:-149px; z-index:9999;}
#frame { position:fixed; width:296px; height:400px;top:50%; margin-top:-190px; left:50%; margin-left:-148px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35) ;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); overflow:hidden; }
#haikei { width:298px; height:400px; background:url(images/handmadepaper.png) repeat; opacity:0.9; }
#wrapper { position:relative; height:400px; z-index:1; }/*今日*/
#wrapper2 { position:relative; height:400px; z-index:0; }/*明日*/
#month_en { position:absolute; top:15px; font-size:26px; text-align:center; width:100%; font-family: 'Vollkorn', serif; font-weight:bold; letter-spacing:0.1em; }
#day_big{z-index:9999;}
#day_big,
#day_big2,
#asu { position:absolute; text-align:center; top:20px; width:100%; font-size:190px; font-weight:bold; font-family: 'Righteous', cursive; }
#day_big2 { z-index:9999; opacity:0.9 }
#asu { z-index:0; }
#week_en { position:absolute; top:200px; text-align:center; width:100%; font-family: 'Sorts Mill Goudy', serif; font-size:16px }
#week_ja { position:absolute; top:220px; text-align:center; width:100%; font-size:24px; }
#week_ja span { border-bottom:1px solid #000; }
#holiday { position:absolute; top:255px; text-align:center; width:100%; font-size:18px; color:#FF1D00; }
#asu_holiday { position:absolute; top:255px; text-align:center; width:100%; font-size:18px; color:#FF1D00; }
#new { position:absolute; right:15px; top:25px; width:1em; font-size:16px; line-height:1.5; }
#old { position:absolute; left:15px; top:25px; width:1em; font-size:16px; line-height:1.5; }
#rokuyou { position:absolute; right:15px; top:200px; width:1em; font-size:14px; line-height:1.2 }
#hata { position:absolute; top:40px; left:50%; margin-left:-116px; }
#asu_hata { position:absolute; top:40px; left:50%; margin-left:-116px; }
#koukoku { position:absolute; bottom:30px; left:50%; margin-left:-112px; }
#koukoku img{max-width:224px; max-height:61px;}
#meigen { position:absolute; bottom:105px; text-align:center; width:100%; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:14px }

/*日曜日 FF1D00*/
.sun #month_en { color:#FF1D00; }
.sun #day_big { color:#FF1D00; }
.sun #day_big2 { color:#FF1D00; }
.sun #week_en { color:#FF1D00; }
.sun #week_ja { color:#FF1D00; }
.sun #week_ja span { color:FF1D00; border-color:#FF1D00; }
.sun #new { color:#FF1D00; }
.sun #old { color:#FF1D00; }
.sun #rokuyou { color:#FF1D00; }
.sun #meigen { color:#FF1D00;}

/*#wrapper{background:url(hata.png) center 50px no-repeat;}
*/
/*土曜日 ベース#192247*/
.sat #month_en { color:#036; }
.sat #day_big { color:#036; }
.sat #day_big2 { color:#036; }
.sat #week_en { color:#036; }
.sat #week_ja { color:#036; }
.sat #week_ja span { color:#036; border-color:#036; }
.sat #new { color:#036; }
.sat #old { color:#036; }
.sat #rokuyou { color:#036; }
.sat #asu { color:#FF1D00; }
.sat #meigen { color:#036;}

/*金曜日*/
.fri #asu { color:#036 }