/*member layout*/
#main .mvp-member-contents{
	display: flex;
	justify-content: space-between;
}
#main .mvp-member-contents-main{
	width: calc(100% - 230px);
	margin-right: 40px;
}
#main .mvp-member-contents-main #main-inner{
	border-top: 1px solid #000;
	margin-top: 10px;
	padding-top: 20px;
}
#main .mvp-member-contents-side{
	width: 230px;
}
#main .mvp-member-contents-side .mvp-category-link-box{
	padding: 5px;
	margin: 0 0 10px 0;
	font-size: 85%;
	clear: both;
	text-align: left;
	display: block;
	background: #efefef;
	border: solid 1px #ccc;
}
#main .mvp-member-contents-side .mvp-template-box>p{
	border-bottom: 1px solid #ccc;
	padding: 8px;
	margin: 0;
}
#main .mvp-member-contents-side .mvp-template-box a{
	display:block;
	color: #000;
}
#main .mvp-member-contents-side .main_navi_group>p{
	border-bottom: 1px dotted #ccc;
	padding: 8px 8px 8px 15px;
	margin: 0;
	background:url(/images/member/icon_group.gif) no-repeat left 13px;
}
#main .mvp-member-contents-side .main_navi_group ul li{
	padding: 8px 8px 8px 30px;
	background:url(/images/member/arrow_pink.jpg) no-repeat 15px;
}
#main .mvp-member-contents-side .main_navi_group:not(:nth-child(1)){
	padding: 8px 8px 8px 15px;
	background:url(/images/member/arrow_pink.jpg) no-repeat 4px;
}
#main .mvp-member-contents-side .main_navi_group:not(:nth-last-child(1)){
	border-bottom: 1px solid #ccc;
}
#main .mvp-member-contents-side .main_navi_group ul li:not(:last-child){
	border-bottom: 1px dotted #ccc;
}
#mvp-tab-menu-icon{
	display: none
}
@media screen and (max-width: 767px){
	#main .mvp-member-contents{
		display: block;
	}
	#main .mvp-member-contents-main{
		width: 100%;
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	#main .mvp-member-contents-side{
		display: none;
	}
	#main #mvp-tab-menu-icon{
		display: block;
		order: 2;
		width: 72px;
		margin-left: 10px;
	}
	#main .mvp-member-contents-main h1{
		order: 1;
		width: calc(100% - 82px);
	}
	#main #main-inner{
		order: 3;
		width: 100%;
	}
}

#main h2 {
	margin:15px 0 10px 0;
	padding:0 0 0 12px;
	background: url(/common/images/common.png) no-repeat left -147px;
	font-weight:bold;
}

/*==================================================
  input field size
====================================================*/
#member_domains li {
	width: 180px;
	min-height:1.7em;
	white-space: nowrap;
}
#member_domains li.with_textbox {
	width: 250px;
}
#member_mail_type_id li, #member_mail_receive li, #member_entry_type li {
	width: 180px;
}
#member_status li, #member_mailaddress_alive li, #member_no_mailmagazine li {
	width: 100px;
}
#search_info_occupations li, #search_info_domains li {
	min-width:150px;
}

#member_occupation, #member_other_domain, #member_other_occupation, #member_other_route {
	width: 200px;
}
#institution_search_info_prefecture_code, #institution_search_info_city_code,
#member_prefecture_code, #member_occupation_id1 {
	min-height: 1.7em;
}
@media screen and (min-width:768px) {
	#member_family_name, #member_first_name, #member_family_name_kana, #member_first_name_kana,
	#new_member_family_name, #new_member_first_name,
	input.member_family_name, input.member_first_name, input.member_family_name_kana, input.member_first_name_kana,
	#member_doctor_code, #member_institution_code {
		width: 180px;
		min-height: 1em;
	}
	#member_login_name,	#member_mailaddress, #member_mailaddress_confirmation, #member_password, #member_password_confirmation,
	#new_member_login_name, #new_member_mailaddress, #new_member_mailaddress_confirmation, #new_member_password, #new_member_password_confirmation,
	#member_new_mailaddress, #member_new_mailaddress_confirmation, #inquiry_mailaddress, #inquiry_mailaddress_confirmation,
	#member_institution_name, #member_address, #member_building, #inquiry_institution_name, #inquiry_address, #inquiry_building,
	input.member_institution_name, input.member_address, input.member_building {
		width: 300px;
		min-height: 1em;
	}
	#member_zip_code, #member_prefecture, #inquiry_zip_code, #inquiry_prefecture,
	input.member_zip_code, input.member_prefecture {
		width: 70px;
	}
	#member_telephone, #member_facsimile, #inquiry_telephone_extension, #inquiry_telephone, #inquiry_facsimile,
	input.member_telephone {
		width: 90px;
	}
	#member_withdrawal_comment {
		width: 100%;
	}
	#inquiry_name, #inquiry_name_kana {
		width: 200px;
	}
	#inquiry_product_name, #inquiry_section {
		width: 300px;
	}
	#inquiry_body, #inquiry_message {
		width: 100%;
    max-width: 100%;
	}
	#member_route {
		width:200px;
	}
	div#member_login_name, div#member_password, div#member_password_confirmation,
	div#member_family_name, div#member_first_name, div#member_family_name_kana, div#member_first_name_kana,
	div.member_family_name, div.member_first_name, div.member_family_name_kana, div.member_first_name_kana,
	div#member_doctor_code, div#member_institution_code {
		min-width: 180px;
		min-height: 1em;
	}
	div#member_mailaddress, div#member_mailaddress_confirmation, div#inquiry_mailaddress,
	div#member_institution_name, div#member_address, div#member_building, div#inquiry_institution_name, div#inquiry_address, div#inquiry_building,
	div.member_institution_name, div.member_address, div.member_building {
		min-width: 300px;
		width:auto;
	}
	div#member_zip_code, div#member_prefecture, div#inquiry_zip_code, div#inquiry_prefecture,
	div.member_zip_code, div.member_prefecture {
		min-width: 60px;
	}
	div#member_telephone, div#member_facsimile, div#inquiry_telephone_extension, div#inquiry_telephone, div#inquiry_facsimile,
	div.member_telephone {
		min-width: 90px;
	}
	div#member_withdrawal_comment {
		min-width: 100%;
	}
	div#inquiry_name, div#inquiry_name_kana {
		min-width: 200px;
	}
	div#inquiry_product_name, div#inquiry_section {
		min-width: 300px;
	}
	div#inquriy_body, div#inquiry_message {
		min-width:100%;
	}
	div#member_route {
		min-width:200px;
	}
}

