/*===========================================
	container
=============================================*/
div#container {
	width: 950px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
div#wrapper {
	width: 950px;
	margin: 30px auto 30px auto;
	padding: 0px;
	background: url(../images/bg_main.jpg) repeat-y;
}


/*===========================================
	mainbody
=============================================*/
div#mainbody {
	width: 890px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

/*===========================================
	timeArea
=============================================*/
div#timeArea {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 860px;
	text-align: right;
	padding: 0px;
}


/*===========================================
	contentsArea
=============================================*/
div#contentsArea {
	width: 890px;
	margin: 10px auto 0px auto;
	padding: 0px;
}
div#contentsArea div#sideMenuArea {
	width: 250px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#sideBar {
	width: 250px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/submenu_mid.gif) repeat-y;
	position: relative;
}
#sideBar ul {
	width: 195px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 10px 0px;
	list-style: none;
}
#sideBar ul li {
	height: 45px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	background: url(../images/dotline.gif) bottom repeat-x;
}
#sideBar ul li img {
	border: none;
}

div#contentsArea div#mainContentsArea {
	width: 615px;
	margin: 0px;
	padding: 0px;
	background: url(../images/contents_mid.gif) repeat-y;
	float: right;
}
/*div#contentsArea div#mainContentsArea div#mainContentsBox {
	width: 550px;
	margin: 20px auto 20px auto;
	padding: 0px;
}
*/
/* 2011.06.28 */
div#contentsArea div#mainContentsArea div#mainContentsBox {
	width: 550px;
	margin: 0px auto 20px auto;
	padding: 0px;
}
/* /2011.06.28 */



/*===========================================
	questionArea
=============================================*/
div.questionArea {
	width: 550px;
	margin: 15px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: url(../images/st_iken_mid.gif) repeat-y;
	clear: both;
}
div.questionArea div.questionBox {
	width: 540px;
	margin: 0px auto;
	padding: 0px 0px 5px 0px;
}
div.questionArea div.questionBox div.leftArea {
	width: 62px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.questionArea div.questionBox div.rightArea {
	width: 470px;
	margin: 0px;
	padding: 0px;
	float: right;
}
div.questionArea div.questionBox div.rightArea p.icoClose {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 23px;
	background: url(../images/ico_btn_close.gif) no-repeat 0px 1px;
	cursor: pointer;
	color: #FFF;
}
div.questionArea div.questionBox div.rightArea p.icoOpen {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 23px;
	background: url(../images/ico_btn_open.gif) no-repeat 0px 1px;
	cursor: pointer;
	color: #FFF;
}


/*===========================================
	answerArea
=============================================*/
div.answerArea {
	width: 550px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: url(../images/answermid.gif) repeat-y;
	clear: both;
}
div.answerArea div.answerBox {
	width: 540px;
	margin: 0px auto;
	padding: 0px 0px 15px 0px;
}
div.answerArea div.answerBox div.leftArea {
	width: 62px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.answerArea div.answerBox div.rightArea {
	width: 470px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: right;
}
div.answerArea div.answerBox div.rightArea div.leftBox {
	width: 180px;
	margin: 0px;
	padding:  0px;
	float: left;
}
div.answerArea div.answerBox div.rightArea div.rightBox {
	width: 250px;
	margin: 0px;
	padding: 0px;
	float: right;
}

div.answerArea div.answerBox div.rightArea div.freeLeftBox {
	margin: 0px;
	padding:  0px;
	float: left;
}
div.answerArea div.answerBox div.rightArea div.freeRightBox {
	margin: 0px;
	padding: 0px;
	float: right;
}


/*===========================================
	pagetop
=============================================*/
div.pagetop {
	width: 890px;
	margin: 30px auto 0px auto;
	padding: 0px;
	clear: both;
	text-align: right;
}

/*===========================================
	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 */


/*===========================================
	allow 
=============================================*/
a.allow {
	margin: 0px;
	padding: 0px 0px 0px 11px;
	background: url(../ico_allow.gif) no-repeat 0px 1px;
}



/*===========================================
	tblNormal
=============================================*/
table.tblNormal {
	margin: 0px auto 0px auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.tblNormal th {
    padding: 7px;
    border: #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
    line-height: 120%;
	vertical-align: top;
    text-align: center;
    white-space: nowrap; 
}
table.tblNormal td.tdLeft {
    padding: 7px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
	vertical-align: middle;
	text-align: left;
}
table.tblNormal td.tdContents {
    padding: 7px 0px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
	vertical-align: middle;
	text-align: center;
}



/*===========================================
	tblNormal2
=============================================*/
table.tblNormal2 {
	margin: 0px auto 0px auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.tblNormal2 th {
    padding: 7px;
    border: #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
	background: #F6F6F6;
    line-height: 120%;
	vertical-align: middle;
    text-align: center;
    white-space: nowrap; 
}
table.tblNormal2 td {
    padding: 7px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
	vertical-align: middle;
}



/*===========================================
	tblBlue
=============================================*/
table.tblBlue {
	margin: 15px auto 0px auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.tblBlue th {
	width: 50%;
    padding: 7px;
    border: #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
    background: #EEF9FF;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table.tblBlue td {
    padding: 7px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 1px 1px;
	vertical-align: top;
    text-align: left;
}

table.tblBlue ul {
	margin: 0px;
	padding: 0px;
}
table.tblBlue ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/*===========================================
	div.pagetop
=============================================*/
div.pagetop {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	clear: both;
	text-align: right;
}

/*===========================================
	clear_both
=============================================*/
.clear_both {
	clear: both;
}


/*===========================================
	Space
=============================================*/
.mt_00 {
	margin: 0px;
}
.mt_02{
	margin: 2px 0px 0px 0px;
}
.mt_03{
	margin: 3px 0px 0px 0px;
}
.mt_05{
	margin: 5px 0px 0px 0px;
}
.mt_10 {
	margin: 10px 0px 0px 0px;
}
.mt_15 {
	margin: 15px 0px 0px 0px;
}
.mt_20 {
	margin: 20px 0px 0px 0px;
}
.mt_25 {
	margin: 25px 0px 0px 0px;
}
.mt_30 {
	margin: 30px 0px 0px 0px;
}
.mt_35 {
	margin: 35px 0px 0px 0px;
}
.mt_40 {
	margin: 40px 0px 0px 0px;
}
.mt_45 {
	margin: 45px 0px 0px 0px;
}
.mt_50 {
	margin: 50px 0px 0px 0px;
}


.ml_05 {
	margin-left: 5px;
}
.ml_10 {
	margin-left: 10px;
}
.ml_15 {
	margin-left: 15px;
}
.ml_20 {
	margin-left: 20px;
}
.ml_25 {
	margin-left: 25px;
}
.ml_30 {
	margin-left: 30px;
}
.ml_35 {
	margin-left: 35px;
}
.ml_40 {
	margin-left: 40px;
}
.ml_45 {
	margin-left: 45px;
}
.ml_50 {
	margin-left: 50px;
}

/*===========================================
	fontSize
=============================================*/
.fontSizeSmall {
	font-size: 10px;
}
.fontSizeSSmall {
	font-size: 9px;
}


/*===========================================
	2011-06-22 
	arrow 
=============================================*/
a.arrow {
	margin: 0px;
	padding: 0px 0px 0px 6px;
	background: url(/support/share/images/arrow.gif) no-repeat 0px 4px;
}