@charset "euc-jp";

/*¢§¢§wrapper¢§¢§
----------------------------------------------*/ 
#wrapper {
	width:970px;
	margin:0 auto 0;
	text-align:left;
}

/* IE7ÍÑ */
 *:first-child+html #wrapper { 
	width:970px;
	margin:0 0 0 18px;
	*zoom:1; /* for IE 6,7 */
 } 

#page-top {
	background:url(../images/JPPA_Base_W970pixels.png) top center repeat-y fixed;
}
/*¢§¢§header¢§¢§
---------------------------------------------*/
#header {
	left:0px;
	top:0px;
	width:970px;
	position:relative;
	}

#header .slider{
/* Set rules to fill background */ 
/*	min-width: 970px;*/
/* Set up proportionate scaling */ 
	width: 970px;
/* Set up positioning */ 
	position:relative;
	margin-bottom:20px;
	z-index: 0;
}

#header-img {
	width:970px;
	margin-bottom:20px;
	z-index: 0;
	*zoom:1; /* for IE 6,7 */
	}

#header-img2 {
	position:relative;
	margin:10px 0 0 20px; /* ¾å=0px¡¢±¦=0px¡¢²¼=0px¡¢º¸=20px */
	}

#header-img3 {
	position:absolute;
	margin:0 0 0 0px; /* ¾å=0px¡¢±¦=0px¡¢²¼=0px¡¢º¸=20px */
	left:780px;
	top:14px;
	z-index: 1;
	}

#header-img4 {
/*	background:url(./images/Font_size_S_An.png)  no-repeat 0 0; */
	position:absolute;
	margin:0 0 0 0px; /* ¾å=0px¡¢±¦=0px¡¢²¼=0px¡¢º¸=20px */
	left:845px;
	top:10px;
	z-index: 1;
	text-indent:-9999px;

	}

#header-img4 a:link, #header-img4 a:visited {
	background-image:url(../images/Font_size_S_An.png); 
	width:23px;
	height:20px;
	display:block;
	}

#header-img4 a:hover {
	background-image:url(../images/Font_size_S_Mei.png);
	}

#header-img5 {
/*	background:url(../images/Font_size_S_An.png)  no-repeat 0 0; */
	position:absolute;
	margin:0 0 0 0px; /* ¾å=0px¡¢±¦=0px¡¢²¼=0px¡¢º¸=20px */
	left:868px;
	top:10px;
	z-index: 1;
	text-indent:-9999px;

	}

#header-img5 a:link, #header-img5 a:visited{
	background-image:url(../images/Font_size_M_An.png);
	width:23px;
	height:20px;
	display:block;
	}

#header-img5 a:hover{
	background-image:url(../images/Font_size_M_Mei.png);
	}

#header-img6 {
/*	background:url(../images/Font_size_S_An.png)  no-repeat 0 0; */
	position:absolute;
	margin:0 0 0 0px; /* ¾å=0px¡¢±¦=0px¡¢²¼=0px¡¢º¸=20px */
	left:891px;
	top:10px;
	z-index: 1;
	text-indent:-9999px;
	}

#header-img6 a:link, #header-img6 a:visited{
	background-image:url(../images/Font_size_L_An.png);
	width:23px;
	height:20px;
	display:block;
	}

#header-img6 a:hover{
	background-image:url(../images/Font_size_L_Mei.png);
	}


/* ¢§¢§mainBox¢§¢§
---------------------------------------------*/	

#mainBox {
	width:950px;
	}

#navi01 {
	width:166px;
	/*border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;*/
	padding-bottom:0px;
	position:relative;
	}

#navi02,#navi03,#navi04,#navi05 {
	width:544px;
	/*border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;*/
	padding-right:10px;
	padding-bottom:0px;
	position:relative;
	}

#navi03 .navi03_left {
	width:277px;
	float: left;
	}

#navi03 .navi03_left li{
	margin-bottom: 10px;
	}

