@charset "utf-8";

/** ヘッダー **/
header{
	border-top:solid 10px #003366;
	border-bottom:solid 3px #003366;
}
ul.header li{
	background:url("/rating/images/mark.png") left top no-repeat;
}
#logo > a:first-child > img{
	border-right:2px solid #003366;
	padding-right:5px;
	margin-right:5px;
}
/** フッタ **/
#copyright{
	background:#003366;
}

/** タイトル **/

.title_news{
	border-bottom:3px solid #003068;
	padding:0 0 5px 0;
	margin:30px 0 10px 0;
	text-align:left;
	font-size:16px;
	font-weight:bold;
}

.title01{
	background:url("/rating/images/icon_tl01.png") #f0eced no-repeat;
	padding:14px 0 14px 12px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	margin:0 0 30px 0;/*add*/
	height:18px;
}

.title02{
	background:#003068;
	border-left:3px solid #7491b0;
	color:#FFF;
	padding:8px;
	text-align:left;
	font-weight:bold;
	font-size:16px;
	margin:30px 0px 30px 0;/*add*/
}
.title02t{
	background:#003068;
	color:#FFF;
	padding:8px;
	text-align:left;
	font-weight:bold;
	font-size:16px;
	margin:0 0px 10px 0;/*add*/
}
.title03{
	background:#f2f0f1;
	padding:10px 0 8px 10px;
	text-align:left;
	margin:25px 10px;/*add*/
	font-weight:bold;
	font-size:14px;
	height:14px;
	border-bottom:2px solid #c7c7c7;

}
.title04{
	background:#d9dfe7;
	color:#000;
	margin:20px 15px;
	padding:10px 0 8px 8px;
	text-align:left;
	font-size:14px;
	border-bottom:2px solid #acbdd0;

}

.title05{
	background:#7dbbe7;
	color:#FFF;
	padding:8px;
	text-align:left;
}


/**リスト**/
ul.list > li{/*TOPページ用リスト*/
	background:url("/rating/images/mark.png") left 8px no-repeat;
	padding:5px 5px 5px 15px;
	margin:0 5px;
	border-bottom:1px dotted #a3a3a3;
	line-height:1.4;
	text-align:left;}
div.list_s{margin:5px 0 0 0;}
div.list_s > span{/*TOPページ用リスト*/
	background:url("/rating/images/mark_s.png") left 11px no-repeat;
	padding:5px 5px 5px 15px;
	margin:5px;
	line-height:1.6;
	text-align:left;}

ul.news{
	margin:0 0 20px 0;
}
ul.news li{
	line-height:1.4;
	font-size:14px;
	text-align:left;
	padding:5px;
	margin:5px;
	border-bottom:1px dotted #a3a3a3;
}
ul.news li span{
	margin-right:10px;
}
ul.news li a{
	text-decoration:underline;
}

/*タイトルが左、日付が右でタイトルが長いもの*/
ul.news li div.date{
	float:right;
	width:120px;
}
ul.news li div.desc{
	float:left;
	width:780px;
	line-height:1.4;
}
/*日付が左、タイトルが右でタイトルが長いもの*/
ul.news li div.ldate{
	float:left;
	width:100px;
}
ul.news li div.rdesc{
	float:right;
	width:800px;
	line-height:1.4;
}
ul.list01 li{
	border-bottom:1px dotted #a3a3a3;
	line-height:1.4;
	font-size:14px;
	text-align:left;
	margin:5px;
	padding:5px;
}
ul.list01 li a{
	text-decoration:underline;
}
ul.list02 li{
	background:url("/images/mark.png") left 8px no-repeat;
	padding:5px 5px 5px 15px;
	margin:0 5px;
	border-bottom:1px dotted #a3a3a3;
	line-height:1.4;
	font-size:14px;
	text-align:left;
}
ol{
	margin:0 0 20px 30px;
}
ol li{
	line-height:1.4;
	font-size:14px;
	text-align:left;
	padding:5px 5px 5px 15px;
	margin:0 5px;
}
ol li a{
	text-decoration:underline;
}
ol.style_none {
	margin:0 0 20px 0;
}
ol.style_none > li{
	list-style-type:none;
	line-height:1.4;
	font-size:14px;
	text-align:left;
	padding:5px 5px 5px 15px;
	margin:0 5px;
}
ol.style_none > li a{
	text-decoration:underline;
}
ol.style_latin_lower {
}
ol.style_latin_lower > li {
	list-style-type:lower-latin;
}
ul.square {
	margin:0 0 20px 40px;
}
ul.square li{
	list-style-type:square;
	line-height:1.4;
	font-size:14px;
	text-align:left;
	padding:5px 5px 5px 15px;
	margin:0 5px;
}
ul.square li a{
	text-decoration:underline;
}
ul.link li{
	padding:5px 5px 5px 15px;
	background:url("/images/mark.png") left 8px no-repeat;
	margin:0px 12px;
	line-height:1.4;
	float:left;
	border-bottom:none;
}