@media screen and (max-width:767px) {
	#member_family_name, #member_first_name, #member_family_name_kana, #member_first_name_kana,
	#new_member_family_name, #new_member_first_name,
	input.member_family_name, input.member_first_name, input.member_family_name_kana, input.member_first_name_kana,
	div.member_family_name, div.member_first_name, div.member_family_name_kana, div.member_first_name_kana {
		width: 100%;
		box-sizing:border-box;
	}
	#member_login_name,	#member_mailaddress, #member_mailaddress_confirmation, #member_password, #member_password_confirmation,
	#new_member_login_name, #new_member_mailaddress, #new_member_mailaddress_confirmation, #new_member_password, #new_member_password_confirmation,
	#member_new_mailaddress, #member_new_mailaddress_confirmation, #inquiry_mailaddress,
	#member_institution_name, #member_address, #member_building, #inquiry_institution_name, #inquiry_address, #inquiry_building,
	input.member_institution_name, input.member_address, input.member_building,
	div.member_institution_name, div.member_address, div.member_building {
		width: 100%;
		box-sizing:border-box;
		min-height: 1em;
	}
	#member_zip_code, #member_prefecture, #inquiry_zip_code, #inquiry_prefecture,
	input.member_zip_code, input.member_prefecture,
	div.member_zip_code, div.member_prefecture {
		width: 100%;
		box-sizing:border-box;
	}
	#member_telephone, #member_facsimile, #inquiry_telephone, #inquiry_facsimile,
	input.member_telephone,
	div.member_telephone {
		width: 100%;
		box-sizing:border-box;
	}
	#inquiry_telephone_extension {
		width: 90px;
	}
	#member_withdrawal_comment {
		width: 100%;
		box-sizing:border-box;
	}
	#inquiry_name, #inquiry_name_kana {
		width: 100%;
		box-sizing:border-box;
	}
	#inquiry_product_name, #inquiry_section {
		width: 100%;
		box-sizing:border-box;
	}
	#inquiry_body, #inquiry_message {
		width: 100%;
		box-sizing:border-box;
	}
	#main #institution_blank_cell {
		box-sizing:border-box;
	}
	#member_occupation, member_other_occupation, #member_other_domain {
		box-sizing:border-box;
	}
}

/*==================================================
  form related
====================================================*/
div.notice {
	margin:3px 0;
	border-top: double 3px #e00;
	border-bottom: double 3px #e00;
	padding: 2px 5px;
	color: #e00;
}

div.field_with_errors {
	display: inline;
}
li.with_textbox div.formError, div.formError {
	color: #f00;
	font-weight: bold;
	display:block;
}
#main strong.required {
	font-size:80%;
	color:#f00;
	margin-left:3px;
}

table.member_detail tr td .updated {
	background: #f9ff89;
}

div.agreement_checkbox {
	margin-top: 15px;
}

div.agreement_checkbox label a {
	text-decoration: underline;
}

div#modal-agreement {
	position: absolute;
	z-index: 15;
	background: #fff;
	padding: 10px 20px;
}

div#modal-agreement p.agreement-title {
	background: url("/common/images/bg_main_cap.png") repeat-x scroll left bottom;
	color: #333;
	font-size: 107%;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 15px 10px 23px;
	text-align: left;
}

div#modal-agreement div.close-btn {
	right: 0px;
	position: relative;
	text-align: center;
	top: -30px;
	width: 40px;
	height: 0;
}

/* submit button */
#main div.submit {
	padding-top: 1em;
	text-align: center;
}

#main div.submit input {
	padding: 1px 10px 1px 10px;
}

div.regist_member a.mvp-step-button-next,
#main div.submit.regist_entry {
	background: #1155ca;
	font-size: 120%;
	font-weight: bold;
	border-style: none;
	cursor: pointer;
	display:block;
	max-width:200px;
}

div.regist_member a.mvp-step-button-next {
	padding: 15px 10px 10px;
	margin: 0 auto;
}

#main div.submit.regist_entry {
	margin: 10px auto 0px;
	padding: 7px 10px 10px;
}

#main div.submit.regist_entry input {
	background: transparent;
	color: #fff;
	border-style: none;
	cursor: pointer;
	outline: none;
}

#main div.submit.regist_entry p {
	font-size: 75%;
	color: #fff;
	text-align: center;
	margin: 0;
}

div.regist_member a.mvp-step-button-prev {
	padding: 15px 10px;
	background: linear-gradient(to bottom, #f5f6f6 0%, #dbdce2 50%, #f5f6f6 100%);
	color: #000;
	font-size: 120%;
	font-weight: bold;
	border-style: 1px solid #ccc;
	cursor: pointer;
	display:block;
	max-width:200px;
	margin: 0 auto;
}

@media screen and (max-width:767px) {
	div.regist_member a.mvp-step-button-next,
	div.regist_member a.mvp-step-button-prev {
		padding: 15px 10px;
		font-size: 100%;
	}
}

/*==================================================
  style for class
====================================================*/
/*--------------------------------------------------
  table.member_detail
----------------------------------------------------*/
#main table.member_detail {
	width:100%;
	border-bottom: 1px solid #dedede;
}

#main table.member_detail th {
	color:#333333;
	padding:5px;
	text-align:right;
	border-top:1px solid #dedede;
	border-right:1px solid #dedede;
	background-color:#f4f4f4;
	vertical-align: middle;
}

#main table.member_detail td {
	border-top:1px solid #dedede;
	padding:5px;
}

@media screen and (min-width:768px) {
	table.member_detail th {width:140px;}
	th.institution_group {width:15px  !important;}
	table.member_detail th.institution_field {
		width: 100px;
		min-width: 80px;
	}
}
@media screen and (max-width:767px) {
	#main table.member_detail,
	#main table.member_detail tbody,
	#main table.member_detail tr,
	#main table.member_detail td,
	#main table.member_detail th {
		display:block;
		border:none;
		width:auto;
		margin:0 auto;
		padding:0;
		background-color:transparent;
		text-align:left;
		font-weight:normal;
	}
	#main table.member_detail th {
		margin-top:15px;
		font-weight:bold;
		text-align:left;
		border:none;
	}
	#main table.member_detail tr:first-child th {
		margin-top:0;
	}
	#main table.member_detail td:after {
		content: "";
		display:block;
		clear:both;
		height:0;
	}
  table.detail th.institution_group {width:15px  !important;}
}

/*--------------------------------------------------
  dl.mvp-name-outer
----------------------------------------------------*/
@media screen and (min-width:768px) {
	.mvp-name-outer {
		margin:0 5px 0 0;
	}
	.mvp-name-outer dt {
		float:left;
		margin: 0 5px 0 10px;
	}
	.mvp-name-outer dd {
		float:left;
		margin:0 3px 0 0;
		width:200px;
	}
}
/*
@media screen and (max-width:959px) and (min-width:640px)  {
	.mvp-name-outer {
			margin:0 5px 0 0;
			float:left;
	}
}*/

@media screen and (max-width:767px) {
	.mvp-name-outer:after {
		content:" ";
		display:block;
		clear:both;
	}
	.mvp-name-outer dt {
		float:left;
		clear:both;
	}
	.mvp-name-outer dd {
		float:right;
		width:92%;
		width:calc(100% - 25px);
	}
}

/*--------------------------------------------------
  ul.select_items
----------------------------------------------------*/
.select_items {
	margin: 0;
	padding: 0;
	width: 100%;
}
.select_items:after {
	content: "";
	display: block;
	clear: both;
}
.select_items li {
	display: inline-block;
	list-style-type: none;
	margin-right:10px;
}

/*--------------------------------------------------
  ul.full_select_items
----------------------------------------------------*/
ul.full_select_items {
	margin:0;
	padding:0;
}
ul.full_select_items li {
	list-style-type:none;
	margin:0;
	padding:0;
}

/*--------------------------------------------------
  ul.notice-list
----------------------------------------------------*/
ul.notice-list {
	margin:0 0 1em 0;
}
ul.notice-list li {
	margin:0 0 0.25em 30px;
	list-style-type:disc;
	line-height:1.5;
}
ul.notice-list span.domain-notice-list {
	margin:0 0 0.25em 30px;
}
ul.notice-list li.domain-notice-list {
	margin:0 0 0.25em 52px;
}

/*--------------------------------------------------
  br.format
----------------------------------------------------*/
@media screen and (max-width:767px) {
	br.format {
		display:none;
	}
}