#navi03 .navi03_right {
	width:252px;
	float: right;
	}

#navi03 .navi03_right li{
	margin-bottom: 10px;
	}

#navi03 .navi03_left2 {
	width:380px;
	float: left;
	}

#navi03 .navi03_left2 img{
	margin-right:22px;
	margin-bottom: 10px;
	}

#navi03 .navi03_right2 {
	float: right;
	}

#navi03 .navi03_right2 img {
	margin-bottom: 10px;
	}

/* ¢§¢§leftBox¢§¢§
---------------------------------------------*/	
#leftBox {
	float:left;
	width:735px;
	margin:0 0 0 20px;
	}

#leftBox img{
	vertical-align: top;
	}

#leftBox ul li.left_navi_top{
	vertical-align:top
	}


#leftBox ul li.left_navi01 a{
	background:url(../images/Top_left_menu_02.jpg) no-repeat 0 0;
	width:166px;
	height:44px;
	text-indent:-9999px;
	display:block;
	}

#leftBox ul li.left_navi01 a:hover {
	background:url(../images/Top_left_menu_02.jpg) no-repeat 0 0;
	}

#leftBox ul li.left_navi02 a{
	background:url(../images/Top_left_menu_03.jpg) no-repeat 0 0;
	width:166px;
	height:40px;
	text-indent:-9999px;
	display:block;
	}

#leftBox ul li.left_navi02 a:hover {
	background:url(../images/Top_left_menu_03.jpg) no-repeat 0 0;
	}

#leftBox ul li.left_navi03 a{
	background:url(../images/Top_left_menu_04.jpg) no-repeat 0 0;
	width:166px;
	height:44px;
	text-indent:-9999px;
	display:block;
	}

#leftBox ul li.left_navi03 a:hover {
	background:url(../images/Top_left_menu_04.jpg) no-repeat 0 0;
	}

#leftBox ul li.left_navi04 a{
	background:url(../images/Top_left_menu_05.jpg) no-repeat 0 0;
	width:166px;
	height:38px;
	text-indent:-9999px;
	display:block;
	}

#leftBox ul li.left_navi04 a:hover {
	background:url(../images/Top_left_menu_05.jpg) no-repeat 0 0;
	}

#leftBox ul li.left_navi05 a{
	background:url(../images/Top_left_menu_06.jpg) no-repeat 0 0;
	width:166px;
	height:38px;
	text-indent:-9999px;
	display:block;
	}

#leftBox ul li.left_navi05 a:hover {
	background:url(../images/Top_left_menu_06.jpg) no-repeat 0 0;
	}

#leftBox ul li.left_navi06 a{
	background:url(../images/Top_left_menu_07.jpg) no-repeat 0 0;
	width:166px;
	height:43px;
	text-indent:-9999px;
	display:block;
	}

#leftBox ul li.left_navi06 a:hover {
	background:url(../images/Top_left_menu_07.jpg) no-repeat 0 0;
	}

#leftBox ul li.left_navi07 a{
	background:url(../images/Top_left_menu_08.jpg) no-repeat 0 0;
	width:166px;
	height:49px;
	text-indent:-9999px;
	display:block;
	}

#leftBox ul li.left_navi07 a:hover {
	background:url(../images/Top_left_menu_08.jpg) no-repeat 0 0;
	}

#leftBox  a:hover {
	background-color:#ffffff;
	filter:alpha(opacity=80);
	opacity:0.4;
	-moz-opacity:0.4;
}


/* ¢§¢§rightBox¢§¢§
---------------------------------------------*/	

#rightBox {
	width:189px;
	margin:0 0 0 0; /* ¾å=0px¡¢±¦=0px¡¢²¼=0px¡¢º¸=20px */
	position:relative;
	}

#rightBox img{
	vertical-align: top;
	}

#rightBox ul li.right_navi_top{
	vertical-align:top
	}


