/* ===== Default =====*/

body {
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: center;
	background: transparent url(/common/bg_body01.jpg) left center;
}


img {
	border:0;
}

ul,li {
	list-style:none;
	margin:0;
	padding:0;
}

.t01 { margin-top:5px}
.t02 { margin-top:10px}
.t03 { margin-top:15px}
.t04 { margin-top:20px}
.t05 { margin-top:25px}
.t06 { margin-top:30px}
.t07 { margin-top:35px}
.t08 { margin-top:40px}

.b01 { margin-bottom:5px}
.b03 { margin-bottom:15px}

.l01 { margin-left:5px}
.l02 { margin-left:10px}
.l03 { margin-left:15px}
.l04 { margin-left:20px}

.r01 { margin-right:5px}
.r02 { margin-right:10px}


/* ========== Clear ========== */
.clear {
	clear: both;
	background: transparent;
	height: 0px;
	font-size: 0px;
	line-height:0;
	overflow:hidden;
}

/* clearfix */
.clearfix:after,.rnClearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix,.rnClearfix{display:block;}
* html .clearfix,* html .rnClearfix{height:1%;}
*:first-child+html .clearfix,*:first-child+html .rnClearfix{display:inline-block;}


.sideT {
	vertical-align: top;
}

.sideB {
	vertical-align: bottom;
}

.fRight01 {
	float:right;
}

.fLeft01 {
	float:left;
}


/* ===== Text =====*/
.txtRight {
	text-align: right;
}

.txtLeft {
	text-align: left;
}

.txtCenter {
	text-align: center;
}

.txtGre01 {
	color: #006600;
}

.txtRed01 {
	color: #990000;
}

/* ===== Line =====*/
.line01 {
	height: 1px;
	font-size: 1px;
	background: transparent url(/common/line01.gif) repeat-x left center;
}

.line02 {
	height: 1px;
	font-size: 1px;
	background: transparent url(/common/line02.gif) repeat-x left center;
}

.lineRed01 {
	height: 1px;
	font-size: 1px;
	background-color:#CC0000;
}

.lineBlack01 {
	height: 1px;
	font-size: 1px;
	background-color:#333333;
}

.lineBlack02 {
	height: 1px;
	font-size: 1px;
	background-color:#666666;
}

.lineGrey01 {
	height: 1px;
	font-size: 1px;
	background-color:#CCCCCC;
}


/* ===== Link =====*/

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


/* ========== Wrapper ========== */
#wrapperMain {
	width: 762px;
	margin: auto;
	background: transparent url(/common/bg_main01.gif) repeat-y left center;
}

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



/* ===== Header =====*/
#hdLogo {
	margin: 15px 0 0 0;
}

#hdRight01 {
    width: 293px;
	margin: 11px 0 0 auto;
}

#hdRight02 {
	width: 293px;
	margin: 13px 0 0 0;
	position: relative;
}

#hdRight03 {
	width: 277px;
	margin: 11px 0 0 auto;
}

#hdRight04 {
	width: 277px;
	margin: 13px 0 0 auto;
	position: relative;
	text-align: right;
}


.hdSearch {
	margin: 0;
	padding: 0;
}

.hdSearchkey {
	width: 150px;
	height: 18px;
}

#hdBtn {
	position: relative;
}

/* ===== renewal header =====*/

#hdnavi01 {
	width:760px;
}

#hdnavi01 img {
	vertical-align:bottom;
}


#hdnavi01 li {
	float: left;
	position: relative;
}

#hdnavi01 li:hover ul a, 
#hdnavi01 li.sfHover ul a {
	background: #FFFFFF;
	color: #333333;	
}

#hdnavi01 li:hover ul a:hover, 
#hdnavi01 li.sfHover ul a:hover {
	background: #F3F3F3;
	color: #E20A16;
}

#hdnavi01 li:hover ul,
#hdnavi01 li.sfHover ul {
	top: 48px;
}

#hdnavi01 ul {
	width: 198px;
	position: absolute;
	top: -999em;
	left: -1px;
}

#hdnavi01 ul li {
	border-bottom:1px solid #E6E6E6;
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
}

#hdnavi01 ul li a{
	width: 198px;
	display:block;
	text-decoration:none;
}

