@charset "utf-8";
/*::::::::::::::::::::::::::::::::::::::::*/
/*::::::    　One Column Layout     ::::::*/
/*::::::::::::::::::::::::::::::::::::::::*/
/* Clearfix */
body#popUp .stepBox:after,
body#popUp #footer:after,
body#popUp #footer .tutrialPageNav:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
body#popUp .stepBox,
body#popUp #footer,
body#popUp #footer .tutrialPageNav {
	zoom: 100%; 
}

body#oneColumn #container {
	width: 848px;
}
body#oneColumn #contents {
	width: 848px;
	background: url(../images/sub_contentsside.gif) repeat-y right top;
}
body#oneColumn #contents #boxTop {
	padding-top: 20px;
	background: url(../images/sub_contentstop.gif) top right no-repeat;
}
body#oneColumn #contents #boxBottom {
	margin: 0 auto;
	padding-left: 0;
	padding-bottom: 20px;
	background: url(../images/sub_contentsbottom.gif) bottom right no-repeat;
	text-align: center;
}
body#oneColumn #contPlain {
	margin-right: 21px;
	margin-left: 24px;
	text-align: left;
}
/* Share */ 
.lSize {
	width: 240px;
}


/*:::::::::: Login ::::::::::*/
.login h1 {
	margin: 0.5em 0;
	color: #f90;
	font-size: 216.67%;
	font-weight: normal;
	line-height: 1.25em;
}
.login h1 img {
	margin-right: 20px;
	vertical-align: middle;
}
.login fieldset {
	width: 802px;
	margin: 0 auto;
	border: solid 1px #ccc;
	background: url(../images/login/bk_login.gif) repeat 0 0;
	text-align: center;
}
.login dl {
	width: 500px;
	margin: 0 auto;
}
.login dl dt {
	display: block;
	clear: left;
	float: left;
	width: 150px;
	margin: 0.75em 0;
	text-align: right;
	color: 666;
}
.login dl dt strong {
	margin-right: 0.5em;
}
.login dl dd {
	float: left;
	min-width: 329px;
	max-width: 329px;
	margin: 0.75em 0;
	text-align: left;
}
/* IE7 CSS hack*/
*:first-child+html .login dl dd {
	float: none;
	margin-left: 150px;
} 
/* IE6 CSS hack*/
* html .login dl dd {
	float: none;
	margin-left: 150px;
}
.login .searchBt {
	clear: both;
}

/*:::::::::: Edit ::::::::::*/
.edit h1 {
	margin: 0.5em 0;
	color: #f90;
	font-size: 216.67%;
	font-weight: normal;
	line-height: 1.25em;
}
.edit h1 img {
	margin-right: 20px;
	vertical-align: middle;
}
.edit .lead {
	font-weight: bold;
	text-align: center;
	color: #096;
}
.edit .lead img {
	margin-right: 4px;
	vertical-align: middle;
}
.edit fieldset {
	width: 802px;
	margin: 0 auto;
	border: solid 1px #ccc;
	background: url(../images/login/bk_login.gif) repeat 0 0;
	text-align: center;
}
.edit dl {
	width: 500px;
	margin: 0 auto;
}
.edit dl dt {
	display: block;
	clear: left;
	float: left;
	width: 150px;
	margin: 0.75em 0;
	text-align: right;
	color: 666;
}
.edit dl dt strong {
	margin-right: 0.5em;
}
.edit dl dd {
	float: left;
	min-width: 329px;
	max-width: 329px;
	margin: 0.75em 0;
	text-align: left;
}
/* IE7 CSS hack*/
*:first-child+html .edit dl dd {
	float: none;
	margin-left: 150px;
} 
/* IE6 CSS hack*/
* html .edit dl dd {
	float: none;
	margin-left: 150px;
}
.edit .searchBt {
	clear: both;
}

.edit .addMap {
	margin-top: 12px;
	border: none;
	background: none;
}

/*:::::::::: Regist ::::::::::*/
.regist h1 {
	margin: 0.5em 0;
	color: #f90;
	font-size: 216.67%;
	font-weight: normal;
	line-height: 1.25em;
}
.regist h1 img {
	margin-right: 20px;
	vertical-align: middle;
}
.regist .lead {
	font-weight: bold;
	text-align: center;
	color: #096;
}
.regist .lead img {
	margin-right: 4px;
	vertical-align: middle;
}
.regist fieldset {
	width: 802px;
	margin: 0 auto;
	border: 1px solid #f90;
	background: url(../registration/images/bk_regist.jpg) repeat 0 0;
	text-align: center;
}
.regist dl {
	width: 500px;
	margin: 0 auto;
}
.regist dl dt {
	display: block;
	clear: left;
	float: left;
	width: 150px;
	margin: 0.75em 0;
	text-align: right;
	color: 666;
}
.regist dl dt strong {
	margin-right: 0.5em;
}
.regist dl dd {
	float: left;
	min-width: 329px;
	max-width: 329px;
	margin: 0.75em 0;
	text-align: left;
}
/* IE7 CSS hack*/
*:first-child+html .regist dl dd {
	float: none;
	margin-left: 150px;
} 
/* IE6 CSS hack*/
* html .regist dl dd {
	float: none;
	margin-left: 150px;
}
.regist .searchBt {
	clear: both;
}

