@charset "utf-8";

/* ---------------------------------------------------
01: Setup
02: CSS Hack
03: Base
04: Individual
--------------------------------------------------- */


/* 01: Setup
--------------------------------------------------- */
* { margin: 0; padding: 0; background-repeat: no-repeat; background-position: 0 0; text-align: left; line-height: 1.5; }
body { color: #ffffff; font-size: 12px; font-family:"Lucida Grande" "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "メイリオ","MS PGothic", sans-serif; background: #000000; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse:collapse; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a,img { border: 0; }
strong { font-weight: normal; }
em, address { font-style: normal; }
input, button { text-align: center; line-height: normal; }

a { color: #ad0003; }
a:link { color: #ad0003; }
a:visited { color: #ad0003; }
a:hover, a:active { color: #ad0003; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* 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 { overflow: hidden; }


/* 03: Base
--------------------------------------------------- */
body { background: #000000 url(../img/bg.jpg) center 0 no-repeat; }
#wrapper { width: 982px; margin: 0 auto; }

/* header */
#header { margin-top: 20px; }
#header h1 { float: left; }
#header ul { float: right; width: 852px; }
#header li { float: left; height: 50px; }

/* region */
#region { margin: 10px 0 10px 0; width:100%; }
#region img { float:right; margin-right:2px;}

/* contents */
#contents { min-height: 450px;}
#side { float: left; width: 196px; background: #000000; border-top: solid 1px #808080; border-left: solid 1px #808080; border-right: solid 1px #808080; }
#main { float: right; width: 750px; background: #ffffff; color: #000000; border-top: solid 1px #808080; border-left: solid 1px #808080; border-right: solid 1px #808080; }

#side li { height: 50px; overflow: hidden; border-bottom: solid 1px #808080; }
#side li a { display: block; line-height: 1; padding: 20px; color: #ffffff; font-weight: bold; text-decoration: none; }
#side li a:hover { background: #646464; color: #ffffff; }

h3 { font-weight: bold; font-size: 18px; padding: 20px 25px; border-bottom: solid 1px #808080; }
.meta { color: #666666; }

.post { padding: 25px; border-bottom: solid 1px #808080; }
.post h4 { font-weight: bold; margin-bottom: 0; font-size: 12px; }

.entry-content { padding: 15px 25px 10px 25px; border-bottom: solid 1px #808080; min-height: 300px; }
.entry-content h4 { font-weight: bold; margin-bottom: 10px; font-size: 14px; }
.entry-content h5 { margin-bottom: 10px; font-weight: bold; font-size: 13px; }
.entry-content h6 { font-weight: bold; font-size: 12px; }
.entry-content .meta { margin-bottom: 30px; }
.entry-content p { margin-bottom: 1.5em; }

.entry-content strong { font-weight: bold; }
.entry-content em { font-style: italic; }
.entry-content blockquote { border: ; border: 1px #cccccc solid; padding: 1.5em 1.5em 0 1.5em; margin-bottom: 1.5em; }
.entry-content address { margin-bottom: 1.5em; }
.entry-content pre { margin-bottom: 1.5em; overflow: auto; }

.entry-content ul { margin-bottom: 1.5em; }

.entry-content ol { padding-left: 2em; margin-bottom: 20px; }
.entry-content ol li { list-style-type: decimal; margin-bottom: 1em; }

img.alignleft { float: left; margin: 15px 0; padding-right: 15px; }
img.alignright { float: right; margin: 15px 0; padding-left: 15px; }
img.aligncenter { display: block; margin: 15px auto; }
img.alignnone { margin: 15px 0; }

table { border-top: 1px solid #B4B4B4; border-left: 1px solid #B4B4B4; border-collapse: collapse; margin-bottom: 1.5em; }
caption { line-height: 1.5; }
th { line-height: 1.5; padding: 2px 6px; border-right: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; background-color: #F0EEE7; }
td { line-height: 1.5; padding: 2px 6px; border-right: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; }
table.in { margin-bottom: 0; border-top: 1px solid #B4B4B4; border-left: 1px solid #B4B4B4; border-collapse: collapse; font-size: 100%; }
.in th { padding: 2px 6px; border-right: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; background-color: #EEEEEE; }
.in td { padding: 2px 6px; border-right: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4;}

/* footer */
#footer { margin: 30px 0 60px 0; }
#footer ul { float: left; width: 477px; }
#footer li { float: left; height: 32px; }
.totop a { width: 982px; display: block; text-align: right; }

/* 404 */
#contents-404 { width: 980px; padding-bottom: 20%; background: #ffffff; color: #000000; border: solid 1px #808080; }
#contents-404 h2 { font-weight: bold; font-size: 18px; margin-bottom: 25px; padding: 20px 25px; border-bottom: solid 1px #808080; }
#contents-404 p { padding-left: 25px; margin-bottom: 1.5em; }