#hdnavi01 ul li a span{
	padding:5px 5px 5px 10px;
	margin-left:12px;
	display:block;
	background:url(/common/arrow_red03.gif) no-repeat 0 1em;
	line-height:1.4;
	font-size:12px;
}

* html #hdnavi01 ul li a span{
	padding:9px 5px 6px 10px;
	margin-left:12px;
	display:block;
	background:url(/common/arrow_red03.gif) no-repeat 0 1em;
	line-height:1;
	font-size:12px;
}

*:first-child+html #hdnavi01 ul li a span{
	padding:9px 5px 6px 10px;
	margin-left:12px;
	display:block;
	background:url(/common/arrow_red03.gif) no-repeat 0 1em;
	line-height:1;
	font-size:12px;
}

#hdnavi01 ul li a span img{
	padding:0 0 2px 0;
}

.hdline01 {
	height: 1px;
	font-size: 1px;
	background: transparent url(/common/gnavi_line01.gif) repeat-x left center;
}

/* ===== pankuzu =====*/
#pankuzu {
	margin: 0;
	padding: 10px 20px 15px 20px;
}

#pankuzu p{
	margin: 0;
	padding: 0;
}

/* ===== leftMenu =====*/
.lMenuTd {
	vertical-align: top;
}

#lMenu p {
	margin: 5px 20px;
	padding-left: 10px;
	background: transparent url(/common/arrow_red01.gif) no-repeat left top;
}

#lMenu02 p {

	margin: 5px 0 5px 20px;

	padding-left: 10px;

	background: transparent url(/common/arrow_red01.gif) no-repeat left top;

}




/* ===== contentsTd =====*/
#contents {
	padding: 0 20px;
}

.contentsTd {
	width: 570px;
	vertical-align: top;
}

.contentsTd02 {
	width: 570px;
	vertical-align: top;
}

.contentsTd03 {
	width: 550px;
	vertical-align: top;
}

.contentsTd02 a, .contentsTd03 a {color:#333333; text-decoration:underline;}
.contentsTd02 a:link, .contentsTd03 a:link {color:#333333; text-decoration:underline;}
.contentsTd02 a:visited, .contentsTd03 a:visited {color:#333333; text-decoration:underline;}
.contentsTd02 a:active, .contentsTd03 a:active {color:#990000; text-decoration:underline;}
.contentsTd02 a:hover, .contentsTd03 a:hover {color:#CC0000; text-decoration:underline;}


.contents04 {
	padding:0 15px;
}


/* ===== Footer =====*/
#footer {
	margin-top: 30px;
}

.ftline01 {
	height: 2px;
	font-size: 2px;
	background: transparent url(/common/ft_line01.gif) repeat-x left center;
}

#ftLeft {
	width: 187px;
	margin: 5px 0 0 10px;
	float:left;
}

#ftRight {
	margin: 5px 0 0 0;
	float:right;
}

#ftTbl01 td{
	padding-right: 10px;
}

#ftTbl01 a {
	padding-left: 15px;
	background: transparent url(/common/ar_nbox_10x10_a.gif) no-repeat left center;
}

#ftTbl01 a:link {text-decoration: none; color: #666666;}
#ftTbl01 a:visited {text-decoration: none; color: #666666;}
#ftTbl01 a:hover {text-decoration:  none; color: #CC0000;background: transparent url(/common/ar_nbox_10x10_b.gif) no-repeat left center;}
#ftTbl01 a:active {text-decoration:  none; color: #CC0000;background: transparent url(/common/ar_nbox_10x10_b.gif) no-repeat left center;}

.ftbox01 {
	margin:0 10px;
}

.ftbox01 p{ margin:5px 0 0 0; }

