@charset "utf-8";
/* CSS Document */

/*デフォルトフォントの指定*/
body,td,th {
	color: #333;
	font-size: 14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
}

/*ここまで初期設定*/




/*共通設定*/

a,p {
	-webkit-transition: 0.3s;
			transition: 0.3s;
}

body {
	background: #fff;
}
input[type=text], input[type=radio], input[type=checkbox] , select, input[type="reset"], input[type="submit"], input[type="email"], input[type="password"] {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a.line{
	text-decoration: underline;
}

a {
	color: #333;
	text-decoration: none;
}
a:hover {
}
a:hover img {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-ms-filter: "alpha(opacity=60)";
}

.width {
	/*width: 960px;*/
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
}
.right {
	float: right;
}
.left {
	float: left;
}

.pdf:before {
	content: "\f1c1";
	font-weight: 400;
	font-family: "Font Awesome 5 Free";
	margin-right: 8px;
}

.reg{
	font-size: 70%;
	vertical-align: middle;
}

header {
    border-bottom: solid 1px #ccc;
}
header .width {
	padding: 0 16px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header h1 {
}
header .width .mlogo {
	margin-top: 25px;
}
header .right {
	text-align: right;
	position: absolute;
	right: 16px;
	bottom: 8px;
}
header .right a {
	display: inline-block;
	margin: 0 8px;
}
header .right div {
	margin-top: -4px;
	float: right;
}
header .right img {
	margin-left: 16px;
	float: right;
}

header .right #fontSize {
	display: inline-block;
}
header .right #fontSize li {
	display: inline-block;
	padding: 4px 0;
	font-size: 12px;
}
header .right #fontSize .changeBtn,
header .right #fontSize .middle,
header .right #fontSize .large {
	padding: 1px 4px;
	font-size: 12px;
	border: solid 1px #666;
}
header .right #fontSize .changeBtn:hover,
header .right #fontSize .middle:hover,
header .right #fontSize .large:hover {
	background: #ccc;
	cursor: pointer;
	background: -webkit-gradient(linear, left top, right bottom,
					from(#9fa8da),
					color-stop(0.1, #9fa8da),
					color-stop(0.1, #c5cae9),
					color-stop(0.4, #c5cae9),
					color-stop(0.4, #9fa8da),
					color-stop(0.6, #9fa8da),
					color-stop(0.6, #c5cae9),
					color-stop(0.9, #c5cae9),
					color-stop(0.9, #9fa8da),
					to(#9fa8da));
	background: -moz-linear-gradient(-45deg,
					#9fa8da 0%,
					#9fa8da 10%,
					#c5cae9 10%,
					#c5cae9 40%,
					#9fa8da 40%,
					#9fa8da 60%,
					#c5cae9 60%,
					#c5cae9 90%,
					#9fa8da 90%,
					#9fa8da);
	background: linear-gradient(-45deg,
					#9fa8da 0%,
					#9fa8da 10%,
					#c5cae9 10%,
					#c5cae9 40%,
					#9fa8da 40%,
					#9fa8da 60%,
					#c5cae9 60%,
					#c5cae9 90%,
					#9fa8da 90%,
					#9fa8da);
	background-size: 4px 4px;
	border: solid 1px #1a237e;
}
header .right #fontChange li.on {
	background: #ccc;
	cursor: pointer;
}
header nav  {
	min-height: 42px;
	padding: 0 16px;
}
header nav ul {
	display: flex;
	justify-content: center;
	width: 1080px;
	margin: auto;
}
header nav ul li {
	width: 20%;
	max-width: 250px;
	border-top: solid 1px #615f9e;
	border-right: solid 1px #1b1672;
	border-bottom: solid 1px #1b1672;
	border-left: solid 1px #615f9e;
}
header nav ul li a {
	display: block;
	padding: 14px 0 12px;
	color: #fff;
	line-height: 1;
	text-align: center;
	position: relative;
	-webkit-text-shadow: 1px 1px 0 rgba(0,0,0,1);
	   -moz-text-shadow: 1px 1px 0 rgba(0,0,0,1);
	        text-shadow: 1px 1px 0 rgba(0,0,0,1);
}
header nav ul li a:hover {
	background: rgba(255,255,255,0.5);
	color: #fff;
}
header nav ul li a:after {
	content: '';
	width: 0;
	height: 0;
	margin-top: -3px;
    border-top: solid 4px transparent;
    border-right: solid 4px transparent;
    border-bottom: solid 4px transparent;
    border-left: solid 6px #fff;
	position: absolute;
	top: 50%;
	left: 16px;
}
header nav ul li:first-child {
	border-left: solid 1px #1b1672;
}
header nav ul li:first-child a {
	border-left: solid 1px #615f9e;
}
header nav ul li:last-child {
	border-right: solid 1px #615f9e;
}
header nav ul li:last-child a {
	border-right: solid 1px #1b1672;
}

/*2カラムの設定*/
#container {
	padding: 32px 16px;
}
#container #main {
	width: 788px;
	padding-right: 32px;
	float: left;
}
#container #side {
	width: 240px;
	float: left;
}
/*2カラムの設定（トップページのみ）*/
#index #container #main {
	width: 748px;
}
#index #container #side {
	width: 280px;
}

#container section {
	margin-bottom: 32px;
}

#container h2 {
	margin-bottom: 16px;
	border-bottom: solid 3px #c6c6c6;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-left: 4px;
}
/*#container h2:after {
	content: '';
	width: 40%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}*/
#container h2.bga {
	color: #2B2855;
	font-size: 18px;
	padding: 10px 8px 6px 8px;
	border-bottom: none;
	background: -webkit-gradient(linear, left top, right bottom,
					from(#b0bec5),
					color-stop(0.1, #b0bec5),
					color-stop(0.1, #cfd8dc),
					color-stop(0.4, #cfd8dc),
					color-stop(0.4, #b0bec5),
					color-stop(0.6, #b0bec5),
					color-stop(0.6, #cfd8dc),
					color-stop(0.9, #cfd8dc),
					color-stop(0.9, #b0bec5),
					to(#b0bec5));
	background: -moz-linear-gradient(-45deg,
					#b0bec5 0%,
					#b0bec5 10%,
					#cfd8dc 10%,
					#cfd8dc 40%,
					#b0bec5 40%,
					#b0bec5 60%,
					#cfd8dc 60%,
					#cfd8dc 90%,
					#b0bec5 90%,
					#b0bec5);
	background: linear-gradient(-45deg,
					#b0bec5 0%,
					#b0bec5 10%,
					#cfd8dc 10%,
					#cfd8dc 40%,
					#b0bec5 40%,
					#b0bec5 60%,
					#cfd8dc 60%,
					#cfd8dc 90%,
					#b0bec5 90%,
					#b0bec5);
	background-size: 4px 4px;
	position: relative;
}
/*#container h2.bga:after {
	content: '';
	width: 100%;
	height: 0;
	border-top: solid 1px #46428e;
	border-bottom: solid 1px #fff;
	position: absolute;
	top: 0;
}*/

.link_arrow {
	display: inline-block;
	width: 240px;
	padding: 14px 16px 12px 36px;
	border: solid 1px #999;
	line-height: 1;
	position: relative;
	border-radius: 6px;
}
.link_arrow:before {
	/*content: '';*/
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #fff;
	border: solid 1px #333;
	position: absolute;
	top: 50%;
	left: 12px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
.link_arrow:after {
	content: '';
	width: 0;
	height: 0;
	margin-top: -4px;
    border-top: solid 4px transparent;
    border-right: solid 4px transparent;
    border-bottom: solid 4px transparent;
    border-left: solid 6px #333;
	position: absolute;
	top: 50%;
	left: 16px;
}
.link_arrow:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-ms-filter: "alpha(opacity=60)";
}

.link_down {
	display: inline-block;
	padding: 14px 24px 12px 8px;
	border: solid 1px #999;
	line-height: 1;
	position: relative;
	text-align: left;
}
.link_down:after {
	content: '';
	width: 0;
	height: 0;
	margin-top: -3px;
    border-top: solid 6px #fff;
    border-right: solid 4px transparent;
    border-bottom: solid 4px transparent;
    border-left: solid 4px transparent;
	position: absolute;
	top: 50%;
	right: 8px;
}
.link_down:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-ms-filter: "alpha(opacity=60)";
}


/*----------------------------------------------------------------------------------*/
/*トップページ（メイン）*/
/*----------------------------------------------------------------------------------*/

#main .news h2:after { border-bottom: solid 3px #d14c6b;}
#main .about h2:after { border-bottom: solid 3px #2196f3;}
#index .entry h2:after { border-bottom: solid 3px #5c5a9b;}
#index .first h2:after { border-bottom: solid 3px #5c5a9b;}
#index .others h2:after { border-bottom: solid 3px #5c5a9b;}
#index .text1 h2:after { border-bottom: solid 3px #5c5a9b;}
#index .text2 h2:after { border-bottom: solid 3px #5c5a9b;}

/*お知らせ*/
.news dt {
	padding: 0 8px;
}
.news dt {
	border-bottom: dotted 1px #ccc;
	margin-bottom: 8px;
	cursor: pointer;
} 
.news dt:hover {
	text-decoration: underline;
} 
.news dt span {
	font-weight: bold;
	padding-right: 16px;
}
.news dd {
	padding: 0 8px 8px;
	border-bottom: solid 1px #ccc;
}

/*適正使用について*/

.about article {
	padding: 0 8px;
}
.about aside {
	text-align: justify;
	font-size: 13px;
	margin: 16px 0;
	padding: 8px;
	border: dotted 1px #ccc;
}
.about p {
	margin-bottom: 16px;
	text-align: justify;
}
.about p sup {
	font-size: 70%;
}

/*初めてご利用の方*/

.entry ul {
	display: flex;
	gap: 4%;
}
.entry ul li {
	width: 50%;
	border: solid 1px #aaa;
	padding: 16px;
}
.entry ul li h3 {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-bottom: none;
}
.entry ul li p {
	font-size: 12px;
}
.entry ul li .button {
	display: block;
	width: 100%;
	margin: 8px 0;
	padding: 8px 8px 8px;
	text-align: center;
	background: #c7f7c8;
	border: solid 2px #148c19;
}
.entry ul li .button:hover {
	background: #69d96b;
	color: #fff;
}
.entry ul li#dispensing .button {
	background: #ffdbd0;
	border: solid 2px #e64a19;
}
.entry ul li#dispensing .button:hover {
	background: #f39579;
}

/*その他の情報*/

.others ul li {
	margin-bottom: 8px;
	border-bottom: dotted 1px #ccc;
}

/* 重要なお知らせ（パスワード再設定） */

#index #container a.resetpass {
	width: 100%;
	display: block;
	margin-bottom: 16px;
}
#index #container a.resetpass2 {
	display: block;
	margin-bottom: 32px;
	border: solid 3px #aaa;
}
#index #container a.resetpass img,
#index #container a.resetpass2 img {
	width: 100%;
}
#index #container a.resetpass.smp {
	display: none;
}
@media screen and (max-width: 820px) {
	#index #container a.resetpass.dsk {
		display: none;
	}
	#index #container a.resetpass.smp {
		display: block;
	}
}

/*----------------------------------------------------------------------------------*/
/*トップページ（右側）*/
/*----------------------------------------------------------------------------------*/

#side section {
	padding: 16px;
	border: solid 1px #aaa;
}
#side h2 {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-bottom: none;
}
#side p {
	font-size: 12px;
}
#side .button {
	display: block;
	width: 100%;
	margin: 8px 0;
	padding: 8px 8px 8px;
	line-height: 1;
	text-align: center;
}

#side .link_arrow {
	width: 100%;
	padding-left: 24px;
	/*border-radius: 6px;*/
}
#index #side .link_arrow {
	text-align: center;
}
#side .link_arrow:before {
	left: 8px;
}
#side .link_arrow:after {
	left: 12px;
}

