/*----------------------------------------*/
/*-- 三協商事株式会社                   --*/
/*----------------------------------------*/

@import "menu.css";
@charset "utf-8";

*{
	padding: 0;
	margin: 0;
	line-height: 135%;
}
h1, h2, h3, h4, h5, h6, h7, ul, ol {
	margin: 0;
	padding: 0;
}
li {
	list-style:none;
}
a{
	cursor: pointer;
}
.red {
	color:#F00;
}
/*----------------------------------------*/
html {
	background: url(../images/common/html-bg.gif);
}
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: url(../images/common/bg_page1.jpg) repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; /* IE 5* ブラウザでコンテナ中央揃え */
	color: #000000;
}
.top .container { 
	width: 914px;
	background: url(../images/common/bg_page2-20250916a.png) repeat-y;
	margin: 0 auto;
	text-align: left;
} 
.top .header { 
	width: 900px;
	height: 108px;
	padding: 0 0 0 7px;
	position: relative;
	display: flex;
	align-items: center;
	background: url(../images/common/bg_page2-20250916b.png) top left 7px no-repeat;
}
.top .header::before,
.top .header::after {
	content: "";
	width: calc(100% - 7px);
	height: 1px;
	position: absolute;
	bottom: 11px;
	left: 7px;
	background-color: #0e2b67;
}
.top .header::after {
	height: 8px;
	bottom: 0;
}
.top .sidebar {
	float: right;
	margin: 0;
	width: 300px; 
	padding: 0 14px 0 0;
}
.top .sidebar1 {
	margin: 0;
	width: 300px; 
	background: url(../images/common/h2_update_bg1.gif) repeat-y;
	padding: 0;
}
.top .sidebar2 {
	float: right;
	margin: 0;
	width: 300px; 
	height: 75px;
	padding: 0;
}
.top .left { 
	margin: 0 250px 0 7px; 
	width: 585px;
}
.left_nav { 
	margin: 0 0 0 7px; 
	width: 200px;
	float: left;
} 
.top .flash {
	float: right;
	margin: 0 2px 0 0;
}
.top .maincontent {
	margin: 0 0 0 6px;
	padding: 0;
	background:url(../images/common/h2_info_bg1.gif) repeat-y;
}