.regist .addMap {
	margin-top: 12px;
	border: none;
	background: none;
}

/*:::::::::: Mail ::::::::::*/
.mail h1 {
	margin: 0.5em 0;
	color: #f90;
	font-size: 216.67%;
	font-weight: normal;
	line-height: 1.25em;
}
.mail h1 img {
	margin-right: 20px;
	vertical-align: middle;
}
.mail .fieldsetTop {
	width: 804px;
	padding-top: 11px;
	background: url(../images/mail/submittop.gif) no-repeat 0 0;
}
.mail .fieldsetBottom {
	width: 804px;
	padding-bottom: 11px;
	background: url(../images/mail/submitbottom.gif) no-repeat left bottom;
}
.mail fieldset {
	width: 804px;
	margin: 0 auto;
	border: none;
	background: url(../images/mail/submitline.gif) repeat-y 0 0;
	text-align: center;
}
.mail dl {
	width: 500px;
	margin: 0 auto;
}
.mail dl dt {
	display: block;
	clear: left;
	float: left;
	width: 150px;
	margin: 0.75em 0;
	text-align: right;
	color: 666;
}
.mail dl dt strong {
	margin-right: 0.5em;
}
.mail dl dd {
	float: left;
	min-width: 329px;
	max-width: 329px;
	margin: 0.75em 0;
	text-align: left;
}
/* IE7 CSS hack*/
*:first-child+html .mail dl dd {
	float: none;
	margin-left: 150px;
} 
/* IE6 CSS hack*/
* html .mail dl dd {
	float: none;
	margin-left: 150px;
}
.mail .searchBt {
	clear: both;
}

/*:::::::::: Tutrial ::::::::::*/
.tutrial p {
	margin: 1em 0;
}
strong.colored {
	color: #F60;
	font-weight: bold;
}
.tutrial img.fRight {
	float: right;
	margin-left: 18px;
}
.tutrial h1 {
	margin: 0.5em 0;
	color: #390;
	font-size: 216.67%;
	font-weight: normal;
	line-height: 1.25em;
}
.tutrial h2 {
	margin: 1em 0;
	padding-left: 4px;
	color: #669900;
	border-left: 8px solid #669900;
	font-size: 116.67%;
	line-height: 1.25em;
}
.tutrial h3 {
	margin: 1em 0;
	color: #003300;
	font-size: 100%;
	line-height: 1.25em;
}
.tutrial #tTutrial {
	margin: 0;
	padding: 2px 12px;
	background: #6C0 url(../images/tour/bg_t_tutrial.gif);
	color: #FFF;
	font-size: 116.67%;
	font-weight: bold;
	line-height: 1.25em;
}
.tutrial #tutrialPageNav {
	margin: 36px 0 0;
	text-align: center;
}
.tutrial #tutrialPageNav span.temp {
	padding: 2px 4px;
	border: 1px solid #B3E680;
}
.tutrial #tutrialPageNav a {
	padding: 2px 4px;
	background: #D9F2C0;
	border: 1px solid #B3E680;
}
.tutrial #tutrialPageNav a.prev {
	padding: 2px 8px;
	background: #6C0 url(../images/tour/bg_t_tutrial.gif);
	border: 1px solid #6C0;
	color: #FFF;
}
.tutrial #tutrialPageNav a.next {
	padding: 2px 8px;
	background: #6C0 url(../images/tour/bg_t_tutrial.gif);
	border: 1px solid #6C0;
	color: #FFF;
}
.tutrial #tutrialPageNav .out {
	padding: 2px 8px;
	background: #EEE;
	background-image: none;
	border: 1px solid #EEE;
	color: #BBB;
}

