@charset 'utf-8';

/* Common pattern
------------------------------------ */
body {
    line-height: 1.5;
    color: #646464;
    /*background-image:  url('body_bg.png');*/
    /* background: #ffffff; */
    background: url(body.gif) repeat center top;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
p, .clr { clear: both; }
p { /*width: 100px;*/ margin: 0 auto; }

h1 { 
	font-size: 1.5em;
	color : #000;
	border-bottom: 4px solid #000;
}

a { font-size: 1.0em; color: #FC0039; /*text-decoration: none;*/ }
a:hover { color: #FC0039; }

/* Header Area
------------------------------------ */
#header { max-width: 600px; margin: 24px auto 12px;	}
#header img { display: block; margin: 0 auto;	}

/* Contents Area
------------------------------------ */
#contents{
	max-width: 600px;
	margin: 0 auto;
	background-color: #ffffff /*#FEF8E9*/;
}

#contents.area {
	padding: 1.5em 1.5em;
	font-size: 1.0em;
	border-radius:         .167em;
	-o-box-shadow:      0 0 0 .18em rgba(255, 255, 255, .5), 0 0 0 .2em rgba(0, 0, 0, .1);
	box-shadow:         0 0 0 .18em rgba(255, 255, 255, .5), 0 0 0 .2em rgba(0, 0, 0, .1); 
	/*padding-top: 40px;*/
}

#contents p.bottom { width: 600px; margin: 20px auto 0; }
#contents span.author { font-size: .75em; }

#contents p.time {
	width: 70%;
	margin: 30px 0;
	border-bottom: 1px solid #000000;
}

/* Contents Area 
------------------------------------ */
dl { margin: 30px 0; display: block;}
dt, dd { float: left; }
dt {
	width: 200px;
	clear: both;
	margin: 0 10px 10px;
}
dd {
	color: #008AD5;
	margin: 0 0 10px;
}

/* Footrt Area
------------------------------------ */
#footer {	width: 600px; margin: 24px auto;	}
#footer img {	display: block; margin: 0 auto;	}
