@charset "EUC-JP";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-decoration: none;
	font-weight: normal;
	font-size: 100%;
}
body{
	font-size: 10px;
	text-align:center;
	font-family:Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;
	line-height:150%;
	color:#333333;
}

br{
	height:0px;
	padding:0px;
	margin:0px;
	line-height: 0px;
	font-size:0px;
	clear:both;
}

img{	border: 0;}
li{list-style-type: none;}
.clClear{
	clear: both;
	height: 0;
	line-height: -1px;}
.clEndClear{
	clear: both;
	padding:0px;
	margin:0px;
	line-height: 0px;
	font-size:0px;
	line-height: -1px;}
a{
	color:#0083FF;
}
a:hover{
	color:#0083FF;
	text-decoration:underline;
}

#idSpace30{
	clear: both;
	height: 30px;
}
#idSpace60{
	clear: both;
	height: 90px;
}
#idSpace150{
	clear: both;
	height: 150px;
}

/*ヘッダー部分-------------------------------------------------------*/
#idHeader{
	text-align:center;
	width: 100%;
	height:36px;
}
#idHeader h1{
	width: 310px;
	height: 65px;
	float:left;
	background: url(../images/header/logo.gif) no-repeat left top;
}
#idHeader h1 a{
	display: block;
	width: 310px;
	height: 65px;
	background: url(../images/share/logo.gif) no-repeat left top;
}
#idHeader h1 a span{
	display:none;
}


ul#idGuideNavis{
	width: 164px;
	float: right;}
ul#idGuideNavis li{
	height: 17px;
	float: left;}
ul#idGuideNavis li a{
	display: block;
	height: 17px;
	text-decoration: none;}
ul#idGuideNavis li a span{
	display:none;
}
ul#idGuideNavis li a:hover{
	display: block;
	height: 17px;
	}
li#idGuideNavi01, li#idGuideNavi01 a{
	width: 82px;
	background: url(../images/header/guide01.jpg) no-repeat top right;}
li#idGuideNavi02, li#idGuideNavi02 a{
	width: 82px;
	background: url(../images/header/guide02.jpg) no-repeat top right;}
li#idGuideNavi03, li#idGuideNavi03 a{
	width: 82px;
	background: url(../images/header/guide03.jpg) no-repeat top right;}
li#idGuideNavi04, li#idGuideNavi04 a{
	width: 82px;
	background: url(../images/header/guide04.jpg) no-repeat top right;}

#idGuideNavi01 a{width:82px;}
#idGuideNavi02 a{width:82px;}
#idGuideNavi03 a{width:82px;}
#idGuideNavi04 a{width:82px;}

#idGuideNavi01 a:hover{width:82px; background: url(../images/header/guide01.jpg) no-repeat top right;}
#idGuideNavi02 a:hover{width:82px; background: url(../images/header/guide02.jpg) no-repeat top right;}
#idGuideNavi03 a:hover{width:82px; background: url(../images/header/guide03.jpg) no-repeat top right;}
#idGuideNavi04 a:hover{width:82px; background: url(../images/header/guide04.jpg) no-repeat top right;}


/*----------------------------------------------------------------*/
.clBlock{
	width: 898px;
	margin-left: auto;
	margin-right: auto;}
.clLeft{
	float: left;
	width: 730px;
	height:17px;
	padding-top:10px;
	text-align:left;
	background: url(../images/header/bg_h01.jpg) no-repeat right 10px;
}
.clRight{
	float: right;
	width: 164px;
	display:inline;
	padding-top:10px;
}


/*メインメニュー------------------------------------------------------*/
#idMainMenu{
	width: 898px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
}
#idMainMenu ul{
	width: 898px;
	}
#idMainMenu li{
	height: 60px;
	float: left;
	display: block;
	}
#idMainMenu li a,
#idMainMenu li a:hover{
	display: block;
	height: 60px;
	}
#idMainMenu li a span{
	display:none;
}
#idMainmenu01{
	width: 60px;
	background: url(../images/header/mainmenu01.jpg) no-repeat right top;}
#idMainmenu02{
	width: 280px;
	background: url(../images/header/mainmenu02.jpg) no-repeat left top;}
#idMainmenu03{
	width: 60px;
	background: url(../images/header/mainmenu03.jpg) no-repeat left top;}
#idMainmenu04{
	width: 80px;
	background: url(../images/header/mainmenu04.jpg) no-repeat left top;}
#idMainmenu05{
	width: 140px;
	background: url(../images/header/mainmenu05.jpg) no-repeat left top;}
#idMainmenu06{
	width: 70px;
	background: url(../images/header/mainmenu06.jpg) no-repeat left top;}
#idMainmenu07{
	width: 110px;
	background: url(../images/header/mainmenu07.jpg) no-repeat left top;}
#idMainmenu08{
	width: 98px;
	background: url(../images/header/mainmenu08.jpg) no-repeat left top;}

