@charset "shift_jis";

html{
	overflow-x: auto;
}

body {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	background-image: url(http://www.joa.or.jp/jp/img/bg_menubar02.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;

}

a:link {
	color: #0000ff;
}
a:visited {
	color: #3366ff;
}
a:hover {
	color: #ff0000;
}
a:active {
}

img {
	border: none;
}

.clear {
	clear: both;
}
.clear p{
	display: none;
}
ul, li{	margin: 0px;
	padding: 0px;}

img.pdficon{
	width: 17px;
	height: 17px;
	margin: 2px 2px 0px;
}

/*ƒRƒ“ƒeƒi*/
#container {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
/*ƒwƒbƒ_[*/
#header {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

#header_wrapper {
	width: 980px;
	height: 80px;
}

/*ƒwƒbƒ_[FƒƒS•”•ͺ*/
#header_wrapper h1 {
	width: 286px;
	float: left;
	padding: 6px 0 0;
	margin: 0;
}

#header_wrapper h1 img{
	display: block;
	width: 286px;
	height: 64px;
}

/*ƒwƒbƒ_[FŒŸυEƒŠƒ“ƒNi¬j•”•ͺ*/
#header_wrapper #header_search {
	width: 694px;
	float: right;
	padding-top: 45px;
	font-size: 12px;
}
/*₯₯₯GoogleŒŸυ₯₯₯*/
#header_search div#google {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	width: auto;
	white-space: nowrap;
}
#header_search div#google form {
	display: inline;
}
#header_search div#google img {
	vertical-align: bottom;
	width: 96px;
	height: 22px;
}
/*£££GoogleŒŸυ£££*/
/*₯₯₯ƒŠƒ“ƒNi¬j₯₯₯*/
#header_search div#s_link {
	padding-top: 0.5em;
	padding-right:1em;
}
div#s_link ul {
	margin: 0;
	list-style: none;
	padding-right: 10px;
}
div#s_link li {
	float: left;
	margin: 0;
	padding: 0;
	height:17px;
	overflow: hidden;
}
div#s_link img {
	margin:0;
}
div#s_link li img {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	display: block;
}
div#s_link li.sitemap {
	display: block;
	width: 73px;
	height:17px;
	background-image: url(http://www.joa.or.jp/jp/img/header_s_menu_sitemap_om.gif);
}
div#s_link li.etsuran {
	display: block;
	width: 80px;
	height:17px;
	background-image:url(http://www.joa.or.jp/jp/img/header_s_menu_etsuran_om.gif);
}
div#s_link li.otoiawase {
	display: block;
	width: 82px;
	height:17px;
	background-image:url(http://www.joa.or.jp/jp/img/header_s_menu_otoiawase_om.gif);
}
div#s_link li.link {
	display: block;
	width: 71px;
	height:17px;
	background-image:url(http://www.joa.or.jp/jp/img/header_s_menu_link_om.gif);
}
div#s_link li.sitemap a {
	display: block;
	width: 73px;
	height:17px;
}
div#s_link li.sitemap a img{
	width : 73px;
	height: 17px;
}
div#s_link li.etsuran a {
	display: block;
	width: 80px;
	height:17px;
}
div#s_link li.etsuran a img{
	width: 80px;
	height:17px;
}
div#s_link li.otoiawase a {
	display: block;
	width: 82px;
	height:17px;
}
div#s_link li.otoiawase a img{
	width: 82px;
	height:17px;
}
div#s_link li.link a {
	display: block;
	width: 71px;
	height:17px;
}
div#s_link li.link a img{
	width: 71px;
	height:17px;
}
div#s_link li a:hover img {
	visibility:hidden
}
div#s_link li a:hover {
	background-color: transparent;
}
div#s_link img {
	vertical-align: bottom;
}
/*£££ƒŠƒ“ƒNi¬j£££*/
/*₯₯₯Englishƒ{ƒ^ƒ“₯₯₯*/
#header_search .btn_english {
	padding-left: 10px;
	white-space: nowrap;
}
#header_search .btn_english img{
	width: 51px;
	height: 22px;
}
/*£££Englishƒ{ƒ^ƒ“£££*/


/*ƒwƒbƒ_[Fƒƒjƒ…[ƒ{ƒ^ƒ“•”•ͺ*/
#header #header_menu {
	background-image: url(http://www.joa.or.jp/jp/img/header_menu_om.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 900px;
}
#header_menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 35px;
	float: left;
}
#header_menu li {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 35px;
	float: left;
}
#header_menu img {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

#header_menu ul#category {
	width: 540px; /*130*4+20*/
}
#header_menu ul#category li{
	width: 130px;
}
#header_menu ul#category li a img{
	display: block;
	width: 130px;
	height: 35px;
}