/*--------------------------------------------------
  p.notes
----------------------------------------------------*/
#main p.notes_top {
	margin:0 0 0.5em 0;
}
#main p.notes_bottom {
	margin:0.5em 0 0 0;
	font-size:95%;
}

#main p.notes_caution {
  font-size: 80%;
  margin-top: 7px;
  letter-spacing: 0;
}
@media screen and (max-width:767px) {
  #main p.notes_top {
    margin:10px 0;
  }
}

/*--------------------------------------------------
  li.with_textbox
----------------------------------------------------*/
li.with_textbox div {
	display:inline-block;
	*display:inline;
	zoom:1;
}

/*--------------------------------------------------
  div.text_field
----------------------------------------------------*/
div.text_field {
	padding: 1px 3px;
	border: 1px dotted black;
	margin-right: 5px;
	min-height:1.5em;
	display:inline-block;
	vertical-align:bottom;
	*display:inline;
	zoom:1;
}

/*--------------------------------------------------
  div.with_blacket
----------------------------------------------------*/
div.with_blacket {
	display:inline-block;
	margin-left:5px;
	vertical-align:bottom;
}
div.with_blacket div {
	margin:0;
	display:inline-block;
	vertical-align:bottom;
}

/*--------------------------------------------------
  div.mvp-mailaddress-fix
----------------------------------------------------*/
div.mvp-mailaddress-fix {
	margin-top:1.5em;
}
#main div.mvp-mailaddress-fix p {
	margin:0;
}

/*--------------------------------------------------
  etc
----------------------------------------------------*/
.charge_staffs dl dt {
	clear:left;
	float:left;
	margin-right:1em;
}
span.mvp-input-note {
	white-space:nowrap;
	font-size:95%;
}

/*==================================================
  style for parts/widgets
====================================================*/
/*--------------------------------------------------
  auth panel
----------------------------------------------------*/
div.mvp-auth-panel {
	background:#cfcfcf;
	border:3px solid #dedede;
	padding:1px;
	margin:0 0 10px 0;
}

#main .mvp-auth-panel-inner {
	border: 1px solid #fff;
	background: #f6f7f9;
	padding: 10px;
}

#mvp-login-panel-outer div.mvp-auth-panel-inner,
#mvp-login-panel-outer div.mvp-regist-panel-inner {
	background: #fff;
	padding:10px 20px;
}

@media screen and (min-width: 768px) {
	div.mvp-regist-panel {
		background:#cfcfcf;
		border:3px solid #dedede;
		padding:1px;
		margin:0 0 10px 0;
	}
}

@media screen and (max-width: 767px) {
	#main div.mvp-regist-panel {
		background: transparent;
		border: none;
		padding: 1px;
		margin:0 0 10px 0;
	}

	#main div.mvp-regist-panel-inner {
		background: transparent;
		border: none;
	}

	#main div.mvp-regist-panel-inner p {
		text-align: center;
	}

	#main div.mvp-regist-panel-inner .mvp-regist-announce,
	#main div.mvp-regist-panel-inner .annotation {
		display: none;
	}

}

div.mvp-auth-message {
	border:solid 1px #f00;
	padding:10px;
	margin:0 0 10px 0;
	text-align:center;
	background-color:#fff;
	color:#f00;
	font-weight:bold;
	line-height:1.5;
}

div.mvp-auth-panel form {
	margin: 20px auto 0 auto;
	max-width:670px;
}

#mvp-login-panel-outer div.mvp-auth-panel form {
	margin: 5px auto 0 auto;
}

div.mvp-auth-panel th {
	white-space:nowrap;
}

#main p.note {
	text-indent:-2em;
	margin-left:2em;
	margin-bottom:0;
}
#main ul.note {
	list-style-type:disc;
	padding:0 0 0 30px;
}

/*--------------------------------------------------
  regist step menu
----------------------------------------------------*/
.mvp-regist-step div {
	padding:7px 12px;
	border: solid 1px #ccc;
	background:#fff;
	text-align:left;
}
.mvp-regist-step div.mvp-regist-step-current {
	border-color: #000;
}
.mvp-regist-step-num {
	padding-right:10px;
	color:#999;
	font-weight:bold;
}
div.mvp-regist-step-current .mvp-regist-step-num {
	color:#ec1c24;
}
.mvp-regist-step-title {
	font-size:110%;
	color:#3a80c0;
	line-height:1.2;
}
.mvp-regist-step p {
	margin-top:5px;
	font-size:90%;
	line-height:1.2;
}

/* regist step side */
#mvp-regist-step-side {
	margin-bottom:25px;
}
#mvp-regist-step-side div {
	margin: 0 0 5px 0;
}
#mvp-regist-step-side li:before {
	content: "";
	display:block;
	width:0;
	height:0;
	margin:0 auto 5px auto;
	border-top:solid 10px #ccc;
	border-right:solid 10px transparent;
	border-left:solid 10px transparent;
}
#mvp-regist-step-side li:first-child:before {
	display:none;
}

/* regist step main */
@media screen and (min-width:768px) {
	#mvp-regist-step-main {
		display:none;
	}
}
/*@media screen and (min-width:640px) and (max-width:959px) {
	#mvp-regist-step-main {
		margin:0 0 10px -15px;
	}
	#mvp-regist-step-main li:before {
		content:"";
		display:block;
		height:0;
		width:0;
		border-left:10px solid #ccc;
		border-top:10px solid transparent;
		border-bottom:10px solid transparent;
		position:absolute;
		top:50%;
		left:2px;
		margin-top:-10px;
	}
	#mvp-regist-step-main li {
		display:table-cell;
		width:25%;
		position:relative;
	}
	#mvp-regist-step-main li:first-child:before {
		display:none;
	}
	#mvp-regist-step-main div {
		margin:0 0 0 15px;
		padding:5px;
	}
	#mvp-regist-step-main p {
		line-height:1.2;
		margin: 3px 0 0 0;
	}
}*/
@media screen and (max-width:767px) {
	#mvp-regist-step-main {
		margin:10px 0;
		width: 100%;
	}
	#mvp-regist-step-main li{
		display:block;
	}
	#mvp-regist-step-main li:before {
		content:"";
		display:block;
		margin:1px auto;
		width:0;
		border-top:8px solid #ccc;
		border-left:12px solid transparent;
		border-right:12px solid transparent;
	}
	#mvp-regist-step-main li:first-child:before{
		display:none;
	}
	#mvp-regist-step-main div {
		padding:3px 8px;
	}
	#mvp-regist-step-main p {
		display:none;
	}
}

/*--------------------------------------------------
  regist step buttons
----------------------------------------------------*/
#main div.regist_steps {
	margin:1.5em 0 1em 0;
}
#main div.regist_steps:after {
	content:"";
	display:block;
	clear:both;
}
* html #main div.regist_steps {
	height: 1%;
}
*:first-child+html #main div.regist_steps {
	height: 1%;
}

#main div.regist_steps div.prev {
	min-width:40%;
	max-width:49%;
	float:left;
	text-align:right;
}
#main div.regist_steps div.next {
	min-width:40%;
	max-width:49%;
	float:right;
	text-align:left;
}

div#mvp-side-menu {
    width: 230px;
    float: right;
}

@media screen and (max-width:767px) {
	div#mvp-side-menu {
    	display: none;
	}
}

