@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; color: #6B471C; font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, "Lucida Grande", sans-serif; font-size: small; font-style: normal; }
body { background: #FDF3D2; text-align: center; margin:10px 10px 10px 10px; }
ul, ol, dl, li, dt, dd { list-style: none; }
a { text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
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 { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 ¥*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

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


/* ============================== 03 wrap around the contents (base layout box) */
#container { width: 798px; margin: 80px auto 0 auto; text-align: left; border: 1px solid #ccc; padding: 20px 20px 20px 0; background: url(../img/bg.jpg) no-repeat left bottom; }


/* ============================== 04 site navigation */

/* ============================== 05 contents */

/* ============================== 05 footer */
#footer { width: 820px; margin: 20px auto 0 auto; padding-bottom: 80px; text-align: left; }
#footer #contact { float: left; width: 600px; }
#footer #copyright { float: right; width: 164px; }

/* ============================== 07 others */
/* News繧｢繝ｼ繧ｫ繧､繝? */

#news_list #contents { width: 508px; border: none; padding-bottom: 0; }

#news_list a { color:#9933FF; text-decoration: none; }
#news_list a:link { color:#9933FF; text-decoration: none; }
#news_list a:visited { color:#9933FF; }
#news_list a:hover, a:active { color:#CC99FF; text-decoration: underline; }

#news_list .list_set { width: 500px; border-bottom: 1px dashed #6B471C; padding: 5px 0; }