body {
   margin: 0px 0px;
   padding: 0px 0px;
   font-family: "ＭＳ Ｐゴシック", "Osaka", arial, verdana, sans-serif;
   background: #f9f9f9 url(img/body_color.png) ;/* url(img/body_color_sakura.png) */
   text-align: center; /* for Win IE5 */
}
#inner_body {
   width:760px;
   margin-right:auto;
   margin-left: auto;
   text-align: left;
   background: #fff;
}
#header {
   margin: 0px 0px;
   padding: 0px 0px;   
   width:760px;
   height: 150px;
   background: url(img/catch.png) no-repeat;
}
#intro {
	width: 80%;
    height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: left;
}
#logo {
   margin: 0px 0px;
   padding: 0px 0px;   
   width: 80px;
   float: left;
   text-align: left;
}
#description {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;   
   float: left;
   text-align: left;
   font-size: 12px;
}
#description h1, #description p {
   margin: 0px 0px;
   padding: 0px 0px;   
   font-size: 12px;
   line-height: 0.8em;
}
#utility {
	width: 20%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	text-align: right;
	line-height: 0.5em;
	font-size: 6px;
}
#top_photo{
    clear: both;
	width: 760px;
	margin: 1px 0px 1px 0px;
	padding: 1px 0px 1px 0px;
}
#easytosee {
    clear: both;
	margin: 1px 0px 1px 0px;
	padding: 1px 0px 1px 0px;
	font-size: 12px;
   text-align: right;
}
.easytosee_top {
	margin: 1px 0px 1px 0px;
	padding: 1px 10px 1px 0px;
    text-align: right;
}
#directory {
    clear: both;
	margin: 1px 0px 1px 0px;
	padding: 1px 0px 1px 0px;
	font-size: 12px;
}
/* index content wrap */
#inner_content {
   width: 100%;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
} 
/* End index content wrap */
/* index emergency wrap */
#inner_emergency {
   width: 98%;
   margin: 2px 2px 2px 2px;
   padding: 2px 5px 2px 5px;
   border: 1px solid #999;
   font-size: small;
} 
p.pdficon{
   padding: 5px 0px 5px 40px;
   background: url("img/pdficon.gif") no-repeat 0 50%;
}
/* End index emergency wrap */
/* content wrap except index  */
#inner_con {
   margin: 0px 20px 0px 20px;
   padding: 0px 10px 10px 10px;
}
/* End content wrap except index  */
/*  index, index_english */
#inner_left {
   clear: both;
} 
/*  End  index, index_english */
/* footer */
#footer{
    clear: both;
	background: #9b9bbd url("img/foot.jpg") repeat-x bottom;
	width: 760px;
	margin-top: 0px;
    margin-right:auto;
	margin-bottom: 0px;
    margin-left: auto;
    text-align: left;
}
/* End footer */
/* index */
/* Whats new, CPD, Event コンテンツ */
#home_content1 {
	float: left;
	width: 195px;
}
#home_content2{
	float: left;
	width: 195px;
}
#home_content3{
	float: left;
	width: 195px;
}
#home_content4{
	float: right;
}
#home_content1 h2, #home_content2 h2, #home_content3 h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	font-size: 105%;
    font-weight: bold;
	text-indent: 20px;
	line-height: 1.8em;
	letter-spacing: -1px;
}
#home_content1 h2 a, #home_content2 h2 a, #home_content3 h2 a {
	color: #333;
	text-decoration: underline;
}
#home_content1 h2 {
	background: url("img/whatnew_h.png") no-repeat top center;
}
#home_content2 h2 {
	background: url("img/cpd_h.png") no-repeat top center;
}
#home_content3 h2 {
	background: url("img/event_h.png") no-repeat top center;
}
#con1 {
	background: url("img/whatnew_y.png") repeat-y top center;
	border-bottom: 1px dotted #4c934c;
}
#con2 {
	background: url("img/cpd_y.png") repeat-y top center;
	border-bottom: 1px dotted #0079a2;
}
#con3 {
	background: url("img/event_y.png") repeat-y top center;
	border-bottom: 1px dotted #bf7300;
}
#con1 ul, #con2 ul, #con3 ul {
   margin: 0px 0px 25px 20px;
   padding: 0px 0px 0px 0px;
}
#con1 li, #con2 li, #con3 li {
   margin: 0px 0px 0px 7px;
   padding: 2px 2px 4px 0px;
   list-style: url("img/li_top.gif");
}
#con1 li.new, #con2 li.new, #con3 li.new {
   list-style: url("img/new.gif") ;
   margin: 0px 0px 0px 14px;
   padding: 2px 2px 2px 0px;
}
#con1 li.pdf, #con2 li.pdf, #con3 li.pdf {
   list-style: url("img/pdficon.gif") ;
   margin: 0px 0px 0px 25px;
   padding: 2px 2px 2px 0px;
}
#con1 li.pdf_s, #con2 li.pdf_s, #con3 li.pdf_s {
   list-style: url("img/pdficon_small.gif") ;
   margin: 0px 0px 0px 14px;
   padding: 2px 2px 2px 0px;
}
p.oni {
   text-align: right;
   margin: 0px 0px 20px 0px;
   padding: 0px 0px;
}
/* Whats new, CPD, Event, right banner コンテンツ */
/* bottom */
#inner_bottom {
   clear: both;
   width: 760px;
   margin: 10px 5px;
   padding: 0px 0px;
}
#bottom_banner {
   float: left;
   width: 468px;
   height: 60px;
   margin: 10px 0px;
   padding: 0px 0px;
}
#bottom_banner p {
   margin: 0px 0px;
   padding: 0px 0px;
}
.side_box {
   border-top: solid 1px #ff9900;
   border-right: solid 1px #ff9900;
   border-bottom: solid 1px #ff9900;
   border-left: solid 1px #ff9900;
   margin: 5px 0px;
   padding: 0px 1px;
   font-size: small;
   width: 158px;
}
.side_box h3 {
   background-color: #ff9900;
   margin: 1px 1px;
   padding: 1px 1px;
   font-size: small;
   font-weight: bold;
}
.side_box2 {
   border-top: solid 1px #6699ff;
   border-right: solid 1px #6699ff;
   border-bottom: solid 1px #6699ff;
   border-left: solid 1px #6699ff;
   margin: 5px 0px;
   padding: 0px 1px;
   font-size: small;
   width: 158px;
}
.side_box2 h3 {
   background-color: #6699ff;
   margin: 1px 1px;
   padding: 1px 1px;
   font-size: small;
   font-weight: bold;
}
.side_box p {
   margin: 0px 0px;
   padding: 2px 0px;
   font-size: small;
}
.side_box2 p {
   margin: 0px 0px;
   padding: 2px 0px;
   font-size: small;
}
.panph_box {
   border-top: solid 1px #999900;
   border-right: solid 1px #999900;
   border-bottom: solid 1px #999900;
   border-left: solid 1px #999900;
   margin: 5px 0px;
   padding: 0px 1px;
   font-size: small;
   width: 158px;
}
.panph_box h3 {
   background-color: #999900;
   margin: 1px 1px;
   padding: 1px 1px;
   font-size: small;
   font-weight: bold;
}
.panph_box p {
   margin: 0px 0px;
   padding: 2px 0px;
   font-size: small;
}
.semi_box {
   border-top: solid 1px #ff9900;
   border-right: solid 1px #ff9900;
   border-bottom: solid 1px #ff9900;
   border-left: solid 1px #ff9900;
   margin: 5px 0px;
   padding: 0px 1px;
   font-size: small;
   width: 158px;
}
.semi_box h3 {
   background-color: #ff9900;
   margin: 1px 1px;
   padding: 2px 2px 2px 5px;
   font-size: small;
   font-weight: bold;
}
.semi_box p {
   margin: 0px 0px;
   padding: 2px 1px;
   font-size: small;
}
#text_box {
   float: right;
   width: 290px;
   border-top: solid 1px #cccc00;
   border-right: solid 1px #cccc00;
   border-bottom: solid 1px #cccc00;
   border-left: solid 1px #cccc00;
   margin: 10px 0px;
   padding: 0px 0px;
}
#text_box h3 {
   background-color: #cccc00;
   margin: 0px 0px;
   padding: 0px 0px;
   font-size: 12px;
   font-weight: bold;
}
#text_box ul {
   margin: 0px 0px;
   padding: 0px 0px;
}
#text_box li {
   margin: 0px 0px 0px 5px;
   padding: 0px 0px;
   font-size: 80%;
   list-style-position: inside;
}
/* End bottom */
/* End index */
/* English pages */
/* index_english,04_02,04_03,04_05,04_07*/
#header_e {
   margin: 0px 0px;
   padding: 0px 0px;   
   width:760px;
   height: 150px;
   background: url(img/catch_e.png) no-repeat;
}
/* index_english,04_02,04_03,04_05,04_07*/
/* End English pages */
/* Navigation Menu */
#navi {
   clear: both;
   width: 760px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
