@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
	color:#8fadb8;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

body{
	background:#fef4f4 url(img/back.jpg) repeat-x;
}

/* ----------link---------- */

a:link{
	color:#8fadb8;
}

a:visited{
	color:#a9c697;
}

a:hover{
	color:#e0a7a7;
}

a:active{
	color:#d8d986;
}

img{
	border:0px;
}

/* ----------container---------- */

#container01{
	width:602px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#abc9d4;
}

#container02{
	width:600px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

/* ----------top---------- */

h1#top{
	width:600px;
	height:270px;
	background:url(img/top.png) no-repeat;
}

/* ----------navi---------- */

div#navi{
	width:600px;
	height:30px;
}

div#navi ul{
	padding:9px 0px 9px 209px;
}

div#navi ul li{
	list-style-type:none;
	text-indent:-9999px;
	float:left;
}

div#navi ul li#note a{
	width:87px;
	display:block;
	background:url(img/note_01.png) no-repeat;
}

div#navi ul li#illust a{
	width:118px;
	display:block;
	background:url(img/illust_01.png) no-repeat;
}

div#navi ul li#photo a{
	width:104px;
	display:block;
	background:url(img/photo_01.png) no-repeat;
}

div#navi ul li#clap a{
	width:82px;
	display:block;
	background:url(img/clap_01.png) no-repeat;
}

div#navi ul li#note a:hover{
	width:87px;
	display:block;
	background:url(img/note_02.png) no-repeat;
}

div#navi ul li#illust a:hover{
	width:118px;
	display:block;
	background:url(img/illust_02.png) no-repeat;
}

div#navi ul li#photo a:hover{
	width:104px;
	display:block;
	background:url(img/photo_02.png) no-repeat;
}

div#navi ul li#clap a:hover{
	width:82px;
	display:block;
	background:url(img/clap_02.png) no-repeat;
}

/* ----------content01---------- */

div#content01{
	width:580px;
	margin-right:auto;
	padding:30px 10px 30px 10px;
}

div#content01 h2{
	margin:0px 0px 20px;
}

div#content01 p{
	font-size:12px;
	line-height:100%;
}

div#content01 p#bana{
	margin:6px 0px;
}

/* ----------content02---------- */

div#content02{
	width:580px;
	margin-right:auto;
	padding:30px 10px 90px 10px;
}

div#content02 h2{
	margin:0px 0px 20px;
}

div#content02 p{
	font-size:12px;
	line-height:100%;
}

/* ----------line---------- */

.line{
	width:600px;
	height:1px;
	background:url(img/line.png) no-repeat;
}

/* ----------address---------- */

address{
	width:600px;
	padding:10px 0px;
	font-size:10px;
	font-style:normal;
	text-align:center;
	border-bottom:#abc9d4 1px solid;
}

/* ----------note---------- */

#note div#content02 p{
	padding-bottom:1em;
}

#note div#content02 p.space{
	padding-bottom:5em;
}

/* ----------illust---------- */

#illust div#content02 ul{
	height:52px;
}

#illust div#content02 ul li{
	list-style-type:none;
	float:left;
	padding-right:20px;
}

#illust div#content02 ul li a img{
	border:1px solid #8fadb8;
}

#illust div#content02 ul li a:visited img{
	border:1px solid #a9c697;
}

#illust div#content02 ul li a:hover img{
	border:1px solid #e0a7a7;
}

#illust div#content02 ul li a:active img{
	border:1px solid #d8d986;
}