@charset "utf-8";

/* ------------------------- TOC 
01 Setup
02 CSS Hack
03 wrap around the contents (base layout box)
04 site (global) navigation
05 contents
06 footer
07 others
 ------------------------- */

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; font-family: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif; font-size: 12px; font-style: normal; line-height: 1.5em; }
body { margin:10px 0; text-align: center; color: #330000; }
ul, ol, dl, li, dt, dd { list-style: none; }
a { text-decoration: none; }
a:link { color: #09f; text-decoration: underline; }
a:visited { color: #09f; text-decoration: underline; }
a:hover, a:active { color: #f39; text-decoration: underline; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
table { border-collapse: collapse; }
input { vertical-align: bottom; }

/* ============================== 02 CSS Hack */
/* floating box clear */
.clr:after, .mc:after, .ph_l:after, .ph_r:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr, .mc, .ph_l, .ph_r { display: inline-table; min-height: 1%; }
/* Hide from mac IE5*/
* html .clr, * html .mc, * html .ph_l, * html .ph_r { height: 1%; }
.clr, .mc, .ph_l, .ph_r { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hd { text-indent: -9999px; overflow: hidden; }
.hd a { text-decoration: none; }


/* ============================== 03 wrap around the contents (base layout box) */

/* 共通 */
body { text-align:center; width:100%; }
#wrapper { margin: 0 auto; width:560px; }
.rc { float: right; }
.lc { float: left; }
.small { font-size: 84%; }
.small a { font-size: 100%; }
.medium { font-size: 92%; }
.spc { margin-bottom: 1em; }

h1 { margin-top: 25px; }
.box { border: 2px solid #5c4230; margin: 0 auto; background-color: #fff; }
.set { width: 520px; margin: 0 0 0 18px; padding-top: 15px; padding-bottom: 10px; }
h2 { color: #da276b; font-weight: bold; padding-bottom: 0.5em; }
.date { color: #ff6699; font-size: 84%; }
.set p { padding-bottom: 1em; }
.ph_r img { float: right; margin-left: 10px; }

#footer { margin: 0 auto; width:560px; line-height: 1em; margin-top: 10px; }
#footer .credit { font-size:84%; text-align: center; color: #5c4230; }
#footer .button_area { margin: 0 0 0 509px; width: 46px; }