/*ログイン*/

#side #login_form {
	border: solid 3px #aaa;
	background: #efefef;
}
#side #login_form input[type=text] {
	padding: 6px 4px 4px 32px;
	width: 100%;
	border: solid 1px #aaa;
}
#side #login_form #id {
	background: #fff url(../img/icon_id.jpg) no-repeat 2% 50%;
	margin-bottom: 4px;
}
#side #login_form #pw {
	background: #fff url(../img/icon_pw.jpg) no-repeat 2% 50%;
}
#side #login_form .button {
	background: #bbdefb;
	border: solid 2px #1976d2;
}
#side #login_form .button:hover {
	background: #42a5f5;
	text-decoration: none;
	color: #fff;
}
#side #login_form .guide {
	font-size: 12px;
	padding-left: 18px;
	position: relative;
}
#side #login_form .guide:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #fff;
	border: solid 1px #333;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
#side #login_form .guide:after {
	content: '';
	width: 0;
	height: 0;
	margin-top: -4px;
    border-top: solid 4px transparent;
    border-right: solid 4px transparent;
    border-bottom: solid 4px transparent;
    border-left: solid 6px #333;
	position: absolute;
	top: 50%;
	left: 4px;
}
#side #login_form .center	{
	text-align: center;
}

/*初めてご利用になる先生*/

#apply .button {
	background: #d1c4e9;
	border: solid 2px #4a148c;
}
#apply .button:hover {
	background: #7e57c2;
	color: #fff;
}

/*医療機関の登録方法*/

#side section#case {
	padding: 16px;
}
#case p {
	margin: 12px 0 6px;
}

/*推奨環境*/

#recommend .button {
	background: #fff176;
	border: solid 2px #f57f17;
}
#recommend .button:hover {
	background: #fbc02d;
	color: #fff;
}

/*ようこそ○○先生*/

#side section.account {
	background: #f5f5f5;
}

/*フッター*/

footer > div {
	width: 100%;
	padding: 24px 0;
	background: #ededed;
	text-align: center;
}
footer nav ul {
	display: inline-block;
	font-size: 0;
}
footer nav ul li {
	display: inline-block;
	padding: 8px 0;
}
footer nav ul li a {
	display: block;
	padding: 2px 16px;
	border-right: solid 1px #333;
	font-size: 12px;
	line-height: 1;
}
footer nav ul li:first-child a {
	border-left: solid 1px #333;
}
footer small {
	display: block;
	padding: 8px;
	font-size: 10px;
	line-height: 1;
	text-align: center;
}
#page2top {
	text-align: right;
	position: fixed;
	right: 48px;
	bottom: 32px;
}

footer .telBox,
#mypage .telBox {
	display: flex;
	justify-content: space-between;
	width: 540px;
	margin: auto;
	padding: 10px 20px;
	border: solid 1px #aaa;
	background: #fff;
}
footer .telBox .sub,
#mypage .telBox .sub {
	background: #ededed;
	border: solid 1px #aaa;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	line-height: 1.2;
}
footer .telBox .main,
#mypage .telBox .main {
	width: calc(100% - 130px);
	text-align: left;
}
footer .telBox .main p.tel,
#mypage .telBox .main p.tel {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: .35rem;
	white-space: nowrap;
	text-decoration: none;
}
footer .telBox .main p.tel img,
#mypage .telBox .main p.tel img {
	width: 42px;
	margin-right: 10px;
	vertical-align: text-top;
}
footer .telBox .main span,
#mypage .telBox .main span {
	display: block;
	font-size: 12px;
}

/*----------------------------------------------------------------------------------*/
/*マイページ*/
/*----------------------------------------------------------------------------------*/

#mypage #account {
	border: solid 4px #eee;
	padding: 24px;
}

#mypage #account h2.id {
	margin-bottom: 32px;
	padding: 9px 0 7px 8px;
	font-size: 18px;
	padding-right: 136px;
    position: relative;
}
#mypage #account h2.id:after {
	border-bottom: none;
}
#mypage #account h2.id span {
	font-size: 14px;
}
#mypage #account h2.id a {
	width: auto;
	margin-top: -16px;
	font-size: 14px;
	float: right;
	min-width: 126px;
	position: absolute;
    right: 0;
}


/*ステータス*/

#mypage #status {
	width: 400px;
	float: left;
}
#mypage #status h2:after {
	border-bottom: solid 3px #6B66A6;
	font-size: 14px;
}
#mypage #status h3 {
	display: block;
	margin-bottom: 4px;
	padding: 5px 4px 3px 24px;
	line-height: 1;
	position: relative;
}
#mypage #status h3:before {
	/*content: '';*/
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #fff;
	border: solid 1px #333;
	position: absolute;
	top: 50%;
	left: 2px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