.maincontent01 {
	/*トップページ以外*/
	margin: 0 0 0 225px;
	padding: 0 0 0 10px;
	width: 660px;
}
.top .maincontent .top_infoimg {
	float: left;
	width: 220px;
	height: 100%;
	padding: 10px 15px 15px 10px;
}
.top_infotext {
	margin-left: 220px;
}
.footer-info {
	border-bottom: 1px solid #0e2b67;
	display: flex;
	padding-top: 20px;
	margin: 0 7px 2px;
}
.top .footer {
	margin: 0 7px 0 7px;
	padding: 10px 0 6px;
	width: 900px;
	border-top: 9px solid #0e2b67;
	text-align: center;
	font-size: 75%;
	color: #0D2B66; 
} 
.top .footer p {
	margin: 0; 
	padding: 10px 0; 
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.top_bnrc {
	margin: 0 250px 0 9px; 
	width: 885px;
	float:left;
}
.bnrc {
	float:left;
	margin:5px 0 0 4px;
}
/*--- ヘッダー ---------------------------*/
.header h1 .headerLeft {
	padding: 0 0 0 33px;
	width: 507px;
	height: 58px;
	display: block;
}

/*--- トップ：更新情報 --------------------------------*/
.sidebar1 h2 {
	display: block;
	height: 38px;
	width: 300px;
	text-indent: -9999px;
	background: url(../images/common/h2_update.jpg);
}
.sidebar1end {
	display: block;
	height: 10px;
	width: 300px;
	background: url(../images/common/h2_update_bg2.gif);
}
.sidebar li.update {
	font-size:95%;
	padding: 2px 0 0 20px;
	margin: 7px 10px 0 3px;
	background: url(../images/common/ico_update.jpg) no-repeat;
}
*html .sidebar li.update {
	font-size:90%;
	padding: 2px 0 0 20px;
	margin: 7px 10px 0 3px;
	background: url(../images/common/ico_update.jpg) no-repeat;
}
.sidebar li.update a {
	list-style:none;
	text-decoration: none;
	color: #1848BB;
}
/*--- トップ：お知らせ --------------------*/
.maincontent h2 {
	display: block;
	height: 38px;
	width: 577px;
	text-indent: -9999px;
	background: url(../images/common/h2_info.jpg);
	position: relative;
}
.maincontent h2 a {
	text-indent: 0;
	position: absolute;
	top: 7px;
	right: 7px;
	font-size: 15px;
	background-color: #FFFFFF;
	padding: 5px 9px;
	border-radius: 4px;
	line-height: 1;
}
.maincontent h2 a:hover {
	color: #FFFFFF;
	background-color: #1848bb;
}

.maincontent dt {
	color: #1848BB;
	font-weight: bold;
	font-size: 116%;
	line-height: 118%;
	margin: 15px 8px 0 20px;
}
.maincontent dd {
	font-size: 90%;
	line-height: 120%;
	color: #111111;
	margin-left: 20px;
	margin-right: 15px;
}

.maincontent a {
	color: #1848bb;
    list-style: outside none none;
    text-decoration: none;
}

.sidebar2end {
	margin: 0 0 0 6px;
	padding: 0;
	display: block;
	height: 10px;
	width: 577px;
	background: url(../images/common/h2_info_bg2.gif);
}

/*--- トップ：住所 --------------------*/

.address {
	margin:0 0 10px 32px;
	padding: 0;
	width: 570px;
	height: 40px;
	text-align: left;
	float:left;
	font-size: 80%;
}
.address2 {
	margin:0 20px 0 0;
	padding: 6px 0 0 60px;
	width: 230px;
	height: 30px;
	text-align: left;
	float:right;
	font-size: 90%;
	position: relative;
}
.address2 span {
	position: absolute;
	top: 5px;
	left: 0;
}
/*--- コンテンツ --------------------*/

/*ページタイトル*/
h1.title {
	margin: 0;
	padding: 25px 0 0 25px;
	width: 660px;
	height: 85px;
	background: url(../images/common/h1_tit_bg.jpg) no-repeat;
	color: #FFF;
	font-size: 28px;
}
h2.title {
	margin: 0;
	padding: 0 0 0 20px;
	width: 630px;
	height:25px;
	background: url(../images/common/ico_h2_title.gif) no-repeat;
	color: #0C2B66;
	font-size: 22px;
	line-height: 120%;
}
h3.title {
	margin: 0;
	padding: 0 0 0 10px;
	width: 630px;
	height:18px;
	color: #184ABA;
	font-size: 17px;
	line-height: 120%;
}
h4.title {
	margin: 0 0 0 15px;
	padding: 0;
	width: 630px;
	height:18px;
	color: #111111;
	font-size: 16px;
	line-height: 115%;
}

/*写真_右寄せ*/
.ph_right {
	float: right;
	margin: 0 10px 0 20px;
}

/*写真_左寄せ*/
.ph_left {
	float: left;
	margin: 0 20px 15px 0;
}

/*会長挨拶：リード文*/
.lead_greeting {
	font-size: 90%;
	font-weight: 160;
	padding: 0 15px 0 10px;
	line-height: 200%;
}
.lead_greeting_r {
	font-size: 90%;
	font-weight: 160;
	padding: 0 150px 0 0px;
	float:right;
}
/*会則・規則*/
ul.rule li {
	margin:2px 0 0 40px;
	list-style-type:decimal;
	line-height: 180%;
	}
/*会則・規則－世話人一覧：テーブル*/
table.gobetw {
	padding: 0 0 0 10px;
}
table.gobetw td {
	font-size:95%;
}
table.gobetw .blu {
	background-color: #CFF;
}
.chuki {
	font-size:92%;
	font-weight:normal;
	color:#333;
}
/*学術集会：テーブル*/
table.meeting td {
	padding: 10px 10px 0 0;
}
table.meeting th {
	font-weight: bold;
	line-height: 200%;
	font-size:110%;
}
table.meeting th.line {
	background: url(../images/common/line_dot.gif) repeat-x;
	line-height: 200%;
}
table.meeting th.line2 {
	font-size:70%;
	background: url(../images/common/line_dot.gif) repeat-x;
	line-height: 200%;
}

/*更新情報：記事アイコン*/
.mainList {
	padding: 2px 0 0 20px;
	margin: 2px 0 0 0;
	background: url(../images/common/ico_update_w.jpg) no-repeat;
}
.mainList a {
	list-style:none;
	text-decoration: none;
	color: #1848BB;
}

/*会員ページ：サイト内リンクボタン*/　　　/*2010年12月追加*/
ul.member {
	width: 620px;
	display:block;
	padding: 0;
	margin: 0;
}
li.member_btn {
	list-style: none;
	display:block;
	padding: 0;
	margin: 0;
	float: left;
}
/*会員ページ：記事アイコン*/　　　/*2010年12月追加*/
li.member_link {
	padding: 0;
	margin: 0;
}
li.member_link a {
	padding: 2px 0 0 25px;
	margin: 2px 0 0 25px;
	list-style: none;
	text-decoration: none;
	background: url(../images/common/ico_member_link.gif) no-repeat;
	color: #1848BB;
}
li.member_reg {
	padding: 1px 0 0 25px;
	margin: 15px 0 0 25px;
	list-style: none;
	text-decoration: none;
	background: url(../images/common/ico_member_link.gif) no-repeat;
}
li.member_link_r2 {
	padding: 0;
	margin: 0;
}
li.member_link_r2 a {
	padding: 2px 0 10px 25px;
	margin: 2px 0 5px 25px;
	list-style: none;
	text-decoration: none;
	background: url(../images/common/ico_member_link.gif) no-repeat;
	color: #1848BB;
}
/* 症例登録及び追跡調査へのお願い */
ul.patlead li {
	margin:2px 0 10px 40px;
	list-style-type:circle;
}
#patbox {
	border: solid 1px #039;
	padding:10px;
	width: 600px;
}
#patbox.titb {
	font-weight:bold;
}
/*----------------------------------------*/
.Space1 {
	margin: 0;
	padding: 0;
	height: 5px;
	display: block;
}
.Space2 {
	margin: 0;
	padding: 0;
	height: 10px;
	display: block;
}
.Space3 {
	margin: 0;
	padding: 0;
	height: 3px;
	display: block;
}