/*--------------------------------------------------
  step buttons
----------------------------------------------------*/
a.mvp-step-button-prev {
	margin:0 0 0 auto;
	color: #333;
	display: block;
	min-width: 100px;
	max-width: 200px;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #f5f6f6;
	background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 50%, #f5f6f6 100%);
	background: -webkit-linear-gradient(top, #f5f6f6 0%,#dbdce2 50%,#f5f6f6 100%);
	background: linear-gradient(to bottom, #f5f6f6 0%,#dbdce2 50%,#f5f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6',endColorstr='#f5f6f6',GradientType=0 );
}

a.mvp-step-button-next {
	margin:0 auto 0 0;
	color: #fff;
	display: block;
	min-width: 100px;
	max-width: 200px;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	padding: 5px;
	border: 1px solid #28343b;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #207cca;
	background: -moz-linear-gradient(top, #207cca 0%, #3b679e 50%, #207cca 100%);
	background: -webkit-linear-gradient(top, #207cca 0%,#3b679e 50%,#207cca 100%);
	background: linear-gradient(to bottom, #207cca 0%,#3b679e 50%,#207cca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca',endColorstr='#207cca',GradientType=0 );
}

a.mvp-step-button-disabled {
	background: #aaa;
	cursor:default;
}

/*--------------------------------------------------
  search box
----------------------------------------------------*/
.ui-box div.mvp-search-box {
	/* display: none; */
	background-color: #ffffff;
	padding:0;
	text-align:left;
}

div.mvp-search-box {
	width: calc(100%-20px);
  max-width: 600px;
	border: 3px solid #8FB6E2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 10px;
}

/* cancel jquery-ui.css */
.ui-dialog {
	box-shadow:6px 6px 6px #666;
	padding:0;
}
.ui-box-titlebar {
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}
.ui-widget-header {
	background-color:#428ccd;
	border:none;
}
.ui-widget-content {
	border:solid 1px #666;
}
.ui-widget, .ui-widget input, .ui-widget textarea, .ui-widget select, .ui-widget button {
	font-family:inherit;
}

/* search form */
.ui-dialog{
  padding: 0;
}
.mvp-search-box-form{
  width: 90%;
  margin: 0 auto;
}
.mvp-search-box-form {
  padding: 10px;
}
#doctor_search_dialog .mvp-search-dialog-form {
	width: calc(100%-20px);
	background: url("/common/images/bg_main.png") repeat scroll 0 0 #fff;
	border-bottom: 3px solid #428ccd;
	padding: 10px;
}
#doctor_search_dialog {
  width: 100%;
	padding: 0px;
}
.mvp-search-box-form dt {
	float:left;
	text-align:right;
	margin:0 5px 0 0;
}
.mvp-search-box-form dd {
	float:left;
	margin:0;
}
.mvp-search-box-form dd input, .mvp-search-box-form dd select {
	max-width: calc(100% - 25px);
}
@media screen and (min-width:768px) {
	.mvp-search-box-form dl {
		float:left;
		margin:0 15px 5px 0;
	}
	.mvp-search-box-form dt:after dt:after{
		content: "�ｼ�";
	}
}
@media screen and (max-width:767px) {
	.mvp-search-box-form dl {
		margin:0 0 5px 0;
	}
}
.mvp-search-box-buttons, .mvp-search-dialog-buttons {
	clear:both;
	text-align:center;
	margin:0 auto;
	padding:5px 0 0 0;
	width: 50%;
	max-width:320px;
	min-width:220px;
}

@media screen and (max-width:767px) {
	.mvp-search-box-buttons {
    	width:75%;
	}
}

.mvp-search-box-submit, .mvp-search-dialog-submit {
	width: 100px;
	float:left;
	background: #fba129;
	background: -moz-linear-gradient(top,#ffba4b 0%,#fba129);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffba4b), to(#fba129));
	background: linear-gradient(to bottom, #ffba4b, #fba129);
	border: 1px solid #dd8b1f;
	text-align: center;
	color: #333;
	cursor:pointer;
	padding:0 5px;
}
.mvp-search-box-clear, .mvp-search-dialog-clear {
	width: 100px;
	float:right;
	background: #bfbfbf;
	background: -moz-linear-gradient(top,#e3e3e3 0%,#bfbfbf);
	background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#bfbfbf));
	background: linear-gradient(to bottom, #e3e3e3, #bfbfbf);
	border: 1px solid #a9a9a9;
	text-align: center;
	color: #333;
	cursor:pointer;
	padding:0 5px;
}
input.other_button {
  width: 230px !important;
	max-width: 90%;
  background: #478B1A;
  background: -moz-linear-gradient(top,#70AD47 0%,#478B1A);
  background: -webkit-gradient(linear, left top, left bottom, from(#70AD47), to(#478B1A));
  background: linear-gradient(to bottom, #70AD47, #478B1A);
  color: #fff;
  border: none;
  padding: 5px 15px;
  cursor:pointer;
	margin: 0 10px;
}

/* search result */
.mvp-search-box-list {
	padding: 0;
}
.mvp-search-dialog-list {
    padding: 10px 0 0 0;
}
.mvp-search-dialog-list-head{
	padding: 0 10px;
}
.mvp-search-box-list-head {
  margin: 0 auto;
}
#institution_search_dialog {
  overflow: hidden;
}
.mvp-search-box-list-body {
  overflow-y: scroll;
}
.mvp-search-dialog-list-body {
	padding: 0 10px;
  overflow-y: scroll;
}
.mvp-search-dialog-list-body table, .mvp-search-dialog-list-head table {
	width: 100%;
	border-collapse: collapse;
}
.mvp-search-box-message, .mvp-search-dialog-message {
	padding:0px;
  margin-bottom: 10px;
}
.mvp-search-box-message, .mvp-search-dialog-message { text-align: center; }
.mvp-search-box-message p, .mvp-search-dialog-message p{ text-align: left; }
.mvp-search-dialog-message p{ margin-left: 10px; }

.div_institution_list_box {
  margin: 0 auto 10px;
  width: 90%;;
}
#div_institution_after_search {
	margin: 10px auto 10px;
  padding: 15px 10px;
  border: 1px dotted #5b9bd5;
  background-color: #eff0f7;
}
#div_institution_after_select {
  margin: 10px auto 10px;
  padding: 15px 10px;
  border: 1px solid #ed7d31;
  background-color: #fdfde9;
}

#div_institution_after_select p {
	margin-bottom: 5px;
}

#div_btn_unselectInstitution {
  text-align: right;
}
#btn_unselectInstitution {
	background: #bfbfbf;
	background: -moz-linear-gradient(top,#e3e3e3 0%,#bfbfbf);
	background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#bfbfbf));
	background: linear-gradient(to bottom, #e3e3e3, #bfbfbf);
	border: 1px solid #a9a9a9;
	text-align: center;
	color: #333;
	cursor:pointer;
	padding:0 5px;
}
#div_institution_no_data {
  margin: 10px auto 10px;
  padding: 3px;
  padding: 15px 10px;
  border: 1px dotted #5b9bd5;
  background-color: #eff0f7;
}
#div_institution_much_data {
  margin: 10px auto 10px;
	padding: 15px 10px;
  border: 1px solid #fd4733;
  background-color: #ffe4e1;
}
.mvp-search-box-list-body table, .mvp-search-box-list-head table,
.mvp-search-dialog-list-body table, .mvp-search-dialog-list-head table {
  border-collapse: collapse;
}
.mvp-search-box-list-body table {
  width: 100%;
}

.mvp-search-box-list-body,
.mvp-search-box-list-head {
  width: 90%;
  margin: 0 auto;
}
.mvp-search-box-list-body td, .mvp-search-box-list-head th,
.mvp-search-dialog-list-body td, .mvp-search-dialog-list-head th {
	vertical-align: middle !important;
	border: solid 1px #a9a9a9 !important;
	padding: 2px 3px !important;
}

.mvp-search-box-list-body tr:nth-child(2n+1),
.mvp-search-dialog-list-body tr:nth-child(2n+1) {
	background: #ffffff !important;
}

.mvp-search-box-list-body tr:nth-child(2n),
.mvp-search-dialog-list-body tr:nth-child(2n) {
  background: #ecf6fe !important;
}

.mvp-search-box-list-head th,
.mvp-search-dialog-list-head th {
  border-bottom: none !important;
  background-color: #428ccd !important;
  color: #fff !important;
  text-align:center !important;
}

@media screen and (max-width:767px) {
	.mvp-search-box-list-head table {
		display: none;
	}
	.mvp-search-box-list-body table, .mvp-search-box-list-body tbody,
  .mvp-search-box-list-body tr {
		display: block;
		border: none;
	}

  #institution_search_list_body tr {
    border-bottom: solid 1px #a9a9a9 !important;
  }
  #institution_search_list tr td{
    border: none !important;
    display: inline-block  !important;
  }
  .mvp-search-box-list-body tr td.no {
    width: 4% !important;
    text-align: right !important;
  }
  .mvp-search-box-list-body tr td.select {
    width: 6% !important;
    text-align: center !important;
  }
  .mvp-search-box-list-body tr td.name {
    width: calc(90% - 28px) !important;
  }
  .mvp-search-box-list-body tr td.address {
    padding-left: calc(10% + 22px) !important;
    width: calc(100% - (10% + 22px) - 3px) !important;
  }
	.mvp-search-dialog-list-head table {
		display:none;
	}
	.mvp-search-dialog-list-body table, .mvp-search-dialog-list-body tbody, .mvp-search-dialog-list-body tr, .mvp-search-dialog-list-body td {
		display:block;
		border:none !important;
	}
}

@media screen and (max-width: 767px){
	.mvp-search-box-list-body::-webkit-scrollbar {
    width: 10px;
  }
  .mvp-search-box-list-body::-webkit-scrollbar-thumb{
    background: #bfbfbf;
		border-radius: 5px;
  }
  .mvp-search-box-list-body::-webkit-scrollbar-track-piece {
    background: #eee;
		border-radius: 5px;
  }
}

/*--------------------------------------------------
  institution search box
----------------------------------------------------*/
#institution_search_form{
  overflow: hidden;
}
#institution_search_info_name {
	width:100%;
}
#institution_search_form_name_line {
	clear:left;
}
#institution_search_form dd input, #institution_search_form dd select {
	min-width:160px;
}
@media screen and (min-width:768px) {
	#institution_search_form dt {
		width:5em;
	}
	#institution_search_form_name_line {
		clear:left;
	}
	#institution_search_form_name_line dd{
		max-width: calc(100% - 6.5em);
	}
}
@media screen and (max-width:767px) {
	#institution_search_form dt {
		width:5em;
	}
	#institution_search_form dd {
		width:calc(100% - 5.5em);
	}
	#institution_search_form_name_line dd{
		max-width: calc(100% - 5.5em);
	}
}