#mypage #status h3:after {
	content: '';
	width: 0;
	height: 0;
	margin-top: -4px;
	border-top: solid 4px transparent;
	border-right: solid 4px transparent;
	border-bottom: solid 4px transparent;
	border-left: solid 6px #333;
	position: absolute;
	top: 50%;
	left: 6px;
}
#mypage #status .chapter {
	padding: 8px;
	border-bottom: dotted 1px #ccc;
}
#mypage #status .chapter table {
	width: 100%;
}
#mypage #status table th {
	width: 50px;
}
#mypage #status table th span {
	display: block;
	width: 50px;
	padding: 8px 5px 6px;
	color: #fff;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
#mypage #status table.fin th span {
	background: #d06163;
}
#mypage #status table.on th span {
	background: #7370b2;
}
#mypage #status table.off th span {
	background: #ccc;
}
#mypage #status table td.ratio {
	padding: 0 16px;
	font-size: 10px;
	line-height: 1;
}
#mypage #status table td.ratio ul {
	float: left;
}
#mypage #status table td.ratio ul li {
	float: left;
	width: 10px;
	height: 24px;
	margin-right: 3px;
	background: #ccc;
}
#mypage #status table td.ratio ul li.on {
	background: #7370b2;
}
#mypage #status table td.ratio ul.fin li {
	background: #d06163;
}
#mypage #status table td.ratio span {
	display: block;
	padding: 8px 5px 6px;
	font-size: 10px;
	text-align: center;
	float: left;
}
#mypage #status table td.play {
	width: 50px;
}
#mypage #status table td.play a,
#mypage #status table td.play span {
	display: block;
	padding: 8px 4px 6px 16px;
	color: #fff;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	position: relative;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
#mypage #status table.fin td.play a {
	background: #d06163;
}
#mypage #status table.on td.play a {
	background: #7370b2;
}
#mypage #status table.off td.play span {
	background: #ccc;
}
#mypage #status table td.play a:before,
#mypage #status table td.play span:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 5px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
#mypage #status table td.play a:after,
#mypage #status table td.play span:after {
	content: '';
	width: 0;
	height: 0;
	margin-top: -4px;
    border-top: solid 4px transparent;
    border-right: solid 4px transparent;
    border-bottom: solid 4px transparent;
	position: absolute;
	top: 50%;
	left: 9px;
}
#mypage #status table.fin td.play a:before {
	border: solid 1px #d06163;
}
#mypage #status table.fin td.play a:after {
	border-left: solid 6px #d06163;
}
#mypage #status table.on td.play a:before {
	border: solid 1px #7370b2;
}
#mypage #status table.on td.play a:after {
	border-left: solid 6px #7370b2;
}
#mypage #status table.off td.play span:before {
	border: solid 1px #ccc;
}
#mypage #status table.off td.play span:after {
	border-left: solid 6px #ccc;
}
#mypage #status table td.play a:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-ms-filter: "alpha(opacity=60)";
}



/*----------------------------------------------------------------------------------*/
/*申請フォーム*/
/*----------------------------------------------------------------------------------*/

#apply_form {
	padding: 0 32px;
}
#apply_form h2 {
	font-size: 18px;
}
#apply_form .box {
	padding: 24px;
	border: solid 1px #ccc;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
#apply_form .box p {
	margin-bottom: 10px;
}
#apply_form .box h3 {
	padding-top: 20px;
	margin-bottom:15px;
}
#apply_form .box h3.cation {
	font-weight: bold;
	color: #B10A0E;
	padding-top: 5px;
}
#apply_form .box ul.checkbox li {
	margin-top: 10px;
}
#apply_form .box ul.checkbox li label {
	line-height: 1.5;
}

#main .form.apply h2:after {
	border-bottom: solid 3px #6B66A6;
}

#apply_form .form dl.top {
	width: 100%;
	border-top: solid 1px #999;
}
#apply_form .form dl#MedicalItem,
#apply_form .form dl#PharmacistItem {
	display: none;
	width: 100%;
}
#apply_form .form dl.bottom {
	width: 100%;
	padding-bottom: 30px;
}
#apply_form .form dt {
	width: 192px;
	padding: 15px 8px;
	font-weight: normal;
	text-align: right;
	float: left;
	clear: both;
}
#apply_form .form dd {
	padding: 15px 8px;
	padding-left: 227px;
	border-bottom: solid 1px #999;
	font-weight: normal;
	vertical-align: middle;
	position: relative;
	min-height: 52px;
}
#apply_form .form dd:after {
	content: '';
	width: 207px;
	height: 100%;
	border-right: solid 1px #999;
	position: absolute;
	top: 0;
	left: 0;
}


#apply_form .form input[type=text],
#apply_form .form input[type=email] {
	border: 1px solid #c7c7c7;
	outline: 5px solid rgba(0, 0, 0, 0.1);
	padding: 3px 5px;
	margin: 5px 10px 5px 5px;
}
#apply_form .form select {
	border: 1px solid #c7c7c7;
	outline: 5px solid rgba(0, 0, 0, 0.1);
	padding: 3px 5px;
	margin: 5px 10px 5px 5px;
}

#apply_form .form input[readonly] {
	background-color: #efefef;
}

#apply_form input[type=radio],
#apply_form input[type=checkbox] {
	display: inline-block;
	margin: 5px 10px 5px 5px;
	padding: 3px 5px;
}
#apply_form input[type=radio] + label,
#apply_form input[type=checkbox] + label {
	display: inline-block;
	/* margin-right: 20px; */
	cursor: pointer;
	font-size: 14px;
	line-height: 30px;
	position: relative;
}
@media (min-width: 1px) {
	#apply_form input[type=radio],
	#apply_form input[type=checkbox] {
		display: none;
		margin: 0;
	}
	#apply_form input[type=radio] + label,
	#apply_form input[type=checkbox] + label {
		padding: 0 0 0 32px;
	}
	#apply_form input[type=radio] + label::before,
	#apply_form input[type=checkbox] + label::before {
		content: '';
		display: block;
		width: 16px;
		height: 16px;
		/* margin-top: -10px; */
		background: #fff;
		position: absolute;
		/* top: 50%; */
		top: 5px;
		left: 4px;
	}
	#apply_form input[type=radio] + label::before,
	#apply_form input[type=checkbox] + label::before {
		border: 1px solid #c7c7c7;
		outline: 5px solid rgba(0, 0, 0, 0.1);
	}
	#apply_form input[type=radio]:checked + label::after,
	#apply_form input[type=checkbox]:checked + label::after {
		content: '';
		position: absolute;
		/* top: 50%; */
		top: 0;
		display: block;
	}
	#apply_form input[type=radio]:checked + label::after,
	#apply_form input[type=checkbox]:checked + label::after {
		width: 16px;
		height: 8px;
		/* margin-top: -10px; */
		border-left: 3px solid #888;
		border-bottom: 3px solid #888;
		left: 4px;
		-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}
}
#apply_form input[type="reset"], #apply_form input[type="submit"] {
	display: inline-block;
	margin: 30px 5px;
	padding: 15px 20px;
	border: 1px solid #999	;
	color: #333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	text-decoration: none;
	-webkit-text-shadow: 1px 1px 0px rgba(255,255,255,1.0);
	-moz-text-shadow: 1px 1px 0px rgba(255,255,255,1.0);
	text-shadow: 1px 1px 0px rgba(255,255,255,1.0);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
	   -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
			box-shadow: inset 1px 1px 0px 0px #ffffff;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.50, #f6f6f6), color-stop(0.51, #eeeeee), color-stop(0.00, #e6e6e6));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	background: linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	cursor: pointer;
}
#apply_form input[type="submit"] { padding: 15px 50px;}

#apply_form .form .must { font-size: 12px; line-height: 18px; color: #E71063;}
#apply_form .form dd li { padding-bottom: 10px;}
#apply_form .form .short input[type=text] { width: 75px;}
#apply_form .form .mid input[type=text] { width: 160px;}
#apply_form .form .long input[type=text],#apply_form .form .long input[type=email] { width: 300px;}
#apply_form .form .small { font-size: 12px; line-height: 18px;}
#apply_form .form dd p.small { padding-top: 5px;}

#apply_form .form .box2 { margin: 0 15px 30px; padding: 10px 20px; border: solid 1px #ccc; height: 150px; overflow-y: auto;}
#apply_form .form .box2 h3 { margin-bottom: 10px; font-size: 14px; font-weight: bold;}
#apply_form .form .box2 p,#main .form .box2 li { margin-bottom: 10px;}