/** 注釈***/
p{
	text-align:left;
	line-height:1.6;
	margin:10px 20px 20px 20px;
}
p.note_s{
	color:#777;
	text-align:left;
	line-height:1.6;
	margin:10px
}
p.note_x{
	text-align:left;
	line-height:1.6;
	margin:5px;
}
p.desc{
	text-align:left;
	line-height:1.6;
	margin:10px;
	font-weight:bold;
}
p.right{
	text-align:right;
	line-height:1.6;
}

p a{
	text-decoration:underline;
}
p.gray{
	background:#EFEFEF;
	padding:15px;
	text-align:left;
	line-height:1.6;
	margin:10px;
}
/** タブ **/
ul.tab_menu {
	position:relative;
}
ul.tab_menu li{
	display:block;
}
ul.tab_menu li span{
	display:block;
}
ul.tab_menu li span a{
	background:#FFFFFF;
	border-top: 2px solid #dde0e2;
	border-right: 2px solid #dde0e2;
	border-left: 2px solid #dde0e2;
	display:block;
	border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;  
}
ul.tab_menu li span a{
	color:#003068;
}
ul.tab_menu li span.on a,ul.tab_menu li span a:hover{
	color:#FFF;
	background:#7E7E7E;
}

ul.tab_menu  li span a{
	display:block;
}
ul.tab_menu  li span a:hover{
	text-decoration:none;
}

/** メニュー **/
ul.local_menu {
	margin:0 auto;
	height:57px;
	width:913px;
	padding-left:20px;
	background:url("/rating/images/menu_border.jpg")center 33px no-repeat;}
ul.local_menu li{
	float:left;
}
ul.local_menu > li a:hover img{
	opacity:1.0;}
ul#local_rbms_menu {
	background:url("/rating/images/menu_rbms_border.jpg")center 33px no-repeat;
	width:913px;
	margin:0 auto;
	padding-left:20px;}
/**ボタン各種**/
.btn_form{
	display:block;
	border:1px solid #acacac;
	margin:0 auto;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;}
.btn_form span{
	display:table;
	border:2px solid #FFF;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;}
.btn_form span a,.btn_form span button{
	font-size:16px;
	vertical-align:middle;
	display:table-cell;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;}
.btn_form span a:hover,.btn_form span button:hover{
	opacity:0.7;}

/*動作用ボタン*/
.btn_xsmall span a,.btn_xsmall span button{
	font-size:14px;
	background:#003068 url("/images/icon_btn_xs.png") 96% 50% no-repeat;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	width:196px;
	height:36px;}
.btn_xsmall_g span a,.btn_xsmall_g span button{
	font-size:14px;
	background:#999999 url("/images/icon_btn_xs.png") 94% 50% no-repeat;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	width:196px;
	height:36px;}
.btn_xsmall,.btn_xsmall_g ,.btn_pdf{
	width:200px;
	height:40px;}
.btn_xsmall span,.btn_xsmall_g span,.btn_pdf span{
	width:196px;
	height:36px;}
.btn_pdf span a,.btn_pdf span button{
	font-size:14px;
/*	background:#003068 url("/rating/images/icon_btn_down.png") 95% 50% no-repeat;*/
	background:#003068;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;}
.btn_alert{
	width:150px;
	height:30px;}
.btn_alert span button{
	width:146px;
	height:26px;}
.btn_alert span button{
	font-size:12px;
	background:#003068;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;}
/*遷移アイコン*/
ul.flow li{
	display:table;
	float:left;
	margin:40px 10px;
}
ul.flow li span{
	color:#FFF;
	background:#999999;
	width:190px;
	height:40px;
	margin:0 20px;
	font-size:14px;
	color:#FFF;
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
}
ul.flow li.on span{
	color:#FFF;
	background:#003068;
}
/**横幅}*/
.bt_400{
	width:400px;
	height:60px;}
.bt_400 span{
	width:396px;
	height:56px;}
.bt_330{
	width:330px;
	height:60px;}
.bt_330 span{
	width:326px;
	height:56px;}
/**
 * ページナビ
 */
#pages {
  margin: 20px auto 20px auto;
  text-align: center;
}
#pages ul {
  margin: 0 auto;
}
#pages ul li {
  margin: 0;
  padding: 2px 8px;
  border: none;
  border-left: 1px solid #666666;
  display: inline-block;
}
#pages ul li:first-child {
  margin: 0;
  border: none;
}
#pages ul li a {
  text-decoration: underline;
}
/**
 * 検索入力フィールド
 */

