@charset "utf-8";
/*init*/
#jan, #feb, #mar, #apr {width: 400px; height: 300px}
#jan {position: absolute; left: 20px; top: 20px; background: #333; color: #eee; text-align: center; float: left}
	#sun {font: bold 32px/40px "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif; margin-top: 20px}
	#mon {font: bold 110px/110px "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif; margin: 24px; background: transparent; text-shadow: 2px 2px 3px gray; white-space: nowrap; cursor: pointer}
	#mon>span {background: transparent}
#feb {position: absolute; left: 420px; top: 20px; background: url(imgs/none.png); float: left}
#mar {position: absolute; left: 20px; top: 320px; background: url(imgs/none.png); clear: left; float: left}
#apr {position: absolute; left: 420px; top: 320px; background: #ccc; text-shadow: 1px 1px 2px #999; float: left}
#may {position: absolute; left: 0; top: 0; width: 840px; height: 660px; background: rgb(243,243,243); z-index: -1}
#may {-webkit-border-radius: 12px; -moz-border-radius: 12px; -webkit-box-shadow: 2px 2px 3px #ccc; -moz-box-shadow: 2px 2px 3px #ccc}
#apr div {width: 400px; height: 29px; margin: 1px; font-size: 18px; line-height: 28px; font-weight: bold; background: rgb(243,243,243)}
#apr div:hover {background: #fff}
#apr div:active {background: #ddd}
#apr div a:link {padding: 3px; color: #333; text-decoration: none}
#apr div a:visited {color: #333; text-decoration: none}
#apr div a:hover {color: #333; text-decoration: none}
#apr div a:active {color: #000; text-decoration: none}
#apr div a span {font: 10px sans-serif; visibility: hidden; vertical-align: middle}
#news {position: absolute; left: 20px; top: 630px; width: 794px; padding: 3px; color: #666; background: #eee; clear: left}
#rite {width: 800px; margin: 310px 0 20px 20px; font: 10px sans-serif; clear:left}
#mods {position: absolute; left: 450px; top: 400px; width: 240px; padding: 12px; color: #eee; background: url(imgs/dark.png); display: none}
#mods {-webkit-border-radius: 12px; -moz-border-radius: 12px; -webkit-box-shadow: 2px 2px 3px #888; -moz-box-shadow: 2px 2px 3px #888}
#none {position: absolute; left: 60px; top: 280px; color: white; background: url(imgs/dark.png); font-size: 26px}
#mcie, #msie {position: absolute; left: 60px; top: 280px; width: 680px; padding: 8px; color: white; background: url(imgs/dark.png); display: none}
/*generic*/
body {font: 13px/1.4em "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; color: #333}
img {border: none}
#main {width: 800px; padding: 330px 20px 20px 20px}
h1 {color: #222; border: 1px solid #aaa; margin: 16px 0; padding: 12px; text-shadow: 1px 1px 2px #888}
h1 {-webkit-box-shadow: 2px 2px 3px #ccc; -moz-box-shadow: 2px 2px 3px #ccc}
h2 {color: #333; border: 1px solid #ccc; margin: 16px 0; padding: 7px; text-shadow: 1px 1px 2px #999; clear: left}
h2 {-webkit-box-shadow: 2px 2px 3px #ddd; -moz-box-shadow: 2px 2px 3px #ddd}
h3 {color: #444; border: 1px solid #ddd; margin: 8px 0; padding: 3px; text-shadow: 1px 1px 2px #aaa; clear: left}
h3 {-webkit-box-shadow: 2px 2px 3px #eee; -moz-box-shadow: 2px 2px 3px #eee}
h4 {color: #555}
h4:before {content: "✓ "}
ul {list-style-type: square}
.icons {color: #eee; background: #333; padding: 1px 2px; font-size: 10px; margin-right: 0.6em}
.trio {float: left; font-size: 80%}
.dummy {clear: left; color: white; background: transparent; font-size: 1px}
.impo {margin: 12px 3px; padding: 8px; color: #333; background: rgb(245,245,245); border: 1px solid #ddd; list-style-type: none}
.smcap {font-size: 80%; margin: 0.8em 1.2em}
/*link base*/
a:link {font-weight: bold; background: transparent; text-decoration: none}
a:visited {font-weight: bold; background: transparent; text-decoration: none}
a:hover {font-weight: bold; background: transparent; text-decoration: underline}
a:active {font-weight: bold; background: transparent; text-decoration: none}
/*external link, dark/light*/
a.exts:link {color: #227}
a.exts:visited {color: #888}
a.exts:hover {color: #34a}
a.exts:active {color: #46f}
/*external link, light/dark*/
a.extx:link {color: #ddd}
a.extx:visited {color: #888}
a.extx:hover {color: #fff}
a.extx:active {color: #aaa}
/*internal function, dark/light*/
a.ints:link {color: #333}
a.ints:visited {color: #333}
a.ints:hover {color: #333}
a.ints:active {color: #000}
/*internal function, light/dark*/
a.intx:link {color: #ddd}
a.intx:visited {color: #ddd}
a.intx:hover {color: #fff}
a.intx:active {color: #aaa}

#flip h2 {cursor: pointer}
/*table*/
table {background: none}
#kawa {width: 100%; border: 1px solid #ddd; font-size: 90%; border-collapse: collapse}
td {vertical-align: top}
.tdno {width: 60px}
.tdyy {width: 130px}
.pile {font-weight: bold; background: #888; color: #eee}
.lite {background: #fff}
.dark {background: #eee}
/*profile*/
#mapx {float: left; background: url(imgs/map.png); width: 480px; height: 495px; border: 1px solid silver; font-size: 24px}
#mcap {margin: 0 0 0 488px}
#mcap h3 {clear: none}
.rarro {cursor: w-resize}
/*news*/
.pack {display: none}
#ctxt {position: absolute; top: 10%; left: 8%; padding: 12px; background: url(http://asukaren.com/imgs/dark.png); display: none}
#ctxt {-webkit-border-radius: 12px; -moz-border-radius: 12px}
#ctxt {-webkit-box-shadow: 3px 3px 7px rgb(160,160,160); -moz-box-shadow: 12px}
#ctxt object {border: none}
#ctxt p {text-align: center}
/*history*/
#flip table {display: none}
.west {width: 150px; float: left}
.cent {width: 280px; float: left}
.east {width: 360px; float: left}
/*gallery*/
.evnt {display: none}
.evnt div {cursor: pointer}
.evnt div:hover {text-decoration: underline}
#pics {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; background: rgb(0,0,0); background: rgba(0,0,0,0.8)}
#gname {padding: 20px 0; font-size: 24px; line-height: 26px; font-weight: bold; text-align: center; color: #eee}
#ctrl {font-size: 24px; color: #ddd; font-weight: bold; text-align: center}
#ctrl span {margin: 0 16px; padding: 4px; border: 1px solid #555; cursor: pointer}
#less, #more, #shut {color: #bbb}
#less:hover, #more:hover, #shut:hover {color: #fff}
#pict {width: 640px; height: 480px; margin: 30px 15% 24px 15%; background: url(imgs/none.png) no-repeat}
#nows {font-size: 80%}