#institution_search_list .no {
  width: 18px;
  text-align: right;
}
#institution_search_list .select {
  width: 35px;
  text-align: center;
}
#institution_search_list .select input[type="radio"] {
  width: 25px;
}
#institution_search_list .name {
  width: 33%;
}
#institution_search_list .zip_code {
  width: 15%;
}
#institution_search_list .address {
	width: auto;
}
#institution_search_list_body input {
	width: 3.5em;
}

/*--------------------------------------------------
  institutin direct input form
----------------------------------------------------*/
div.direct_input_form {
	width: 100%;
	margin: 0 auto 10px;
	max-width: 600px;
}
div.direct_input_form table {
	width: 100%;
	max-width: 100%;
	text-align: left;
}
div.direct_input_form th.institution_field {
	width: 100px;
	min-width: 80px;
}

div.direct_input_form input[type="text"] {
	width: 90% !important;
}
@media screen and (min-width:768px) {
  div.direct_input_form table { border-bottom: 1px solid #dedede; }
}

/*--------------------------------------------------
  doctor search box
----------------------------------------------------*/
#doctor_search_list .no {
	width: 25px;
	text-align: right;
}
#doctor_search_list .name {
	width: 80px;
}
#doctor_search_list .address {
	width: 30%;
}
#doctor_search_list .button {
	width: 55px;
	text-align: center;
}

/*--------------------------------------------------
  my page ranking
---------------------------------------------------- */
div#my_page_ranking {
	border:solid 3px #c6defa;
	text-align:left;
}
div#my_page_ranking_inner {
	border:solid 1px #f4f9ff;
	background-color:#d5e8fe;
}
div#my_page_ranking_list {
	margin:0 6px 6px 6px;
	padding:5px 8px 2px 8px;
	background-color:#fff;
}
div#my_page_ranking_list li {
	margin:3px 0;
}

/*--------------------------------------------------
  my page side menu
---------------------------------------------------- */

.mvp-category-link-box .mvp-template-box ul li:before{
  background: none;
}

.mvp-category-link-box .mvp-template-box {
    background: #ffffff;
    padding: 2px 3px;
}

/*--------------------------------------------------
  my page menu for tablet/smart phone
---------------------------------------------------- */
/* tab menu button */

/* menu pane */
#mvp-tab-menu-outer {
	display:none;
	z-index:5;
	position:absolute;
	background: url("/common/images/bg_tab_menu.png") repeat;
}
@media screen and (max-width:767px) {
	div#mvp-tab-menu-outer {
		padding:10px 10px 0 10px;
		top:61px;
		right:0;
		left:0;
	}
}
/*
@media screen and (min-width:640px) and (max-width:959px) {
	div#mvp-tab-menu-outer {
		padding:10px 35px 0 35px;
		top:54px;
		right:-25px;
		left:-25px;
	}
}*/

div#mvp-tab-menu-close {
	background: #575757 none repeat scroll 0 0;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	margin: 20px auto 15px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	width: 35%;
}
div#mvp-tab-menu-close span{
	font-size: 140%;
	font-weight: bold;
}

/* menu list */
div#mvp-tab-menu {
	border:1px solid #ccc;
	padding:5px;
	background-color:#efefef;
}
div#mvp-tab-menu div.mvp-category-link-box {
	background-color:#fff;
}

div#mvp-tab-menu p {
	padding:8px 12px;
	margin:0;
}
div#mvp-tab-menu p a {
	display:block;
	color:#3e3e3e;
}
div#mvp-tab-menu p a:hover {
	text-decoration:none;
}

div#mvp-tab-menu ul {
	margin:0 10px;
}
div#mvp-tab-menu li {
	border-top:solid 1px #ccc;
}
div#mvp-tab-menu li a {
	font-size:100%;
	color:#3e3e3e;
	display:block;
}
div#mvp-tab-menu .my_page_navi p {
	background:url(/images/member/icon_group.gif) no-repeat left 7px;
	margin: 10px 0;
	padding: 0 0 0 15px;
	height:auto;
}
div#mvp-tab-menu .my_page_navi a {
	margin:0;
	padding:10px 0 10px 15px;
	background:url(/images/member/arrow_pink.jpg) no-repeat left 15px;
	zoom:1;
}
div#mvp-tab-menu .main_navi_group > a {
	font-size:100%;
}
div#mvp-tab-menu .main_navi_group li {
	border-top-style:dotted;
}
div#mvp-tab-menu .main_navi_group ul {
	margin:0;
}