#navi h2 {
   margin: 0px 0px;
   padding: 0px 0px;   
   font-size: 10px;
   line-height: 0.8em;
}
/* mainNavi  */
#mainNavi {
   width: 760px;
   height: 38px;
   background-image: url(img/navi1.gif);
   position: absolute;
   top: 80px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
#mainNavi li {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
   list-style: none;
}
#mainNavi li a {
   float: left;
   height: 40px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
/* mainNavi */
#mainNavi li#home a { width: 100px; background: url(img/btn/home.gif) no-repeat left top; }
#mainNavi li#jspeinfo a { width: 100px; background: url(img/btn/jspeinfo.gif) no-repeat left top; }
#mainNavi li#techinfo a { width: 100px; background: url(img/btn/techinfo.gif) no-repeat left top; }
#mainNavi li#member a { width: 100px; background: url(img/btn/member.gif) no-repeat left top; }
#mainNavi li#linksite a { width: 100px; background: url(img/btn/linksite.gif) no-repeat left top; }
#mainNavi li#sitemap a { width: 100px; background: url(img/btn/sitemap.gif) no-repeat left top; }
#mainNavi li#contact a { width: 100px; background: url(img/btn/contact.gif) no-repeat left top; }
#mainNavi li#topix a { width: 100px; background: url(img/btn/topix.gif) no-repeat left top; }

