@charset "utf-8";

/* OLDOFFICE WORKS.CSS  */


/*--------------------------------------
*	
*	00.COMMON
*	01.INDEX
*	02.ENTRY
*		02-00.COMMON
*		02-01.INTRO
*		02-02.PROBLEM
*		02-03.SOLUTION
*
*	MODULE
*--------------------------------------*/


/**-------------------------------------
	00.COMMON
---------------------------------------**/

h1#pageTitle
{
	margin-bottom: 36px;
}


/**-------------------------------------
	01.INDEX
---------------------------------------**/

div.worksIndexBox
{
	margin-bottom: 40px;
	width: 660px;
}

div.worksIndexBox h2
{
	margin-bottom: 30px;
	padding-bottom: 2px;
	width: 660px;
	background: url(../../common/images/cmn_line_simple.gif) repeat-x left 0.83em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 182%;
	font-style: italic;
	color: #000000;
	line-height: 1em;
}

div.WIBbox
{
	margin-bottom: 49px;
	width: 660px;
}

div.WIBBleft
{
	float: left;
	width: 315px;
}

div.WIBBright
{
	float: right;
	width: 315px;
}

p.WIBBLpic
{
	margin-bottom: 4px;
	width: 315px;
	height: 100px;
}

p.WIBBLurl a
{
	padding: 0 16px 0 0;
	background: url(../../common/images/cmn_icon_url.gif) no-repeat right 0.1em;
	font-size: 77%;
	color: #333333;
	text-decoration: none;
}

div.WIBBright dl
{
	width: 315px;
}

div.WIBBright dl dt
{
	margin-bottom: 0.7em;
	padding-bottom: 0.7em;
	background: url(../../common/images/cmn_bg_line.gif) no-repeat left bottom;
}

div.WIBBright dl dt span
{
	/*
	padding: 0 0 0 15px;
	background: url(../../common/images/cmn_bg_head_x.gif) no-repeat left 0.4em;
	*/
	font-size: 107%;
	font-weight: bold;
	color: #222222;
}

div.WIBBright dl dd.WIBBRtype
{
	margin-bottom: 1.0em;
	padding-bottom: 0.7em;
	background: url(../../common/images/cmn_bg_line.gif) no-repeat left bottom;
}

div.WIBBright dl dd.WIBBRtype span
{
	/*
	padding: 0 0 0 15px;
	background: url(../../common/images/cmn_bg_head_x.gif) no-repeat left 0.4em;
	*/
	font-size: 92%;
	color: #222222;
}

div.WIBBright dl dd.WIBBRdesc
{
	margin-bottom: 15px;
	padding-bottom: 1.3em;
	background: url(../../common/images/cmn_bg_line.gif) no-repeat left bottom;
	font-size: 77%;
	line-height: 1.8em;
	color: #222222;
}

div.WIBBright dl dd.WIBBRmore
{
	width: 143px;
	height: 30px;
}


/**-------------------------------------
	02.ENTRY
---------------------------------------**/

/*====== 02-00.COMMON ======*/


/*====== 02-01.INTRO ======*/

div#worksEntryIntro
{
	margin-bottom: 60px;
	width: 660px;
}

div#worksEntryIntro h2
{
	margin-bottom: 20px;
	width: 660px;
}

div#WEIbox
{
	width: 660px;
}

div#WEIBleft
{
	float: left;
	width: 350px;
	background: url(../../common/images/cmn_line_simple.gif) repeat-x;
}

div#WEIBleft dl
{
	padding: 8px 0 8px 0;
	width: 350px;
	background: url(../../common/images/cmn_line_simple.gif) repeat-x left bottom;
}

div#WEIBleft dl dt
{
	float: left;
	font-size: 92%;
	font-weight: bold;
	color: #222222;
}

div#WEIBleft dl dd
{
	padding: 0 0 0 88px;
	font-size: 92%;
	color: #222222;
}

div#WEIBleft dl#WEIBLurl
{
	margin-bottom: 20px;
}

div#WEIBleft dl#WEIBLurl dd
{
	font-size: 77%;
}

div#WEIBleft dl#WEIBLurl dd a
{
	padding: 0 16px 0 0;
	background: url(../../common/images/cmn_icon_url.gif) no-repeat right 0.1em;
	color: #333333;
	text-decoration: none;
}

div#WEIBleft p
{
	font-size: 85%;
	color: #666666;
	line-height: 1.8em;
}

div#WEIBright 
{
	float: right;
	width: 280px;
}


/*====== 02-02.PROBLEM ======*/

div#worksEntryProblem
{
	margin-bottom: 60px;
	width: 660px;
}

div#worksEntryProblem h3
{
	margin-bottom: 30px;
	width: 660px;
}

div#worksEntryProblem div#WEPbody
{
	width: 660px;
}

div#worksEntryProblem div#WEPbody h4
{
	margin-bottom: 11px;
	padding: 11px 0 0 0;
	background: url(../images/entry_bg_point.gif) no-repeat top left;
	font-size: 136%;
	color: #000000;
	line-height: 1.6em;
}

div#worksEntryProblem div#WEPbody p,
div#worksEntryProblem div#WEPbody blockquote,
div#worksEntryProblem div#WEPbody ul li
{
	font-size: 92%;
	color: #222222;
	line-height: 1.8em;
}

div#worksEntryProblem div#WEPbody p
{
	margin-bottom: 2.0em;
}

div#worksEntryProblem div#WEPbody blockquote
{
	margin-bottom: 2.0em;
	padding: 16px;
	border: 1px dotted #CCCCCC;
	background-color: #FFFFFF;
}

div#worksEntryProblem div#WEPbody ul
{
	margin-bottom: 2.0em;
}

div#worksEntryProblem div#WEPbody ul li
{
	margin-bottom: 1.0em;
	padding: 0 0 0 10px;
	background: url(../../common/images/cmn_bg_head_circle.gif) no-repeat left 0.3em;
}


/*====== 02-03.SOLUTION ======*/

div#worksEntrySolution
{
	margin-bottom: 60px;
	width: 660px;
}

div#worksEntrySolution h3
{
	margin-bottom: 30px;
	width: 660px;
}

div#worksEntrySolution div#WESbody
{
	width: 660px;
}

div#worksEntrySolution div#WESbody h4
{
	margin-bottom: 11px;
	padding: 11px 0 0 0;
	background: url(../images/entry_bg_point.gif) no-repeat top left;
	font-size: 136%;
	color: #000000;
	line-height: 1.6em;
}

div#worksEntrySolution div#WESbody p,
div#worksEntrySolution div#WESbody blockquote,
div#worksEntrySolution div#WESbody ul li
{
	font-size: 92%;
	color: #222222;
	line-height: 1.8em;
}

div#worksEntrySolution div#WESbody p
{
	margin-bottom: 2.0em;
}

div#worksEntrySolution div#WESbody blockquote
{
	margin-bottom: 2.0em;
	padding: 16px;
	border: 1px dotted #CCCCCC;
	background-color: #FFFFFF;
}

div#worksEntrySolution div#WESbody ul
{
	margin-bottom: 2.0em;
}

div#worksEntrySolution div#WESbody ul li
{
	margin-bottom: 0.3em;
	padding: 0 0 0 18px;
	background: url(../../common/images/cmn_bg_head_circle.gif) no-repeat left 0.6em;
}


/**-------------------------------------
	MODULE
---------------------------------------**/

div.WIBbox:after,
div#WEIbox:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}

div.WIBbox,
div#WEIbox
{display:inline-block;}

/* \*/
* html div.WIBbox,
* html div#WEIbox
{height:1%;}
/* */