@charset "UTF-8";

/*---------------------プロセスページのみの設定--------------------*/

/*-------------------プロセスのボックスの設定------------------*/
div.one-process{
	border-bottom:		1px #333333 dashed;
	width:				100%;
	clear:				both;
}

/*-------------------プロセス画像のボックスの設定------------------*/
div.process-img{
	width:				350px;
	margin:				0px;
	padding:			10px 0px;
	float:				left;
}

/*-------------------プロセス数字画像のボックスの設定------------------*/
div.process-no{
	width:				40px;
	margin:				0px 5px;
	padding:			10px 0px;
	float:				left;
}

/*-------------------プロセス内容のボックスの設定------------------*/
div.process-text{
	width:				258px;
	margin:				0px;
	padding:			10px 0px;
	float:				left;
}

/*---------------------アイテムページのみの設定--------------------*/

/*-------------------アイテム画像のボックスの設定------------------*/
div#item-img{
	width:				383px;
	position:			relative;
	float:				left;
}

/*-------------------アイテム詳細のボックスの設定------------------*/
div#item-data{
	width:				285px;
	float:				left;
}

/*--------アイテムコメント欄・ダウンロード欄のボックスの設定-------*/
div#item-com{
	width:				100%;
	clear:				both;
}

/*----------------------アイテム一覧画像の設定---------------------*/
.item{
	margin:				5px;
}

/*----------------------アイテム一覧画像の設定---------------------*/
.item-waku{
	margin:				5px;
	border:				1px #333333 solid;
}

/*----------------------アイテム一覧画像の設定---------------------*/
.illust{
	position:				relative;
	top:					-15px;
}

/*----------------------名前シール画像の設定---------------------*/
.img-waku{
	border:				1px #666666 solid;
}

/*------------------------利用規約のテーブル-----------------------*/
table{
	border-collapse:	collapse;
}

/*-------------------------OKのキャプション------------------------*/
td.ok-title{
	width:				280px;
	text-align:			center;
	background-color:	#999999;
	color:				#ffffff;
	font-weight:		bold;
	border:				1px #333333 solid;
}

/*-----------------------------OKの内容----------------------------*/
td.ok{
	text-align:			center;
	font-weight:		bold;
	border:				1px #333333 solid;
}

/*-------------------------NGのキャプション------------------------*/
td.ng-title{
	width:				280px;
	text-align:			center;
	background-color:	#ff3b80;
	color:				#ffffff;
	font-weight:		bold;
	border:				1px #333333 solid;
}

/*-----------------------------NGの内容----------------------------*/
td.ng{
	text-align:			center;
	color:				#ff3b80;
	font-weight:		bold;
	border:				1px #333333 solid;
}

/*----------------------------ヒント文字---------------------------*/
.hint{
	font-size:			80%;
}

/*---------------------------お名前シール--------------------------*/
#sealimage{
	z-index:			1;
}

.middle{
	vertical-align:		middle;
}

.kirikae{
	display:			none;
}

#age{
	width:				20px;
	border:				1px #666666 solid;
}

#month{
	width:				20px;
	border:				1px #666666 solid;
}

#name-haikei{
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			2;
}

#name-illust{
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			3;
}

#yajirusi{
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			4;
}

#waku{
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			5;
}

/*-------------------------------画像編集------------------------------*/
#tmpimg{
	position:			absolute;
	top:				0px;
	left:				0px;
	border:				1px #333333 solid;
	z-index:			5;
}

#com{
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			6;
}

#aisatu{
	position:			absolute;
	top:				0px;
	left:				0px;
	z-index:			7;
}


.box{
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				350px;
	height:				263px;
}

.selection{
	margin-left:		-1px;
	margin-top:			-1px;
	background-image:	url('../pic/transparent.gif');
	cursor:				move;
}

.photo{
	margin:				0;
	padding:			0;
}

/*-------------------写真編集画像のボックスの設定------------------*/
div#photo-img{
	width:				420px;
	height:				283px;
	position:			relative;
	z-index:			2;
	float:				left;
}

/*-------------------写真編集ツールボックスの設定------------------*/
div#photo-tool{
	width:				228px;
	padding-left:		20px;
	position:			relative;
	z-index:			1;
	float:				left;
}

/*-----------------------写真編集ツールの設定----------------------*/
div.tool{
	margin-bottom:		3px;
	padding:			0px;
	border:				1px #999999 solid;
	width:				208px;
	height:				40px;
}
#tmpchange_block{
	display:			none;
}
#upload_block{
	margin-bottom:		15px;
	display:			none;
}
.editone{
	display:			block;
	width:				208px;
	height:				40px;
}
.down{
	display:			block;
	margin-left:		102px;
	width:				28px;
	height:				40px;
	float:				left;
}

.edit-text{
	display:			block;
	width:				46px;
	height:				35px;
	text-align:			center;
	float:				left;
	padding-top:		9px;
}
.up{
	display:			block;
	width:				28px;
	height:				40px;
	float:				left;
}
.arr-forward{
	display:			block;
	margin-left:		96px;
	width:				55px;
	height:				40px;
	float:				left;
}
.arr-back{
	display:			block;
	width:				55px;
	height:				40px;
	float:				left;
}

div.tmpchange{
	background-image:	url('../pic/photo_edit/tmp_change.gif');
	cursor:				hand;
}
div.upload{
	background-image:	url('../pic/photo_edit/upload.gif');
	cursor:				hand;
}
div.gray{
	background-image:	url('../pic/photo_edit/gray.gif');
}
div.bright{
	background-image:	url('../pic/photo_edit/bright.gif');
}
div.contrast{
	background-image:	url('../pic/photo_edit/contrast.gif');
}
div.red{
	background-image:	url('../pic/photo_edit/red.gif');
}
div.green{
	background-image:	url('../pic/photo_edit/green.gif');
}
div.blue{
	background-image:	url('../pic/photo_edit/blue.gif');
}
div.arrange{
	background-image:	url('../pic/photo_edit/arrange.gif');
}
div.rotation{
	background-image:	url('../pic/photo_edit/rotation.gif');
}
div.delete{
	background-image:	url('../pic/photo_edit/delete.gif');
}

/*IE6用*/
*html .down{
	display:			block;
	margin-left:		51px;
	width:				28px;
	height:				40px;
	float:				left;
}

*html .arr-forward{
	display:			block;
	margin-left:		48px;
	width:				55px;
	height:				40px;
	float:				left;
}