/*@media screen and (min-width:640px) and (max-width:959px) {
	div#mvp-tab-menu .main_navi_group li {
		float:left;
		width:33%;
	}
	div#mvp-tab-menu li.main_navi_group {
		clear:left;
	}
	div#mvp-tab-menu .my_page_navi a {
		display:inline-block;
		padding-right:35px;
		padding-left:25px;
		margin-left:10px;
		background-position:10px 15px;
	}
}*/
@media screen and (max-width:767px) {
	div#mvp-tab-menu .main_navi_group li a {
		padding-left:35px;
		background-position:20px 15px;
	}
	div#mvp-tab-menu li.mvp-padding {
		display:none;
	}
}

/*==================================================
  style for page
====================================================*/
/*--------------------------------------------------
  regist/agreement
---------------------------------------------------- */
#rule {
	width: 100%;
	max-height: 350px;
	min-height: 50px;
	overflow-y: scroll;
	border:solid 1px #ddd;
	line-height:150%;
	text-align: left;
}
#rule_inner {
	padding:5px 10px 15px;
}
#rule ol li {
	list-style-type:none;
}
#rule h2 {
	margin:1em 0 1em 0;
	padding:0;
	background-image:none;
	font-weight: bold;
}
#rule dt {
	margin-top:1em;
}
#rule dd {
	margin-left:1em;
	text-indent:1em;
}
#main h2.regist_notice {
	background:none;
	font-size:100%;
	margin:0;
	padding:0;
	line-height:150%;
}

/*--------------------------------------------------
  regist/thanks_entry, finish
---------------------------------------------------- */
p.mvp-regist-complete{
	color:#958149;
	font-size:140%;
}

#main .step_text_note {
	font-size:125%;
}

@media screen and (min-width: 768px) {
	#mvp-regist-image {
		float:right;
		margin: 0 15px 1em 15px;
	}
}
@media screen and (max-width: 767px) {
	#mvp-regist-image {
		margin:0 auto 1em auto;
		text-align:center;
	}
}

/*--------------------------------------------------
  auth/login
---------------------------------------------------- */
#main div.mvp-login_input p {
	margin:0;
}

#main .new_entry,
#main .mvp-regist-info,
#main #mvp-login-submit #login_submit_btn,
#main #mvp-password_recovery a{
  display: inline-block;
  position: relative;
  padding: 4px 32px;
  border: 2px solid #0070c0;
  border-radius: 20px;
  background: #fff;
  color: #0070c0;
  line-height: 1;
}

#main h2#mvp-login-heading {
		background:transparent none repeat scroll 0 0;
}

#main #mvp-password_recovery {
	clear:left;
	margin: 0 auto 0 6px;
	padding-top: 3px;
	font-size: 90%;
	text-align: center;
}

#main #mvp-password_recovery a {
	text-decoration: underline;
	color: #f00;
}

#main dl.mvp-login_input dd {
	margin-bottom: 10px;
}

#main dl.mvp-login_input dd input {
	height: 1.9em;
	width: 98%;
}

#main #mvp-login-submit #login_submit_btn {

}

#main div#mvp-login-submit {
	text-align:center;
	margin: 0 0 10px;
}

#main dl.mvp-login_input {
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
	#main #mvp-site-title {
		text-align: center;
	}

	#main #mvp-login-panel,
	#main #mvp-regist-entry {
		width: 49%;
	}

	#main #mvp-login-panel-outer .mvp-auth-panel-inner,
	#main #mvp-login-panel-outer .mvp-regist-panel-inner {
		padding-top: 40px;
		height: 220px;
	}

	#main .mvp-regist-panel-inner p {
		text-align: center;
	}

	#main .mvp-regist-panel-inner p.annotation {
		font-size: 80%;
	}

	#main #mvp-login-panel	{ float: right; }
	#main #mvp-regist-entry { float: left;	}
	#main #mvp-login-panel.mvp-login-only {
		float: none;
		margin: 0 auto;
	}

	#main h2#mvp-login-heading,
	#main h2#mvp-regist-heading{
		font-size: 108%;
		background:transparent none repeat scroll 0 0;
		margin:17px 12px 0 0;
		padding:0;
		border:none;
		white-space: nowrap;
	}

	#main h2#mvp-login-heading span,
	#main h2#mvp-regist-heading span {
		vertical-align: middle;
		font-size: 130%;
	}

	#main h2#mvp-login-heading span  { color: #418bcc; }
	#main h2#mvp-regist-heading span { color: #eea200; }

	#mvp-login-body {
		margin:0;
	}

	#main dl.mvp-login_input dt {
		clear: left;
		float: left;
		width: 5em;
		text-align: right;
		padding-right: 3px;
	}

	#main dl.mvp-login_input dt span.sp-annotation {
		display:none;
	}

	#main dl.mvp-login_input dd {
		margin-left: 5.3em;
	}

	#main dl.mvp-login_input dd span.annotation {
		display: block;
		text-align: right;
		font-size: 75%;
	}

	#main #mvp-login-submit {
		padding:0;
		width: 100%;
		text-align: center;
	}

	#main div.mvp-login_input h3 {
		margin:0 0 3px 0;
		float: left;
		width: 5.5em;
		font-size: 85%;
	}

	.mvp-regist-panel .mvp-regist-announce {
		font-size: 110%;
	}

	#mvp-login-panel-outer {
		background: #f2f2f2;
		padding: 10px 40px 30px;
		margin: 0px 0 20px;
	}

}

@media screen and (max-width: 767px) {
	#main dl.mvp-login_input dt span.sp-annotation {
		display: inline;
	}

	#main dl.mvp-login_input dd span.annotation {
		 display: none;
	}

	#main dl.mvp-login_input dd input {
		width: 100% !important;
	}

	#mvp-login-panel-outer {
		padding: 15px 25px 0;
		margin: 0 20px 20px;
	}

	#main h2#mvp-login-heading,
	#main h2#mvp-regist-heading {
		display: none;
	}

	#main div.mvp-login_input h3 {
		margin:1em 0 3px 0;
	}

	#main #mvp-password_recovery {
		margin:15px auto 0 auto
	}
}

/* member registration intro */
@media screen and (max-width:767px) {
	#mvp-mem-intro-inner {
		padding:20px 10px 20px 10px;
		background-size:32%;
	}
	#mvp-mem-intro-inner .mvp-mem-txt {
		width:auto;
		margin:20px 20% 0 0;
		padding:20px 0 0 0;
		text-shadow:0px 0px 2px #fff;
	}
	#main #mvp-mem-intro-inner h1{
		max-width:340px;
		height:126px;
		margin:0 0 20px 0;
		background: url("/info_member/images/member_intro.png") no-repeat top left transparent;
		background-size:100%;
	}
	#main p.mvp-mem-regist {
		margin:20px 0 25px 0;
	}
	#mvp-reg-btn {
		width:auto;
		max-width:290px;
		height:66px;
		background: url("/info_member/images/member_reg.png") no-repeat top left #fff;
		background-size:100%;
	}
}
/*@media screen and (min-width:640px) and (max-width:959px) {
	#mvp-mem-intro-inner {
		padding:20px 30px 20px 30px;
		background-size:28%;
	}
	#main #mvp-mem-intro-inner h1{
		max-width:598px;
		background-size:100%;
	}
	#mvp-mem-intro-inner .mvp-mem-txt {
		width:auto;
		margin:20px 27% 0 0;
		padding:20px 0 0 0;
		text-shadow:0px 0px 2px #fff;
	}
	#main p.mvp-mem-regist {
		margin:25px 27% 30px 0;
	}
}*/


