@charset "UTF-8";

#worksbox #nexttitle	{background:url(../img/works/works_title.gif) no-repeat;}

#worksbox #nexttitle ul li.one{width:120px;}
#worksbox #nexttitle ul li.two{width:207px;}
#worksbox #nexttitle ul li.three{width:121px;}
#worksbox #nexttitle ul li.last{width:131px;}

#worksbox h4			{float:left;width:60%;text-align:left; padding-left:5px; margin-top:10px; font-size:14px; line-height:1; font-weight:bold; border-left:5px #0ab4be solid; color:#0ab4be;}

/*headnavi*/
ul#worksheadnavi		{float:right; width:33%; padding-top:10px; text-align:right;}
ul#worksheadnavi li		{display:inline; padding-left:10px;}
ul#worksheadnavi li a	{font-size:10px; line-height:1;}

/*list*/
#workslist			{float:left;width:594px;padding-top:10px;}

.workslistleft,
.workslistright		{width:291px;margin-top:12px;border:1px #c8c8c8 solid; background:url(../img/works/works_list.gif) no-repeat bottom #ffffff; display:inline;}
.workslistleft		{clear:both;float:left;}
.workslistright		{float:right;}

#workslist th 			{width:69px; background-color:#c8c8c8; border-right:1px #c8c8c8 solid; vertical-align:middle;}
#workslist td 			{text-align:left; padding:5px 5px 5px 10px;}
#workslist td.links		{vertical-align:top;font-size:12px; font-weight:bold; line-height:1.6;}
#workslist td.publisher	{vertical-align:bottom;font-size:10px; line-height:1;}

#workslist td a			{color:#0ab4be; text-decoration:none;}
#workslist td a:hover	{text-decoration:underline;}

#worksfoot					{clear:both; float:left; width:604px;}
#worksfoot li				{width:33%; padding:10px 5px;}
#worksfoot li a				{font-size:10px; line-height:1;}
#worksfoot li.back			{float:left;text-align:left;}
#worksfoot li.next			{float:right;text-align:right;}

/*detail*/
#worksdetail		{float:left;width:594px;padding-top:20px;}
#worksdetail .detailtitle{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px #c8c8c8 solid }
#worksdetail .detailtitle p.subname{color:#999999;}
#worksdetail .detailtitle p.gamename{font-size:20px; font-weight:bold; color:#0ab4be;}
#worksdetail .detailtitle p.detailname{font-weight:bold; color:#0ab4be;}

#worksdetail .detailph		{float:left; width:176px;}
#worksdetail .detailph img	{border:1px #c8c8c8 solid;}

#worksdetail .detailtext	{float:right; width:388px; font-size:12px; line-height:1.4;text-align:left;}
#worksdetail .detailtext th	{white-space:nowrap; padding-right:5px;}
#worksdetail .detailtext td	{width:99%;}

#worksdetail .detailtext td.colspace{padding-top:15px;}
#worksdetail .detailtext td.readbook{height:37px; vertical-align:bottom;}
#worksdetail .detailtext td .amazonlink{padding-right:3px;}

#worksdetail .detailtext .connecttext{padding:2px 10px; border:1px #c8c8c8 solid;}

#worksdetail .detailcom		{clear:both; padding-top:15px;}
#worksdetail .detailcom	 p	{line-height:1.6;}
#worksdetail .detailcom	 p.small{padding-top:10px;}

/*dates pub*/
#datesindex,
#pubindex			{float:left;width:594px;padding-top:10px;}

/*dates index*/
#datesindex	ul li	{float:left;width:190px; padding:10px 10px 0 0;}
#datesindex	ul li.end{padding-right:0;}

/*pub index*/
#pubindex	ul li	{padding-top:10px;}

/*inquiry*/
#worksbox #inquirybox dl,#worksbox #inquirybox p,#worksbox #inquirybox table{font-size:12px; text-align:left; line-height:1.6;}
#worksbox #inquirybox			{clear:both; padding-top:20px;}
#worksbox #inquirybox h5		{text-align:left; padding-left:5px; margin:20px 0 10px 0; font-size:14px; line-height:1; font-weight:bold; border-left:5px #646464 solid; color:#646464;}
#worksbox #inquirybox table		{width:594px;}
#worksbox #inquirybox table	th,
#worksbox #inquirybox table	td	{white-space:nowrap;padding:5px;vertical-align:top;}
#worksbox #inquirybox table	td	{width:1%;}
#worksbox #inquirybox table	td	{width:99%;}
#worksbox #inquirybox table	td strong{color:#FF0000; font-weight:bold;}

#worksbox #inquirybox input,
#worksbox #inquirybox select,		
#worksbox #inquirybox textarea	{border:1px #969696 solid;margin-right:5px;}	

#worksbox #inquirybox #usernamebox,
#worksbox #inquirybox #mailaddressbox{width:280px;}
#worksbox #inquirybox #questionbox{width:270px;padding:5px;}

#worksbox #inquirybox #inputbox{font-size:14px; line-height:1;}

#worksbox #inquirybox .normalbox{padding-top:20px;}

#worksbox #inquirybox dl dt	{float:left; width:2em; color:#0AB4BE; font-weight:bold;}
#worksbox #inquirybox dl dd	{margin-left:2em;}
#worksbox #inquirybox dl.question{color:#0AB4BE; font-weight:bold;}
#worksbox #inquirybox dl.answer{}
#worksbox #inquirybox #faqbox	{margin-top:20px;border-top:1px #C8C8C8 solid;}
#worksbox #inquirybox .addressbox{padding:20px 0 20px 2em;}

#worksbox #inquirybox .warningbox{font-size:12px;line-height:1;font-weight:bold; color:#ff0000; padding-top:3px;}

/*resultbox*/
#worksbox #resultbox		{clear:both; padding-top:20px;}
#worksbox #resultbox h5		{text-align:left;margin-bottom:10px; font-size:14px; line-height:1; font-weight:bold;color:#646464;}
#worksbox #resultbox .paragraph{ padding-top:10px;}