@charset "Shift_JIS";

/* 基本設定 ///////////////////////////////////////////// */
body,th,td{ font-family:'ＭＳ Ｐゴシック','Osaka'; font-size:12px }
.f1{ font-size:10px; line-height:14px; letter-spacing:1px }
.f1-1{ font-size:10px; line-height:16px; letter-spacing:1px }
.f1-2{ font-size:10px; line-height:14px; letter-spacing:0px }
.f2{ font-size:12px; line-height:18px; letter-spacing:1px }
.f2-1{ font-size:12px; line-height:20px; letter-spacing:1px }
.f3{ font-size:14px; line-height:22px; letter-spacing:1px }
.f3-1{ font-size:14px; line-height:24px; letter-spacing:1px }
.pagetitle{ font-size:14px; line-height:18px; letter-spacing:1px; font-weight:bold; }
.pagetitle1{ font-size:15px; line-height:19px; letter-spacing:1px; font-weight:bold; }

a{ text-decoration:none }
a:link{ color:#000AFF }
a:visited{ color:#8a00ff }
a:hover{ color:#ff9600; text-decoration:underline }
.grey, input, option, textarea{ font-family:'ＭＳ Ｐゴシック','Osaka'; font-size: 9pt }
select{ font-family:'ＭＳ Ｐゴシック','Osaka'; font-size: 9pt }
br{letter-spacing : normal}

.text1{ font-size:10px; line-height:14px; letter-spacing:1px }
.text2{ font-size:12px; line-height:18px; letter-spacing:1px }
.text3{ font-size:14px; line-height:22px; letter-spacing:1px }

.pankuzu{ font-size:12px; line-height:15px; padding-left:5px; padding-bottom:5px }

/* サブメニュー用　///////////////////////////////////////////// */
.submenu{ font-size:12px; color:#cccccc; letter-spacing:1px; padding-left:5px ; padding-top:7px; padding-bottom:5px;}
.submenu a{ color:#FFFFFF; text-decoration:none }
.submenu a:link{ color:#FFFFFF }
.submenu a:hover{ color:#ff9600; text-decoration:underline }
.submenu a:visited{ color:#FFFFFF }

/* フッタリンク用　///////////////////////////////////////////// */
.footer{ font-size:10px; letter-spacing:1px; height: 30px; line-height: 12px;}
.footer a{ color:#FFFFFF; text-decoration:none }
.footer a:link{ color:#FFFFFF }
.footer a:hover{ color:#ff9600; text-decoration:underline }
.footer a:visited{ color:#FFFFFF }



/* サイドナビ 事業活動　///////////////////////////////////////////// */
.navi-act{ font-weight: normal }
.navi-act a{ font-size:12px; line-height:15px; padding-left:5px; padding-top:7px; padding-bottom:5px; display:block }
.navi-act a:link{ color:#5B8DE1 }
.navi-act a:hover{ color:#5B8DE1; background-color:#A4D6FF }
.navi-act a:visited{ color:#5B8DE1 }
.navi-act-p{ background-color:#A4D6FF; font-weight: normal }
.navi-act-p a{font-size:12px; line-height:15px; padding-left:5px; padding-top:7px; padding-bottom:5px; display:block }
.navi-act-p a:link{ color:#666666 }
.navi-act-p a:hover{ color:#666666 }
.navi-act-p a:visited{ color:#666666 }

.navi-act-s{ font-weight: normal }
.navi-act-s a{ font-size:12px; line-height:15px; padding-left:18px; padding-top:3px; padding-bottom:1px; display:block }
.navi-act-s a:link{ color:#5B8DE1 }
.navi-act-s a:hover{ color:#5B8DE1; background-color:#D8F1FF }
.navi-act-s a:visited{ color:#5B8DE1 }
.navi-act-sp{ background-color:#D8F1FF; font-weight: normal }
.navi-act-sp a{font-size:12px; line-height:15px; padding-left:18px; padding-top:3px; padding-bottom:1px; display:block }
.navi-act-sp a:link{ color:#666666 }
.navi-act-sp a:hover{ color:#666666 }
.navi-act-sp a:visited{ color:#666666 }

.navi-act-r{ background-color:#006AB4; color:#ffffff; font-weight: bold; line-height:15px; padding-left:5px; padding-top:7px; padding-bottom:5px  }

.navi-act-t{ background-color:#fff; color:#666; font-weight: normal; line-height:15px; padding-left:5px; padding-top:7px; padding-bottom:5px; display:block  }

.navi-act-t2{ background-color:#f5f5f5; color:#666; font-weight: normal;  line-height:15px; padding-left:18px; padding-top:3px; padding-bottom:1px; display:block}


/* サイドナビ セミナーイベント///////////////////////////////////////////// */
.navi-sem{ font-weight: normal }
.navi-sem a{ font-size:12px; line-height:15px; padding-left:5px; padding-top:7px; padding-bottom:5px; display:block }
.navi-sem a:link{ color:#5B8DE1 }
.navi-sem a:hover{ color:#5B8DE1; background-color:#00D7D8 }
.navi-sem a:visited{ color:#5B8DE1 }
.navi-sem-p{ background-color:#00D7D8; font-weight: normal }
.navi-sem-p a{font-size:12px; line-height:15px; padding-left:5px; padding-top:7px; padding-bottom:5px; display:block }
.navi-sem-p a:link{ color:#666666 }
.navi-sem-p a:hover{ color:#666666 }
.navi-sem-p a:visited{ color:#666666 }

.navi-sem-s{ font-weight: normal }
.navi-sem-s a{ font-size:12px; line-height:15px; padding-left:18px; padding-top:3px; padding-bottom:1px; display:block }
.navi-sem-s a:link{ color:#5B8DE1 }
.navi-sem-s a:hover{ color:#5B8DE1; background-color:#00F8F8 }
.navi-sem-s a:visited{ color:#5B8DE1 }
.navi-sem-sp{ background-color:#00F8F8; font-weight: normal }
.navi-sem-sp a{font-size:12px; line-height:15px; padding-left:18px; padding-top:3px; padding-bottom:1px; display:block }
.navi-sem-sp a:link{ color:#666666 }
.navi-sem-sp a:hover{ color:#666666 }
.navi-sem-sp a:visited{ color:#666666 }

/* サイドナビ 出版物図書室///////////////////////////////////////////// */
.navi-pub{ font-weight: normal }
.navi-pub a{ font-size:12px; line-height:15px; padding-left:5px; padding-top:7px; padding-bottom:5px; display:block }
.navi-pub a:link{ color:#5B8DE1 }
.navi-pub a:hover{ color:#5B8DE1; background-color:#48DF4B }
.navi-pub a:visited{ color:#5B8DE1 }
.navi-pub-p{ background-color:#48DF4B; font-weight: normal }
.navi-pub-p a{font-size:12px; line-height:15px; padding-left:5px; padding-top:7px; padding-bottom:5px; display:block }
.navi-pub-p a:link{ color:#666666 }
.navi-pub-p a:hover{ color:#666666 }
.navi-pub-p a:visited{ color:#666666 }

.navi-pub-s{ font-weight: normal }
.navi-pub-s a{ font-size:12px; line-height:15px; padding-left:18px; padding-top:3px; padding-bottom:1px; display:block }
.navi-pub-s a:link{ color:#5B8DE1 }
.navi-pub-s a:hover{ color:#5B8DE1; background-color:#E6F2BE }
.navi-pub-s a:visited{ color:#5B8DE1 }
.navi-pub-sp{ background-color:#E6F2BE; font-weight: normal }
.navi-pub-sp a{font-size:12px; line-height:15px; padding-left:18px; padding-top:3px; padding-bottom:1px; display:block }
.navi-pub-sp a:link{ color:#666666 }
.navi-pub-sp a:hover{ color:#666666 }
.navi-pub-sp a:visited{ color:#666666 }

/* サイドナビ インフォメーション//////////////////////////////////////////// */
.navi-info{ font-weight: normal }
.navi-info a{ font-size:12px; line-height:15px; padding-left:5px; padding-top:7px; padding-bottom:5px; display:block }
.navi-info a:link{ color:#5B8DE1 }
.navi-info a:hover{ color:#5B8DE1; background-color:#FA6A6A }
.navi-info a:visited{ color:#5B8DE1 }
.navi-info-p{ background-color:#FA6A6A; font-weight: normal }
.navi-info-p a{font-size:12px; line-height:15px; padding-left:5px; padding-top:7px; padding-bottom:5px; display:block }
.navi-info-p a:link{ color:#666666 }
.navi-info-p a:hover{ color:#666666 }
.navi-info-p a:visited{ color:#666666 }

.navi-info-s{ font-weight: normal }
.navi-info-s a{ font-size:12px; line-height:15px; padding-left:18px; padding-top:3px; padding-bottom:1px; display:block }
.navi-info-s a:link{ color:#5B8DE1 }
.navi-info-s a:hover{ color:#5B8DE1; background-color:#FCDCDC }
.navi-infob-s a:visited{ color:#5B8DE1 }
.navi-info-sp{ background-color:#FCDCDC; font-weight: normal }
.navi-info-sp a{font-size:12px; line-height:15px; padding-left:18px; padding-top:3px; padding-bottom:1px; display:block }
.navi-info-sp a:link{ color:#666666 }
.navi-info-sp a:hover{ color:#666666 }
.navi-info-sp a:visited{ color:#666666 }


/* サイドナビ 協会案内//////////////////////////////////////////// */
.navi-about{ font-weight: normal }
.navi-about a{ font-size:12px; line-height:15px; padding-left:5px; padding-top:7px; padding-bottom:5px; display:block }
.navi-about a:link{ color:#5B8DE1 }
.navi-about a:hover{ color:#5B8DE1; background-color:#FFD06A }
.navi-about a:visited{ color:#5B8DE1 }
.navi-about-p{ background-color:#FFD06A; font-weight: normal }
.navi-about-p a{font-size:12px; line-height:15px; padding-left:5px; padding-top:7px; padding-bottom:5px; display:block }
.navi-about-p a:link{ color:#666666 }
.navi-about-p a:hover{ color:#666666 }
.navi-about-p a:visited{ color:#666666 }

.navi-about-s{ font-weight: normal }
.navi-about-s a{ font-size:12px; line-height:15px; padding-left:18px; padding-top:3px; padding-bottom:1px; display:block }
.navi-about-s a:link{ color:#5B8DE1 }
.navi-about-s a:hover{ color:#5B8DE1; background-color:#FFEDC6 }
.navi-aboutb-s a:visited{ color:#5B8DE1 }
.navi-about-sp{ background-color:#FFEDC6; font-weight: normal }
.navi-about-sp a{font-size:12px; line-height:15px; padding-left:18px; padding-top:3px; padding-bottom:1px; display:block }
.navi-about-sp a:link{ color:#666666 }
.navi-about-sp a:hover{ color:#666666 }
.navi-about-sp a:visited{ color:#666666 }



/* 点線使用//////////////////////////////////////////// */

#toku{
	border:#A6A6A6;
}

#toku table.ts{
	border-top:1px solid #A6A6A6;
	border-left:1px solid #A6A6A6;
	margin:0;
}

#toku td.normal{
	background-color:#ffffff;
	padding: 2 2 2 2;
	border-right:1px solid #A6A6A6;
	border-bottom:1px solid #A6A6A6;
	font-size:12px;
	line-height:18px;
}
#toku td.dots{
	background-color:#ffffff;
	padding: 2 2 2 2;
	border-right:1px solid #A6A6A6;
	border-bottom:dotted 1px #A6A6A6 ;
	font-size:12px;
	line-height:18px;
}

/* ########################  float clear CSS  ######################## */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}

/* ########################  END float clear CSS  ######################## */




/* ########################  TOP page CSS  ######################## */

form{
	margin:0;
	padding:0;
}

#top div.info_box{
	border:1px solid #bcbcbc;
	background-color:#eeebe7;
	margin:0 7px 0 7px;
	padding:0 0 8px 0;
	text-align:left;
}

#top div.info_box h1{
	margin:10px 15px 8px 12px;
}

#top div.info_box div.boxin{
	border:1px solid #dfdfdf;
	background-color:#ffffff;
	list-style-type:none;
	padding:7px 0 10px 0;
	margin:0 9px 0 9px;
	max-height:322px;
	overflow:auto;
}
*html #top div.info_box div.boxin{
	height:322px;
}

#top table.btn_list a{
	padding:5px 0 0 0;
	display:block;
}



/* ########################  END TOP page CSS  ######################## */



/* ########################  page-center 2011.03  ######################## */

body > table{
	margin:auto;
}

body{
	background-color:#dadada;
	background-image:url("../images/background-new.gif");
	background-position:top center;
	background-repeat:repeat-y;
	_text-align:center;
}

/*IE8▼*/
html>/**/body {
	background-image:url("../images/background-new_ie8.gif")\9;
}

/*IE7▼*/
*+html body {
	background-image:url("../images/background-new_ie8.gif");
}

/*IE9▼*/
body:not(:target) {
	background-image:url("../images/background-new_ie.gif")\9;
}

/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
body {
	background-image:url("../images/background-new_ie.gif") !important;　/*上記と同時に使う場合!importantが必要*/
}
}



/* ########################  END page-center 2011.03  ######################## */


div#size_ctrl {
	margin:0 0 8px 0;
}

div#size_ctrl img{
	border:none;
	margin:2px;
}

div.banner{
	background-image:url("../images/banner_bg.gif");
	text-align:center;
}

div.banner img{
	margin:5px 3px 5px 3px;
}




/* ########################  liScroll styles  ######################## */



#top div.ticker_area{
	height:23px;
	background-color:#134eb1;
	width:770px;
	margin:0px auto 0 auto;
	padding:0;
	text-align:center;
}



.tickercontainer { /* the outer div with the black border */
width: 760px; 
height: 23px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
*left: 0px;
top: 5px;
_top:7px;
width: 760px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 780px;
font: nromal 12px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float:left ; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
color:#ff0;
white-space: nowrap;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 


#top div.ticker_area ul li a{ text-decoration:none; color:#ff0; }
#top div.ticker_area ul li a:link{ text-decoration:none; }
#top div.ticker_area ul li a:visited{ text-decoration:none; }
#top div.ticker_area ul li a:hover{ text-decoration:underline; color:#ffdd00; }

.uc td{font-size:8px;}