/* CSS Document */

a{
    color:#0071BC;
    font-style:normal;
    text-decoration:none;
	font-size:12px;
}
a:link {
    color:#0071BC;
    font-style:normal;
    text-decoration:none;
}
a:visited {
    color:#0071BC;
    text-decoration:none;
}
a:hover {
    color:#FFCC00;
    font-style:normal;
    text-decoration:none;
}
a:active {
    text-decoration:none;
}

body {
	  margin-top:0px;
	  margin-bottom:0px;
	  font-size:12px;
	  font-family: "Meiryo UI", "Meiryo", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
	  background-color:ECF3F9;
	  background-image:url(../img/outline_back.gif);
	  background-repeat:repeat-y;
	  background-position:center;
	  }

#outline {
	width:950px;
	margin:auto;
	  }
	  
#header {
      width:869px;
	  height:92px;
	  margin:auto;
	  background-image:url(../img/head2.gif);
	  }
.header_navi {
	  margin:98px 0 0 0px;
	  }
#topic {
      width:849px;
	  height:21px;
	  margin:15px auto;
	  background-image:url(../img/topic.gif);
	  }
.topic_in {
      width: 710px;
	  margin:5px 0 0 85px;
	  }
	  
:root .topic_in {
      width: 710px;
	  margin:5px 0 0 85px;
	  padding:5px 0 0 0;
	  }
* html .topic_in {
      width: 710px;
	  margin:0px 0 0 85px;
	  padding:5px 0 0 0;
	  }
	  
#main_contents_box {
	  width:851px;
	  height:auto;
	  margin:auto;
	  }
	 
.main_img_box {
      width:600px;
	  height:auto;
      }
.main_img_text {
      width:600px;
	  height:auto;
	  text-align:left;
	  padding:20px 0 0 0;
	  line-height:20px;
	  }
.left_box {
	float:left;
	background-color:#ffffff;
	width: 600px;
	padding: 0;
	margin: 0;
	  }
.osirase_box {
      margin:23px 0 0 0;
      width:589px;
	  height:auto;
	  float:left;
	  border-width:1px;
	  border:solid;
	  border-color:#666666;
	  padding:5px;
	  background-color:#F6F6F6;
	  }
* html .osirase_box {
      margin:36px 0 0 0;
      width:589px;
	  height:auto;
	  float:left;
	  border-width:1px;
	  border:solid;
	  border-color:#666666;
	  padding:5px;
	  background-color:#F6F6F6;
	  }
	  
:root .osirase_box {
      margin:22px 0 0 0;
      width:589px;
	  height:auto;
	  border:solid;
	  border-width:1px;
	  float:left;
	  padding:4px;
	  background-color:#F6F6F6;
	  }
	  
	  
.osirase_box_title {
      width:581px;
	  height:16px;
	  background-image:url(../img/osirase_top.gif);
	  }
.osirase_box_main {
      width:576px;
	  height:103px;
	  background-color:#F6F6F6;
	  font-size:12px;
	  line-height:140%;
	  padding:5px 0 5px 5px;
	  overflow:auto;
	  }
.press_box {
      margin:20px 0 0 0;
      width:594px;
	  height:auto;
	  float:left;
	  }
.press_box_title {
      width:581px;
	  height:16px;
	  background-image:url(../img/press_top.gif);
	  }
.press_box_main {
      width:576px;
	  height:106px;
	  background-color:#F6F6F6;
	  font-size:12px;
	  line-height:140%;
	  padding:5px 0 5px 5px;
	  overflow:auto;
	  }
	  
#right_box {
      width:242px;
	  float:right;
	  }
.right_box_login {
      width:242px;
	  }
.login_title{
      margin-bottom:10px;
      width:227px;
	  height:31px;
      background:url(../img/login_title.gif) no-repeat;
}
.login_btn01 a{
      display:block;
      width:242px;
      height:58px;
      background:url(../img/login_btn01.jpg) no-repeat;
}
.login_btn02{
	margin-bottom:10px;
}
.login_btn02 a{
      display:block;
      width:242px;
      height:72px;
      background:url(../img/login_btn02.jpg) no-repeat;
}

