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

a img{
	border-style:none;
}

/*背景色*/
#body{
	position: relative;
	background-color: #f2f2f2;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	/*width: 100%;*/
}
#top_menu{
	position: absolute;
}

/*サイトロゴ*/
#site_logo{
	position: absolute;
	width: 200px;
	left: 50px;
	float: left;
}

/*ナビゲーター*/
.nav{
	position: absolute;
}

#nav_illust{
	position: absolute;
 	left: 280px;
	top: 30px;
 	font-size: 12px;
    color: #444444;
 	text-decoration: none;
}
#nav_illust:hover{
	color: #888888;
}

#nav_about{
	 position: absolute;
	 left: 350px;
	 top: 30px;
	 font-size: 12px;
     color: #444444;
	 text-decoration: none;
}
#nav_about:hover{
	color: #888888;
}

#nav_memo{
	 position: absolute;
	 left: 420px;
	 top: 30px;
	 font-size: 12px;
     color: #444444;
	 text-decoration: none;
	
}
#nav_memo:hover{
	color: #888888;
}


/************* illust関連 ****************/

/*イラストの描画エリア*/
#illust_area{
	position: relative;
	top: 30px;
}

/*イラストを管理する基本要素*/
.illust_ele{
	position: absolute;
	background-color: #ffffff;
	height: 200px;
	cursor: pointer;
	-webkit-box-shadow: 2px 2px 3px 0px #aaaaaa; /* Safari, Chrome用 */
	-moz-box-shadow: 2px 2px 3px 0px #aaaaaa; /* Firefox用 */
	box-shadow: 2px 2px 3px 0px #aaaaaa; /* CSS3 */
	opacity: 0;
	display:block;
}


/**/
.illust_img:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

/*イラストのタイトル*/
.illust_title{
	position: relative;
	top: 12px;
	left: 10px;
	width: 190px;
	color: #333333;
	font-size: 12px;
}
/*イラスト作成日*/
.illust_date{
	position: relative;
	color: #aaaaaa;
	font-size: 11px;
	left: 130px;
	top: 15px;
	width: 70px
}

a{
	text-decoration: none;
}

/************about関連************/

#about_area{
	position: absolute;
	background-color: #ffffff;
	top: 80px;
	padding-left: 25%;
	height: 400px;
	width: 70%;
	display:block;
	
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity: 0;
	visibility: hidden; /*ie*/
}

#logo{
	
}
/*aboutと表記*/
.caption{
	font-size: 13px;
	color: #444444;
	float: left;
	padding-top: 10px;
}
#description_area{
	position: absolute;
	border-left: 2px solid #777777;
	padding-left: 20px;
	margin-left: 60px;
	height: 400px;
	
	/*filter: alpha( opacity=0 );
	opacity: 0;*/
	
	visibility: visible; /*ie*/
}
#banner{
	margin-left: 30px;
}
.item_caption{
	margin-top: 10px;
	font-size: 13px;
	color: #888888;
}
.description{
	font-size: 13px;
	color: #444444;
	margin-left: 30px;
}
.social{
	color: #444444;
	text-decoration: none;
}
.social:hover{
	color: #888888;
}


/************memo関連************/
#memo_area{
	position: absolute;
	background-color: #ffffff;
	top: 80px;
	padding-left: 25%;
	height: 400px;
	width: 70%;
	display:block;
	
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity: 0;
	visibility: hidden; /*ie*/
}

/*ie, opera用の余白*/
#blank_space{
	position: absolute;
	top: 80px;
	height: 90%;
	width: 95%;
	background-color: #f2f2f2;
}

/************copyright表記*******************/
#copy_right{
	position: absolute;
	font-size: 10px;
	color: #999999;
}

/***************広告の設定**********************/
.tdftad a{
	position: relative;
	font-size: 10px;
	color: #aaaaaa;
}