#header_menu ul#search{
	width: 255px; /*118+118+19*/
}
#header_menu ul#search li{
	width: 118px;
}
#header_menu ul#search li a img{
	width: 118px;
	height: 35px;
}

#header_menu ul#member{
	width: 105px;
}
#header_menu ul#member li a img{
	width: 105px;
	height: 35px;
}

/*ƒwƒbƒ_[ƒƒjƒ…[‚Μƒ[ƒ‹ƒI[ƒo[*/
#header_menu li a {
	display: block;
	float:left;
}
#header_menu a:hover img {
	visibility:hidden
}
#header_menu a:hover {
	background-color: transparent;
}
#main_wrapper {
	width: 980px;
	margin: 0px auto;
	text-align: left;
}

/*ƒtƒbƒ^[*/
#footer {
	clear: both;
	width: 100%;
	background: url(http://www.joa.or.jp/jp/img/footer_back02.gif) repeat-x left bottom;
	height: 34px;
	padding-top: 80px;
	margin: 0 auto;
}
#footer address img{
	width: 900px;
	height: 34px;
	display: block;
	margin: 0 auto;
}

/*ƒƒCƒ“•”•ͺ*/
#main {
	width: 684px;
	float: right;
	padding-top: 0.8em;
}
#main h2{
	margin: 0;
}
#main h2 img{
	display: block;
	margin: 0;
}

#main ol{
	margin: 1em 2em 0;
	padding-left: 1.5em;}
#main ol li{
	margin-bottom: 0.5em;
}

/*ƒpƒ“‚­‚ΈƒŠƒXƒg*/
#pankuzu {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #2B3860;
	padding-left: 0px;
}
#pankuzu a {
	margin-right: 0.4em;
	margin-left: 0.4em;
}

#main #main_content{
	font-family: "ƒƒCƒŠƒI", "Meiryo";
	font-size: 16px;
}
#main #main_content .advice-award_lead-text{
	line-height: 160%;
	font-size: 18px;
}



/*ƒƒCƒ“•”•ͺI—Ή*/


/*ƒTƒCƒhƒƒjƒ…[*/
#sidemenu {
	width: 270px;
	float: left;
}
#sidemenu img {
	vertical-align: bottom;
}

#category_menu li img.sm{
	display: block;
	width: 306px;
	height: 40px;
}

#category_menu {
	list-style-type: none;
	width:240px;
	margin:0 0 1em 30px;
}
#category_menu li{
	margin: 0.8em 0 0.2em;
}
#category_menu li img {
	border: 1px solid #CCCCCC;
/*	margin: 0.8em 0 0.2em;*/
	width: 240px;
	height: 56px;
}

#category_menu ol {
	list-style-type: none;
	padding: 0em;
	margin: 4px 0 0.2em;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

#category_menu ol#contentsmenu_public {
	background-color: #FBFBFF;
}
#category_menu ol#contentsmenu_edu {
	background-color: #E7F5EE;
}
#category_menu ol#contentsmenu_media {
	background-color: #FFFBFB;
}

#category_menu ol li {
	padding: 0.2em 0 0.2em 0.9em;
	margin: 0em;
	border-bottom: solid 1px #CCCCCC;
}
#category_menu ol li a {
	background: url(http://www.joa.or.jp/jp/img/menulist_point.gif) no-repeat left center;
	padding: 2px 0 2px 12px;
}
#category_menu ol li.long a{
	background-position: 0px 6px;
	padding-left: 12px;
	padding-right: 2px;
	display: inline-block;
}
#category_menu ol li a:hover {
	background: url(http://www.joa.or.jp/jp/img/menulist_point_om.gif) no-repeat left center;
}
#category_menu ol li.long a:hover{
	background-position: 0px 6px;
}

/*ƒƒRƒ‚ƒoƒi[*/
#category_menu .locomo img {
	width: 240px;
	height: 52px;
}


/*ƒTƒuƒƒjƒ…[*/
#submenu {
	margin-left: 30px;
	margin-bottom: 1em;
}

#submenu ul {
	list-style-type: none;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	margin-bottom: 0.8em;
	width: 240px;
}
#submenu li {
	border-bottom: solid 1px #CCCCCC;
	width: 240px;
	margin: 0;
	padding: 0;
}
#submenu span a {
	padding: 0.3em 0.2em 0.3em 2em;
	background: url(http://www.joa.or.jp/jp/img/menulist_point_s.gif) no-repeat 1.2em center;
	color: #042c63;
	text-decoration: none;
	font-size: 90%;
}
#submenu span a:hover {
	background: url(http://www.joa.or.jp/jp/img/menulist_point_s_om.gif) no-repeat 1.2em center;
}


