select{
			width: 230px;
		}

	.btn{
		background-color:#F0FFFF;
		border:1px solid #cccccc;
		border-radius: 10px;
		margin:5px;
		width:60px;
		height:30px;	
		color:#2f4f4f;

	}
	.btn:hover{
		background-color:#ffffff;
		border:1px solid #cccccc;
		border-radius: 10px;
		margin:5px;	
		width:60px;
		height:30px;	
		color:#2f4f4f;
	}
	.nespsi{
		background-color:#e9f1f9;
		border:1px solid #cccccc;
		border-radius: 10px;
		width:60px;
		height:30px;	
		color:#ff0000;

	}
	.nesdes{
		background-color:#b0e0e6;
		border:1px solid #cccccc;
		border-radius: 10px;
		width:60px;
		height:30px;	
		color:#2f4f4f;

	}							
	.widebtn{
		background-color:#e9f1f9;
		border:1px solid #cccccc;
		border-radius: 30px;
		margin:10px;
		width:120px;
		height:40px;	
		color:#ff0000;
	}
	.widebtn:hover{
		background-color:#e9f1f9;
		border:1px solid #cccccc;
		border-radius: 30px;
		margin:10px;
		width:120px;
		height:40px;	
		color:#0000ff;
	}
	.phto_back{
		background-color:#fff8dc;
		border-radius:10px; 
		margin:10px;
		padding:5px;

	}

/*	.btn_red{
			background-color:#ff0000; 
			color:#000000;
			border: medium outset #a9a9a9;
			height:30px;
			width:60px;
			border-radius: 5px;
			text-align: center;
			padding: 2px 2px 2px 2px;
	}
*/
	select[name="pref"]{
	  font-size:115%;
         color:#2e8b57;
	  line-height: 30px;
	}
	select[name="p_count"]{
	  font-size:15px;
         color:#2e8b57;
	  line-height:10px;
	  border-radius:5px;		
	  width: 100px;	
	  margin:3px;	
	}
	select[name="salase_type"]{
	  font-size:15px;
         color:#2e8b57;
	  line-height:10px;
	  border-radius:5px;		
	  width: 100px;
         margin:3px;
	}

	.scale {
	    width: 40px;
	    height: 30px;
	}
	.scale img {
	    -moz-transition: -moz-transform 0.5s linear;
	    -webkit-transition: -webkit-transform 0.5s linear;
	    -o-transition: -o-transform 0.5s linear;
	    -ms-transition: -ms-transform 0.5s linear;
	    transition: transform 0.5s linear;

		margin-right:10px;
		float:left;
	}
	.scale img:hover {
	    -webkit-transform: scale(1.2);
	    -moz-transform: scale(1.2);
	    -o-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	    transform: scale(1.8);
	}

	
	video::-webkit-media-controls-enclosure {
 	   overflow:hidden;
	}

	video::-webkit-media-controls-panel {
	    width: calc(100% + 30px);
	}
	.img-guard{
	position:relative;
	width: 120px;
	height: 120px;
	}
	.guard-nopic{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background: url(images/guard.png);
	}
/*UPLOARD  */
	.uploadButton {
	    display:inline-block;
	    position:relative;
	    overflow:hidden;
	    border-radius:63px;
	    background:#099;
	    color:#fff;
	    text-align:center;
	    font-size:14px;	
	    padding:10px;
	    line-height:30px;
	    margin-left:50px;
	    width:100px;
	    height:15px;
	    cursor:pointer;
	}
	.uploadButton:hover {
	    background:#0aa;
	}
	.uploadButton input[type=file] {
	    position:absolute;
	    top:0;
	    left:0;
	    width:100%;
	    height:100%;    
	    cursor:pointer;
	    opacity:0;
	}
	.uploadValue {
	    display:none;
	    background:rgba(255,255,255,0.2);
	    border-radius:30px;
	    padding:3px;
	    color:#ffffff;

	}

	.cate_idup{font-size: 20px;border-radius:30px;}
	.myfive-button{
	background-color:#e9f1f9;
	border:1px solid #cccccc;
	border-radius:30px;
	margin:10px;width:120px;height:40px;color:#ff0000;}

	.myfive-button:hover{color: #00bfff;}
@charset "utf-8";
/* CSS Document -----------------------------------------------------------------------------*/

@import "https://fonts.googleapis.com/css?family=Sorts Mill Goudy";

/*------------------------------------------------------------- リセット ***/
body,div,dl,dt,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0px;
	padding:0px;
}

table { border-collapse:collapse; border-spacing:0; }

fieldset,img { border:0; }

address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }

li { list-style:none; }

caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
	font-weight:normal;
}

q:before,q:after { content:''; }

abbr,acronym { border:0; font-variant:normal; }

sup { vertical-align:text-top; }

sub { vertical-align:text-bottom; }

input,textarea,select {
    font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

input,textarea,select {
    *font-size:100%;
}

legend { color:#000000; }

/*img {
    vertical-align:bottom;
}*/


/*------------------------------------------------------------- 共通 ***/
a:link {
	color:#333333;
} 
a:visited {
	color:#aaaaaa;
} 
a:hover {
	color:#80adff;
}
a:active {
	color:#000000;
}



strong {
	font-weight: bold;
}


img {
    border:none;
}

img a{
	border:none;
}

em{
	font-weight:bold;
}

body {
	color:/*#4A5874*/#151b27;
	/*color:#333333;*/
/*	line-height: 190%;*/
	font-size: 14px;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック","sans-serif";
/*	background-color:#fffdee;*/
	background-color:#FAF7ED;
}
#upload_body{font: 13px Arial, Helvetica, Sans-serif;}
.uploadifive-button {float: left;margin-right: 10px;}
#queue {border: 1px solid #E5E5E5;height: 177px;	overflow: auto;margin-bottom: 10px;padding: 0 3px 3px;width: 300px;}

select[name="select_group"]{ font-size:115%;color:#2e8b57; line-height: 30px;border-radius: 10px;}.five-button {background-color:#e9f1f9;border:1px solid #cccccc;border-radius:30px;margin:10px;width:120px;height:40px;color:#ff0000;}.five-button:hover{color: #ffffff;}.ancupload{position:relative; top:8px;}
.clear_both{
    clear:both;
}

#page-top {
    bottom: 120px;
    font-size: 77%;
    position: fixed;
    right: 18px;
    z-index: 50;
}
#page-top a {
/*     background: #b09b83 none repeat scroll 0 0;
   color: #fff;*/
    display: block;
    padding: 35px 0 30px;
    text-align: center;
    text-decoration: none;
    width: 70px;
	background-image:url(images/pageup.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
#page-top a:hover {
	text-decoration: none;
/*	background: #C0B489;*/
	background-image:url(images/pageup.png);
	background-repeat:no-repeat;
	background-position:center top;
}

.seo{
	  height:2px;
   background:-moz-linear-gradient(left,#EF5350,#FFA726,#FFEE58,#66BB6A,#42A5F5,#5C6BC0, #7E57C2);
    background:-webkit-linear-gradient(left,#EF5350,#FFA726,#FFEE58,#66BB6A,#42A5F5,#5C6BC0, #7E57C2);
    background:-ms-linear-gradient(left,#EF5350,#FFA726,#FFEE58,#66BB6A,#42A5F5,#5C6BC0, #7E57C2);
    background:linear-gradient(left,#EF5350,#FFA726,#FFEE58,#66BB6A,#42A5F5,#5C6BC0, #7E57C2);
}

header{
/*	background-color:rgba(236,213,73,0.7);*/
background-color:#fff;
}

.head_wrap{
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
max-width: 1024px;
}

.logo{
	width:20%;
	display:inline-block;
/*height: 70px;
padding: 0 0 0 150px;
width: auto;
margin-left: -150px !important;*/
}

.logo img{
	max-width:100%;
}

.memberinfo{
	width:79%;
	display:inline-block;
}

footer{
/*	border-top:1px dotted #333;*/
	background-color:#fff;
	text-align:center;
	padding:20px 0;
}

.foot{
	height:10px;
/*	background-color:#F2F2F2;*/
}

.rainbow {

/*   background:-moz-linear-gradient(left,#EF5350,#FFA726,#FFEE58,#66BB6A,#42A5F5,#5C6BC0, #7E57C2);
    background:-webkit-linear-gradient(left,#EF5350,#FFA726,#FFEE58,#66BB6A,#42A5F5,#5C6BC0, #7E57C2);
    background:-ms-linear-gradient(left,#EF5350,#FFA726,#FFEE58,#66BB6A,#42A5F5,#5C6BC0, #7E57C2);
    background:linear-gradient(left,#EF5350,#FFA726,#FFEE58,#66BB6A,#42A5F5,#5C6BC0, #7E57C2);*/

  background: -moz-linear-gradient(left,
    rgba(255,0,0,0.2),
    rgba(255,69,0,0.2),
    rgba(255,255,0,0.2),
    rgba(0,128,0,0.2),
    rgba(0,0,255,0.2),
    rgba(75,0,130,0.2),
    rgba(238,130,238,0.2)
  );
  background: -webkit-gradient(linear, left center, right center,
    from(rgba(255,0,0,0.2)),
    color-stop(14%, rgba(255,69,0,0.2)),
    color-stop(28%, rgba(255,255,0,0.2)),
    color-stop(42%, rgba(0,128,0,0.2)),
    color-stop(56%, rgba(0,0,255,0.2)),
    color-stop(70%, rgba(75,0,130,0.2)),
    to(rgba(238,130,238,0.2))
  );
}

#content{
width: 100%;
max-width: 960px;
margin: 15px auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling: -blackberry-touch;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

.panel{
margin-bottom: 15px;
background-color: white;
border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel > .panel-heading {
/*    color: #ee869a;*/
	color: #FF8080;
	background-color: #fff6f7;
	border-color: #ebe5d3;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.panel_inner{
	padding:20px;
}

/*.panel_inner div{
	text-align:center;
}*/


.button {
  display: inline-block;
/*  width: 200px;*/
/*  height: 54px;*/
  text-align: center;
  text-decoration: none;
/*  line-height: 54px;*/
  outline: none;


  position: relative;
  z-index: 2;
  background-color: #333;
  border: 2px solid #333;
  color: #fff;
/*  line-height: 50px;*/
  margin:10px;
  padding:10px 24px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #333;
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.button:hover {
  background-color: #fff;
  border-color: #80adff;
  color: #80adff;
}

.button::before {
  top: 0;
}
.button::after {
  bottom: 0;
}
.button:hover::before,
.button:hover::after {
  height: 0;
  background-color: #80adff;
}




.button_in {
  display: inline-block;
/*  width: 200px;*/
/*  height: 54px;*/
  text-align: center;
  text-decoration: none;
/*  line-height: 54px;*/
  outline: none;


  position: relative;
  z-index: 2;
  background-color: #FF8080;
  border: 2px solid #FF8080;
  color: #fff;
/*  line-height: 50px;*/
  margin:10px;
  padding:20px 50px;
  border-radius: 50px;
  font-size:25px;
}
.button_in::before,
.button_in::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #FF8080;
}
.button_in,
.button_in::before,
.button_in::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.button_in:hover {
  background-color: #fff;
  border-color: #80adff;
  color: #80adff;
  cursor: pointer;
}

.button_in::before {
  top: 0;
}
.button_in::after {
  bottom: 0;
}
.button_in:hover::before,
.button_in:hover::after {
  height: 0;
  background-color: #80adff;
}



.button_top {
  display: inline-block;
/*  width: 200px;*/
/*  height: 54px;*/
  text-align: center;
  text-decoration: none;
/*  line-height: 54px;*/
  outline: none;


  position: relative;
  z-index: 2;
  background-color: #FF8080;
  border: 2px solid #FF8080;
  color: #fff;
/*  line-height: 50px;*/
  margin:10px;
padding: 5px 20px;
border-radius: 20px;
}
.button_top::before,
.button_top::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #FF8080;
}
.button_top,
.button_top::before,
.button_top::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.button_top:hover {
  background-color: #fff;
  border-color: #80adff;
  color: #80adff;
  cursor: pointer;
}

.button_top::before {
  top: 0;
}
.button_top::after {
  bottom: 0;
}
.button_top:hover::before,
.button_top:hover::after {
  height: 0;
  background-color: #80adff;
}



.g-nav {
    text-align: center;
}

.g-nav ul {
    display: inline-flex;
    list-style-type: none;
    padding: 0;
/*    background-color: lightblue;*/
}

.g-nav li {
/*    background-color: pink;*/
    display: flex;
    width: auto;
    margin: 10px;
/*    padding: 10px;*/
    align-items: center;
    justify-content: center;
}


.form-group {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
}

.label_name{
/*	float:left;*/
	width:33.3%;
	display:inline-block;
}

.mybox32_mail{
	width:33.3%;
	display:inline-block;
	text-indent:15px;
	vertical-align:middle;
}

.mybox{
/*	float:left;*/
	width:62%;
	display:inline-block;
}

.form-control {
    display: block;
    width: 80%;
    height: 34px;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    background-color: white;
    background-image: none;
    border: 1px solid #cbd5dd;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.link_forgot{
	font-size:90%;
	text-align:center;
}

.mybox31_mail {
    display: block;
    width: 80%;
    height: 34px;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    background-color: white;
    background-image: none;
    border: 1px solid #cbd5dd;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.div_text_non{
	width:62%;
	display:inline-block;
}

.txt-area {
    display: block;
    width: 80%;
    height: 34px;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    background-color: white;
    background-image: none;
    border: 1px solid #cbd5dd;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.mybox34{
	display:block;
	width:100%;
	text-align:left;
}

.btnst {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: #f1f1f1;
  border: 2px solid #333333;
/*  color: #fff;*/
  margin:10px;
  padding:20px 50px;
  border-radius: 50px;
/*  font-size:25px;*/
}
.btnst::before,
.btnst::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #FF8080;
}
.btnst,
.btnst::before,
.btnst::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.btnst:hover {
  background-color: #fff;
  border-color: #80adff;
  color: #80adff;
  cursor: pointer;
}

.btnst::before {
  top: 0;
}
.btnst::after {
  bottom: 0;
}
.btnst:hover::before,
.btnst:hover::after {
  height: 0;
  background-color: #80adff;
}


#main {
    float: right;
    width: 680px;
    margin-bottom: 20px;
}

#sub {
    float: left;
    width: 205px;
    margin-bottom: 20px;
}

#sub #main_navi dt {
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #c6d7e9;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    background: url(../images/common_gradation_back.png?date=20161017) left top repeat-x;
    text-align: center;
}

#sub #main_navi dd {
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    background: #e9f1f9;
    padding: 10px 9px;
	margin: 0 0 10px 0;
}

#sub #main_navi dd ul {
    border-top: 1px solid #b3b3b3;
}