.header_search{
	float:left;
	margin:30px 10px 0 0;
}
.header_search form{
	float:left;
}
.search_detail{
	float:left;
	margin:10px 0 0 5px;
}
input#search_word {/*ヘッダ検索*/
	height:20px;
	width: 200px;
	margin: 0;
	text-align: left;
	font-size:14px;
	border: 1px solid #ccc;
	vertical-align: middle;
	padding:5px;
	font-size:14px;

}
input#search_name {/*CEマイページ名前検索*/
	height:20px;
	width: 180px;
	margin: 0;
	text-align: left;
	font-size:14px;
	border: 1px solid #ccc;
	vertical-align: middle;
	padding:5px;
	font-size:14px;

}
#search_btn,.search_btn {
	margin: 0 0 0 10px;
	padding: 5px 25px;
	color: #ffffff;
	background-color: #003366;
	font-size:14px;
	height:32px;/*for button*/
}
a#search_btn:hover,a.search_btn:hover {
	cursor: pointer;
	text-decoration: none;
}
.search_pul_btn {
	margin: 0 0 0 10px;
	padding: 5px 25px;
	color: #ffffff;
	background-color: #003366;
	font-size:100%;
	height:30px;/*for button*/
}
a.search_pul_btn:hover {
	cursor: pointer;
	text-decoration: none;
}
.search_detail{
	font-size:12px;
}
.search_detail a{
	text-decoration: underline;
}
#login,#box_welcome{
	float:right;
}

/**ログイン**/
.sub_login01{
	width:435px;
	height:300px;
	margin:0 20px;
	float:left;
	background:#efefef;
}
.sub_login02{
	width:435px;
	height:300px;
	margin:0 20px 0 0;
	float:left;
	background:#efefef;

}
.sub_login01 .login_form{
	margin:30px 30px;;
	text-align:left;
}
.login_form .id{
	width:140px;
	margin-bottom:20px;
}
.login_form .password{
	width:140px;
}

/**プルダウンメニュー**/
select{
	padding: 2px 25px 2px 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #CCCCCC;
	background: #FFF;
	background: url(/rating/images/icon_arrow_pulldown.png) 98% 50% no-repeat;
	margin:0;
	text-align:left;
	height:30px;
}
select option{
	padding:2px 5px;}

/**利用規約等**/
div.provisions {
   border: 1px solid #CCCCCC;
   overflow: auto;
   height: 300px;
}

.bg_blue {
   background-color: #C8D5EB;
}

.bg_cyan {
   background-color: #E5EBF5;
}

/**表**/
table {
	border:2px solid #CCCCCC;
	margin:0 auto;
	text-align:left;
}
table tr th,table tr td{
	border:1px solid #CCCCCC;
	background:#FFF;
	padding:7px;
	line-height:1.4;
}
table.seminar tr td img{
	vertical-align:middle;
}
table.seminar tr td:nth-child(1){
	width:40px;}
table.seminar tr td:nth-child(2){
	width:80px;}
table.seminar tr td:nth-child(3){
	width:80px;}
table.seminar tr td:nth-child(4){
	width:280px;}
table.seminar tr td:nth-child(5){
	width:305px;}
table.seminar tr td:nth-child(6){
	width:100px;}
table tr th,td.gray{
	background:#EEE;
}
td a{
	text-decoration:underline;
}
tr.double{
	border-bottom:4px double #CCCCCC;
}
table.alert_new tr textarea{
	width:466px;
}
/**コンテンツ**/
#wrp_content{
	background:#eeeeee;
	padding: 30px 0;
}
#content{
	margin:0 auto;
	background:#FFF;
	padding: 20px 20px 40px;
	width: 930px;
}

.cursPointer {
  cursor: pointer;
}
/*セミナー*/
span.map_link{
	background: url("/rating/images/mark.png") no-repeat left 11px;
    margin: 0 5px;
    padding: 5px 5px 5px 15px;
    text-align: left;
}
/**拡張ボタン**/
div#expandButton {
  position: relative;
  text-align: right;
}
div#expandButton > img {
  position: absolute;
  top: -21px;
  left: 97%;
}
/**アラート設定**/
.ui-dialog .ui-dialog-title{
	width:100% !important;
	font-size:14px;
}
.ui-widget.ui-widget-content{
	padding-bottom:20px;
}
table.alert_new{
	margin:20px auto 30px;}
table.alert_new td{
	font-size:14px;}


/*ESG投資*/
.esg_image,.esg_image img{
	line-height:0;
}