@charset "shift_jis";
/* death.css */

@import url("../css/normalize.css");
@import url("../css/common.css");


body	{	background: #FAF9F4 url(img/bg_body.jpg) repeat fixed top center;	}

a	{	color: #fff;	}
a:hover	{	color: #aaa;	text-decoration: none;	}
a:hover img	{	opacity: .8;	}
a,	a img,	a:hover,	a:hover img	{	transition: .4s;	}

hr	{	background: url(img/line.png) repeat-x;	border: 0;	clear: both;	height: 8px;	margin: 4px 0 16px;	}


/* .btn - リンクボタン
---------------------------------------- */
a.btn,	.btn a	{	background: #000;	color: #fff;	}
a.btn:hover,	.btn a:hover	{	background: #aaa;	}


/* #header_ad,	#ad_rec1st,	#ad_rec2nd - 広告
---------------------------------------- */

#header_ad	{	margin: 0 auto 16px;	}
#ad_rec1st,	#ad_rec2nd	{	border: none;	margin-bottom: 32px;	padding: 0;	}


/* #wrapper
---------------------------------------- */

#wrapper	{	background: url(img/bg_wrapper.png) repeat-y top left, url(img/bg_wrapper.png) repeat-y top right;	min-height: 100%;
	margin: 0 auto;	overflow: hidden;	padding: 0 32px;	width: 972px;	}


/* #header
---------------------------------------- */

#header	{	margin: 0 auto 32px;	position: relative;	overflow: hidden;	width: auto;	}

#header h1	{	font-size: 1em;	margin: 112px 0 0;	text-align: left;	}
#header h1 a	{	display: block;	height: 100%;	padding-left: 16px;	width: 100%;	}
#header h1 a img	{	height: 128px;	}
#header h1 a:hover img	{	opacity: 1;	}

#header #description	{	margin: 16px 16px 0;	}
#header #description p	{	margin: 0;	}
#header #description p.btn a	{	margin-left: 16px;	}

#header #header_link	{	height: 90px;	margin: auto;	left: 16px;	overflow: hidden;	right: 0;	position: absolute;	top: 8px;	width: 972px;	}
#header #header_ad	{	float: right;	}
#header #anitama	{	float: left;	margin-top: 8px;	height: 80px;	}
#header #anitama img	{	height: 80px;	}


/* #contents
---------------------------------------- */

#contents	{	margin: auto;	overflow: hidden;	width: 972px;	}

#contents h2	{	border-bottom: 4px solid #fff;	color: #fff;	font-style: italic;	margin-bottom: 16px;	padding-bottom: 4px;	}

#contents h3	{	border-bottom: 2px solid #fff;	color: #fff;	margin: 8px 0;	padding: 2px 0 0;	}
#contents h3 + p	{	margin-top: 0;	}

#contents h4	{	border-bottom: 1px solid #fff;	color: #fff;	margin: 8px 0;	padding: 2px 0 0;	}
#contents h4 + p	{	margin-top: 0;	}

/* .section */
#contents .section	{	background: #333;	color: #eee;	margin: 0 0 32px;	padding: 16px;	position: relative;	width: auto;	}
#contents .section *:last-child	{	margin-bottom: 0;	}

/* .btn */
#contents a.btn,	#contents .btn a	{	background: #fff;	color: #000;	}
#contents a.btn:hover,	#contents .btn a:hover	{	background: #aaa;	}

/* .news */
#contents .news	{	background: #ccc;	color: #333;	margin-bottom: 32px;	overflow: hidden;	padding: 8px 16px 16px;	width: auto;	}
#contents .news h4	{	border-bottom: 1px solid #000;	color: #000;	}


/* #contents_main
---------------------------------------- */

#contents_main	{	float: left;	width: 640px;	}

/* .section */
#contents_main .section:nth-last-child(2n)	{	background: #666;	}


/* #photo
---------------------------------------- */

#contents_main #photo	{	overflow: hidden;	padding-bottom: 0;	}

#contents_main #photo ul.card	{	margin-bottom: 0;	text-align: center;	}
#contents_main #photo ul.card li	{	margin-top: 0;	margin-bottom: 16px;	width: 300px;	}
#contents_main #photo ul.card li.large	{	max-width: 616px;	width: 608px;	}
#contents_main #photo ul.card li.large img	{	width: 300px;	}
#contents_main #photo ul.card li.large img + img	{	margin-left: 8px;	}
#contents_main #photo ul.card li > p	{	font-style: italic;	}

#contents_main #photo p.more	{	float: right;	margin-top: 0;	margin-bottom: 16px;	}


/* #contents_sub
---------------------------------------- */

#contents_sub	{	margin-bottom: 48px;	float: right;	width: 300px;	text-align: center;	}

/* .sub_btn */
#contents_sub .sub_btn p	{	margin-top: -8px;	}
#contents_sub .sub_btn img	{	margin-top: 8px;	}


/* #mail
---------------------------------------- */

#contents_sub #mail p	{	margin-bottom: 0;	text-align: left;	}

#contents_sub #mail ul	{	list-style: none;	padding-left: 0;	}
#contents_sub #mail ul > li	{	background: url(../img/line_x.png) repeat-x;	padding-top: 9px;	}


/* #personality
---------------------------------------- */

#contents_sub #personality	{	background: #666;	}

#contents_sub #personality ul.person	{	margin-left: -8px;	}
#contents_sub #personality ul.person > li	{	margin-left: 8px;	width: 130px;	}
#contents_sub #personality ul.person img	{	border: 1px solid #ccc;	width: 128px;	}


/* #twitter
---------------------------------------- */

#contents_sub #twitter h2	{	border: none;	margin-bottom: 0;	}
#contents_sub #twitter h2 a	{	margin-left: 16px;	}


/* #pagetop
---------------------------------------- */

#pagetop	{	left: 0;	margin: auto;	position: relative;	right: 0;	width: 972px;	}

#pagetop ul	{	bottom: 16px;	list-style: none;	margin: 0 0 0 -16px;	overflow: hidden;	padding: 0;	position: absolute;	right: 16px;	width: auto;	}
#pagetop li	{	float: right;	margin: 0 0 0 16px;	}


/* #footer
---------------------------------------- */

#footer	{	background: #333;	color: #eee;	clear:both;	font-size: 12px;	overflow: hidden;	padding: 16px 0;	text-align: center;	width: auto;	}

#footer address	{	font-size: 14px;	margin: 0 16px 16px;	}
#footer p	{	margin: 0 16px;	}

#footer ul	{	list-style: none;	margin: 0 16px;	overflow: hidden;	padding: 0;	width: auto;	}
#footer ul li	{	display: inline-block;	}

#footer ul.foot_link	{	margin-bottom: 16px;	}
#footer ul.foot_link li	{	margin: 0 8px;	}

#footer ul.footer_nav li:before	{	content: "|";	margin-right: .5em;	}
#footer ul.footer_nav li:first-child:before	{	content: "";	margin-right: 0;	}