@import url("./global.css");

#side div.menu ul.menu li a.webSiteProduction {
    background-position: -160px -30px;
}

#body h2 {
    margin-bottom: 40px;
    line-height: 21px;
    font-size: 21px;
    font-weight: bold;
}

#body div.referencePriceList {
    margin-bottom: 40px;
}

#body div.referencePriceList h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

#body div.referencePriceList h4 {
    margin-bottom: 20px;
}

#body div.referencePriceList table.referencePriceList {
    width: 555px;
    border-collapse: collapse;
}

#body div.referencePriceList table.referencePriceList th,
#body div.referencePriceList table.referencePriceList td {
    padding: 4px 7px;
    border: solid 1px #555555;
}

#body div.siteProductionFlow {
    margin-bottom: 40px;
}

#body div.siteProductionFlow h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

#body div.siteProductionFlow h4 {
    margin-bottom: 20px;
}

#body div.siteProductionFlow dl.siteProductionFlow dt {
    padding: 4px 5px;
    font-weight: bold;
    border: solid 1px #555555;
}

#body div.siteProductionFlow dl.siteProductionFlow dt.title01 {
    margin-bottom: 20px;
}

#body div.siteProductionFlow dl.siteProductionFlow dt.title09 {
    margin-bottom: 20px;
}

#body div.siteProductionFlow dl.siteProductionFlow dd {
    padding: 4px 5px;
    margin-bottom: 20px;
    line-height: 20px;
    border: solid 1px #555555;
    border-top-width: 0px;
}

/******************************************************************************/
/* <creation>                                                                 */

#creation .slot_c_a {
	width : 390px;
}

#creation .slot_c_b {
	width : 350px;
}

#creation h3{
	border-bottom : solid 1px #6699ff;
	border-left   : solid 7px #3366dd;
	color         : #003300          ;
	margin-bottom : 12px             ;
	padding       : 0 0 4px 4px      ;
	font-weight   : bold             ;
}

#creation h4{
	margin-bottom : 4px ;
	font-weight   : bold;
}

#creation hr{
	visibility : hidden;
}

#creation .slot_end, #creation .creation {
	height              : 1px          ;
	margin-bottom       : 24px         ;
	border-width        : 0            ;
	visibility          : visible      ;
	background-position : left top     ;
	background-repeat   : repeat-x     ;
	background-image    : url(../../image/line/dotted_horizon.gif);
}

#creation p{
	margin-bottom : 12px   ;
	line-height   : 1.4em  ;
	color         : #444444;
}

#creation p.flow {
	text-align : right  ;
	font-size  : x-large;
}

#creation em {
	color       : #33aacc;
	font-weight : bold   ;
}

#creation dt {
	color         : #333366          ;
	border-right  : solid 7px #33aaaa;
	font-weight   : bold             ;
	font-size     : medium           ;
	margin-bottom : 12px             ;
}

#creation dd {
	padding-bottom      : 7px        ;
	margin-bottom       : 24px       ;
	background-position : left bottom;
	background-repeat   : repeat-x   ;
	background-image    : url(../../image/line/dotted_horizon.gif);
}

#creation table.server {
	width         : 350px;
	margin-bottom : 24px ;
}

#creation table.server th {
	color        : #333333      ;
	padding      : 2px 10px     ;
	border-color : #cccccc      ;
	border-style : solid        ;
	border-width : 1px 1px 1px 0;
}

#creation table.server td {
	color        : #333333      ;
	padding      : 2px 10px     ;
	border-color : #cccccc      ;
	border-style : solid        ;
	border-width : 1px 0 1px 1px;
}

#creation table.server .line1 {
	background-color : #eeeeee;
}

#creation table.server .line2 {
	background-color : #ffffff;
}

#creation table.example {
	border-bottom : solid 1px #ccccff;
	border-right  : solid 1px #88aadd;
	margin-bottom : 24px             ;
}

#creation table.example h3 {
	font-size           : small  ;
	padding             : 0      ;
	padding-bottom      : 1px    ;
	border-color        : #88aadd;
	border-width        : 0      ;
	border-bottom-width : 3px    ;
	background-color    : #ffffff;
}

#creation table.example h3 a {
	color   : #7799cc;
	display : block  ;
}

#creation table.example h3 a:hover {
	text-decoration : none;
}

#creation table.example th {
	border-left      : solid 7px #3366cc;
	border-top       : solid 1px #88aadd;
	padding-top      : 7px              ;
	text-align       : center           ;
	width            : 138px            ;
	height           : 170px            ;
	background-color : #f6f6f6          ;
}

#creation table.example td {
	border-top    : solid 1px #88aadd;
	padding-top   : 7px              ;
	padding-left  : 7px              ;
	padding-right : 7px              ;
	width         : 220px            ;
}

#creation table.plist{
    width: 100%;
    margin-bottom: 24px;
}

#creation table.plist td{
	border : solid 1px #000000;
    padding: 4px 7px;
    vertical-align: top;
}

/* </creation>                                                                */
/******************************************************************************/



#body p.topPage {
    text-align: right;
}