#sub #main_navi dd li {
    width: 183px;
    height: 28px;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    line-height: 28px;
    position: relative;
    text-align: left;
}

#sub #main_navi dd li a.navi_anchor {
    background-color: #fff;
    display: block;
    width: 133px;
    height: 28px;
    padding-left: 28px;
    padding-right: 22px;
    background-repeat: no-repeat;
    background-position: 3px 0;
    text-decoration: none;
    color: #333;
}

#sub #main_navi dd li a.navi_anchor:hover {
    background-position: 3px -28px;
    background-color: #fff6f7;
    color: #FF8080;
}

dl.news_list {
    width: 100%;
    padding: 0 !important;
        padding-bottom: 0px;
    padding-bottom: 5px !important;
    border: none !important;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    border-bottom: 1px dotted #ccc !important;
    overflow: hidden;
}

dl.news_list dt {
    display: inline-block;
    width: 15%;
    padding: 1px 6px;
    margin-bottom: 5px !important;
    font-weight: normal !important;
    line-height: 12px;
}

dl.news_list dd {
    width: 70%;
    display: inline-block;
    padding: 1px 6px;
    margin-bottom: 5px;
    line-height: 12px;
}

.menu_list {
    width: 48.8%;
    border-right: 1px solid #b3b3b3;
    float: left;
/*    padding-bottom: 32782px;
    margin-bottom: -32767px;*/
    margin-left: 1%;
    margin-top: 4%;
}