.ftbox01 a:link {   color: #333333; text-decoration: underline;}

.ftbox01 a:visited {color: #333333; text-decoration: underline;}

.ftbox01 a:hover {  color: #CC0000; text-decoration: none;}

.ftbox01 a:active { color: #CC0000; text-decoration: none;}


/* ===== Arrow =====*/

.arrowRed01 {
	padding-left: 10px;
	background: transparent url(/common/arrow_red03.gif) no-repeat left center;
	display:inline;
}


.arrowRed02 {
	padding: 0 0 0 10px; text-indent:-10px; line-height: 0;
}

.arrowRed02 a {
	padding-left: 10px;
	background: transparent url(/common/arrow_red02.gif) no-repeat left 0.1em;
	line-height:1.2;
}


.arrowBlack01 a {
	padding-left: 15px;
	background: transparent url(/common/ar_box_8x8_a.gif) no-repeat left center;
}

.arrowBlack01 a:hover {background: transparent url(/common/ar_box_8x8_b.gif) no-repeat left center;}
.arrowBlack01 a:active {background: transparent url(/common/ar_box_8x8_b.gif) no-repeat left center;}

.arrowBlack02 a {
	padding-left: 10px;
	background: transparent url(/common/arrow_glay01.gif) no-repeat left center;
}

.arrowBlack02 a:hover {background: transparent url(/common/arrow_red02.gif) no-repeat left center;}
.arrowBlack02 a:active {background: transparent url(/common/arrow_red02.gif) no-repeat left center;}

/* ===== TopArrow =====*/
.toparrowRed01 a {
	padding-left: 10px;
	background: transparent url(/common/toparrow_red01.gif) no-repeat left center;
}


/* ===== Anchor Arrow =====*/
.ancarrowGray01 a {
	padding-left: 15px;
	background: transparent url(/common/ancarrow_gray01.gif) no-repeat left center;
}

.ancarrowBlue01 a {
	padding-left: 15px;
	background: transparent url(/common/ancarrow_blue01.gif) no-repeat left center;
}

.ancarrowGreen01 a {
	padding-left: 15px;
	background: transparent url(/common/ancarrow_green01.gif) no-repeat left center;
}

.ancarrowGreen02 a {
	padding-left: 10px;
	background: transparent url(/common/ancarrow_green02.gif) no-repeat left top;
}


.ancarrowOrange01 a {
	padding-left: 15px;
	background: transparent url(/common/ancarrow_orange01.gif) no-repeat left center;
}

.ancarrowGray01 a:link,
.ancarrowBlue01 a:link,
.ancarrowGreen01 a:link,
.ancarrowGreen02 a:link,
.ancarrowOrange01 a:link { 
	text-decoration: underline;
}

.ancarrowGray01 a:visited,
.ancarrowBlue01 a:visited,
.ancarrowGreen01 a:visited,
.ancarrowGreen02 a:visited,
.ancarrowOrange01 a:visited {
	text-decoration: underline;
}

.ancarrowGray01 a:hover,
.ancarrowBlue01 a:hover,
.ancarrowGreen01 a:hover,
.ancarrowOrange01 a:hover {
	text-decoration: none;
	background: transparent url(/common/ancarrow_red01.gif) no-repeat left center;
}

.ancarrowGray01 a:active,
.ancarrowBlue01 a:active,
.ancarrowGreen01 a:active,
.ancarrowOrange01 a:active {
	text-decoration: none;
	background: transparent url(/common/ancarrow_red01.gif) no-repeat left center;
}

.ancarrowGreen02 a:hover {
	text-decoration: none;
	background: transparent url(/common/ancarrow_red02.gif) no-repeat left top;
}

.ancarrowGreen02 a:active {
	text-decoration: none;
	background: transparent url(/common/ancarrow_red02.gif) no-repeat left top;
}



/* ===== to another site Arrow =====*/
.arrowgrey02 a {
	padding-left: 15px;
	background: transparent url(/common/arrow_glaybox01_a.gif) no-repeat left center;
}
.arrowgrey02 a:hover {
	padding-left: 15px;
	background: transparent url(/common/arrow_glaybox01_b.gif) no-repeat left center;
}

.arrowgrey03 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.arrowgrey03 li a {
	padding-left: 15px;
	background: transparent url(/common/arrow_glaybox01_a.gif) no-repeat left center;
}

.arrowgrey03 li a:hover {
	padding-left: 15px;
	background: transparent url(/common/arrow_glaybox01_b.gif) no-repeat left center;
}


/* ===== PDF =====*/
.linkPdf01 a {
	padding-left: 17px;
	background: transparent url(/common/icon_pdf01.gif) no-repeat left center;
}