/*--------------------------------------------------
  Medical Note Expert Area （Medical Note Expert IDログイン画面）
---------------------------------------------------- */

#main h2#mvp-expert-heading span {
    color: #977bcc;
    vertical-align: middle;
    font-size: 130%;
}
#main h2#mvp-expert-heading{
	font-size: 108%;
	background:transparent none repeat scroll 0 0;
	margin:17px 12px 0 0;
	padding:0;
	border:none;
	white-space: nowrap;
}

#main .mvp-expert-panel {
    background: #cfcfcf;
    border: 3px solid #dedede;
    padding: 1px;
}
#mvp-login-panel-outer div.mvp-auth-panel-inner,
#mvp-login-panel-outer div.mvp-expert-panel-inner {
    background: #fff;
    padding: 10px 20px;
}
#main #mvp-login-panel.mvp-login-panel-expert {
		width: 100%;
}
	#main #mvp-login-panel-outer .mvp-expert-logo {
		margin: 40px 0;
}
#main #mvp-login-panel-outer .mvp-login-panel-expert img {
	  max-width: 100%;
		display: block;
    margin: 0 auto;
		height: 55px;
}
#main #mvp-login-panel-outer .mvp-login-panel-expert img.mvp-expert-logo-sp {
    display: none;
}

#main #mvp-login-panel-outer .mvp-expert-logo a {
    display: block;
    max-width: 500px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
	#main h2#mvp-expert-heading {
	    color: #fff;
			padding: 0;
	}
	#main #mvp-login-panel-outer .mvp-login-panel-expert .mvp-expert-panel-inner {
			padding: 10px 20px;
	}

#main #mvp-login-panel-outer .mvp-login-panel-expert .mvp-expert-logo {
			margin: 24px auto;
}
#main #mvp-login-panel-outer .mvp-login-panel-expert img:first-child {
    display: none;
}
#main #mvp-login-panel-outer .mvp-login-panel-expert img.mvp-expert-logo-sp {
    display: block;
}
#main #mvp-login-panel-outer .mvp-login-panel-expert img {
		height: 100px;
}
}

/*--------------------------------------------------
  mvp-expert-member （会員登録する／別のメールアドレスで会員登録する）
---------------------------------------------------- */
#main .mvp-expert-member-contents {
    padding: 32px 0px;
    max-width: 1160px;
    margin: 0 auto;
    background: #fff;
}
#main .mvp-expert-member-contents-main #main-inner{
	padding-top: 20px;
}
#main .mvp-expert-member-list {
    display: block;
    max-width: 800px;
    margin: 0 auto 48px;
}
#main .mvp-expert-member-list li {
	list-style: disc;
	list-style-position: inside;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 16px;
}
#main .mvp-expert-member-check {
	    text-align: center;
	    margin-bottom: 24px;
	}

	#main .mvp-expert-btn-area {
		display: flex;
	    justify-content: center;
	    max-width: 640px;
	    margin: 0 auto;
	}
	#main .mvp-expert-btn-area div {
	    min-width: 264px;
	}

/*back-btn*/
	#main .mvp-expert-member-contents-main .mvp-expert-back-btn {
    padding: 0;
		background: #ddd;
		margin: 10px auto 0px;
}
#main .mvp-expert-member-contents-main .mvp-expert-back-btn a {
	color: #000;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px 8px;
}
/*regist_entry*/
 #main .mvp-expert-member-contents-main div.submit.regist_entry {
		min-width: 264px;
		padding: 0;
}
	#main .mvp-expert-member-contents-main .submit.regist_entry input {
		font-size: 85%;
	    font-weight: bold;
	    display: flex;
	    height: 100%;
	    width: 100%;
	    padding: 0;
	    justify-content: center;
	    align-items: center;
}

.mvp-expert-member-check + div.mvp-expert-btn-area {
    max-width: 560px !important;
}
@media screen and (max-width:767px) {
.mvp-expert-member-contents-main {
    margin: 0 16px;
}
	#main .mvp-expert-member-list {
    margin: 0 auto 24px;
}
	#main div#main-inner .mvp-expert-btn-area {
		flex-direction: column-reverse;
}
	#main .mvp-expert-member-contents-main .mvp-expert-back-btn {
		margin-top: 16px;
	}
	#main .mvp-expert-member-contents-main div.submit.regist_entry {
    height: 53px;
		min-width: 100%;
}
#main .mvp-expert-btn-area div {
    min-width: 100%;
}
#main .mvp-expert-member-contents-main .submit.regist_entry input {
	padding: 0;
	width: 100%;
}
}


/*--------------------------------------------------
  member/index
---------------------------------------------------- */
div#my_page_select li {
	display:table-cell;
	font-weight:bold;
	padding:3px 35px 1px 5px;
	border-right:1px solid #fff;
	cursor:pointer;
}
div#my_page_select li.my_page_select_yes {
	color:#fff;
	background: url('/images/member/bg_tab_active.gif') no-repeat top right #525c8c;
}
div#my_page_select li.my_page_select_yes a {
	color:#fff;
	text-decoration:none;
}
div#my_page_select li.my_page_select_no {
	color:#333;
	background: url('/images/member/bg_tab_inactive.gif') no-repeat top right #ced4da;
}
div#my_page_select li.my_page_select_no a {
	color:#333;
	text-decoration:none;
}
div#my_page_top_block {
	margin:0 0 20px 0;
	border:solid 2px #525c8c;
	line-height: 1.4;
}
div#my_page_top_block_inner {
	min-height:325px;
	padding: 8px 10px;
}
* html div#my_page_top_block_inner {
	height:275px;
}
div#my_page_top_block_bottom {
	text-align: right;
	min-height:19px;
}

/*--------------------------------------------------
  member/history
---------------------------------------------------- */
div#my_page_history_form {
	margin: 5px 0;
	text-align:right;
}
div#my_page_history_form input{
	vertical-align:bottom;
}

table.my_page_history {
	border-collapse:collapse;
	border:solid 1px #888;
	width:100%;
}
table.my_page_history td {
	border:solid 1px #888;
	padding: 5px;
}

@media screen and (min-width:768px) {
	table.my_page_history td.history_date {
		width:11em;
	}
	table.my_page_history div.history_date {
		display:none;
	}
}
/*@media screen and (min-width:640px) and (max-width:959px) {
	table.my_page_history td.history_date {
		width:6em;
	}
	table.my_page_history div.history_date {
		display:none;
	}
}*/
@media screen and (max-width:767px) {
	table.my_page_history td.history_date {
		display:none;
	}
	table.my_page_history div.history_date {
		margin:5px 0 0 0;
		display:block;
		float:left;
	}
}

table.my_page_history td.history_mark {
	width:28px;
}
table.my_page_history img.content_icon {
	float:left;
	margin-right:10px;
	width:80px;
	max-width:35%;
}
table.my_page_history div.content_name {
	margin-bottom:5px;
	font-weight:bold;
}
table.my_page_history div.content_name a {
	color:#2c2c2c;
	text-decoration:none;
	font-weight:bold;
}
table.my_page_history div.content_name a:hover {
	text-decoration:underline;
}

table.my_page_history div.content_page_name a {
	color:#2c2c2c;
	text-decoration:none;
}
table.my_page_history div.content_page_name a:hover {
	text-decoration:underline;
}

