
/*===================  public  ===================*/

/*font size*/

.exhuge{font-size:150%; line-height:140%;}      /*24px*/
.exlarge{font-size:131.25%; line-height:140%;}   /*21px*/
.huge{font-size:112.5%; line-height:140%;}      /*18px*/
.large{font-size:100%; line-height:140%;}       /*16px = 12pt*/
.mid{font-size:81.25%; line-height:140%;}       /*13px*/
.sml{font-size:62.5%; line-height:140%;}        /*10px*/
.x-sml{font-size:56.25%; line-height:140%;}     /*9px*/

/*layout position*/

.righttop{vertical-align:top;	text-align:right;} 
.rightmiddle{vertical-align:middle;	text-align:right;}
.rightbottom{vertical-align:bottom;	text-align:right;}
.lefttop{vertical-align:top;	text-align:left;}
.leftmiddle{vertical-align:middle;	text-align:left;}
.leftbottom{vertical-align:bottom;	text-align:left;}
.middletop{vertical-align:top; text-align:center;}
.middlemiddle{vertical-align:middle;	text-align:center;}
.middlebottom{vertical-align:bottom;	text-align:center;}

/*link decoration*/

a:link{color:#3333FF; text-decoration:underline;}
a:visited{color:#3333FF; text-decoration:underline;}
a:hover{color:#FF3366; text-decoration:none;}
a:active {color:#FF3366; text-decoration:none;}

/*font color*/

.font_red{color:#ff3333;}
.font_blue{color:#0066FF;}
.font_orange{color:#FF6600;}
.font_gray{color:#999999;}


.bordernone_img{border:0px;}


/*===================  body  ===================*/

body{
	background-color:#FFFFFF;
	background-image: url(../images/bg_shadow.gif);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0px;
	padding:0px;
	font-size:81.25%;
	line-height:140%;
}


/*===================  header_area  ===================*/

#header{
	width:780px;
	margin:8px 0px;
	padding:0px;
}

#header_left{
	width:auto;
	height:33px;
	margin:0px;
	padding:5px 20px;
	float:left;
}

#header_right{
	width:580px;
	height:33px;
	margin:0px 3px 0px 0px;
	padding:5px 0px;
	background-image:url(../images/bg_dotted.gif);
	background-repeat:repeat-x;
	background-position:left top;
	float:right;
}

.header_line{
	width:780px;
	margin:0px;
	padding:0px;
	clear:both;
}

#header_bg01{
	height:14px;
	background-color:#dcdcb1;
}

#header_white{
	height:1px;
	background-color:#ffffff;
}

#header_bg02{
	height:1px;
	background-color:#dcdcb1;
}


/*===================  header_img_area  ===================*/

#header_img_area{
 width:780px;
	margin:0px;
	padding:0px;
	border-bottom:solid 2px #fdd3c6;
	clear:both;
}

/*
#header_ttl_area{
 width:auto;
	border-bottom:solid 1px #AAAAAA;
	border-right:solid 1px #AAAAAA;
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 8px;
	background-color:#006666;
	color:#FFFFFF;
	font-size:131.25%;
	font-weight:bold;
	line-height:140%;
}
*/


/*
#header_img_line{
	height:2px;
	background-color:#fdd3c6;
}
*/
	
/*===================  contents_area  ===================*/

#contents_wrapper{
 width:740px;
	margin:0px;
	padding:20px;
}

#contents_wrapper h1{
	width:auto;
	border-bottom:solid 1px #AAAAAA;
	border-right:solid 1px #AAAAAA;
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 8px;
	background-color:#006666;
	color:#FFFFFF;
	font-size:131.25%;
	font-weight:bold;
	line-height:140%;
}

.img_float_left{
	float:left;
	margin-right:12px;
	padding:4px;
	border-top:solid 1px #DDDDDD;
	border-right:solid 1px #AAAAAA;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #DDDDDD;
}

.img_float_right{
	float:right;
	margin-left:12px;
	padding:4px;
	border-top:solid 1px #DDDDDD;
	border-right:solid 1px #AAAAAA;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #DDDDDD;
}

.contents_inner_area{
	margin:14px 0px;
	padding:14px 12px 0px 12px;
	border-top:dotted 1px #cccccc;
	clear:both;
}

.contents_inner_area h2{
	margin:10px 0px;
	padding:3px 0px 3px 8px;
	border-left:solid 5px #006666;
	border-bottom:solid 1px #CCCCCC;
	color:#006666;
	font-size:131.15%;
	font-weight:bold;
	background-color:#EEFFFF;
	clear:both;
}

.contents_inner_area h3{
	margin:6px 0px 8px 0px;
	padding:0px;
	font-size:112.5%;
	color:#FF66CC;
	font-weight:bold;
}

.contents_inner_area h4{
	font-weight:bold;
	color:#FF6600;
	font-size:100%;
	margin:0px;
}

.contents_inner_area p{
	padding:0px 3px;
}

.contents_inner_area p span{
	color:#FF4433;
	font-weight:bold;
}

.contents_inner_area dl{
	margin:3px 0px 9px 0px;
	padding:0px 0px 9px 0px;
	border-bottom:dotted 1px #cccccc;
}

.contents_inner_area dl.last{
	border-bottom:none;
}

.contents_inner_area dt{
	float:left;
	font-weight:bold;
}

.contents_inner_area dd{
	margin-left:3em;
}

.contents_list_area{
	margin:5px;
	padding:2px;
}

.contents_list_area ul{
	margin:5px 0px;
	padding:0px 0px 0px 26px;
}

.contents_list_area li{
	margin:2px 0px;
	padding:0px;
}

.subttl_img{
	margin:8px 0px 6px 0px;
	padding:0px;
	border:0px;
	clear:both;
}

.contents_inner_area ol{ 
	line-height:1.4em;
	text-align:left;
	margin:0px;
	padding:8px 12px 8px 36px;
	font-size:81.25%;
	background-color:#FFEEFF;
}

.contents_inner_area .win_close{
	margin:14px 0px;
	padding:0px;
	text-align:center;
	clear:both;
}

.contents_inner_area .win_close img{
	border:none;
}

/*===================  footer_area  ===================*/

.footer{
	width:780px;
	margin:0px;
	padding:0px;
}

#footer_gray_line{
	margin:5px 0px;
	padding:0px;
	background-color:#cccccc;
}

#footer_office_area{
	width:774px;
	margin:0px;
	padding:3px;
	background-image:url(../images/bg_dotted.gif);
	background-repeat:repeat-x;
	background-position:left center;
}

#footer_office{
	width:332px;
	color:#666666;
	margin:0px;
	padding:0px 16px;
	background-color:#ffffff;
	text-align:center;
}

#footer_copyright{
	color:#666666;
	margin:0px;
	padding:5px 0px;
	background-color:#dcdcb1;
	text-align:center;
}