/*:::::::::: Help ::::::::::*/
.help {
	margin-right: 23px;
	text-align: left;
}
.help p {
	margin: 0.5em 0 1em;
}
.help strong {
	color: #F60;
	font-weight: bold;
}
.help img.fRight {
	float: right;
	margin-left: 18px;
}
.help img.fLeft {
	float: left;
	margin-right: 6px;
	vertical-align: bottom;
}
.help h1 {
	margin: 0.5em 0;
	color: #f90;
	font-size: 216.67%;
	font-weight: normal;
	line-height: 1.25em;
}
.help h2 {
	margin: 2em 0 0;
	padding-left: 3px;
	color: #C90;
	border-bottom: 1px solid #E6CC80;
	font-size: 116.67%;
	line-height: 1.25em;
}
#side #helpMenuList ul {
	margin-left: 0;
}
.help h2 img.icon {
	margin-right: 3px;
	vertical-align: middle;
}
.help h3 {
	margin: 1.5em 0 0;
	color: #C60;
	font-size: 100%;
	line-height: 1.25em;
}
.help #tHelp {
	margin: 0;
	padding: 2px 12px;
	background: #f90 url(../images/help/bg_t_help.gif) repeat left top;
	color: #FFF;
	font-size: 116.67%;
	font-weight: bold;
	line-height: 1.25em;
}
.help #helpPageNav {
	margin: 36px 0 0;
	text-align: center;
}
.help #helpPageNav span.temp {
	padding: 2px 4px;
	border: 1px solid #FFCC80;
}
.help #helpPageNav a {
	padding: 2px 4px;
	background: #FFEBCD;
	border: 1px solid #FFCC80;
}
.help #helpPageNav a.prev {
	padding: 2px 8px;
	background: #f90 url(../images/help/bg_t_help.gif);
	border: 1px solid #f90;
	color: #FFF;
}
.help #helpPageNav a.next {
	padding: 2px 8px;
	background: #f90 url(../images/help/bg_t_help.gif) repeat left top;
	border: 1px solid #f90;
	color: #FFF;
}
.help #helpPageNav .out {
	padding: 2px 8px;
	background: #EEE;
	background-image: none;
	border: 1px solid #EEE;
	color: #BBB;
}

/*:::::::::: General Purpose ::::::::::*/
.general {
	margin-right: 23px;
	text-align: left;
}
.general p {
	margin: 0.5em 0 1em;
}
.general strong {
	color: #F60;
	font-weight: bold;
}
.general img.fRight {
	float: right;
	margin-left: 18px;
}
.general img.fLeft {
	float: left;
	margin-right: 6px;
	vertical-align: bottom;
}
.general h1 {
	margin: 0.5em 0;
	color: #f90;
	font-size: 216.67%;
	font-weight: normal;
	line-height: 1.25em;
}
.general h2 {
	margin: 2em 0 0.5em;
	padding-left: 3px;
	color: #C90;
	border-bottom: 1px solid #E6CC80;
	line-height: 1.25em;
}
.general h2 img.icon {
	margin-right: 3px;
	vertical-align: middle;
}
.general h3 {
	margin: 1.25em 0;
	padding-left: 4px;
	border-left: 8px solid #B38D41;
	color: #960;
	line-height: 1em;
}
.general h4 {
	margin: 1em 0;
	color: #C60;
	line-height: 1.25em;
}
.general fieldset {
	margin: 0 auto;
	border: solid 1px #ccc;
	background: url(../images/login/bk_login.gif) repeat 0 0;
	text-align: center;
}
.general dl {
	width: 500px;
	margin: 0 auto;
}
.general dl dt {
	display: block;
	clear: left;
	float: left;
	width: 150px;
	margin: 0.75em 0;
	text-align: right;
	color: 666;
}
.general dl dt strong {
	margin-right: 0.5em;
}
.general dl dd {
	float: left;
	min-width: 329px;
	max-width: 329px;
	margin: 0.75em 0;
	text-align: left;
}
/* IE7 CSS hack*/
*:first-child+html .general dl dd {
	float: none;
	margin-left: 150px;
} 
/* IE6 CSS hack*/
* html .general dl dd {
	float: none;
	margin-left: 150px;
}
.general .searchBt {
	clear: both;
}
.general .addMap {
	margin-top: 12px;
	border: none;
	background: none;
}