.doctor .data dd .add_btn a,
#apply_form .form dd .btn a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #999999;
	width: 120px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	-webkit-text-shadow: 1px 1px 0px rgba(255,255,255,1.0);
	-moz-text-shadow: 1px 1px 0px rgba(255,255,255,1.0);
	text-shadow: 1px 1px 0px rgba(255,255,255,1.0);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
	-moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
	box-shadow: inset 1px 1px 0px 0px #ffffff;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.50, #f6f6f6), color-stop(0.51, #eeeeee), color-stop(0.00, #e6e6e6));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	background: linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    cursor: pointer;
}
.doctor .data dd .add_btn a:hover,
#apply_form .form dd .btn a:hover {
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e6e6), color-stop(0.50, #eeeeee), color-stop(0.51, #f6f6f6), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #e6e6e6 0%, #f6f6f6 50%, #eeeeee 51%, #ffffff 100%);
	background: -moz-linear-gradient(top, #e6e6e6 0%, #f6f6f6 50%, #eeeeee 51%, #ffffff 100%);
	background: -ms-linear-gradient(top, #e6e6e6 0%, #f6f6f6 50%, #eeeeee 51%, #ffffff 100%);
	background: -o-linear-gradient(top, #e6e6e6 0%, #f6f6f6 50%, #eeeeee 51%, #ffffff 100%);
	background: linear-gradient(top, #e6e6e6 0%, #f6f6f6 50%, #eeeeee 51%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
    cursor: pointer;
}

#apply_form .fin article { padding: 0 10px;}
#apply_form .fin .btn {
	width: 180px;
	text-align: center;
	margin: 15px auto;
	font-size: 18px;
}
#apply_form .fin .btn a {
	display: block;
	padding: 15px 20px;
	border: 1px solid #999999;
	-webkit-text-shadow: 1px 1px 0px rgba(255,255,255,1.0);
	-moz-text-shadow: 1px 1px 0px rgba(255,255,255,1.0);
	text-shadow: 1px 1px 0px rgba(255,255,255,1.0);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
	-moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
	box-shadow: inset 1px 1px 0px 0px #ffffff;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.50, #f6f6f6), color-stop(0.51, #eeeeee), color-stop(0.00, #e6e6e6));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	background: linear-gradient(top, #ffffff 0%, #f6f6f6 50%, #eeeeee 51%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
}
#apply_form .fin p.center { font-size: 18px; padding-top: 25px;}
#apply_form .fin p { margin-bottom: 15px;}


#apply_form .center {
	text-align: center;
}

#apply_form .rightBox {
	text-align: right;
	margin-bottom: 20px;
}
#apply_form .rightBox a {
	padding: 10px;
	display: inline-block;
	border-radius: 6px;
}
#apply_form .rightBox a:hover {
	opacity: 0.60;
}

/*----------------------------------------------------------------------------------*/
/*申請フォーム検索結果*/
/*----------------------------------------------------------------------------------*/
#apply_form .searchresult{
	width: 100%;
}
#apply_form .searchresult a{
	text-decoration: underline;
}
#apply_form .searchresult tr th,
#apply_form .searchresult tr td{
	padding: 4px;
	border: 1px solid #999;
	width: 20%;
}
#apply_form .searchresult tr th:first-child,
#apply_form .searchresult tr th:last-child{
	width: 30%;
}

/*----------------------------------------------------------------------------------*/
/*フォームから照会する（薬剤師）*/
/*----------------------------------------------------------------------------------*/

#mypage .box {
	margin: 16px 0;
	padding: 16px;
	background: #f5f5f5;
	border: solid 1px #e5e5e5;
}

#mypage .apply h2:after {
	border-bottom: solid 3px #b583b8;
}
#mypage .apply h3 {
	padding-top: 9px;
	padding-bottom: 7px;
	font-size: 16px;
	float: left;
}
#mypage .apply .link_arrow {
	padding-top: 9px;
	padding-bottom: 7px;
	float: right;
}
#mypage .box .address {
	width: 50%;
	padding-right:16px;
	float: left;
}
#mypage .box .name {
	width: 50%;
	padding-left:16px;
	float: left;
}
#mypage .address dl {
	padding-top: 22px;
}