#idMainmenu01 a{ width: 60px;}
#idMainmenu02 a{ width: 280px;}
#idMainmenu03 a{ width: 60px;}
#idMainmenu04 a{ width: 80px;}
#idMainmenu05 a{ width: 140px;}
#idMainmenu06 a{ width: 70px;}
#idMainmenu07 a{ width: 110px;}
#idMainmenu08 a{ width: 98px;}

#idMainmenu01 a:hover{width:60px;  background: url(../images/header/mainmenu01_on.jpg) no-repeat;}
#idMainmenu02 a:hover{width:280px;	background: url(../images/header/mainmenu02_on.jpg) no-repeat;}
#idMainmenu03 a:hover{width:60px;	background: url(../images/header/mainmenu03_on.jpg) no-repeat;}
#idMainmenu04 a:hover{width:80px;	background: url(../images/header/mainmenu04_on.jpg) no-repeat;}
#idMainmenu05 a:hover{width:140px;	background: url(../images/header/mainmenu05_on.jpg) no-repeat;}
#idMainmenu06 a:hover{width:70px;	background: url(../images/header/mainmenu06_on.jpg) no-repeat;}
#idMainmenu07 a:hover{width:110px;	background: url(../images/header/mainmenu07_on.jpg) no-repeat;}
#idMainmenu08 a:hover{width:98px;	background: url(../images/header/mainmenu08_on.jpg) no-repeat;}



/*左メニュー無しページ*/
#idContentIndex{
	width: 1000px;
	margin:0px auto;
	display:block;
	text-align:left;
}
/*左メニュー有りページ*/
#idContent{
	width: 800px;
	margin:0px auto;
	display:block;
	text-align:left;
	background-image:url(../images/gaiyo/bg_content.gif);
	background-repeat:repeat-y;
}


/*パンくず*/
#idPankuzu01{
	height:15px;
	padding-right:37px;
	padding-top:20px;
	padding-bottom:10px;
}
#idPankuzu01 a{
	border:solid 1px #656565;
	color:#656565;
	height:13px;
	width:13px;
	padding:0 2px;
}
#idPankuzu01 a:hover{
	border:solid 1px #656565;
	background-color:#1387F4;
	color:#FFFFFF;
	height:13px;
	width:13px;
	padding:0 2px;
}
#idPankuzu01 .clpankuzu_on{
	border:solid 1px #656565;
	background-color:#1387F4;
	color:#FFFFFF;
	height:13px;
	width:13px;
	padding:0 2px;
}


#idFooter01{
	width:100%;
	margin:0px auto;
	height:20px;
	text-align:center;
}
#idFooter02{
	width:100%;
	margin:0px auto;
	height:20px;
	text-align:center;
	background-color:#1787F3;
	border-top:solid 1px #666666;
}
#idFooter02 a{
	color:#FFFFFF;
	line-height:180%;
}


#idFooterWrap01 {
	position:fixed;
	bottom:					15px;
	left:0px;
	width:					100%;
	text-align:center;
	z-index:				3;
}

#idSPWrap01{
	position:absolute;
	left:					50px;
	top:					0px;
	width:					720px;
	height:					38px;
	z-index:				99;
}
#idSerch01{
	float:left;
	width:					135px;
	height:					38px;
}
#idSerch01_open{
	float:left;
	width:					260px;
	height:					262px;
	display:none;
}

#idPtag01{
	float:left;
	width:					135px;
	height:					38px;
}
#idPtag01_open{
	float:left;
	width:					390px;
	height:					262px;
	display:none;
}

#idItag01{
	float:left;
	width:					420px;
	height:					35px;
	background:url(../images/header/bg_info01.jpg) top left no-repeat;
}

#idItag01_open{
	float:left;
	width:					420px;
	height:					95px;
	background:url(../images/header/bg_info02.jpg) top left no-repeat;
	display:none;
}



#idTd01{
	text-align:left;
	background-repeat:no-repeat;
	background-position:top left;
}
#idTd01 a{
	margin-left:5px;
	color:#0086FF;
	font-size:10.5px;
	text-decoration:none;
}
#idTd01 a:hover{
	margin-left:5px;
	color:#0086FF;
	font-size:10.5px;
	text-decoration:underline;
}

#idTd01_on{
	text-align:left;
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#0086FF;
}
#idTd01_on a{
	margin-left:5px;
	color:#FFFFFF;
	font-size:10.5px;
	text-decoration:none;
}
#idTd01_on a:hover{
	margin-left:5px;
	color:#FFFFFF;
	font-size:10.5px;
	text-decoration:none;
}

#idOl01{
	padding-left:5px;
	padding-top:12px;
}
#idOl01 li{
	text-align:left;
	padding-bottom:15px;
	background-image:url(../images/share/arrow01.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#idOl01 li a{
	margin-left:15px;
	color:#0086FF;
	font-size:10.5px;
	text-decoration:none;
}
#idOl01 li a:hover{
	margin-left:15px;
	color:#ffffff;
	background-color:#0086FF;
	font-size:10.5px;
	text-decoration:none;
}
