@charset "utf-8";

/* Reset
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
-------------------------------------------------------------------------------*/

html{color:#000;background:#FFF}body{margin:0;padding:0;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

h1,h2,h3,h4,h5,h6,p,dt,dd,ul,li{max-height:100%;}

/* basic
-------------------------------------------------------------------------------*/
html,body{ background-color: #fff0cd; }

ul li a, ul li img{ display: block; }

.mt15{ margin-top: 15px; }
.mt30{ margin-top: 30px; }

.alnC{ text-align:center; }
.alnR{ text-align: right; }
.bold{ font-weight: bold; }
.red{ color: #e00; }

.strong{
	display: inline-block;
	background-color: #d8ffff;
	font-size: 21px;
	line-height: 1.2;
}

.indent{
	display: inline-block;
	margin-left: 1.15em;
	text-indent: -1.15em;
}

.clear{ clear: both; }
.clrfx:after{
	content:"";
	display:table;
	clear:both;
}
.clrfx{zoom:1;}

a{ color: #0091F9; text-decoration: none;}
a:hover{ color: #ff5021; text-decoration: underline; }
a > img:hover{ opacity: 0.6; }

/* layout
-------------------------------------------------------------------------------*/
body{
	font: 13px/1.86 "ヒラギノ丸ゴ Pro W4","Hiragino maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing: 0.15em;
	-webkit-text-size-adjust: 100%;
}

.wrapper{
	width: 1000px;
	margin: 15px auto;
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 0 0 20px 5px rgba(0,0,0,0.2);
}

h1{
	width: 1000px;
	height: 710px;
	margin: 0 auto;
	background: url(../images/main.gif) no-repeat;
	text-indent: -9999px;
}


#lead{
	width: 826px;
	min-height: 234px;
	margin: 0 auto 15px auto;
	padding: 42px;
	background: url(../images/lead.gif) no-repeat;
	color: #e00;
}
#lead p:first-child{ float: left; }
#lead p:last-child{ margin-left: 480px; }

.wrapper h2{ padding: 0 70px; }

.content{
	position: relative;
	padding: 0 0 78px 300px;
}

#content1{
	padding-left: 270px;
	background:
		url(../images/neko1.gif) no-repeat 78px 106px,
		url(../images/neko2.gif) no-repeat 760px 65px;
}

#content1 li{
	margin-top: 35px;
	padding-left: 18px;
	background: url(../images/icon_red.gif) no-repeat left 0.5em;
}

#content2{
	background:
		url(../images/neko3.gif) no-repeat 105px 0,
		url(../images/neko4.gif) no-repeat 724px 302px,
		url(../images/neko5.gif) no-repeat 104px 640px,
		url(../images/neko6.gif) no-repeat 478px 940px;
}

#content2 h3{ margin: 38px 0 10px 0; }
#content2 h3:first-child{ margin-top: 0; }

#content2 li{
	padding-left: 18px;
	background: url(../images/icon_black.gif) no-repeat left 0.4em;
	font-size: 12px;
}

#tweetWrap{
	padding-bottom: 78px;
	background:
		url(../images/neko7.gif) no-repeat 98px 0,
		url(../images/neko8.gif) no-repeat 774px 0;
	text-align: center;
}

#nekoTweet{
	width: 780px;
	margin: 30px 0 20px 110px;
	text-align: left;
	line-height: 0;
	letter-spacing: -0.4em;
}
#nekoTweet li{
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 5px;
	box-shadow: 0 2px 4px 0 #777;
	background-color: #fff;
}
#nekoTweet li > a{
	display: block;
	width: 140px;
	height: 140px;
	overflow: hidden;
	background: url(../images/loading.gif) no-repeat center center;
}
#nekoTweet li > a:hover{ opacity: 0.6; }

#nekoTweet li > a > img{ display: none; }

#archives ul{ margin: 50px 0 30px 48px; }
#archives li{
	float: left;
	width: 200px;
	height: 270px;
	margin-left: 22px;
	text-align: center;
}
#archives li img{ border: 1px solid #000; }
#archives li span{
	display: inline-block;
	margin-top: 5px;
	font-size: 10px;
	letter-spacing: 0;
}

#date{
	margin: 0 70px;
	height: 20px;
	text-align: center;
	font-size: 11px;
	line-height: 20px;
	background-color: #ff0;
}

/* footer */
#footer{
	margin-top: 30px;
	text-align: center;
}

#footer li{
	display: inline-block;
	margin-right: 80px;
	vertical-align: middle;
}
#footer li:last-child{ margin-right: 0; }

.copyright {
	margin-top: 45px;
	padding-bottom: 32px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	text-transform: uppercase;
}


/* all */
#allNeko{ padding-top: 30px; }
#allNeko h1{ display: none; }
#allNeko #tweetWrap{ background: none; }

#nekoCntrl{
	width: 600px;
	margin: 30px auto 20px auto;
}
#nekoCntrl #prev{ float: left; }
#nekoCntrl #next{ float: right; }