#my_page_more_pages {
	margin-top:5px;
	text-align:center;
}
#my_page_more_pages a {
	display:block;
	background-color:#abacb3;
}

/*--------------------------------------------------
  member/bookmark_content
---------------------------------------------------- */
#my_page_bookmark_content_read {
	float:right;
}
h3.my_page_bookmark_count {
	margin-bottom:6px;
	padding-top:4px;
}

/* bookmark content block */
ul.my_page_bookmark {
	border:0;
	padding:0;
	list-style-type:none;
}
li.my_page_bookmark_content {
	clear:both;
	border:dotted 1px #666;
	margin:0 0 2px 0;
	padding:0;
}
li.my_page_bookmark_content table {
	width:100%;
	border-collapse:collapse;
	border:0;
	vertical-align:bottom;
}
td.my_page_bookmark_delete {
	padding:0 5px;
	vertical-align:middle;
	width:13px;
	background-color:#e6e6e6;
}
@media screen and (min-width:768px) {
	td.my_page_bookmark_main {
		padding:10px;
		vertical-align:top;
	}
}
@media screen and (max-width:767px) {
	td.my_page_bookmark_main {
		padding:5px;
		vertical-align:top;
	}
}
td.my_page_bookmark_move {
	padding:0 6px;
	vertical-align:middle;
	background-color:#ecebe0;
	width:17px;
	cursor: move;
}

/* bookmark main cotents */
div.my_page_bookmark_content_icon {
	float:left;
	width:80px;
	margin:0 10px 0 0;
	max-width:35%;
}
div.my_page_bookmark_content_icon img {
	max-width:100%;
}
.my_page_bookmark_content_closed {
	color:#cc0000;
}

td.my_page_bookmark_main li {
	list-style-type:none;
	margin:0;
	padding:4px 0;
	border-top:1px #666 dotted;
}
td.my_page_bookmark_main li:first-child {
	border-top:none 0px transparent;
}
td.my_page_bookmark_main h3 {
	margin:0 0 4px 0;
	font-weight: bold;
}

/* bookmark new page */
@media screen and (min-width:768px) {
	div.my_page_bookmark_new_page {
		margin:0 0 8px 90px;
	}
}
@media screen and (max-width:767px) {
	div.my_page_bookmark_new_page {
		clear:left;
		padding-top:8px;
		margin:0 0 5px 0;
	}
}
div.my_page_bookmark_new_page a {
	color:#2c2c2c;
}
div.my_page_bookmark_new_page div {
	margin-bottom:4px;
}
div.my_page_bookmark_new_page h4 {
	display:inline;
	cursor:pointer;
	border-radius:4px;
	padding:2px 10px 2px 5px;
	border-right:solid 5px #cc0000;
	background:url(/images/member/bt_new_page_open.gif) no-repeat right 5px #cc0000;
	color:#ffffff;
	font-weight:bold;
	font-size:90%;
	white-space:nowrap;
}
div.my_page_bookmark_new_page ul {
	margin-top:4px;
}
@media screen and (max-width:767px) {
	div.my_page_bookmark_new_page ul {
		border-bottom:1px;
		border-bottom:solid 2px #ddd;
	}
}
div.my_page_bookmark_new_page li {
	padding:0 0 0 18px;
	background: url(/images/member/icon_new_page.gif) no-repeat 0px 3px;
}

/* bookmark page list */
@media screen and (min-width:768px) {
	ul.my_page_bookmark_pages {
		margin-left: 90px;
	}
	div.my_page_bookmark_page_header {
		margin-left: 90px;
		background-color:#e6e6e6;
		text-align:right;
		font-weight:bold;
		padding:2px 10px 2px 0;
	}
	ul.my_page_bookmark_pages div.my_page_bookmark_page_date {
		float:right;
		padding-right:10px;
	}
	ul.my_page_bookmark_pages span.my_page_bookmark_page_date {
		display:none;
	}
	div.my_page_bookmark_page_link {
		margin-right:7em;
	}
}
@media screen and (max-width:767px) {
	ul.my_page_bookmark_pages {
		clear:left;
	}
	div.my_page_bookmark_page_header {
		display:none;
	}
	ul.my_page_bookmark_pages div.my_page_bookmark_page_date {
		display:none;
	}
	ul.my_page_bookmark_pages span.my_page_bookmark_page_date {
		display:inline;
	}
}
div.my_page_bookmark_page_link a {
	color:#2c2c2c;
}

div.my_page_bookmark_page_link div.deleteable {
	margin-left:17px;
}
div.my_page_bookmark_page_link form {
	float:left;
	padding-top:3px;
}

/*--------------------------------------------------
  bookmark empty
----------------------------------------------------*/
#my_page_bookmark_empty h3 {
	color:#fff;
	padding:3px 10px;
	background-color:#71a4db;
	background-image:none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#my_page_bookmark_empty h4 {
	clear:both;
	color:#3a4678;
	margin:10px 0;
}
#my_page_bookmark_empty p {
	padding:0 0 0 210px;
	overflow:hidden;
}

#my_page_bookmark_empty p img {
	vertical-align:middle;
}

#my_page_bookmark_empty p img.left {
	float:left;
	margin:0 0 0 -190px;
	display:block;
}
@media screen and (max-width:767px) {
	#my_page_bookmark_empty p {
		padding:0;
	}
	#my_page_bookmark_empty p img.left {
		float:none;
		margin-left:0;
		display:block;
	}
}

/*--------------------------------------------------
  member/mail_magazines, member/bookmark_mail
----------------------------------------------------*/
/* mail_list */
.mail_list {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.mail_list li {
	padding: 16px;
}
.mail_list li + li {
	border-top: 1px solid #ddd;
}
.mail_list span {
	font-weight: bold;
}
.mail_list_date {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.mail_text-btn {
	background: #ffffcc;
	padding: 2px 24px 2px 16px;
	border-radius: 16px;
	border: 2px solid #0070c0;
	position: relative;
	font-size: 14px;
}
.mail_text-btn:after {
	position: absolute;
	top: calc(50% - 3px);
	right: 10px;
	transform: rotate(45deg);
	width: 5px;
	height: 5px;
	border-top: 1px solid #0070c0;
	border-right: 1px solid #0070c0;
	content: '';
}
@media screen and (max-width:767px) {
	.mail_list li {
    padding: 16px 0;
	}
	.mail_text-btn {
		padding: 2px 16px 2px 8px;
	}
}
/*--------------------------------------------------
  member/mail_alert
---------------------------------------------------- */
#mail_alert {
	margin:0 0 0 20px;
}
#mail_alert li {
	margin:0 0 10px 0;
	list-style-type:disc;
}


/*--------------------------------------------------
  Send mail directly Popup.
---------------------------------------------------- */
div.mail-send-confirm-box {
	background: #d8d8d8;
	border: 2px solid #999;
	border-radius: 5px;
	font-size: 90%;
	padding: 5px 10px;
	position: absolute;
	right: 0;
	max-width: 300px;
	margin: 10px;
}

#main div.mail-send-confirm-box p {
	margin-bottom: 10px;
}

div.mail-send-confirm-box div.send-confirm {
	text-align: center;
}

div.mail-send-confirm-box div.send-cancel {
	text-align: right;
	margin-top: -20px;
}

div.mail-send-confirm-box div.send-cancel a {
	text-decoration: underline;
}

@media screen and (max-width:767px) {
div.mail-send-confirm-box {
	max-width: none;
}
}

#institution_form_selected {
  background: #ffff55 !important;
}

.info_title {
	font-weight: bold;
}