#mainNavi li#home a.active, #mainNavi li#home a:hover { width: 100px; background: url(img/btn/home.gif) no-repeat left bottom; } 
#mainNavi li#jspeinfo a.active, #mainNavi li#jspeinfo a:hover { width: 100px; background: url(img/btn/jspeinfo.gif) no-repeat left bottom; }
#mainNavi li#techinfo a.active, #mainNavi li#techinfo a:hover { width: 100px; background: url(img/btn/techinfo.gif) no-repeat left bottom; }
#mainNavi li#member a.active, #mainNavi li#member a:hover { width: 100px; background: url(img/btn/member.gif) no-repeat left bottom; }
#mainNavi li#linksite a.active, #mainNavi li#linksite a:hover { width: 100px; background: url(img/btn/linksite.gif) no-repeat left bottom; }
#mainNavi li#sitemap a.active, #mainNavi li#sitemap a:hover { width: 100px; background: url(img/btn/sitemap.gif) no-repeat left bottom; }
#mainNavi li#contact a.active, #mainNavi li#contact a:hover { width: 100px; background: url(img/btn/contact.gif) no-repeat left bottom; }
#mainNavi li#topix a.active, #mainNavi li#topix a:hover { width: 100px; background: url(img/btn/topix.gif) no-repeat left bottom; }
/* - End mainNavi - */
/* subNavi sub menu */
#subNavi {
   clear: left;
   margin: 0px 0px;
   padding: 0px 0px;
   width: 760px;
   position: absolute;
   top: 118px;
   height: 30px;
   background-color: #666699;
   font-family: "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
}
#subNavi li {
   float: left;
   margin: 2px 0px 0px 0px;
   padding: 2px 5px 2px 5px;
   display: inline;
   list-style-type: none;
   border-right: 1px solid #ccc;
}
#subNavi li a {
   text-decoration: none;
   font-size: small;
   font-weight: bold;
   color: #e6e6fa;
}
#subNavi li a:hover {
  border-bottom: 1px solid #f8f8ff;
  padding: 0px 0px 0px 0px;
  color: #f0f8ff;
}
#subNavi li a.active {
  border-bottom: 3px solid #f8f8ff;
  padding: 1px 0px 0px 1px;
  color: #f8f8ff;
}
/* End subNavi sub menu */
/* End Navigation Menu */
/* index. 01_20(nyukai,nyukai_kibou,online_nyukai,online_nyukai_2 */
.adobe_verisign {
   text-align: right;
}
/* End index, 01_20(nyukai,nyukai_kibou,online_nyukai,online_nyukai_2 */
/*  index, 01_19exam */
img.tips {
   float: right;
}
/*  End index, 01_19exam */
/*  index, (02_04,02_05,02_14) */
#get_adobe_reader {
   padding: 0px 10px 0px 0px;
}
/*  End index, (02_04,02_05,02_14) */
/*  01_08abtjspe,01_14annai,01_19exam(02_06bukai )*/
li.pdficon{
   list-style: none;
   padding: 10px 0px 10px 40px;
   background: url("img/pdficon.gif") no-repeat 0 50%;
}
/* End 01_08abtjspe,01_14annai,01_19exam(02_06bukai )*/
/* 02_04gijiroku, 02_04report, 02_05kaikei, 02_14dl */
ul.pdficon_s li{
   list-style: none;
   padding: 5px 0px 0px 25px;
   background: url("img/pdficon_small.gif") no-repeat 0 50%;
}
/* End 02_04gijiroku, 02_04report, 02_05kaikei, 02_14dl */
/* 01_14annai  */
.catchcopy_annai {
   text-align: center;
   font-size: large;
   font-weight: bold;
   border: 1px solid #99cc33;
   margin: 0px 20px;
}
img.annai {
   margin: 10px 10px;
}
.currency {
   text-align: right;
}
/*  End 01_14annai */
/* 01_17faq */
.faq_num li {
   list-style: none;
}
/* End 01_17faq */
/* 01_05sitemap */
.pageleft {
   float: left;
   width: 50%;
}
.pageright {
   float: right;
   width: 50%;
}
#sitemap li {
   list-style: none;
   padding-left: 17px;
   background: url("img/s_list1.gif") no-repeat 0 10px;
}
#sitemap li ul {
   margin: 6px 15px;
   padding: 0px 15px;
   font-size: 90%;
   color: #000;
   border-left: 1px dotted #666;
}
#sitemap li ul li {
   border: none;
   padding-left: 17px;
   background: url("img/s_list2.gif") no-repeat 0 7px;
}
#sitemap li ul li ul {
   border: none;
}
#sitemap li ul li ul li {
   padding-left: 16px;
   background: url("img/s_list3.gif") no-repeat 0 6px;
}
#sitemap li ul li ul li ul {
   border: none;
}
#sitemap li ul li ul li ul li {
   padding-left: 16px;
   background: url("img/s_list4.gif") no-repeat 0 50%;
}
/* End 01_05sitemap */
/* 01_20(nyukai,nyukai_kibou,online_nyukai,online_nyukai_2 */
.attention {
   margin: 10px 10px 10px 300px;
   padding: 0px 10px;
   border: 5px solid #003399;
   background: #999;　/* 003399こけ桃色(^-^; をやめて灰色に変更2008.12月*/
   font-size: small;
}
/* End 01_20(nyukai,nyukai_kibou,online_nyukai,online_nyukai_2 */
/*  easytosee used */
.see {
   background: url(img/see.gif) no-repeat top right;
}
/* End  easytosee */
/* page contents except index  */
/* h1,h2,h3,h4,h5,h6 */
#inner_con h1 {
	border-bottom: 2px solid #666699;
	border-left: 20px solid #666699;
	font-size: 110%;
	padding-left: 5px;
   font-family: "courier New", "ＭＳ ゴシック", "Osaka-等幅", monospace;
}
#inner_con h2 {
	background: #e6e6fa; 
	border-left: 20px solid #7c7ca7;
	font-size: 110%;
	padding-left: 5px;
   font-family: "courier New", "ＭＳ ゴシック", "Osaka-等幅", monospace;
}
#inner_con h3 {
	background: #e6e6fa;
	border-bottom: 2px solid #7474a3;
	font-size: 105%;	
	padding-left: 20px;
	color: #666;
   font-family: "courier New", "ＭＳ ゴシック", "Osaka-等幅", monospace;
}
#inner_con h4 {
	background: ;
	border-top: 1px solid #666699;
	border-right: 3px solid #666699;
	border-bottom: 1px solid #666699;
	border-left: 20px solid #666699;
   font-family: "courier New", "ＭＳ ゴシック", "Osaka-等幅", monospace;
}
#inner_con h5 {
	background: ;
	border-right: 1px solid #666699;
	border-bottom: 3px double #666699;
	border-left: 20px solid #fff;
	font-size: 100%;
}
#inner_con h6 {
	border-bottom: 3px dotted #666699;
	border-left: 20px solid #fff;
	font-size: 100%;
   font-family: "courier New", "ＭＳ ゴシック", "Osaka-等幅", 愀杲?? ?0??<?<※†慰??????????????????_??\?????<???????????笠??V????<????????????????H????<?????????????:monospace;
}
/* End h1,h2,h3,h4,h5,h6 */
.go_pagetop {
   clear: both;
   text-align: right;
   color: #666699;
}
/* p, ul, ol, li */
#inner_con p {
   line-height: 1.6em;
}
#inner_con ul, #inner_con ol {
   line-height: 1.8em;
}
#inner_con li {
   padding-bottom: 5px;
}
/* End ul, ol, li */
/* Table */
table {
   width:95%;
   margin-left:15px;
   padding: 3px;
   border-collapse: collapse;
   background-color: #ccc;
   line-height:120%;
   letter-spacing:2px
   font-size:90%;
}
th {
   border : solid 1px #ccc;
   background-color: #ffff99;
}
td {
   border : solid 1px #ccc;
   vertical-align: top;
}
tr { 
   background-color: #fff;
}
tfoot { 
   background-color: #ccc;
   text-align: right;
}
caption {
   font-weight: bold;
   text-align: left;
   margin-bottom: 10px;
}
/* End Table */
/* dl */
dl {
   margin: 0px 0px 10px 20px;
   padding: 0px 0px 0px 0px;
	line-height: normal;
}
dt {
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}
dd {
   margin: 0px 5px 0px 30px;
   padding: 0px 0px 5px 0px;
   font-weight: normal;
   color: #666;
   line-height: 1.5em;
}
/* End dl */
.clear_b {
   clear: both;
}
.clear_l {
   clear: left;
}
.clear_r {
   clear: right;
}
span.hide {
	display: none;
}
span.catchblue {
   font-weight: bold;
   font-size: larger;
   color: #0099ff;
}
img {
	border: none;
}
abbr,acronym {
   border-bottom: 1px dotted;
   cursor: help;
}
cite {
   font-style: normal;
   font-weight: bold;
   background-color: #ddd;
}
dfn {
   font-style: normal;
   font-weight: bold;
}
em {
   font-style: normal;
   font-weight: bold;
}
strong {
   font-style: normal;
   font-weight: bold;
   color: #990000;
}
blockquote {
   border-right: 2px dotted #666699;
   border-left: 2px dotted #666699;
   padding: 3px 3px;
}
p.jspeSign, p.memberSign {
   text-align: right;
}
address {
   margin: 5px 0px 0px 0px;
   padding: 5px 5px ;
   font-size: small;
   font-style: normal;
}
code {
   background-color: #ccc;
   padding: 5px;
}
.t_right {
   text-align: right;
}
.t_left {
   text-align: left;
}
img.align_left {
   float: left;
   padding: 0px 5px 5px 0px;
}
img.align_right {
   float: right;
   padding: 0px 0px 5px 5px;
}
.smallfont {
   font-size: smaller;
}
#mustnews {
   border-top: solid 1px #990000;
   border-right: solid 1px #990000;
   border-bottom: solid 1px #990000;
   border-left: solid 1px #990000;
   margin: 5px 0px;
   padding: 20px 20px;
}
/* 01_11pe.htm list*/
.listdecimal li {
   line-height: 1.5em;
}
.listalpha li {
   list-style:lower-alpha;
   line-height: 1.5em;
}
/* End 01_11pe.htm */