.Space20 {
	margin: 0;
	padding: 0;
	height: 20px;
	display: block;
}
.Space30 {
	margin: 0;
	padding: 0;
	height: 30px;
	display: block;
}
.Space23 {
	margin: 0;
	padding: 0;
	height: 22px;
	display: block;
}
.Space10 {
	margin: 0;
	padding: 0;
	height: 10px;
	display: block;
}
.Space11 {
	margin: 0;
	padding: 0;
	height: 11px;
	display: block;
}
.Space12 {
	margin: 0;
	padding: 0;
	height: 15px;
	display: block;
}
.Space15 {
	margin: 0;
	padding: 0;
	height: 15px;
	display: block;
}

/*----- 20220908 -----*/
.lang-btn {
	position: absolute;
	top: 28px;
	right: 15px;
	font-size: 20px;
	color: #FFFFFF;
	background: linear-gradient(to top, #184bbe 0%, #4ca7e0 100%);
	padding: 0.3em 0.7em;
	border-radius: 5px;
	box-shadow: 0 0 0 1px #4ca7e0;
	border: 1px solid rgba(255,255,255,0.7);
	text-decoration: none;
	transition: all .4s;
	font-weight: bold;
}
.lang-btn:hover {
	opacity: 0.6;
}

/************************
circle-list
************************/
.circle-list {
	line-height: 1.7;
}
.circle-list li {
	position: relative;
	padding-left: 1.5em;
	margin: 0.5rem 0;
	list-style: none;
}
.circle-list li::before {
	content: "";
	position: absolute;
	top: 0.3em;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: #0C2B66;
	border-radius: 50%;
}
.circle-list.green li::before {
	background-color: #0e7211;
}
.circle-list.red li::before {
	background-color: #a22020;
}
.circle-list.yellow li::before {
	background-color: #aa871d;
}

.atlus-title,
.blue p {
	margin-top: 30px;
	color: #0d3e87;
}
.atlus-title.green,
.green p {
	color: #0e7211;
}
.atlus-title.red,
.red p {
	color: #a22020;
}
.atlus-title.yellow,
.yellow p {
	color: #aa871d;
}
.blue p,
.green p,
.red p,
.yellow p {
	margin-top: 0.7em !important;
}

.home-banner-img {
	text-decoration: none;
	color: #000000;
	text-align: center;
	display: block;
	font-size: 0.9em;
	margin-bottom: 15px;
}
.home-banner-img img {
	display: block;
	margin: 0 auto 10px;
}
@media (any-hover: hover) {
  .home-banner-img:hover {
	  opacity: 0.7;
  }
}
.yougo-list {
	display: flex;
	margin-top: 0.3em;
	padding-left: 1em;
}
.yougo-list-title {
	width: 3em;
}
.yougo-list-text {
	width: calc(100% - 3em);
}

/************************
number-list
************************/
.number-list {
	counter-reset: number 0;
	margin-bottom: 3em;
}
.number-list li {
	position: relative;
	padding-left: 2.7em;
	margin: 1em 0 1.5em;
	list-style: none;
}
.number-list li:last-child {
	margin-bottom: 0;
}
.number-list li::before {
	counter-increment: number 1;
	content: counter(number,decimal-leading-zero);
	background: #184BBE;
	background: linear-gradient(142deg,rgba(24, 75, 190, 1) 0%, rgba(76, 167, 224, 1) 100%);
	position: absolute;
	top: -0.15em;
	left: 0;
	padding: 0.2em 0.3em;
	border-radius: 3px;
	color: #FFFFFF;
}
.thesis a {
	color: #0C2B66;
	font-weight: 700;
	display: block;
	margin-bottom: 0.5em;
}
@media (any-hover: hover) {
	.thesis a:hover {
		color: #ff8331;
	}
}