#mypage .form h4 {
	padding-top: 24px;
	margin-bottom: 16px;
}
#mypage .form h4 span {
	font-size: 12px;
	padding-left: 24x;
}
#mypage .form dl {
	margin-bottom: 8px;
}
#mypage .form dt {
  width: 96px;
  padding: 16px 8px;
  font-weight: normal;
  line-height: 1;
  text-align: right;
  float: left;
  clear: both;
}
#mypage .form dd {
	padding: 4px 8px;
	padding-left: 96px;
	font-weight: normal;
	line-height: 1;
}
#mypage .form input[type=text] {
	width: 128px;
	margin: 4px;
	padding: 4px;
	border: 1px solid #c7c7c7;
	outline: 4px solid rgba(0, 0, 0, 0.1);
}
#mypage .form select {
	margin: 4px;
	padding: 4px;
 	border: 1px solid #c7c7c7;
	outline: 4px solid rgba(0, 0, 0, 0.1);
}
#mypage .btnBox {
	width: 256px;
	margin: 24px auto 16px;
}
#mypage .btnBox a {
	display: block;
	padding: 9px 8px 7px;
	background: -webkit-gradient(linear, left top, right bottom,
					from(#b39ddb),
					color-stop(0.1, #b39ddb),
					color-stop(0.1, #d1c4e9),
					color-stop(0.4, #d1c4e9),
					color-stop(0.4, #b39ddb),
					color-stop(0.6, #b39ddb),
					color-stop(0.6, #d1c4e9),
					color-stop(0.9, #d1c4e9),
					color-stop(0.9, #b39ddb),
					to(#b39ddb));
	background: -moz-linear-gradient(-45deg,
					#b39ddb 0%,
					#b39ddb 10%,
					#d1c4e9 10%,
					#d1c4e9 40%,
					#b39ddb 40%,
					#b39ddb 60%,
					#d1c4e9 60%,
					#d1c4e9 90%,
					#b39ddb 90%,
					#b39ddb);
	background: linear-gradient(-45deg,
					#b39ddb 0%,
					#b39ddb 10%,
					#d1c4e9 10%,
					#d1c4e9 40%,
					#b39ddb 40%,
					#b39ddb 60%,
					#d1c4e9 60%,
					#d1c4e9 90%,
					#b39ddb 90%,
					#b39ddb);
	background-size: 4px 4px;
	border: solid 2px #ba68c8;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-radius: 6px;
}
#mypage .btnBox a:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-ms-filter: "alpha(opacity=60)";
}



/*----------------------------------------------------------------------------------*/
/*処方元医師の照会*/
/*----------------------------------------------------------------------------------*/
.main.inquiry {}
.main.inquiry article { padding: 0 10px;}

.main.inquiry .form h2:after { border-bottom: solid 3px #b583b8;}
.main.inquiry .form h3 {
	font-size: 16px;
	font-weight: bold;
	height: 24px;
	margin-bottom: 10px;
	/*padding-left: 15px;*/
}
.main.inquiry .form h3#form span {
	font-size: 12px;
	padding: 0 20px 0 10px;
	font-weight: normal;
	background: url(../img/icon_arrow.jpg) no-repeat 0 4px;
}
.main.inquiry .form h4 { padding-top: 20px; margin-bottom:15px;}
.main.inquiry .form h4 span { font-size: 12px;}
.main.inquiry .form .box { margin: 0 15px 30px; padding: 0 20px; border: solid 2px #999; }
.main.inquiry .form dl { margin-bottom: 10px; border-bottom: dotted 1px #999; border-top: none;}
.main.inquiry .form dt { width: 110px; border: none; padding: 23px 10px 15px;}
.main.inquiry .form dd { padding-left: 160px; border: none;}
.main.inquiry .form dd:after { width: 140px; border: none;}

.main.inquiry #exp h2:after { border-bottom: solid 3px #d14c6b;}
.main.inquiry #exp .att { font-size: 12px; line-height: 18px; color: #E71063;}
.main.inquiry #exp h3 { margin: 20px 0; border-bottom: solid 1px #999; padding-bottom: 5px;}
.main.inquiry #exp h4 { padding: 5px 10px 5px 0; margin: 0 0 10px 0;}
.main.inquiry #exp h5 { margin-bottom: 10px; font-size: 14px;}
.main.inquiry #exp p { margin-bottom: 20px;}
.main.inquiry #exp .inner { margin-left: 15px;}
.main.inquiry #exp article { border: dotted 1px #ccc; margin: 0 10px;}


/*----------------------------------------------------------------------------------*/
/*確認結果*/
/*----------------------------------------------------------------------------------*/
.result h3 {
	margin-bottom: 16px;
	font-weight: bold;
	color: #E71063;
}
.result h4 {
	font-size: 16px;
	padding: 24px 0 8px;
	border-bottom: dotted 1px #999;
	font-weight: bold;
}
#mypage .result .box {
	margin: 24px;
	padding: 16px;
	background: #FAE8E8;
	border: solid 1px #999;
	font-size: 18px;
	line-height: 2;
}
.result .img {
	margin: 16px 0;
	text-align: center;
}



/*----------------------------------------------------------------------------------*/
/*アカウント情報*/
/*----------------------------------------------------------------------------------*/

#mypage #data {
	width: 540px;
	padding-left: 32px;
	float: left;
}
#mypage #data h2:after {
	border-bottom: solid 3px #6B66A6;
	font-size: 14px;
}

#mypage #data dt {
	width: 128px;
	float: left;
	clear: both;
	position: relative;
} 
#mypage #data dt:after {
	content: '：';
	position: absolute;
	top: 0;
	right: 16px;
}
#mypage #data dd {
	padding-bottom: 16px;
	padding-left: 128px;
} 


#second .content {
	width: 50%;
	padding-right: 16px;
	float: left;
}
#second .content .link_elearning {
	display: block;
	margin-bottom: 8px;
	padding: 16px 0;
	color: #333;
	background: -webkit-gradient(linear, left top, right bottom,
					from(#7cb342),
					color-stop(0.1, #7cb342),
					color-stop(0.1, #aed581),
					color-stop(0.4, #aed581),
					color-stop(0.4, #7cb342),
					color-stop(0.6, #7cb342),
					color-stop(0.6, #aed581),
					color-stop(0.9, #aed581),
					color-stop(0.9, #7cb342),
					to(#7cb342));
	background: -moz-linear-gradient(-45deg,
					#7cb342 0%,
					#7cb342 10%,
					#aed581 10%,
					#aed581 40%,
					#7cb342 40%,
					#7cb342 60%,
					#aed581 60%,
					#aed581 90%,
					#7cb342 90%,
					#7cb342);
	background: linear-gradient(-45deg,
					#7cb342 0%,
					#7cb342 10%,
					#aed581 10%,
					#aed581 40%,
					#7cb342 40%,
					#7cb342 60%,
					#aed581 60%,
					#aed581 90%,
					#7cb342 90%,
					#7cb342);
	background-size: 4px 4px;
	border: solid 4px #689f38;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}
#second .content .link_elearning span {
	display: inline-block;
	margin: 8px auto 0;
	padding: 14px 24px 10px;
	background: #fff;
	border: solid 2px #689f38;
	font-size: 18px;
	line-height: 1;
	border-radius: 6px;
}
#second .content .link_arrow {
	width: 100%;
}
#second .download {
	width: 50%;
	padding-left: 16px;
	float: left;
}
#second .download .link_arrow {
	width: 100%;
	margin-bottom: 8px;
}
#second .content h2:after { border-bottom: solid 3px #91cd77;}
#second .download h2:after { border-bottom: solid 3px #6b68a5;}

/*----------------------------------------------------------------------------------*/
/*推奨環境（メイン）*/
/*----------------------------------------------------------------------------------*/


.guidebox {
	text-align: center;
}
.guidebox li {
	display: inline-block;
}
.guidebox .link_down {
	background: #e9e8f7;
	border: solid 2px #a19ec1;
}
.guidebox .link_down:hover {
	background: #8b87bc;
	text-decoration: none;
	color: #fff;
}
.guidebox .link_down:after {
    border-top: solid 6px #333;
}
.guidebox .link_down:hover:after {
    border-top: solid 6px #fff;
}

#main .guide p {
	margin-bottom: 8px;
}
#main .guide h3 {
	margin: 32px 0 24px;
	border-bottom: solid 3px #c6c6c6;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-left: 5px;
}
#main .guide h3:after {
	content: '';
	width: 40%;
	height: 100%;
	border-bottom: solid 3px #6b66a6;
	position: absolute;
	top: 0;
	left: 0;
}


#browser dl {
	padding: 0 8px;
}
#browser dt {
	margin-top: 20px;
	font-weight: bold;
}
#browser dd li {
	margin-top: 10px;
	padding-left: 55px;
	line-height: 30px;
	background-image: url(../img/browsericon.png);
	background-repeat: no-repeat;
}
#browser dd li.icon_ie { background-position: 15px -30px;}
#browser dd li.icon_ff { background-position: 15px -90px;}
#browser dd li.icon_chrome { background-position: 15px -60px;}
#browser dd li.icon_safari { background-position: 15px 0;}


#jsset dt { font-weight: bold;}
#jsset dd { margin-top: 10px;}

#jsset .browserlist li { margin-top: 30px; padding-left: 10px;}
#jsset .browserlist li dd li { padding: 0 15px; margin-top: 10px;}
#jsset .browserlist li dd li:before { content: "▼ ";  font-size: 85%;}
#jsset .browserlist li div { border-top: 2px solid #eee; font-weight: bold; padding-top: 30px;}
#jsset .browserlist li div li { margin-top: 10px; font-weight: normal; text-indent: -1.6em; margin-left: 1.6em; padding: 0 15px;}

#cookie p, #ajax p { padding: 0 10px;}



/*----------------------------------------------------------------------------------*/
/*ダウンロードページ（メイン）*/
/*----------------------------------------------------------------------------------*/


.intro ul {
	text-align: center;
}
.intro ul li {
	display: inline-block;
	margin: 0 8px;
	width: 30%;
}
.intro ul li a {
    width: 100%;
    border-radius: 6px;
}#main .download .left {
	width: 150px;
}
#main .download .right {
	width: 550px;
}
#main .download .right li {
	margin-bottom: 8px;
	border-bottom: dotted 1px #ccc;
}
#main .download h3 {
	margin-bottom: 16px;
	border-bottom: solid 3px #c6c6c6;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-left: 4px;
}
#main .download h3:after {
	content: '';
	width: 40%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#main #area01 h3:after { border-bottom: solid 3px #2196f3;}
#main #area02 h3:after { border-bottom: solid 3px #f44336;}
#main #area03 h3:after { border-bottom: solid 3px #ff5722;}

#main .download ul.three li {
	width: 33%;
	margin-bottom: 16px;
	padding: 0 16px;
	text-align: center;
	float: left;
}
#main .download ul.four li {
	width: 25%;
	margin-bottom: 16px;
	padding: 0 8px;
	text-align: center;
	float: left;
}


#main .download img {
	margin-bottom: 8px;
}
#main .download p {
	margin-bottom: 8px;
	padding-left: 8px;
	font-size: 12px;
	position: relative;
	text-align: left;
}
#main .download p.single {
	line-height: 36px;
}
#main .download p:after {
	content: '';
	width: 0;
	height: 0;
	margin-top: -4px;
    border-top: solid 4px transparent;
    border-right: solid 4px transparent;
    border-bottom: solid 4px transparent;
    border-left: solid 6px #333;
	position: absolute;
	top: 50%;
	left: 0;
}

#main .download h4 {
    border-bottom: solid 1px #777;
    margin-bottom: 20px;
    padding-left: 5px;
}

#main .download aside {
	font-size: 12px;
	margin: 16px 0;
	padding: 8px;
	border: dotted 1px #ccc;
}
#main .download .link_arrow {
	width: 100%;
	max-width: 150px;
	margin-bottom: 4px;
	padding-right: 0;
	padding-left: 22px;
	font-size: 12px;
	text-align: left;
}
#main .download .link_arrow:before {
	left: 5px;
}
#main .download .link_arrow:after {
	left: 9px;
}


/*----------------------------------------------------------------------------------*/
/*認証 ポップアップ*/
/*----------------------------------------------------------------------------------*/

#check {
	width: 100%;
	height: 100%;
	background: #666;
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
#check > div {
	width: 680px;
	padding: 32px 0 24px;
	background: #fff;
	border: 4px solid #aaa;
	text-align: center;
	position: relative;
}
#check h2 {
	padding: 24px;
	font-size: 18px;
	font-weight: bold;
}
#check p.info {
	width: 560px;
	margin: 0 auto;
	padding: 15px 20px;
	background: #ededed;
	border: 1px solid #aaa;
	text-align: left;
}
#check h3 {
	margin: 32px auto 0;
	padding: 16px 32px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1.3px;
	}