/*:::::::::: Topic Regi ::::::::::*/
.topicRegi {
	margin-right: 23px;
	text-align: left;
}
.topicRegi p {
	margin: 0.5em 0 1em;
}
.topicRegi strong {
	color: #F60;
	font-weight: bold;
}
.topicRegi img.fRight {
	float: right;
	margin-left: 18px;
}
.topicRegi img.fLeft {
	float: left;
	margin-right: 6px;
	vertical-align: bottom;
}
.topicRegi h1 {
	margin: 0.5em 0;
	color: #f90;
	font-size: 216.67%;
	font-weight: normal;
	line-height: 1.25em;
}
.topicRegi fieldset {
	margin: 0 auto;
	border: solid 1px #ccc;
	background: url(../images/login/bk_login.gif) repeat 0 0;
	text-align: center;
}
.topicRegi dl {
	width: 500px;
	margin: 0 auto;
}
.topicRegi dl dt {
	display: block;
	clear: left;
	float: left;
	width: 150px;
	margin: 0.75em 0;
	text-align: right;
	color: 666;
}
.topicRegi dl dt strong {
	margin-right: 0.5em;
}
.topicRegi dl dd {
	float: left;
	min-width: 329px;
	max-width: 329px;
	margin: 0.75em 0;
	text-align: left;
}
/* IE7 CSS hack*/
*:first-child+html .topicRegi dl dd {
	float: none;
	margin-left: 150px;
} 
/* IE6 CSS hack*/
* html .topicRegi dl dd {
	float: none;
	margin-left: 150px;
}
.topicRegi .searchBt {
	clear: both;
}

.topicRegi .addMap {
	margin-top: 12px;
	border: none;
	background: none;
}

/*::::::::::::::::::::::::::::::::::::::::*/
/*::::::    　 toutorial Layout     ::::::*/
/*::::::::::::::::::::::::::::::::::::::::*/
/* Totorial*/
body#popUp {
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: left;
}
body#popUp #container {
	width: 100%;
	margin: 0;
	text-align: left;
}
body#popUp #header {
	height: 120px;
}
body#popUp #contents {
	float: none;
	width: 100%;
	margin-top: -32px;
	background: none;
}
body#popUp #contents .tutrialPageNav {
	margin: 0;
	text-align: right;
	line-height: 1;
}
body#popUp #contents .tutrialPageNav img {
	vertical-align: middle;
}
body#popUp h1 {
	margin: 0;
	background: #fff url(../images/trl_bg.gif) repeat-x left top;
}
body#popUp h1.noBG {
	width: 520px;
	padding: 20px 10px 32px 10px; 
	background-image: none;
}
body#popUp h2 {
	margin: 1em 10px;
	font-size: 175%;
}
body#popUp h3 {
	font-size: 150%;
}
body#popUp h2 img {
	margin-right: 5px;
	vertical-align: middle;
}
body#popUp hr {
	clear: both;
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #ACCDFF;
	color: #ACCDFF;
	font-size: 0;
}
body#popUp p {
	padding: 0 10px;
	font-size: 116.66%;
}
body#popUp .leadNotes {
	font-size: 100%;
	color: #666;
}
body#popUp .stepBox p img {
	vertical-align: middle;
}
body#popUp p.lead {
	padding: 0 10px;
}
body#popUp .stepBox {
	clear: both;
	margin: 2em 10px;
}
body#popUp .stepBox p.noImage {
	width: 272px;
	clear: both;
	float: left;
	margin-top: 0;
	padding: 0;
	font-size: 0;
}
body#popUp .stepBox p.noImage img {
	margin-right: 6px;
	vertical-align: text-top;
}
body#popUp .stepBox p.noImage img.border {
	border: solid 1px #999;
}
body#popUp .stepBox p.description {
	margin-top: 0;
	margin-bottom: 1em;
	padding: 0;
}
body#popUp #footer {
	display: block;
	width: 100%;
	margin: 0 auto !important;
	padding: 0 0 1em 0;
	text-align: center;
}
body#popUp #footer h3 {
	padding: 0 10px;
	text-align: left;
	color: #333;
}
body#popUp #footer h3 img {
	vertical-align: middle;
}
body#popUp #footer .tutrialPageNav {
	width: 100%;
	height: 36px;
	padding: 0;
	line-height: 36px;
	font-size: 116.7%;
	vertical-align: middle;
	position: relative;
	top: 0;
	left: 0;
}
body#popUp #footer .tutrialPageNav span.linkSpace {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
body#popUp #footer .tutrialPageNav span.out {
	color: #BBB;
}
body#popUp #footer .tutrialPageNav span.out,
body#popUp #footer .tutrialPageNav span a {
	margin: 0 0.1em;
	padding: 0 0.5em; 
}
body#popUp #footer .tutrialPageNav .prev {
	display: block;
	float: left;
	width: 84px;
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 2;
}
body#popUp #footer .tutrialPageNav .next {
	display: block;
	float: right;
	width: 84px;
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 3;
}
body#popUp #footer p {
	color: #333;
	text-align: left;
}
body#popUp #footer #tutorialList {
	margin: 1em 10px 1em 10px;
	text-align: left;
}
body#popUp #footer ul#tutorialList  li {
	padding-left: 18px;
	background: url(../images/trl_sarr.gif) no-repeat center left;
	list-style: none;
}
body#popUp #footer #closeBt {
	margin: 2em auto;
	text-align: center;
}

/*EOF*/