@charset "UTF-8";
/* Common */
body { color: #333; font-size: medium; font-famly: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: #eaead6; }
h2, h3, h4, dl, dt, dd { margin: 0; padding: 0; }
h1 { margin: 1.3em 0 0.5em 0; color: #666; }
img { border: 0; }
a { color: #4F93CA; text-decoration: none; }
a:hover { color: #FFB27D; text-decoration: underline; }
#container { width: 825px; margin: 0 auto; font-size: 85%; }
#headder { margin-bottom: 2.5em; line-height: 1; }
.smaller { font-size: smaller; }
.explain { line-height: 1.4; font-size: 90%; }
.caption { font-size: xx-small; color: #fff; text-align: center; position: absolute; bottom: 2px; right: 0; margin: 0; width: 348px; }
/* Top Page */
#MainImage { position: relative; width: 825px; height: 400px; text-align: right; margin-bottom: 1.5em; }
#summary { position: absolute; top: 44px; left: 76px; width: 400px; color: #fff; line-height: 1.6; text-align: left; }
#summary h2 { color: #eaead6; font-size: 145%; margin-bottom: 3em; }
#thumbnail { background-color: #fff; width: 100%; padding: 1.2em 0 0 0; border: #b9dbd0 solid 1px; clear: both; }
#thumbnail table { margin: 0 auto 1em auto; border-spacing : 6px 2px; border-collapse : separate; }
#thumbnail td {vertical-align:top;text-align:center}
#thumbnail img { border: #ddd solid 1px; padding: 4px; margin: 0; }
#thumbnail a:hover img { background-color: #FFB27D; }
#thumbnail p { font-size: smaller; line-height: 1.5;margin:0;}
#snsbuttonh { text-align: right; }
ul.sns li {float:right;margin-left:2px;list-style:none;}
/* Details */
#content ul { background: #eee; border: 1px solid #ccc; font-size: smaller; text-align: center; width: 656px; padding: 2px 0; display: table; /display/**/:inline; /* IE6,IE7 */
zoom/**/: 1;/* IE6,IE7  */ table-layout: fixed; margin: 0; }
#content ul li { border-right: 1px solid #ccc; display: table-cell; /display/**/:inline; /* IE6,IE7 */
zoom/**/: 1;/* IE6,IE7  */ width/**/: 33%; }
#content ul li:last-child { border-right: none; }
#content ul li a { color: #666; font-weight: bold; text-decoration: none; display: block; }
#content ul li a:hover { background: #e9e9e9; }
#content { float: left; width: 658px; margin-right: 4px; padding: 0; }
#details { background-color: #fff; padding: 12px; line-height: 1.8; border-top: 0px solid #b9dbd0; border-bottom: 0px solid #b9dbd0; border-right: 1px solid #b9dbd0; border-left: 1px solid #b9dbd0; }
#details h3, h4, p { margin: 1em 0.5em; }
#details h3 { padding: 5px 0 6px 8px; border-left: 4px solid #666; }
#details h4 { padding-bottom: 12px; color: #2A2A2A; font-weight: bold; }
#details h5 {margin-bottom:0.5em;font-size:100%;}
#details dl { display: block; margin: 0 0.5em; }
#details dt { padding: 4px 10px 0px 10px; border-bottom: 1px solid #ccc; margin-bottom: 3px; }
#details dd { margin: 0 0 1em 2.5em; line-height: 1.4; }
#WorkImage { text-align: center; }
#WorkImage p { font-weight: bolder; }
#sidebar { float: right; width: 159px; margin-left: 4px; }
#vote { background-color: #b9dbd0; text-align: center; display:none;}
#vote p { text-align: left; font-size: smaller; padding: 1em; }
#footer { clear: both; text-align: right; padding: 1.5em; }
#footer small { color: #999; }
.captionleft { width: 540px; text-align: center;margin:0 auto; }
.captionleft p { display: inline-block; text-align: left; }