#submenu ul img {
	vertical-align: bottom;
}
#submenu .login img {
	width: 240px;
	height: 46px;
}

#submenu .member_faq {
	margin-left: 10px;
}
#submenu .member_faq img{
	width: 210px;
	height: 15px;
}

#submenu .indent {
	margin-left: 10px;
}

/*Œ€C‰ο\Ώ*/
#submenu ul.shinsei {
	margin-top: 20px;
	color: #ffffff;
	font-weight: bold;
	background-color: #000099;
	text-align: center;
	width: 240px;
}
#submenu ul.shinsei li{
	border-bottom: solid 1px #CCCCCC;
	text-align: left;
	background-color: #FFFFFF;
	width: 240px;
	margin: 0;
	padding: 0;
}
#submenu ul.shinsei li span a:hover{
	color: #FF0000;
}
#submenu ul.shinsei .title{
	padding: 4px 0;
	height: auto;
	color: #ffffff;
	font-weight: bold;
	background-color: #000099;
	text-align: center;
	line-height: 120%;
}

#submenu ul.shinsei .title span{
	font-size: 75%;
}





/*’ʏν‚ΜƒŠƒXƒg*/
#main_contents ul.normal{
/*	width: 500px;*/
	margin: 2em 1em 1em 1em;
	padding-left: 30px;
	list-style-position: outside;
	list-style-image: url(http://www.joa.or.jp/jp/img/menulist_point_s.gif);
}
#main_contents ul.normal li{
	font-weight: bold;
	padding: 0.2em 0em 0.5em;;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 1em;
}
#main_contents ul.normal li a{
	position: relative;
	margin-left: 5px;
	*top: -4px ;	/*IE Hack*/
	*margin-left: 12px;	/*IE Hack*/
}

#main_contents ul.normal li img.pdficon{
	width: 17px;
	height: 17px;
	margin-left: 5px;
	position: relative;
	_top: -5px;
}

/*ƒ^ƒCƒgƒ‹’Ό‰Ί‚ΜƒTƒuƒŠƒXƒg*/
#main #sub_list ul {
	list-style-type: none;
	width: auto;
	margin: 1em 1em;
}

#main #sub_list li {
	border: #CCCCCC solid 1px;
	width: 300px;
	margin-bottom: 1em;
	font-weight: bold;
}
#main #sub_list li a {
	background:url(http://www.joa.or.jp/jp/img/menulist_point_s.gif) no-repeat 0.3em center #FFFFFF;
	padding: 0.2em 0.2em 0.2em 1.2em; 
	display: block;
}
#main #sub_list li a:hover {
	background:url(http://www.joa.or.jp/jp/img/menulist_point_s_om.gif) no-repeat 0.2em center #FBFBFF;
}

#main #sub_list li.list_left {
	float: left;
}
#main #sub_list li.list_right {
	float: right;
}

/*‹€’ΚƒeƒLƒXƒg*/
.small{
	font-size: 0.75em;
}
.large{
	font-size: 1.25em;
}
.right{
	text-align: right;
}
.left{
	text-align: left;
}
.center{
	text-align: center;
}
.underline{
	text-decoration: underline;
}
.red{
	color: #FF0000;
}


/*`640px‚Μ‰ζ–Κ*/
@media screen and (max-width:639px){
body{ background-image: none; background-color: #FFFFFF;}
#header{width: 100%;}
#header_wrapper{width: 100%;  height: 72px; border-bottom: 1px solid #336699;}
#header_wrapper h1{}
#header_wrapper #header_search{ display: none;}
#header #header_menu{ display: none;}

#footer{ height: auto;}
#footer address img{ width: 100%; height: auto;}

#main_wrapper{ width: 100%;}
#main_wrapper #sidemenu{ display: none;}
#main{ width: 100%; margin-left: 0; padding-top: 2px;}
#pankuzu{ margin-bottom: 4px; margin-left: 2px; border-bottom: 0px none;}
#pankuzu a {white-space: nowrap; margin-left: 2px; margin-right: 2px;}

#main h2{ margin-bottom: 10px;}
#main h2 img{ width: 100%; height: auto; margin-bottom: 10px;}
#main #main_contents{ width: 100%; margin: 10px 0 10px;}
#main h3{ margin-left: 0; margin-right: 0; margin-bottom: 1em;}
#main h4{ margin: 0 4px 1em;}
#main p{ margin: 0 12px 1em;}
#main #main_contents p { margin: 0em 12px 1em;}
}