#check .button {
	display: inline-block;
	width: 196px;
	margin: 8px 16px;
	padding: 8px;
	border: solid 1px #999;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
#check .button:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-ms-filter: "alpha(opacity=60)";
}


/*----------------------------------------------------------------------------------*/
/*認証 ページ*/
/*----------------------------------------------------------------------------------*/

.check {
	max-width: 760px;
	margin: auto;
}
.check h2 {
	padding: 0 24px 24px;
	font-size: 18px;
	font-weight: bold;
}
.check p.info {
	padding: 15px;
	background: #ededed;
	border: 1px solid #aaa;
	text-align: justify;
}
.check h3 {
	margin: 32px auto 0;
	padding: 16px 32px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1.3px;
}
.check .btnBox {
	text-align: center;
}
.check .btnBox ul.flex {
	width: 84%;
	display: flex;
	justify-content: center;
	gap: 16px;
	margin: auto;
}
.check .btnBox ul.flex li {
	width: 100%;
}
.check .button {
	display: block;
	width: 100%;
	border: solid 1px #999;
	font-size: 16px;
	font-weight: bold;
	line-height: 3;
	text-align: center;
	border-radius: 6px;
}
.check .button:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-ms-filter: "alpha(opacity=60)";
}


/*----------------------------------------------------------------------------------*/
/*背景用ストライプ*/
/*----------------------------------------------------------------------------------*/

