@charset "utf-8";

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; color: #630; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; font-size: small; font-style: normal; }
body { margin:10px; color:#630; text-align: center; background-color: #fef4d3; }
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; }

/* === 枠・共通 === */
#container_out { text-align:center; width:100%; }
#container_in { margin: 0 auto; width:460px; }

.select { line-height: 1.25em; }
.spacing { padding-bottom: 1em; }
.small { font-size: x-small; }

/* === リード === */
p#btn_close { margin-left: 414px; }

#lead { padding: 10px 0 25px 0; margin: 0; }
h1 { margin-bottom: 10px; }

/* === 年号 === */
#year { border-bottom: 1px dashed #6d4205; padding-bottom: 5px; margin-bottom: 5px; }
#year li { float: left; }
#year li a { color: #CEA763; text-decoration: none; font-weight: bold; }
#year li a:link { color: #CEA763; text-decoration: none; }
#year li a:visited { color: #CEA763; text-decoration: none; }
#year li a:hover, #year li a:active { color: #3399CC; text-decoration: none; }
#year li a.active { color: #3399CC; text-decoration: none; }

/* === 本文 === */
#contents { padding: 0; margin: 0; }
#contents .set { margin-top: 15px; background-image: url(../select/bg_top.gif); background-position: 0 0; background-repeat: no-repeat; padding: 14px 17px 0 17px; }
#contents .set dl { margin-bottom: 8px; }
#contents .set dt { float: left; padding-right: 10px; }
#contents .set dd { float: left; color: #39c; font-weight: bold;}
#contents .set .main .photo223 { float: left; width: 223px; }
#contents .set .main .comment223 { float: right; width: 190px; }
#contents .set .main .photo138 { float: left; width: 138px; }
#contents .set .main .comment138 { float: right; width: 275px; }
#contents .set .main p.name { font-weight: bold; }
#contents .set .main h3 { margin-top: 15px; }

#contents .set .sub { padding: 15px; background-color: #fdeebb; margin-top: 10px; }
#contents .set .sub img { float: left; width: 120px; }
#contents .set .sub p { float: right; width: 260px; }

/* === フッタ === */
#footer { line-height: 1em; width: 460px; margin-top:5px; }
#footer .credit { font-size:x-small; text-align: center; color: #cea45e; }
#footer .button_area { margin: 0 0 0 414px; width: 46px; }
#footer .button_area a, #footer .button_area a:link, #footer .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../select/btn_close.gif); height: 12px; border-bottom: 0; line-height: 1%; text-indent: -9999px; font-size: 1; }
#footer .button_area a:hover, #footer .button_area a:active { background-position: 0 -12px; }