.login_txt {
      margin:2px 0 0 155px;
	   }
	   
#free_dial {
      margin:20px 0 0 0;
      width:240px;
	  height:98px;
	  background-image:url(../img/giko.gif);
	  }
.free_dial_txt {
      margin:38px 0 0 160px;
	  }
:root .free_dial_txt {
      padding:38px 0 0 0;
	  }
	  
	  
.right_box_login {
      width:240px;
	  }
.blog a{
      display:block;
      width:240px;
      height:44px;
      background:url(../img/blog_1.gif) no-repeat;
}

.blog a:hover{
      color:orange; 
      background:url(../img/blog_2.gif) no-repeat;
}

.contact a{
      display:block;
	  margin-top:10px;
      width:240px;
      height:44px;
      background:url(../img/contact_2.gif) no-repeat;
}

.contact a:hover{
      color:orange; 
      background:url(../img/contact_1.gif) no-repeat;
}


#footer {
	width:600px;
	float:left;
	padding:20px 0;
	  }
.footer_logo {
	float:left;
	  }
	  

.footer_link{
	margin:0;
	padding:0;
	float:right;
	width: 320px;
	display: block;

}

.footer_link ul{
	list-style:none;
	margin: 0;
	padding: 0;
}
	  
	  
.footer_link li{
	float:left;
	list-style:none;
	display:block;
	margin: 0 5px;
	padding: 0 0 0 20px;
	background:url(../img/heade_navi_icon.gif) no-repeat;
}

	  
	  
/*:root #footer {
      width:851px;
	  height:auto;
	  }
:root .footer_logo {
      width:300px;
	  margin:8px 0 0 0;
	  }*/
	  
#warp {
      margin:0 0 0 0px;
	  }
#movable {
      margin:0 0 0 0px;
	  }


h1 { 
      font-size: 14px; 
	  color: #fff; 
	  background: #0071BC; 
	  padding: 0px 2px 0px 5px; 
	  border-left: 6px solid #3399FF; 
	  margin: 0px; 
	  }
	  
h2 { 
      font-size: 12px; 
	  margin: 0px; 
	  padding: 10px 0px; 
	  }
	  
h3 { 
      font-size: 14px; 
	  color: #fff; 
	  background: #0071BC;
	  width:187px;
	  float:left;
	  padding: 0px 2px 0px 5px;
	  margin:5px 0 0 0;
	  border-left: 6px solid #3399FF; 
	  margin: 0px; 
	  }
	  
h4 { 
      font-size: 14px; 
	  color: #fff; 
	  background: #0071BC; 
	  width:187px;
	  float:left;
	  padding: 0px 2px 0px 5px;
	  margin:5px 0 0 0;
	  border-left: 6px solid #3399FF; 
	  margin: 0px; 
	  }
	  
h5 { 
      font-size: 14px; 
	  color: #fff; 
	  background: #0071BC; 
	  width:187px;
	  float:left;
	  padding: 0px 2px 0px 5px;
	  margin:5px 0 0 0; 
	  border-left: 6px solid #3399FF; 
	  margin: 0px; 
	  }

h6 { 
      font-size: 14px; 
	  color: #fff; 
	  background: #0071BC; 
	  padding: 0px 2px 0px 5px; 
	  border-left: 6px solid #3399FF; 
	  margin: 0px; 
	  }
	  