.stripe_blue {
	color: #fff;
	background: -webkit-gradient(linear, left top, right bottom,
					from(#1565c0),
					color-stop(0.1, #1565c0),
					color-stop(0.1, #1976d2),
					color-stop(0.4, #1976d2),
					color-stop(0.4, #1565c0),
					color-stop(0.6, #1565c0),
					color-stop(0.6, #1976d2),
					color-stop(0.9, #1976d2),
					color-stop(0.9, #1565c0),
					to(#1565c0));
	background: -moz-linear-gradient(-45deg,
					#1565c0 0%,
					#1565c0 10%,
					#1976d2 10%,
					#1976d2 40%,
					#1565c0 40%,
					#1565c0 60%,
					#1976d2 60%,
					#1976d2 90%,
					#1565c0 90%,
					#1565c0);
	background: linear-gradient(-45deg,
					#1565c0 0%,
					#1565c0 10%,
					#1976d2 10%,
					#1976d2 40%,
					#1565c0 40%,
					#1565c0 60%,
					#1976d2 60%,
					#1976d2 90%,
					#1565c0 90%,
					#1565c0);
	background-size: 4px 4px;
	border: solid 2px #0d47a1;
}
.stripe_red {
	color: #fff;
	background: -webkit-gradient(linear, left top, right bottom,
					from(#d32f2f),
					color-stop(0.1, #d32f2f),
					color-stop(0.1, #ef5350),
					color-stop(0.4, #ef5350),
					color-stop(0.4, #d32f2f),
					color-stop(0.6, #d32f2f),
					color-stop(0.6, #ef5350),
					color-stop(0.9, #ef5350),
					color-stop(0.9, #d32f2f),
					to(#d32f2f));
	background: -moz-linear-gradient(-45deg,
					#d32f2f 0%,
					#d32f2f 10%,
					#ef5350 10%,
					#ef5350 40%,
					#d32f2f 40%,
					#d32f2f 60%,
					#ef5350 60%,
					#ef5350 90%,
					#d32f2f 90%,
					#d32f2f);
	background: linear-gradient(-45deg,
					#d32f2f 0%,
					#d32f2f 10%,
					#ef5350 10%,
					#ef5350 40%,
					#d32f2f 40%,
					#d32f2f 60%,
					#ef5350 60%,
					#ef5350 90%,
					#d32f2f 90%,
					#d32f2f);
	background-size: 4px 4px;
	border: solid 2px #b71c1c;
}
.stripe_orange {
	color: #fff;
	background: -webkit-gradient(linear, left top, right bottom,
					from(#e64a19),
					color-stop(0.1, #e64a19),
					color-stop(0.1, #ff7043),
					color-stop(0.4, #ff7043),
					color-stop(0.4, #e64a19),
					color-stop(0.6, #e64a19),
					color-stop(0.6, #ff7043),
					color-stop(0.9, #ff7043),
					color-stop(0.9, #e64a19),
					to(#e64a19));
	background: -moz-linear-gradient(-45deg,
					#e64a19 0%,
					#e64a19 10%,
					#ff7043 10%,
					#ff7043 40%,
					#e64a19 40%,
					#e64a19 60%,
					#ff7043 60%,
					#ff7043 90%,
					#e64a19 90%,
					#e64a19);
	background: linear-gradient(-45deg,
					#e64a19 0%,
					#e64a19 10%,
					#ff7043 10%,
					#ff7043 40%,
					#e64a19 40%,
					#e64a19 60%,
					#ff7043 60%,
					#ff7043 90%,
					#e64a19 90%,
					#e64a19);
	background-size: 4px 4px;
	border: solid 2px #bf360c;
}
.link_arrow.stripe_blue:after,
.link_arrow.stripe_red:after,
.link_arrow.stripe_orange:after {
	border-left: solid 6px #fff;
}
.stripe_indigo {
	background: -webkit-gradient(linear, left top, right bottom,
					from(#9fa8da),
					color-stop(0.1, #9fa8da),
					color-stop(0.1, #c5cae9),
					color-stop(0.4, #c5cae9),
					color-stop(0.4, #9fa8da),
					color-stop(0.6, #9fa8da),
					color-stop(0.6, #c5cae9),
					color-stop(0.9, #c5cae9),
					color-stop(0.9, #9fa8da),
					to(#9fa8da));
	background: -moz-linear-gradient(-45deg,
					#9fa8da 0%,
					#9fa8da 10%,
					#c5cae9 10%,
					#c5cae9 40%,
					#9fa8da 40%,
					#9fa8da 60%,
					#c5cae9 60%,
					#c5cae9 90%,
					#9fa8da 90%,
					#9fa8da);
	background: linear-gradient(-45deg,
					#9fa8da 0%,
					#9fa8da 10%,
					#c5cae9 10%,
					#c5cae9 40%,
					#9fa8da 40%,
					#9fa8da 60%,
					#c5cae9 60%,
					#c5cae9 90%,
					#9fa8da 90%,
					#9fa8da);
	background-size: 4px 4px;
	border: solid 2px #1a237e;
}
.stripe_pink {
	background: -webkit-gradient(linear, left top, right bottom,
					from(#f48fb1),
					color-stop(0.1, #f48fb1),
					color-stop(0.1, #f8bbd0),
					color-stop(0.4, #f8bbd0),
					color-stop(0.4, #f48fb1),
					color-stop(0.6, #f48fb1),
					color-stop(0.6, #f8bbd0),
					color-stop(0.9, #f8bbd0),
					color-stop(0.9, #f48fb1),
					to(#f48fb1));
	background: -moz-linear-gradient(-45deg,
					#f48fb1 0%,
					#f48fb1 10%,
					#f8bbd0 10%,
					#f8bbd0 40%,
					#f48fb1 40%,
					#f48fb1 60%,
					#f8bbd0 60%,
					#f8bbd0 90%,
					#f48fb1 90%,
					#f48fb1);
	background: linear-gradient(-45deg,
					#f48fb1 0%,
					#f48fb1 10%,
					#f8bbd0 10%,
					#f8bbd0 40%,
					#f48fb1 40%,
					#f48fb1 60%,
					#f8bbd0 60%,
					#f8bbd0 90%,
					#f48fb1 90%,
					#f48fb1);
	background-size: 4px 4px;
	border: solid 2px #c51162;
}
.stripe_green {
	background: -webkit-gradient(linear, left top, right bottom,
					from(#a5d6a7),
					color-stop(0.1, #a5d6a7),
					color-stop(0.1, #e8f5e9),
					color-stop(0.4, #e8f5e9),
					color-stop(0.4, #a5d6a7),
					color-stop(0.6, #a5d6a7),
					color-stop(0.6, #e8f5e9),
					color-stop(0.9, #e8f5e9),
					color-stop(0.9, #a5d6a7),
					to(#a5d6a7));
	background: -moz-linear-gradient(-45deg,
					#a5d6a7 0%,
					#a5d6a7 10%,
					#e8f5e9 10%,
					#e8f5e9 40%,
					#a5d6a7 40%,
					#a5d6a7 60%,
					#e8f5e9 60%,
					#e8f5e9 90%,
					#a5d6a7 90%,
					#a5d6a7);
	background: linear-gradient(-45deg,
					#a5d6a7 0%,
					#a5d6a7 10%,
					#e8f5e9 10%,
					#e8f5e9 40%,
					#a5d6a7 40%,
					#a5d6a7 60%,
					#e8f5e9 60%,
					#e8f5e9 90%,
					#a5d6a7 90%,
					#a5d6a7);
	background-size: 4px 4px;
}
.stripe_purple {
	background: -webkit-gradient(linear, left top, right bottom,
					from(#e1bee7),
					color-stop(0.1, #e1bee7),
					color-stop(0.1, #f3e5f5),
					color-stop(0.4, #f3e5f5),
					color-stop(0.4, #e1bee7),
					color-stop(0.6, #e1bee7),
					color-stop(0.6, #f3e5f5),
					color-stop(0.9, #f3e5f5),
					color-stop(0.9, #e1bee7),
					to(#e1bee7));
	background: -moz-linear-gradient(-45deg,
					#e1bee7 0%,
					#e1bee7 10%,
					#f3e5f5 10%,
					#f3e5f5 40%,
					#e1bee7 40%,
					#e1bee7 60%,
					#f3e5f5 60%,
					#f3e5f5 90%,
					#e1bee7 90%,
					#e1bee7);
	background: linear-gradient(-45deg,
					#e1bee7 0%,
					#e1bee7 10%,
					#f3e5f5 10%,
					#f3e5f5 40%,
					#e1bee7 40%,
					#e1bee7 60%,
					#f3e5f5 60%,
					#f3e5f5 90%,
					#e1bee7 90%,
					#e1bee7);
	background-size: 4px 4px;
}
.stripe_orange2 {
	background: -webkit-gradient(linear, left top, right bottom,
					from(#e7c6be),
					color-stop(0.1, #e7c6be),
					color-stop(0.1, #f5e8e5),
					color-stop(0.4, #f5e8e5),
					color-stop(0.4, #e7c6be),
					color-stop(0.6, #e7c6be),
					color-stop(0.6, #f5e8e5),
					color-stop(0.9, #f5e8e5),
					color-stop(0.9, #e7c6be),
					to(#e7c6be));
	background: -moz-linear-gradient(-45deg,
					#e7c6be 0%,
					#e7c6be 10%,
					#f5e8e5 10%,
					#f5e8e5 40%,
					#e7c6be 40%,
					#e7c6be 60%,
					#f5e8e5 60%,
					#f5e8e5 90%,
					#e7c6be 90%,
					#e7c6be);
	background: linear-gradient(-45deg,
					#e7c6be 0%,
					#e7c6be 10%,
					#f5e8e5 10%,
					#f5e8e5 40%,
					#e7c6be 40%,
					#e7c6be 60%,
					#f5e8e5 60%,
					#f5e8e5 90%,
					#e7c6be 90%,
					#e7c6be);
	background-size: 4px 4px;
}

.stripe_white {
	background: -webkit-gradient(linear, left top, right bottom,
					from(#eeeeee),
					color-stop(0.1, #eeeeee),
					color-stop(0.1, #ffffff),
					color-stop(0.4, #ffffff),
					color-stop(0.4, #eeeeee),
					color-stop(0.6, #eeeeee),
					color-stop(0.6, #ffffff),
					color-stop(0.9, #ffffff),
					color-stop(0.9, #eeeeee),
					to(#eeeeee));
	background: -moz-linear-gradient(-45deg,
					#eeeeee 0%,
					#eeeeee 10%,
					#ffffff 10%,
					#ffffff 40%,
					#eeeeee 40%,
					#eeeeee 60%,
					#ffffff 60%,
					#ffffff 90%,
					#eeeeee 90%,
					#eeeeee);
	background: linear-gradient(-45deg,
					#eeeeee 0%,
					#eeeeee 10%,
					#ffffff 10%,
					#ffffff 40%,
					#eeeeee 40%,
					#eeeeee 60%,
					#ffffff 60%,
					#ffffff 90%,
					#eeeeee 90%,
					#eeeeee);
	background-size: 4px 4px;
}
.stripe_glay {
	background: -webkit-gradient(linear, left top, right bottom,
					from(#dfdfdf),
					color-stop(0.1, #dfdfdf),
					color-stop(0.1, #f5f5f5),
					color-stop(0.4, #f5f5f5),
					color-stop(0.4, #dfdfdf),
					color-stop(0.6, #dfdfdf),
					color-stop(0.6, #f5f5f5),
					color-stop(0.9, #f5f5f5),
					color-stop(0.9, #dfdfdf),
					to(#dfdfdf));
	background: -moz-linear-gradient(-45deg,
					#dfdfdf 0%,
					#dfdfdf 10%,
					#f5f5f5 10%,
					#f5f5f5 40%,
					#dfdfdf 40%,
					#dfdfdf 60%,
					#f5f5f5 60%,
					#f5f5f5 90%,
					#eeeeee 90%,
					#eeeeee);
	background: linear-gradient(-45deg,
					#dfdfdf 0%,
					#dfdfdf 10%,
					#f5f5f5 10%,
					#f5f5f5 40%,
					#dfdfdf 40%,
					#dfdfdf 60%,
					#f5f5f5 60%,
					#f5f5f5 90%,
					#dfdfdf 90%,
					#dfdfdf);
	background-size: 4px 4px;
}
.stripe_navy {
	background: -webkit-gradient(linear, left top, right bottom,
					from(#5c5a9b),
					color-stop(0.1, #5c5a9b),
					color-stop(0.1, #45418b),
					color-stop(0.4, #45418b),
					color-stop(0.4, #5c5a9b),
					color-stop(0.6, #5c5a9b),
					color-stop(0.6, #45418b),
					color-stop(0.9, #45418b),
					color-stop(0.9, #5c5a9b),
					to(#5c5a9b));
	background: -moz-linear-gradient(-45deg,
					#5c5a9b 0%,
					#5c5a9b 10%,
					#45418b 10%,
					#45418b 40%,
					#5c5a9b 40%,
					#5c5a9b 60%,
					#45418b 60%,
					#45418b 90%,
					#5c5a9b 90%,
					#5c5a9b);
	background: linear-gradient(-45deg,
					#5c5a9b 0%,
					#5c5a9b 10%,
					#45418b 10%,
					#45418b 40%,
					#5c5a9b 40%,
					#5c5a9b 60%,
					#45418b 60%,
					#45418b 90%,
					#5c5a9b 90%,
					#5c5a9b);
	background-size: 4px 4px;
}
.stripe_green3 {
	background: -webkit-gradient(linear, left top, right bottom,
					from(#d3f1d6),
					color-stop(0.1, #d3f1d6),
					color-stop(0.1, #fff),
					color-stop(0.4, #fff),
					color-stop(0.4, #d3f1d6),
					color-stop(0.6, #d3f1d6),
					color-stop(0.6, #fff),
					color-stop(0.9, #fff),
					color-stop(0.9, #d3f1d6),
					to(#d3f1d6));
	background: -moz-linear-gradient(-45deg,
					#d3f1d6 0%,
					#d3f1d6 10%,
					#fff 10%,
					#fff 40%,
					#d3f1d6 40%,
					#d3f1d6 60%,
					#fff 60%,
					#fff 90%,
					#d3f1d6 90%,
					#d3f1d6);
	background: linear-gradient(-45deg,
					#d3f1d6 0%,
					#d3f1d6 10%,
					#fff 10%,
					#fff 40%,
					#d3f1d6 40%,
					#d3f1d6 60%,
					#fff 60%,
					#fff 90%,
					#d3f1d6 90%,
					#d3f1d6);
	background-size: 4px 4px;
}
.stripe_purple3 {
	background: -webkit-gradient(linear, left top, right bottom,
					from(#efe5f5),
					color-stop(0.1, #efe5f5),
					color-stop(0.1, #fff),
					color-stop(0.4, #fff),
					color-stop(0.4, #efe5f5),
					color-stop(0.6, #efe5f5),
					color-stop(0.6, #fff),
					color-stop(0.9, #fff),
					color-stop(0.9, #efe5f5),
					to(#efe5f5));
	background: -moz-linear-gradient(-45deg,
					#efe5f5 0%,
					#efe5f5 10%,
					#fff 10%,
					#fff 40%,
					#efe5f5 40%,
					#efe5f5 60%,
					#fff 60%,
					#fff 90%,
					#efe5f5 90%,
					#efe5f5);
	background: linear-gradient(-45deg,
					#efe5f5 0%,
					#efe5f5 10%,
					#fff 10%,
					#fff 40%,
					#efe5f5 40%,
					#efe5f5 60%,
					#fff 60%,
					#fff 90%,
					#efe5f5 90%,
					#efe5f5);
	background-size: 4px 4px;
}
.stripe_orange3 {
	background: -webkit-gradient(linear, left top, right bottom,
					from(#f1d9c6),
					color-stop(0.1, #f1d9c6),
					color-stop(0.1, #fff),
					color-stop(0.4, #fff),
					color-stop(0.4, #f1d9c6),
					color-stop(0.6, #f1d9c6),
					color-stop(0.6, #fff),
					color-stop(0.9, #fff),
					color-stop(0.9, #f1d9c6),
					to(#f1d9c6));
	background: -moz-linear-gradient(-45deg,
					#f1d9c6 0%,
					#f1d9c6 10%,
					#fff 10%,
					#fff 40%,
					#f1d9c6 40%,
					#f1d9c6 60%,
					#fff 60%,
					#fff 90%,
					#f1d9c6 90%,
					#f1d9c6);
	background: linear-gradient(-45deg,
					#f1d9c6 0%,
					#f1d9c6 10%,
					#fff 10%,
					#fff 40%,
					#f1d9c6 40%,
					#f1d9c6 60%,
					#fff 60%,
					#fff 90%,
					#f1d9c6 90%,
					#f1d9c6);
	background-size: 4px 4px;
}

.stripe_navy_index{
	background: url(../img/gnavi_bg.gif) left top repeat-x;
}

/*----------------------------------------------------------------------------------*/
/*トップページ*/
/*----------------------------------------------------------------------------------*/

main .flex {
	display: flex;
}

main {
	max-width: 1080px;
	margin: auto;
}
#index main#container #main {
	width: 100%;
	gap: 32px;
	padding: 0;
	float: none;
}
#main .contents {
	width: calc(100% - 296px - 32px)
}

/*ログイン*/
#main .login {
	width: 296px;
}
#main .login #login_form {
	border: solid 3px #aaa;
	background: #efefef;
}
#main .login #login_form.apply {
	border: solid 1px #aaa;
	background: #fafafa;
}
#main .login #login_form input[type=text],
#main .login #login_form input[type=password] {
	padding: 6px 4px 4px 32px;
	width: 100%;
	border: solid 1px #aaa;
	border-radius: 0px;
}
#main .login #login_form .id {
	position: relative;
	margin-bottom: 4px;
}
#main .login #login_form .id:before {
	position: absolute;
	content: "\f007";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	top: 50%;
	transform: translateY(-50%);
	left: 8px;
	color: #777;
}
#main .login #login_form .pw {
	position: relative;
}
#main .login #login_form .pw:before {
	position: absolute;
	content: "\f023";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	top: 50%;
	transform: translateY(-50%);
	left: 8px;
	color: #777;
}
#main .login #login_form .button {
	line-height: 1.5;
	background: #bbdefb;
	border: solid 2px #1976d2;
}
#main .login #login_form .button:hover {
	background: #1976d2;
	color: #fff;
}
#main .login #login_form.apply .button {
	background: #555;
	border: solid 2px #333;
	color: #fff;
}
#main .login #login_form.apply .button:hover {
	background: #333;
}
#main .login #login_form .guide {
	font-size: 12px;
	padding-left: 18px;
	position: relative;
}
#main .login #login_form .guide:before {
	/*content: '';*/
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	background: #fff;
	border: solid 1px #333;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
#main .login #login_form .guide:after {
	content: '';
	width: 0;
	height: 0;
	margin-top: -4px;
	border-top: solid 4px transparent;
	border-right: solid 4px transparent;
	border-bottom: solid 4px transparent;
	border-left: solid 6px #333;
	position: absolute;
	top: 50%;
	left: 4px;
}
#main .login #login_form .center {
	text-align: center;
}
#main .login section {
	padding: 16px;
	border: solid 1px #aaa;
}
#main .login h2 {
	border-bottom: solid 3px #aaa;
}
#main .login p,
#main .login ul li {
	font-size: 12px;
	margin-top: 4px;
}
#main .login #login_form .button {
	display: block;
	width: 100%;
	margin: 16px 0 8px;
	padding: 8px 8px 8px;
	line-height: 1;
	text-align: center;
}
#main .login #login_form.apply .button {
	margin: 16px 0 0px;
}
#main .login .link_arrow {
	width: 100%;
	padding-left: 24px;
	text-align: center;
}
#main .login .link_arrow:before {
	left: 8px;
}
#main .login .link_arrow:after {
	left: 12px;
}


/*初めてご利用の方*/
#index .first .flex {
	column-gap: 4%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
#index .first .flex div {
	padding: 16px;
	border: solid 2px #489d20;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	border-radius: 1.4vmax;
}
#index .first .flex div#pharmacist {
	border: solid 2px #7853b9;
}
#index .first .flex div#dispensing {
	border: solid 2px #ef772b;
}

#index .first .flex div h3 {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-bottom: none;
}
#index .first .flex div .button {
	display: block;
	width: 100%;
	margin: 8px 0;
	padding: 8px 8px 8px;
	text-align: center;
	background: #c7f7c8;
	border: solid 2px #489d20;
}
#index .first .flex div#doctor .button:hover {
	background: #489d20;
	color: #fff;
}
#index .first .flex div#pharmacist .button {
	background: #e4d4f3;
	border: solid 2px #7853b9;
}
#index .first .flex div#pharmacist .button:hover {
	background: #7853b9;
}
#index .first .flex div#dispensing .button {
	background: #ffdbd0;
	border: solid 2px #ef772b;
}
#index .first .flex div#dispensing .button:hover {
	background: #ef772b;
}
#index .first .flex div p {
	margin-top: 8px;
}
#index .first .flex div p a:hover {
	text-decoration: underline;
}

/*----------------------------------------------------------------------------------*/
/*施設ログイン*/
/*----------------------------------------------------------------------------------*/
.shisetsulogin {
	width: 100% !important;
	padding: 0 32px !important;
}
.shisetsulogin .flex{
	display: flex;
	justify-content: center;
}
.shisetsulogin .login{
	width: 100% !important;
}
.shisetsulogin .login #login_form{
	width: 40% !important;
	margin: 30px 20px;
}
.shisetsulogin .login #login_form .dispensing_button {
	display: block;
	width: 100%;
	margin: 20px 0 8px 0;
	padding: 8px 8px 8px;
	text-align: center;
	border-radius: 10px;
	color: white;
	font-weight: bold;
	box-shadow: 0 5px 3px 0 #cacaca;
	background: linear-gradient(to bottom, #ffffff -90%, #ee841b);
	border: solid 2px #ef772b;
}
.shisetsulogin .login #login_form .dispensing_button:hover {
	background: #ef772b;
}

.shisetsumypage{
	margin-bottom: 20px;
}
.shisetsumypage .id{
	padding: 9px 0 10px 8px;
}
.shisetsumypage .id a{
	width: auto;
	margin-top: -16px;
	font-size: 14px;
	/*float: right;*/
	position: absolute;
    right: 0;
    bottom: 10px;
	min-width: 126px;
}
#container .shisetsumypage h2{
	padding-right: 136px;
}

/* 重要なお知らせ（パスワードの再設定） */
#mypage .shisetsulogin a.resetpass {
	max-width: 720px;
	display: block;
	margin: 32px auto 0;
}
#mypage .shisetsulogin a.resetpass img {
	width: 100%;
}
#mypage .shisetsulogin a.resetpass.smp {
	display: none;
}
@media screen and (max-width: 640px) {
	#mypage .shisetsulogin a.resetpass.dsk {
		display: none;
	}
	#mypage .shisetsulogin a.resetpass.smp {
		display: block;
		margin: 20px 0 0;
	}
}


/*----------------------------------------------------------------------------------*/
/*パスワードの再設定*/
/*----------------------------------------------------------------------------------*/
#main .pass .pass_form{
	border: 1px solid #aaa;
	background-color: #fafafa;
	padding: 20px 30px;
	margin-top: 20px;
}

#main .pass .pass_form input{
	width: 60%;
	padding: 6px 4px;
	border: 1px solid #aaa;
	margin-bottom: 20px;
	border-radius: 0px;
}

#main .pass .pass_form a{
	display: block;
}