.menu_list ul li {
/*    margin-bottom: 10px;*/
    padding-bottom: 8px;
    border-bottom: 1px dotted #b3b3b3;
    background-image: url(../images/sp_arrow.gif);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 30px;
	padding-top:9px;
}

/*.menu_list ul li:not(:target) {
	margin-bottom:10px;
	padding-bottom:8px;
	background-position:10px 10%;
}*/

.menu_list ul li a {
	color:#333333;
	text-decoration:none;
	font-size:13px;
}

.menu_list ul li a:hover {
	text-decoration:underline;
	color:#80adff;
}

#support_navi {
    border-top: 1px solid /*#b3b3b3*/#80adff;
}

#support_navi li {
    width: 203px;
    height: 30px;
    border-left: 1px solid /*#b3b3b3*/#80adff;
    border-right: 1px solid /*#b3b3b3*/#80adff;
    border-bottom: 1px solid /*#b3b3b3*/#80adff;
    line-height: 30px;
}

#support_navi li a {
    background-color: #e9f1f9;
    display: block;
    width: 169px;
    height: 30px;
    padding-left: 34px;
    background-repeat: no-repeat;
    background-position: 5px 0;
    text-decoration: none;
    color: #333;
}

#support_navi li a:hover {
	background-color : /*#d3dfea*/ #ffffff;
	color:#80adff;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.midashi {
    position: relative;
    padding: .50em 1em .50em 1.5em;