.dairi_bottan a{
      display:block;
      width:84px;
      height:24px;
      background:url(http://www.sjrm-ssi.co.jp/comon/images/cont/bottan.gif) no-repeat;
}

.dairi_bottan a:hover{
      color:orange; 
      background:url(http://www.sjrm-ssi.co.jp/comon/images/cont/bottan_2.gif) no-repeat;
}






/*インフォメーションページスタイル　2009/6/12追加*/

.info_box{
	margin:10px 0;
	height:auto;
	padding:5px;
	background-color:#F6F6F6;
	border: #666666 solid 1px;
	width: 590px;
}



.info_box_title {
	background:#e8e8e8;
	margin: 0 0 8px 0;
	padding: 3px;
}


.oshirase{
	background:url(../info/img/osirase_title.gif) no-repeat 0 -1px;
	text-indent:-5000px;
}


.press{
	background:url(../info/img/press_tite.gif) no-repeat 0 -1px;
	text-indent:-5000px;
}

.topic{
	background:url(../info/img/topic_title.gif) no-repeat 0 -1px;
	text-indent:-5000px;
}

.info_table {
	border-collapse: collapse;
	border-bottom:#999 dotted 1px;
	padding:0;

}

.info_table td{
	border-collapse:collapse;
	padding:9px 3px 9px 3px;
	border-bottom:#999 dotted 1px;
	margin:0;
}



.info_entry_title{
	margin: 0 0 10px 0;
	padding: 0 5px;
	font-size: large;
	font-weight: bold;
}


.info_entry_body{
	padding:5px;
	margin: 0 0 5px 0;
	line-height:1.5em;
	border-bottom: #333333 dotted 1px;
	
}
.info_entry_body p{
	margin:0;
}

.info_entry_date{
	padding:5px;
	margin: 0 0 5px 0;
	text-align:right;
	
}

.hosyou_naiyou2_p{
	margin-left:10px;
}
.hosyou_naiyou2_table{
	margin:0 80px 20px 80px;
}
.hosyou_naiyou2_table td{
	width:50%;
}
.hosyou_naiyou2_table img{
	border:none;
}
.hosyou_naiyou2_download{
	margin:0;
	padding-left:36px;
	height:33px;
	line-height:33px;
	background:url('../img/pdf/pdf.jpg') no-repeat 0% 50%;
}
.hosyou_naiyou2_download a{
	margin-left:-36px;
	padding-left:36px;
	height:33px;
	display:block;
}
.hosyou_naiyou2_pdf{
	margin:0 36px;
	padding:0 10px;
	/padding:10px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	border:1px solid #999;
}
.hosyou_naiyou2_pdf_left{
	width:340px;
	line-height:120%;
	float:left;
}
.hosyou_naiyou2_pdf_right{
	width:160px;
	float:right;
}
.hosyou_naiyou2_pdf_right img{
	border:none;
}



.hosyou_naiyou3_p{
	margin-left:10px;
}
.hosyou_naiyou3_table{
	margin:0 80px 20px 80px;
}
.hosyou_naiyou3_table td{
	width:50%;
}
.hosyou_naiyou3_table img{
	border:none;
}
.hosyou_naiyou3_download{
	margin:0;
	padding-left:36px;
	height:48px;
	line-height:23px;
	width:100%;
	background:url('../img/pdf/pdf.jpg') no-repeat 0% 50%;
}
.hosyou_naiyou3_download a{
	margin-left:-36px;
	padding-left:36px;
	height:33px;
	display:block;
}
.hosyou_naiyou3_pdf{
	margin:0 36px;
	padding:0 10px;
	/padding:10px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	border:1px solid #999;
}
.hosyou_naiyou3_pdf_left{
	width:340px;
	line-height:120%;
	float:left;
}
.hosyou_naiyou3_pdf_right{
	width:160px;
	float:right;
}
.hosyou_naiyou3_pdf_right img{
	border:none;
}



.pagetitle{
	margin-bottom:.8em;
	background:none;
	border:none;
	color:inherit;
	font-size:20px;
	text-align:center;
}
.headline01{
	margin-bottom:10px;
	font-size: 15px;
	font-weight:700;
	line-height:1.4;
	color: #fff; 
	background: #0071BC; 
	padding: .1em .5em;
	border-left: 6px solid #3399FF;
	
	float:none;
	width:auto;
}
.headline02{
	font-size:14px;
	font-weight:700;
	
	margin:0 0 .5em .8em;
	padding:0;
	color:inherit;
	background:none;
	border:none;
	float:none;
	width:auto;
}
.headline03{
	display:flex;
	align-items:center;
	font-size:16px;
	font-weight:700;
	
	margin:0 0 .5em;
	padding:0;
	color:inherit;
	background:none;
	border:none;
	float:none;
	width:auto;
}
.headline03 .point{
	padding:.4em 1em;
	font-size:13px;
	text-align:center;
	background:#92D050;
	border-radius:999px;
}
.red{
	color:red;
}
.grid{
	display:grid;
	margin-bottom:.5em;
}
.col5{
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:5px;
}
.grid_item{
	padding:.4em;
	text-align:center;
	border:1px solid #ccc;
}
.grid_item img{
	max-width:100%;
	height:auto;
}
.cell2{
	grid-column: 4 / 6;
}
.cell5{
	grid-column:1 / 6;
}

.hosyou_item{
	padding:.5em .8em .5em .5em;
	border:1px solid #ccc;
	display:grid;
	grid-template-columns:100px minmax(0,1fr);
	align-items:center;
	gap:1em;
}
.hosyou_item + .hosyou_item{
	margin-top:.5em;
}
.hosyou_item p{
	margin:0;
}

.table_hosyou{
	border-collapse:collapse;
	width:100%;
}
.table_hosyou th,
.table_hosyou td{
	padding:.5em .8em;
	border:1px solid #ccc;
}
.table_hosyou th{
	background:#e1f2fc;
}
.table_hosyou td{
	text-align:right;
}
.table_hosyou th.total{
	background:#c7e6f9;
}

.tab{
	margin-bottom:1em;
	padding-left:1em;
	padding-right:1em;
	display:flex;
	gap:.8em;
	border-bottom:1px solid #666;
}
.tab-item{
	flex:1 1 auto;
	padding:.5em 1em;
	box-sizing:border-box;
	text-align:center;
	line-height:normal;
	border:1px solid #666;
	border-bottom:1px solid #666;
	border-radius:5px 5px 0 0;
	background:#efefef;
	display:block;
	position:relative;
	bottom:-1px;
	z-index:1;
}
.tab-item.current{
	border-bottom:1px solid #fff;
	background:#fff;
}

.toggle_faq{
	margin:.5em 0;
}
.toggle_faq .q{
	margin:0;
	padding:.4em .8em .4em 2.2em;
	font-size:15px;
	line-height:normal;
	background:#e1f2fc;
	border-radius:6px;
	position:relative;
	display:block;
	cursor:pointer;
	user-select:none;
}
.toggle_faq .q::before{
	content:"Q";
	width:1.5em;
	height:1.5em;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	background:#3399ff;
	border-radius:9999px;
	position:absolute;
	top:.3em;
	left:.4em;
	z-index:0;
}
.toggle_faq .a{
	margin:0;
	padding:.8em .8em 1em 3em;
	line-height:2;
	position:relative;
}
.toggle_faq .a::before{
	content:"A";
	width:1.5em;
	height:1.5em;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:15px;
	background:#ff9d32;
	border-radius:9999px;
	position:absolute;
	top:.7em;
	left:.4em;
}



/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*サイトマップ*/

.sitemap_left {
	width: 290px;
	float: left;
}

.sitemap_right {
	width: 290px;
	float: right;
}

.title_bg {
	background: #FFF;
	border-left: 6px solid #0071BC;
	font-weight: bold;
	margin: 15px 0 5px 20px;
	padding: 0 0 0 10px;
}

p.sitemap {
/*	text-indent: 5em;*/
	margin: 0 0 0 36px;
	padding: 0;
}

p.sitemap a {
	text-decoration: underline;
}

/*ここまでサイトマップ*/


/*決算公告*/

.accounts {
	width: 580px;
}



p.accounts {


	margin-left:30px;
	padding-left:36px;
	height:33px;
	line-height:33px;
	background:url('../img/pdf/pdf.jpg') no-repeat 0% 50%;

}

p.accounts a {
	text-decoration: underline;
}

/*ここまで決算公告*/


.policy-table{
	border-collapse:collapse;
}
.policy-table th{
	padding:.5em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background:#efefef;
	border:1px solid #999;
}
.policy-table td{
	padding:.5em;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	border:1px solid #999;
}