#rightBox ul li.right_navi01 a{
	background:url(../images/Top_right_menu_01.png) no-repeat 0 0;
	width:189px;
	height:51px;
	text-indent:-9999px;
	display:block;
	}

#rightBox ul li.right_navi01 a:hover {
	background:url(../images/Top_right_menu_01.png) no-repeat 0 0;
	}

#rightBox ul li.right_navi02 a{
	background:url(../images/Top_right_menu_02.png) no-repeat 0 0;
	width:189px;
	height:50px;
	text-indent:-9999px;
	display:block;
	}

#rightBox ul li.right_navi02 a:hover {
	background:url(../images/Top_right_menu_02.png) no-repeat 0 0;
	}

#rightBox ul li.right_navi03 a{
	background:url(../images/Top_right_menu_03.png) no-repeat 0 0;
	width:189px;
	height:48px;
	text-indent:-9999px;
	display:block;
	}

#rightBox ul li.right_navi03 a:hover {
	background:url(../images/Top_right_menu_03.png) no-repeat 0 0;
	}

#rightBox ul li.right_navi04 a{
	background:url(../images/Top_right_menu_04.png) no-repeat 0 0;
	width:189px;
	height:50px;
	text-indent:-9999px;
	display:block;
	}

#rightBox ul li.right_navi04 a:hover {
	background:url(../images/Top_right_menu_04.png) no-repeat 0 0;
	}

#rightBox ul li.right_navi05 a{
	background:url(../images/Top_right_menu_05.png) no-repeat 0 0;
	width:189px;
	height:49px;
	text-indent:-9999px;
	display:block;
	}

#rightBox ul li.right_navi05 a:hover {
	background:url(../images/Top_right_menu_05.png) no-repeat 0 0;
	}

#rightBox ul li.right_navi06 a{
	background:url(../images/Top_right_menu_06.png) no-repeat 0 0;
	width:188px;
	height:48px;
	text-indent:-9999px;
	display:block;
	}

#rightBox ul li.right_navi06 a:hover {
	background:url(../images/Top_right_menu_06.png) no-repeat 0 0;
	}

#rightBox ul li.right_navi07 a{
	background:url(../images/Top_right_menu_07.png) no-repeat 0 0;
	width:188px;
	height:48px;
	text-indent:-9999px;
	display:block;
	}

#rightBox ul li.right_navi07 a:hover {
	background:url(../images/Top_right_menu_07.png) no-repeat 0 0;
	}

#rightBox  a:hover {
	background-color:#ffffff;
	filter:alpha(opacity=80);
	opacity:0.4;
	-moz-opacity:0.4;
}

/* ¢§¢§banaBox¢§¢§
---------------------------------------------*/	

#banaBox {
	width:189px;
	margin:10px 0 0 0;
	position:relative;
	}

#banaBox  a:hover {
	background-color:#ffffff;
	filter:alpha(opacity=80);
	opacity:0.4;
	-moz-opacity:0.4;
}

/* ¢§¢§scrollbox¢§¢§
---------------------------------------------*/			
#scrollbox {
	min-width: 545px;
	max-width: 545px;
	margin-top:5px;
	margin-bottom:5px;
	z-index: 2;
}

#scrollbox2 {
	min-width: 545px;
	max-width: 545px;
	margin-top:5px;
	z-index: 2;
}

#scrollbox ul {
	width: 100%;
	height: 160px;
	background:#FEF3F0;
}
#scrollbox li {
	width: 98%;
	font-size: 13px;
	line-height: 17px;
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #AB1C87;
}

#scrollbox li img,#scrollbox2 li img {
	margin-right:5px;
}

#scrollbox .font_red,#scrollbox2 .font_red {
	font-weight: bold;
	color:#ff0000;
}

#scrollbox2 ul {
	width: 100%;
	height: 160px;
	background:#F5FAF6;
}

#scrollbox2 li {
	width: 98%;
	font-size: 13px;
	line-height: 17px;
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #006EA8;
}