/*    background-color: #80adff;*/
background: #b3dced; /* Old browsers */
background: -moz-linear-gradient(top,  #b3dced 0%, #80adff 50%, #bce0ee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b3dced 0%,#80adff 50%,#bce0ee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b3dced 0%,#80adff 50%,#bce0ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */

    color: #fff;
    font-weight: bold;
    font-size: 111%;
}
.midashi::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 5px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #ffffff;
}

.mmidashi {
    position: relative;
/*    padding: .50em 1em .50em 1.5em;*/
/*    background-color: #80adff;*/
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

/*    color: #fff;*/
    font-weight: bold;
    font-size: 111%;
}
/*.mmidashi::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 5px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #ffffff;
}*/

.mmidashi2 {
    position: relative;
    padding: .50em 1em .50em 1.5em;
/*    background-color: #80adff;*/
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

/*    color: #fff;
    font-weight: bold;*/
    font-size: 111%;
	border:1px solid #ccc;
}
.mmidashi2::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 5px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #ffffff;
}

.sample1-2::before{
    left: 3px;
    width: 7px;
    height: 1px;
    background: #7a0;

    }
.sample1-2::after{
    left: 3px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #7a0;
    border-right: 1px solid #7a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    }
	
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    vertical-align: middle;

    }
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;

    }


/*.memberlist ul {
    border-top: 1px solid #b3b3b3;
}

.memberlist li {
    width: 183px;
    height: 28px;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    line-height: 28px;
    position: relative;
    text-align: left;
}

.memberlist li a{
    background-color: #fff;
    display: block;
    width: 133px;
    height: 28px;
    padding-left: 28px;
    padding-right: 22px;
    background-repeat: no-repeat;
    background-position: 3px 0;
    text-decoration: none;
    color: #333;
}

.memberlist li a:hover {
    background-position: 3px -28px;
    background-color: #fff6f7;
    color: #FF8080;
}*/

.memberlist {
    border-top: 1px solid /*#b3b3b3*/#80adff;
}

.memberlist li {
    width: 99.8%;
    border-left: 1px solid /*#b3b3b3*/#80adff;
    border-right: 1px solid /*#b3b3b3*/#80adff;
    border-bottom: 1px solid /*#b3b3b3*/#80adff;
    line-height: 40px;
}

.memberlist li a {
    background-color: #e9f1f9;
    display: block;
    padding-left: 34px;
    background-repeat: no-repeat;
    background-position: 5px 0;
    text-decoration: none;
    color: #333;
}

.memberlist li a:hover {
	background-color : /*#d3dfea*/ #ffffff;
	color:#80adff;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.hakodivmail table{
	width:100%;
	margin:0 auto;
	border:1px solid #cccccc;
	border-collapse:collapse;
	border-bottom:0;
	border-right:0;
}

.hakodivmail td{
	padding: 10px;
	font-size:13px;
	background-color:#ffffff;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	color:#444444;
	word-break:break-all;
	vertical-align:middle;
}

.hakodivmail th.table_ttl{
	background-color:#f1f1f1;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	color:#444444;
	vertical-align:middle;
	padding: 10px;
	font-size:13px;
	word-break:break-all;
	text-align:left;
}

.hakodivmail th.table_ttl2 {
	background-color:#666;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	color:#fff;
	vertical-align:middle;
	padding: 10px;
	font-size:13px;
	word-break:break-all;
	text-align:left;
}

.hakodivmail tr{
	padding: 0px;
}
.submit_flat{
	border-style: none;
	background-color: #ffffff;
}
.submit_flat2{
	border-style: none;
	background-color: #ffffff;
	width:100%;
	height:25px;
}
.submit_flat2:hover {
	border-style: none;
	background-color: #ffffff;	
	color:#80adff;

}
.submit_flat:hover {
	border-style: none;
	background-color: #ffffff;	
	color:#80adff;
}
.button_wrapper{
   text-align:center;
}
.btn_s{
	background-color:#e9f1f9;
	background-color:#ff0000;
	border:1px solid #cccccc;
	border-radius: 10px;
	width:60px;
	height:30px;	
}
.btn_s:hover{
	background-color:#ffffff;
	color:#87cebb;
	border:1px solid #cccccc;
	border-radius: 10px;
	width:60px;
	height:30px;	

}

.btn_dl{
	background-color:#A4C6FF;
	border:1px solid #cccccc;
	border-radius: 1px;
	width:60px;
	height:30px;	
}
.btn_dl:hover{
	background-color:#ffffff;
	color:#87cebb;
	border:1px solid #cccccc;
	border-radius: 1px;
	width:60px;
	height:30px;	
}