/*
"#" = id
"." = class
 !important
 */

*{
	font-size: 100%;
}

html {
	zoom:1 /*For IE7*/
}

/********** COMMON **********/
body {
	font-size: 12px;
	line-height: 170%;
	text-align: left;
	color: #333333;
	margin: 0px;
	padding: 0px;
	zoom:1/*For IE7*/;
	background-color: #E8F3FD;
}

pre, blockquote {
/*	text-align: justify;
	text-justify: inter-ideograph; */
}
/*
p {
	margin: 0px;
	padding: 0px;
  }
*/

strong {
	font-weight: normal;
}

img {
	border-style: none;
	border-width: 0;
}

form {
	margin: 0;
	padding: 0;
}

table, th, td {
	border-collapse: separate;
}

ol, ul, dl {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}  


p {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
}
/********** TEXT LAYOUT **********/


A:active  { color: #333333; text-decoration: none; }
A:link    { color: #333333; text-decoration: none; }
A:visited { color: #333333; text-decoration: none; }
A:hover   { color: #333333; text-decoration: underline; }

.txtNotes {
	font-size: 10px;
	line-height: 12px;
	color: #888888;
	font-weight: normal;
}

.txtRemark {
	font-size: 9px;
	line-height: 140%;
	color: #888888;
}

.txtAttention {
	color: #FF6633;
}

.txtWarning {
	color: #FF6633;
}


/********** MAIN LAYOUT **********/
#container {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
	background-position: center;
	background-image: url(../img/bg_base.gif);
	text-align: center;
/* border:1px red solid; */
	}

#stage {
	margin-right: auto;
	margin-left: auto;
	width: 760px;
	text-align: left;
}

#stageBottom {
	margin-right: auto;
	margin-left: auto;
	width: 770px;
	height: 4px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/bg_bottom.gif);
}

/********** HEADER **********/
#header {
	background-image: url(../img/header_bg.gif);
	background-repeat: no-repeat;
	height: 70px;
	background-position: center top;
/* border:1px red solid; */
}

#headerLogo {
	float: left;
	height: 42px;
/* border:1px red solid; */
}

#headerMsg {
	float: right;
	padding-right: 15px;
	padding-top: 10px;
/* border:1px red solid; */
}

#headerMsg h1{
	font-size: 10px;
	font-weight: normal;
	color: #98BDEB;
	padding: 0px;
	margin: 0px;
}

#headerNaviArea {
	clear: both;
	padding-top: 1px;
/* border:1px red solid; */
}

#headerGlobalNavi {
	float: left;
	padding-left: 7px;
/* border:1px red solid; */
}

#headerGlobalNavi ul{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

#headerGlobalNavi li{
	display: inline; /* For IE6 */
	margin: 0px;
	padding: 0px;
}

#headerSubNavi {
	float: right;
	padding-right: 15px;
/* border:1px red solid; */
}

#headerSubNavi ul{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

#headerSubNavi li{
	display: inline; /* For IE6 */
	margin: 0px;
	padding: 0px;
}


/********** FOOTER **********/
#footer {
	clear: both;
	background-image: url(../img/footer_bg.gif);
	background-repeat: no-repeat;
	height: 30px;
	background-position: center top;
	margin-top: 10px;
/* border:1px red solid; */
}

#footerCopyright {
	float: left;
	width: 300px;
	height: 30px;
	background-image: url(../img/footer_copy.gif);
/* border:1px red solid; */
}

#footerCopyright p {
	display: none;
	margin: 0px;
	padding: 0px;
}


#footerNavi {
	float: right;
	padding-right: 5px;
/* border:1px red solid; */
}

#footerNavi ul{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

#footerNavi li{
	display: inline; /* For IE6 */
	margin: 0px;
	padding: 0px;
}


/********** PAGE BASE **********/
#contents {
	margin: 0px;
	padding: 0px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
/* border:1px red solid; */
}


