@charset "utf-8";

/* -------------------------------------------------------------------------------------
                 Copyright(C) 2010 accesscounter.net  All Rights Reserved.
------------------------------------------------------------------------------------- */


/* Layout
------------------------------------------------------------------------------------- */

#wrapper	{ margin: 0 auto; padding: 0; background-color: #fff; width: 630px; text-align: left; }
#topicpath	{ margin-top: 20px; padding: 0 8px 18px; border-bottom: dotted 1px #aaa; }
#content	{ clear: left; margin: 0 15px 30px; width: 600px; }
#footer	{ clear: both; padding: 10px 0 20px; border-top: dotted 1px #39c; text-align: center; }



/* Header
------------------------------------------------------------------------------------- */

#site-logo	{ float: left; padding-top: 30px; padding-bottom: 15px; padding-left: 25px; width: 350px; }

#ad-ban	{ margin-left: 350px; padding-top: 12px; padding-right: 15px; text-align: right; }

#header p#summary	{ clear: left; padding: 5px 0 4px; background-color: #33aed7; border-bottom: solid 1px #0799ca; color: #fff; text-align: center; }

#nav h2	{ margin-bottom: 8px; }
#nav ul li	{ float: left; margin: 0 8px; font-size: 12px; }

#nav ol li	{ float: left; margin: 0 3px 0 8px; font-size: 12px; }
#nav ol li:before	{ content: ">　"; }
#nav ol li#first:before	{ content: ""; }



/* content
------------------------------------------------------------------------------------- */

#content #main	{ margin: 15px 10px 10px; }
#content h2	{ margin: 15px 10px 10px; color: #09c; }
#content h3	{ margin: 15px 10px 5px; }
#content h4	{ margin: 15px 10px 5px; }
#content h3 a	{ font-size: 108%; }

#step1, #step2, #step3, #step4	{ display: inline; width: 108px; }

#content p	{ margin: 0 12px 10px; line-height: 1.5em; }
#content .exp	{ display: inline; position: relative; top: -10px; left: -10px; }
#content .editor	{ margin: 10px 12px 20px; padding: 18px 12px; background-color: #feeacb; text-align: center; }
#content .editor	{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
}

#content ol	{ margin: 0 12px 20px 30px; line-height: 1.5em; }
#content ul	{ margin: 0 12px 20px 30px; line-height: 1.5em; }
#content ol li	{ list-style-type: decimal; }
#content ul li	{ list-style-type: disc; }

#content #sbm	{ margin: 12px 12px 0; text-align: right; }
#content #sbm dt	{ display: inline; }

#content table#question	{ margin: 0 12px 20px; border: solid 1px #eab46c; border-collapse: collapse; border-spacing: 0; }
#content table#question th	{ padding: 12px; background: url("../images/th-bg.gif") no-repeat left top; border: solid 1px #eab46c; white-space: nowrap; }
#content table#question td	{ padding: 12px; background-color: #fff; border: solid 1px #eab46c; }
.sign	{ margin: 12px 1px 0 0 ; }

hr	{ margin: 15px 12px; padding: 0; height: 1px; border-top: dotted 1px #39c; border-right: none; border-bottom: none; border-left: none; }

#kiyaku h1, #kiyaku h2, #kiyaku p, #kiyaku li	{ font-size: x-small; color: #333; }


pre { margin: 0 12px; padding: 3px 8px; background-color: #ffecb8; width: 450px; }
pre { 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}

.wrap {
	/* Mozilla */
	white-space: -moz-pre-wrap; 
	/* CSS3 */
	white-space: pre-wrap; 
	/* IE 5.5+ */
	word-wrap: break-word;
}


/* Footer
------------------------------------------------------------------------------------- */

#footer ul	{ margin: 15px 0 0; }
#footer ul li	{ display: inline; margin: 0 8px; font-size: 11px; }
#footer p	{ margin-top: 15px; }

#footer ul#linklist li	{ display: inline; margin: 0 1px; }



/* .clearfix
------------------------------------------------------------------------------------- */

.clearfix:after	{ content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix	{ display: inline-block; }

/* Hides from IE-mac \*/
*html .clearfix	{ height: 1%; }
.clearfix	{ display: block; }
/* End hide from IE-mac */