/*-----▼横トップボタン（左）http://css-button-generator.com/ -------*/
.top_btn_l {
	width: 96px;
	height: 30px;
	font-size:16px;
	font-family:メイリオ;
	font-weight:normal;
	-moz-border-radius:1px 0px 0px 1px;
	-webkit-border-radius:1px 0px 0px 1px;
	border-radius:1px 0px 0px 1px;
	border:1px solid #000066;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #00006f 5%, #000039 100% );
	background:-ms-linear-gradient( top, #00006f 5%, #000039 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00006f', endColorstr='#000039');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #00006f), color-stop(100%, #000039) );
	background-color:#00006f;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #000039;
 	-webkit-box-shadow:inset 1px -5px 3px 0px #0000aa;
 	-moz-box-shadow:inset 1px -5px 3px 0px #0000aa;
 	box-shadow:inset 1px -5px 3px 0px #0000aa;
}.top_btn_l:hover {
	background:-moz-linear-gradient( center top, #000039 5%, #00006f 100% );
	background:-ms-linear-gradient( top, #000039 5%, #00006f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000039', endColorstr='#00006f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #000039), color-stop(100%, #00006f) );
	background-color:#000039;
}.top_btn_l:active {
	position:relative;
	top:1px;
}
/*-----▲横トップボタン（左）-------*/
/*-----▼横トップボタン（左選択） -------*/
.top_btn_lp {
	width: 96px;
	height: 30px;
	font-size:16px;
	font-family:メイリオ;
	font-weight:normal;
	-moz-border-radius:1px 0px 0px 1px;
	-webkit-border-radius:1px 0px 0px 1px;
	border-radius:1px 0px 0px 1px;
	border-top:1px solid #000066;
	border-bottom:5px solid #ff0000;　　<----- 下線　赤でちょっと太く表示
	border-left:1px solid #000066;
	border-right:1px solid #000066;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #00006f 5%, #000039 100% );
	background:-ms-linear-gradient( top, #00006f 5%, #000039 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00006f', endColorstr='#000039');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #00006f), color-stop(100%, #000039) );
	background-color:#00006f;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #000039;
 	-webkit-box-shadow:inset 1px -5px 3px 0px #0000aa;
 	-moz-box-shadow:inset 1px -5px 3px 0px #0000aa;
 	box-shadow:inset 1px -5px 3px 0px #0000aa;
}.top_btn_lp:hover {
	background:-moz-linear-gradient( center top, #000039 5%, #00006f 100% );
	background:-ms-linear-gradient( top, #000039 5%, #00006f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000039', endColorstr='#00006f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #000039), color-stop(100%, #00006f) );
	background-color:#000039;
}.top_btn_lp:active {
	position:relative;
	top:1px;
}
/*-----▲横トップボタン（左選択）-------*/
/*-----▼横トップボタン（中）-------*/
.top_btn_m {
	font-size:16px;
	width: 98px;
	height: 30px;
	font-family:メイリオ;
	font-weight:normal;
	-moz-border-radius:0px 0px 0px 0px;
	-webkit-border-radius:0px 0px 0px 0px;
	border-radius:0px 0px 0px 0px;
	border:1px solid #000066;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #00006f 5%, #000039 100% );
	background:-ms-linear-gradient( top, #00006f 5%, #000039 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00006f', endColorstr='#000039');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #00006f), color-stop(100%, #000039) );
	background-color:#00006f;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #000039;
 	-webkit-box-shadow:inset 1px -5px 3px 0px #0000aa;
 	-moz-box-shadow:inset 1px -5px 3px 0px #0000aa;
 	box-shadow:inset 1px -5px 3px 0px #0000aa;
}.top_btn_m:hover {
	background:-moz-linear-gradient( center top, #000039 5%, #00006f 100% );
	background:-ms-linear-gradient( top, #000039 5%, #00006f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000039', endColorstr='#00006f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #000039), color-stop(100%, #00006f) );
	background-color:#000039;
}.top_btn_m:active {
	position:relative;
	top:1px;
}
/*-----▲横トップボタン（中）-------*/
/*-----▼横トップボタン（中選択）-------*/
.top_btn_mp {
	font-size:16px;
	width: 98px;
	height: 30px;
	font-family:メイリオ;
	font-weight:normal;
	-moz-border-radius:0px 0px 0px 0px;
	-webkit-border-radius:0px 0px 0px 0px;
	border-radius:0px 0px 0px 0px;

	border-top:1px solid #000066;
	border-bottom:5px solid #ff0000;　　<----- 下線　赤でちょっと太く表示
	border-left:1px solid #000066;
	border-right:1px solid #000066;

	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #00006f 5%, #000039 100% );
	background:-ms-linear-gradient( top, #00006f 5%, #000039 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00006f', endColorstr='#000039');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #00006f), color-stop(100%, #000039) );
	background-color:#00006f;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #000039;
 	-webkit-box-shadow:inset 1px -5px 3px 0px #0000aa;
 	-moz-box-shadow:inset 1px -5px 3px 0px #0000aa;
 	box-shadow:inset 1px -5px 3px 0px #0000aa;
}.top_btn_mp:hover {
	background:-moz-linear-gradient( center top, #000039 5%, #00006f 100% );
	background:-ms-linear-gradient( top, #000039 5%, #00006f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000039', endColorstr='#00006f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #000039), color-stop(100%, #00006f) );
	background-color:#000039;
}.top_btn_mp:active {
	position:relative;
	top:1px;
}
/*-----▲横トップボタン（中選択）-------*/
/*-----▼横トップボタン（右）-------*/
.top_btn_r {
	font-size:16px;
	width: 129px;
	height: 30px;
	font-family:メイリオ;
	font-weight:normal;
	-moz-border-radius:0px 1px 1px 0px;
	-webkit-border-radius:0px 1px 1px 0px;
	border-radius:0px 1px 1px 0px;
	border:1px solid #000066;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #00006f 5%, #000039 100% );
	background:-ms-linear-gradient( top, #00006f 5%, #000039 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00006f', endColorstr='#000039');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #00006f), color-stop(100%, #000039) );
	background-color:#00006f;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #000039;
 	-webkit-box-shadow:inset 1px -5px 3px 0px #0000aa;
 	-moz-box-shadow:inset 1px -5px 3px 0px #0000aa;
 	box-shadow:inset 1px -5px 3px 0px #0000aa;
}.top_btn_r:hover {
	background:-moz-linear-gradient( center top, #000039 5%, #00006f 100% );
	background:-ms-linear-gradient( top, #000039 5%, #00006f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000039', endColorstr='#00006f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #000039), color-stop(100%, #00006f) );
	background-color:#000039;
}.top_btn_r:active {
	position:relative;
	top:1px;
}
/*-----▲横トップボタン（右） -------*/
/*-----▼横トップボタン（右選択）-------*/
.top_btn_rp {
	font-size:16px;
	width: 129px;
	height: 30px;
	font-family:メイリオ;
	font-weight:normal;
	-moz-border-radius:0px 1px 1px 0px;
	-webkit-border-radius:0px 1px 1px 0px;
	border-radius:0px 1px 1px 0px;

	border-top:1px solid #000066;
	border-bottom:5px solid #ff0000;　　<----- 下線　赤でちょっと太く表示
	border-left:1px solid #000066;
	border-right:1px solid #000066;

	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #00006f 5%, #000039 100% );
	background:-ms-linear-gradient( top, #00006f 5%, #000039 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00006f', endColorstr='#000039');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #00006f), color-stop(100%, #000039) );
	background-color:#00006f;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #000039;
 	-webkit-box-shadow:inset 1px -5px 3px 0px #0000aa;
 	-moz-box-shadow:inset 1px -5px 3px 0px #0000aa;
 	box-shadow:inset 1px -5px 3px 0px #0000aa;
}.top_btn_rp:hover {
	background:-moz-linear-gradient( center top, #000039 5%, #00006f 100% );
	background:-ms-linear-gradient( top, #000039 5%, #00006f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000039', endColorstr='#00006f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #000039), color-stop(100%, #00006f) );
	background-color:#000039;
}.top_btn_rp:active {
	position:relative;
	top:1px;
}
/*-----▲横トップボタン（右選択） -------*/



/*-----▼縦メインボタンhttp://weboook.blog22.fc2.com/blog-entry-373.html -------*/
.main_listbtn {
	list-style: none;
	overflow: hidden;
	width: 199px;
	padding: 0;
	margin: 5px 5px 50px 0px;
	/*margin 上、右、下、左*/
}
.main_listbtn li {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #d5d5d5;
}
.main_listbtn li:last-child {
	border-bottom: 0px;
}
.main_listbtn li a {
	display: block;
	position: relative;
	left:0;
	z-index: 10;
	height: 40px;
	margin: 0;
	padding: 0px 10px 0px 50px;
	background: #e4e4e4;
	color: #000;
	font-size: 14px;
	font-family:メイリオ;
	line-height: 40px;
	text-decoration: none;
}
.main_listbtn li a:hover {
	background: #d5d5d5;
}
/*-----▲縦メインボタンhttp://weboook.blog22.fc2.com/blog-entry-373.html -------*/
/*-----▼縦メインボタン（詳細）http://webovook.blog22.fc2.com/blog-entry-373.html -------*/
#pattern_6 li a {
	padding: 0px 10px 0px 30px;
}
#pattern_6 li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 40px;
	background: #d5d5d5;
	transition: .3s;
	z-index: -1;
}
#pattern_6 li a:hover {
	background: #e4e4e4;
}
#pattern_6 li a:hover:before {
	width: 199px;
}
/*-----▲縦メインボタン（詳細）http://weboook.blog22.fc2.com/blog-entry-373.html -------*/

/*-----▼サブボタンラージ　スタート
 http://www.nxworld.net/tips/css-only-button-design-and-hover-effects.html
-----*/

.sub_button_l {

	display: inline-block;
	width: 500px;
	height: 45px;
	font-size: 140%;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	outline: none;
  /* border */
	border:2px outset rgb(204, 204, 204);
  /* box-shadow */
	box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
	-webkit-box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
	-moz-box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
}
.sub_button_l::before,
.sub_button_l::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.sub_button_l,
.sub_button_l::before,
.sub_button_l::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sub_button_l {
	background-color: #ff9999;
	color: #ffffff;
}
.sub_button_l:hover {
	letter-spacing: 5px;
}
/*-----▲サブボタンラージ　エンド-----*/

/*-----▼サブボタン　スタート-----*/
.sub_button {
	display: inline-block;
	width: 200px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
	outline: none;
  /* border */
	border:2px outset rgb(204, 204, 204);
  /* box-shadow */
	box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
	-webkit-box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
	-moz-box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
}
.sub_button::before,
.sub_button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.sub_button,
.sub_button::before,
.sub_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sub_button {
	background-color: #000020;
	color: #ffffff;
}
.sub_button:hover {
	letter-spacing: 5px;
}
/*-----▲サブボタン　エンド-----*/
/*-----▼サブボタン(小)スタート-----*/
.sub_button_s {
	display: inline-block;
	width: 130px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
	outline: none;
  /* border */
	border:2px outset rgb(204, 204, 204);
  /* box-shadow */
	box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
	-webkit-box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
	-moz-box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
}
.sub_button_s::before,
.sub_button_s::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.sub_button_s,
.sub_button_s::before,
.sub_button_s::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sub_button_s {
	background-color: #000020;
	color: #ffffff;
}
.sub_button_s:hover {
	letter-spacing: 5px;
}
/*-----▲サブボタン(小)エンド-----*/
/*-----▼サブボタン枠無し　スタート-----*/
.sub_button_b0 {
	display: inline-block;
	width: 200px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
	outline: none;
  /* border */
	border:0px outset rgb(204, 204, 204);
  /* box-shadow */
	box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
	-webkit-box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
	-moz-box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
}
.sub_button_b0::before,
.sub_button_b0::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.sub_button_b0,
.sub_button_b0::before,
.sub_button_b0::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sub_button_b0 {
	background-color: #000020;
	color: #ffffff;
}
.sub_button_b0:hover {
	letter-spacing: 5px;
}
/*-----▲サブボタン枠無し　エンド-----*/

/*-----▼サブボタン枠無し・お知らせ　スタート-----*/
.sub_button_b0-1 {
	display: inline-block;
	width: 150px;
	height: 28px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	outline: none;
	border-radius: 5px;
margin: 7px 0px 0px 10px;
  /* border */
	border:0px outset rgb(204, 204, 204);
  /* box-shadow */
	box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
	-webkit-box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
	-moz-box-shadow:rgba(0, 51, 51, 0.458824) 3px 3px 9px 1px;
}
.sub_button_b0-1::before,
.sub_button_b0-1::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.sub_button_b0-1,
.sub_button_b0-1::before,
.sub_button_b0-1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.sub_button_b0-1 {
	background-color: #0055aa;
	color: #ffffff;
}
.sub_button_b0-1:hover {
	letter-spacing: 5px;
}
/*-----▲サブボタン枠無し・お知らせ　エンド-----*/

/*-----▲矢印アイコン http://www.pressmantech.com/tech/design/2738  -----*/
.arrow{
position: relative;
display: inline-block;
padding: 50 0 0 26px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
/*枠あり四角紺色　MTM治療、次へ・戻る（不採用）*/
.sample-right::before{
width: 24px;
height: 24px;
background: #0d3781;
}
.sample-right::after{
left: 6px;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sample-left::before{
width: 24px;
height: 24px;
background: #0d3781;
}
.sample-left::after{
left: 9px;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}

/*枠なしグレー　MTM治療、次へ・戻る*/
.sample5-right::before{
left: 3px;
width: 18px;
height: 18px;
border-top: 2px solid #999999;
border-right: 2px solid #999999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sample5-left::before{
left: 3px;
width: 18px;
height: 18px;
border-top: 2px solid #999999;
border-right: 2px solid #999999;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}

/*モーダルウィンドウのボタン*/
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border: 2px solid #b4b1a0;
  color: #4c4833;
  width: 450px;
  height: 30px;
  box-sizing: border-box;
  text-decoration: none;
  transition-duration: 0.3s;
}
.btn:hover {
  background: #b4b1a0;
  color: #ffffff;
}