#topicPath {
	height: 24px;
	background-image: url(../img/topicpath_bg.gif);
	background-repeat: no-repeat;
}

#topicPath p {
	font-size: 10px;
	padding-top: 3px;
	padding-right: 20px;
	padding-left: 28px;
	padding-bottom: 0px;
	margin: 0px;
}



#topicPath A:active  { color: #888888; text-decoration: none; }
#topicPath A:link    { color: #888888; text-decoration: none; }
#topicPath A:visited { color: #888888; text-decoration: none; }
#topicPath A:hover   { color: #888888; text-decoration: underline; }


#contentsMain {
	float: right;
	width: 500px;
	text-align: left;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	/* border:1px red solid; */
}

#contentsSub {
	float: left;
	text-align: center;
	width: 180px;
/* border:1px red solid; */
}

#contentsSub ul{
	list-style-type: none;
	list-style-image: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#contentsSub li{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	width: 170px;
	height: 32px;
}


/********** DL DT DD **********/
dl.defList01 {
}
dl.defList01 dt {
	line-height: 120%;	
}
dl.defList01 dd {
	margin-bottom:15px;
}

dl.defList02 {
}
dl.defList02 dt {
	line-height: 120%;	
}
dl.defList02 dd {
	margin-bottom:15px;
}

/********** PAGE TOP BUTTON **********/
#pageTopBtn {
	text-align: right;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/********** POSITION **********/
.positionC {
	text-align: center !important;
	}

.positionR {
	text-align: right !important;
	}

.positionL {
	text-align: left !important;
	}

.floatLeft {
	float: left;
	display: inline;/*for WinIE6 */
}

.floatRight {
	float: right;
	display: inline;/*for WinIE6 */
}

.floatClear {
	clear: both;
}


.spaceTopS {
	margin-top: 10px;
}

.spaceTopM {
	margin-top: 20px;
}

.spaceBottomS {
	margin-bottom: 10px;
}

.spaceBottomM {
	margin-bottom: 20px;
}






/********** CHAPTER BAR **********/
#contentsMain h3 {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	width: 500px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#contentsMain h4 {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	background-image:url(../img/chapter_bg_h4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 500px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}



/********** WAKU COLOR **********/
.rimColor1 {
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #EEEEEE;
}

/********** MAIL FORM **********/
label          { color: #dddddd;}

input.inputDef		{ font-size: 10pt; color: #000000; height: 12pt; background-color: #FFFFFF; border: 1px solid #666666;}
input.inputErr		{ font-size: 10pt; color: #000000; height: 12pt; background-color: #FFDFD2; border: 1px solid #FF6633;}
textarea.areaDef	{ font-size: 10pt; color: #000000; background-color: #FFFFFF; border: 1px solid #666666;}
textarea.areaErr	{ font-size: 10pt; color: #000000; background-color: #FFDFD2; border: 1px solid #FF6633;}
select.selectDef	{ font-size: 10pt; color: #000000; background-color: #FFFFFF; border: 1px solid #666666;}
select.selectErr	{ font-size: 10pt; color: #000000; background-color: #FFDFD2; border: 1px solid #FF6633;}
checkbox.checkboxDef	{ font-size: 10pt; color: #000000; background-color: #FFFFFF; border: 1px solid #666666;}
checkbox.checkboxErr	{ font-size: 10pt; color: #000000; background-color: #FFDFD2; border: 1px solid #FF6633;}

#formSubmit {
	padding-top: 20px;
	padding-bottom: 0px;	
	text-align: center;
}

#formSubmit p{
	margin: 0px;
	padding: 0px;
}

#formSubmit  ul{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

#formSubmit li{
	display: inline; /* For IE6 */
	margin: 0px;
	padding: 0px;
}


/********** SCROLL_MENU **********/
#scrollTop {
	z-index: 1;
	visibility: visible;
	position: absolute;
	top: 300px;
	right: 30px;
	width: 48px;
	height: 19px;
}