@charset"utf-8";
div#pagebody {
	width:1108px;
	border:1px solid #000000;
}
div#pagebody-sketch {
	width:1204px;
	border:1px solid #000000;
}
div#pagebody-shitazu {
	width:604px;
	border:1px solid #000000;
}
div#pagebody-sen {
	width:604px;
	border:1px solid #000000;
}
h1#title {
	font-size:100%;
	font-weight:normal;
	border:1px solid #FFFFFF;
	padding:0px 0px 0px 0px;
}
img {
    image-rendering: -webkit-optimize-contrast;
}
/*--------------------------------
全体のフレーム
--------------------------------*/
div.flame {
	width:504px;
	border:1px solid #FFFFFF;
	margin:10px auto;
}
/*--------------------------------
イラストまとめボックス
--------------------------------*/
div.box-sakuhin {
	width:500px;
	margin:50px 0px 10px 0px;
	padding:1px;
	border:1px solid #FFFFFF;
	float:left;
}
div.sakuhin img {
	width:100px;
	height:100px;
	margin:0px;
	padding:0px;
	float:left;
}
div.sakuhin img:hover {
	filter:brightness(50%);
}
/*--------------------------------
大物まとめボックス
--------------------------------*/
div.box-oomono {
	width:498px;
	margin:20px 0px 10px 0px;
	padding:1px;
	border:1px solid #FFFFFF;
	float:left;
}
div.oomono img {
	width:166px;
	height:166px;
	margin:0px;
	padding:0px;
	float:left;
}
div.oomono img:hover {
	filter:brightness(50%);
}
/*--------------------------------
リンクまとめボックス
--------------------------------*/
div.box-matome {
	width:400px;
	margin:20px 0px 10px 0px;
	padding:1px;
	border:1px solid #FFFFFF;
	float:left;
}
div.matome img {
	width:100px;
	height:100px;
	margin:0px;
	padding:0px;
	float:left;
}
div.matome img:hover {
	filter:brightness(80%);
}
/*--------------------------------
リンクまとめキャプション
--------------------------------*/
figure.hover-parent {
	width:100px;
	height:100px;
	margin:0px;
	padding:0px;
	position:relative;
	overflow:hidden;
	float:left;
	border:0px solid #000000;
}
figcaption.hover-mask {
	width:100px;
	height:100px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	color:#fff;
	background:rgba(0,0,0,0.5);
	opacity:0;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:small;
	font-family:"MS UI Gothic";
	border:0px solid #000000;
}
figcaption.hover-mask:hover {
	opacity:1;
}
/*-----------------------------
アドレス
-----------------------------*/
div.address {
	width:306px;
	height:54px;
	margin:50px 0px 10px 0px;
	border:1px solid #FFFFFF;
}
div.sns {
	position:relative;
	width:100px;
	height:23px;
	padding:2px 0px 0px 0px;
	text-align:center;
	border:1px solid #FFFFFF;
	float:left;
	background:none;
	color:gray;
	font-family:"MS UI Gothic";
}
div.sns a {
	color:gray;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	line-height:23px;
	text-decoration:none;
}
div.sns a:link {
	color:gray;
}
div.sns a:visited {
	color:gray;
}
div.sns a:hover {
	background:#c0c0c0;
	color:white;
}
div.mail {
	width:304px;
	height:25px;
	text-indent:1.7em;
	border:1px solid #FFFFFF;
	float:left;
	background:none;
	color:#000000;
	font-family:"MS UI Gothic";
}
/*-----------------------------
雑記
------------------------------*/
div.zakki {
	position:relative;
	width:70px;
	height:18px;
	float:left;
	text-align:center;
	margin:0px 0px 150px 0px;
	padding:2px 0px 0px 0px;
	border:1px solid #FFFFFF;
	font-size:155%;
}
div.zakki a {
	position:absolute;
	padding:2px 0px 0px 0px;
	top:0;
	right:0;
	bottom:0;
	left:0;
	line-height:18px;
	text-decoration:none;
}
div.zakki a:link {
	color:SlateBlue;
}
div.zakki a:visited {
	color:SlateBlue;
}
div.zakki a:hover {
	color:crimson;
}
/*--------------------------------
下図まとめボックス
--------------------------------*/
div.box-shitazu {
	width:500px;
	margin:50px 0px 0px 0px;
	padding:1px;
	border:1px solid #FFFFFF;
	float:left;
}
div.shitazu img {
	width:100px;
	height:100px;
	margin:0px;
	padding:0px;
	float:left;
}
div.shitazu img:hover {
	filter:brightness(70%);
}
/*--------------------------------
線画まとめボックス
--------------------------------*/
div.box-sen {
	width:500px;
	margin:5px 0px 0px 0px;
	padding:1px;
	border:1px solid #FFFFFF;
	float:left;
}
div.sen img {
	width:100px;
	height:100px;
	margin:0px;
	padding:0px;
	float:left;
}
div.sen img:hover {
	filter:brightness(70%);
}
/*--------------------------------
スケッチまとめボックス
--------------------------------*/
div.box-sketch {
	width:500px;
	border:1px solid #FFFFFF;
	margin:5px 0px 0px 0px;
	padding:1px;
	float:left;
}
div.sketch img {
	width:100px;
	height:100px;
	margin:0px;
	padding:0px;
	float:left;
}
div.sketch img:hover {
	filter:brightness(80%);
}
/*--------------------------------
スケッチまとめキャプション
--------------------------------*/
div.caption p {
	width:100px;
	height:100px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:small;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	float:left;
	border:0px solid gray;
}
/*--------------------------------
3Dまとめボックス
--------------------------------*/
div.box-d3 {
	width:500px;
	margin:5px 0px 0px 0px;
	padding:1px;
	border:1px solid #FFFFFF;
	float:left;
}
div.d3 img {
	width:100px;
	height:100px;
	margin:0px;
	padding:0px;
	float:left;
}
div.d3 img:hover {
	filter:brightness(50%);
}
/*--------------------------------
植物まとめボックス
--------------------------------*/
div.box-plant {
	width:500px;
	margin:5px 0px 0px 0px;
	padding:1px;
	border:1px solid #FFFFFF;
	float:left;
}
div.plant img {
	width:100px;
	height:100px;
	margin:0px;
	padding:0px;
	float:left;
}
div.plant img:hover {
	filter:brightness(80%);
}
/*--------------------------------
drawind archiveリンク枠
--------------------------------*/
div.index {
	position:relative;
	width:100px;
	height:23px;
	border:1px solid #FFFFFF;
	float:left;
	margin:0px 0px 20px 0px;
	padding:2px 0px 0px 0px;
	font-size:small;
	font-family:"MS UI Gothic";
	text-align:center;
	background:none;
}
div.index a{
	color:gray;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	line-height:23px;
	text-decoration:none;
}
div.index a:hover {
	background:#c0c0c0;
}
/*--------------------------------
ホームボタン
--------------------------------*/
div.home {
	position:relative;
	width:50px;
	height:23px;
	border:1px solid #000000;
	float:legt;
	margin:10px 0px 0px 0px;
	padding:2px 0px 0px 0px;
	font-size:small;
	font-family:"MS UI Gothic";
	text-align:center;
}
div.home a{
	color:gray;
	position:absolute;
	padding:2px 0px 0px 0px;
	top:0;
	right:0;
	bottom:0;
	left:0;
	line-height:23px;
	text-decoration:none;
}
/*----------------------------
クリア
----------------------------*/
.clear {
	clear:both;
}