@charset "utf-8";

/*
=================================================================================
illust 全般
=================================================================================
*/

#illust	{
	width: 870px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#illust h2	{
	margin-bottom: 30px;
}

#illust #profile	{
	width:650px;
	margin: 0 auto;
	padding: 10px;
	border:1px solid #563b26;
	background-color: #fde4d0;
	text-align: center;
}

#illust #profile h3	{
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #563b26;
}

#illust #profile p	{
}

/*
=================================================================================
TOPページ
=================================================================================
*/

#illust #index_container	{
	width: 830px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#index_container .list_box	{
	width: 830px;
	margin-bottom: 20px;
}

#index_container .list_upper	{
	width: 830px;
	height: 20px;
	background: url(../images/list_upper.jpg) no-repeat;
}

#index_container .list_inner	{
	width: 830px;
	padding-top: 15px;
	background: url(../images/list_inner.jpg) repeat-y;
}

#index_container .list_left	{
	width: 200px;
	margin-right: 20px;
	padding-left: 15px;
	float: left;
}

#index_container .list_left h3 	{
	padding-top: 55px;
	margin-bottom: 5px;
}

#index_container .list_left p 	{
	width: 200px;
	text-align: center;
}

#index_container .list_right	{
	width: 595px;
	float: left;
}

#index_container .list_right ul	{
	width: 595px;
}

#index_container .list_right ul li	{
	width: 180px;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: center;
	float: left;
}

#index_container .list_right ul li a:hover	{
	text-decoration:none;
}

#index_container .list_right ul li a:hover span 	{
	text-decoration: underline;
}

#index_container .list_lower	{
	width: 830px;
	height: 20px;
	background: url(../images/list_lower.jpg) no-repeat;
}

/*
=================================================================================
イラストページ
=================================================================================
*/

#illust #illust_title	{
	width: 870px;
	height: 125px;
	margin-bottom: 20px;
	background: url(../images/illust_title.jpg) no-repeat;
	position: relative;
}

#illust #illust_title h2	{
	text-indent: -9999px;
}

#illust #illust_title #sub_list	{
	width: 465px;
	position: absolute;
	top: 20px;
	left: 400px;
}

#illust #illust_title #sub_list .left	{
	width: 100px;
	padding-top: 20px;
	text-align: center;
	float: left;
}

#illust #illust_title #sub_list .left h3	{
	width: 100px;
	margin-bottom: 10px;
}

#illust #illust_title #sub_list .left p	{
}

#illust #illust_title #sub_list .right	{
	width: 350px;
	float: left;
}

#illust #illust_title #sub_list ul.lineup1	{
	width: 115px;
	margin: 0 auto;
}

#illust #illust_title #sub_list ul.lineup2	{
	width: 230px;
	margin: 0 auto;
}

#illust #illust_title #sub_list ul.lineup3	{
	width: 345px;
	margin: 0 auto;
}

#illust #illust_title #sub_list li	{
	width: 100px;
	margin-right: 10px;
	float: left;
}

#illust .illust_box	{
	width: 770px;
	margin: 0 auto;
	padding: 0 50px;
}

#illust .illust_box .cambus	{
	width: 770px;
	height: 878px;
	margin: 0 auto;
	position: relative;
}

#illust .illust_box .type1	{
	background: url(../images/illust_bg_01.gif) no-repeat;
}

#illust .illust_box .type2	{
	background: url(../images/illust_bg_02.gif) no-repeat;
}

#illust .illust_box .type3	{
	background: url(../images/illust_bg_03.gif) no-repeat;
}

#illust .illust_box .type4	{
	background: url(../images/illust_bg_04.gif) no-repeat;
}

#illust .illust_box .cambus_inner	{
	margin: 0 auto;
	position: relative;
}

#illust .illust_box .cambus #image1,
#illust .illust_box .cambus #image2	{
	cursor: pointer;
	position: absolute;
}

#illust .illust_box .cambus .recommend	{
	width: 220px;
	position: absolute;
	top: 655px;
	left: 420px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

#illust .illust_box .cambus .recommend h5	{
	font-weight: bold;
	margin-bottom: 5px;
}

#illust .illust_box .cambus .recommend p	{
	margin-bottom: 20px;
}

#illust .illust_box .cambus .recommend .recommend_box	{
	width: 220px;
}

#illust .illust_box .cambus .recommend .recommend_box .left	{
	width: 70px;
	margin-right: 10px;
	float: left;
}

#illust .illust_box .cambus .recommend .recommend_box .right	{
	width: 140px;
	font-size: 13px;
	float: left;
}

#illust .illust_box .cambus .recommend .recommend_box p	{
	width: 220px;
	font-size: 13px;
}

#illust .illust_box .cambus .topay	{
	width: 220px;
	position: absolute;
	top: 655px;
	left: 420px;
	text-align: center;
	font-size: 13px;
}

#illust .illust_box .cambus .topay h5	{
	font-size: 15px;
	font-weight: bold;
	color: #ff0000;
	margin-bottom: 15px;
}

#illust .illust_box .cambus .topay p	{
	margin-bottom: 5px;
}

#illust .illust_box .cambus .explain	{
	width: 220px;
	position: absolute;
	top: 655px;
	left: 120px;
	text-align: center;
	font-size: 13px;
}

#illust .illust_box .cambus .explain h5	{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

#illust .illust_box .cambus .explain p	{
	text-align: left;
	margin-bottom: 5px;
}