f@charset "UTF-8";

/* CSS Document */



/************************** common **************************/

html,body{margin:0px; padding:0px;}



h1,h2,h3,h4,h5,ul,li,dl,dt,dd,img,p,hr,a,a:link,a:visited,a:hover,a:active

{margin:0px; padding:0px; text-decoration:none; list-style:none; font-weight:normal; border:0px;}



a,a:link,a:visited,a:hover,a:active{color:#0049C0; display:block;}



input{position:relative; top:+1px;}



label{cursor:pointer;}



input[type="checkbox"] ,input[type="radio"] {/*transform:scale(1.5);

	                                         -webkit-transform:scale(1.5); 

                                             -moz-transform:scale(1.5); 

											 -o-transform:scale(1.5); 

											 -ms-transform:scale(1.5); 

                                             transform: scale(1.5); */margin-right:5px;}



html{font-size:62.5%;}



body{width:auto; font-size:1.4rem; line-height:1.8rem; color:#595757; max-width:640px; margin:0 auto;

font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

-webkit-text-size-adjust: 100%; 

}


a.inline,a:hover.inline,a:active.inline{display:inline-block; text-decoration:underline;}



#noscript{width:100%; position:absolute; top:-10px; text-align:center;}

noscript p{color:#F30;}



hr.dot{boder:none; border-top:dotted 1px #595757; margin:8px 0px; clear:both;}



/****** error_mail ******/

#error_mail{width:auto; padding:5px; margin:10px 0; background-color:#F7E3D4; border:#E3587F 1px solid; text-align:center;}

#error_mail a,#error_mail a:link,#error_mail a:visited,#error_mail a:hover,#error_mail a:active{font-size:1.4rem; color:#E3587F; text-decoration:underline;}





/****** clear ******/

.clear{clear:both;}



.clearfix{ overflow:hidden;}



.clearfix:after{

 content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

  }



/****** margin・padding・align ******/

.box_m3{width:auto; margin:3%; overflow:hidden;}  .center{text-align:center;}  .m_TB30{margin:30px 0;}  .m_B14{margin-bottom:14px;}  .m_T28{margin-top:28px;}

.m_T14{margin-top:14px;}     .m_B8{margin-bottom:8px;}  .fL{float:left;}   .fR{float:right;}    .imgC{margin-left:auto; margin-right:auto;}

.m_B4{margin-bottom:4px;}    .m_T6{margin-top:6px;}



/****** text color&size ******/

.red{color:#F00;}   .red18{color:#7D0233; font-size:1.8rem; line-height:2rem;}   .f16{font-size:1.6rem; line-height:140%;}

.f18{font-size:1.8rem; line-height:140%;}  .lh30{line-height:30px;}  .f12{font-size:1.2rem;}

.lh8{line-height:8px;}  .red_aR{color:#F00; text-align:right; margin:3% 3% 3% 0;}  .mail_aR{color:#FF0; text-align:right; margin:3% 3% 3% 0;}  .Ls00{letter-spacing:-0.3em;}  .f_small{font-size:84%;}



.mb5_aR{text-align:right; margin:0 3% 5px;}  .f15_Wb{font-size:1.5rem; font-weight:bold;}  .text_L{text-align:left;}  .text_R{text-align:right;}



.pink{color:#E3587F;}  .blue{color:#0049C0;}  .orange12{color:#F90; font-size:1.2rem;}  .small_g{color:#999; font-weight:bold;}





.boder_b{/* IE10 Consumer Preview */ 

background-image: -ms-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* Mozilla Firefox */ 

background-image: -moz-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* Opera */ 

background-image: -o-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* Webkit (Safari/Chrome 10) */ 

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #B3B3B3));

/* Webkit (Chrome 11+) */ 

background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* W3C Markup, IE10 Release Preview */ 

background-image: linear-gradient(to bottom, #F5F5F5 0%, #B3B3B3 100%);

color:#0049C0; border:1px solid #0049C0; text-align:center; width:100%; height:40px; line-height:40px; font-size:1.5rem; margin:5px 0;}



.boder_ore{/* IE10 Consumer Preview */ 

  background-image: -ms-linear-gradient(top, #FFDEB3 0%, #FF7800 100%);

  /* Mozilla Firefox */ 

  background-image: -moz-linear-gradient(top, #FFDEB3 0%, #FF7800 100%);

  /* Opera */ 

  background-image: -o-linear-gradient(top, #FFDEB3 0%, #FF7800 100%);

  /* Webkit (Safari/Chrome 10) */ 

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFDEB3), color-stop(1, #FF7800));

  /* Webkit (Chrome 11+) */ 

  background-image: -webkit-linear-gradient(top, #FFDEB3 0%, #FF7800 100%);

  /* W3C Markup, IE10 Release Preview */ 

  background-image: linear-gradient(to bottom, #FFDEB3 0%, #FF7800 100%);

border:#F75000 2px solid; color:#FFFFFF; text-align:center; width:100%; height:40px; line-height:40px; font-size:1.5rem; margin:5px 0;}



.boder_g{/* IE10 Consumer Preview */ 

background-image: -ms-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* Mozilla Firefox */ 

background-image: -moz-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* Opera */ 

background-image: -o-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* Webkit (Safari/Chrome 10) */ 

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #B3B3B3));

/* Webkit (Chrome 11+) */ 

background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* W3C Markup, IE10 Release Preview */ 

background-image: linear-gradient(to bottom, #F5F5F5 0%, #B3B3B3 100%);

color:#595757; border:1px solid #595757; text-align:center; width:100%; height:40px; line-height:40px; font-size:1.5rem;}



.boder_g a,.boder_g a:link,.boder_g a:visited,.boder_g a:hover,.boder_g a:active,

ul#main_menu li.menu a:link,ul#main_menu li.menu a:visited,ul#main_menu li.menu a:hover,ul#main_menu li.menu a:active,

ul.mp_message_box a:link,ul.mp_message_box a:visited,ul.mp_message_box a:hover,ul.mp_message_box a:active,

ul.message li.page a:link,ul.message li.page a:visited,ul.message li.page a:hover,ul.message li.page a:active{color:#595757;}



.boder_ore a:link,.boder_ore a:visited,.boder_ore a:hover,.boder_ore a:active{color:#FFFFFF;}





/****** modal-window ******/

* html .layer_board_bg,

* html .layer_board {

	position: absolute;

}



.layer_board_bg {

	position: fixed;

	width: 100%;

	height: 120%;

	z-index: 1000;

	top: 0;

	left: 0;

	display: none;

	cursor: pointer;

	background: #000;

	}



.layer_board {

	display: none;

	position: fixed;

	left: 0;

	top:0;

	margin: 20px 0px 0px 0;

	text-align: center;

	z-index: 2000;

	}

	

.layer_board .text_kankyo{

	color:#FFF;

	text-align:left;

	padding:3%;

	}

	

.layer_board p img{

	margin:0 auto;

	}



.mw img{width:90%;}







/****** main_menu ******/

ul#main_menu li.menu{/* IE10 Consumer Preview */ 

background-image: -ms-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* Mozilla Firefox */ 

background-image: -moz-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* Opera */ 

background-image: -o-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* Webkit (Safari/Chrome 10) */ 

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #B3B3B3));

/* Webkit (Chrome 11+) */ 

background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* W3C Markup, IE10 Release Preview */ 

background-image: linear-gradient(to bottom, #F5F5F5 0%, #B3B3B3 100%);

width:50%; height:55px; line-height:55px; font-size:1.5rem; text-align:left;

border-top:none; border-bottom:1px #B3B3B3 solid; border-right:1px #999999 solid; border-left:1px #999999 solid; margin-top:-1px; float:left;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;}

  ul#main_menu li.menu:nth-child(odd){ border-right:none;}

  ul#main_menu li.menu a{padding:0 3% 0 5%; background:url(../img/link_mark.png) no-repeat center right; background-origin:content-box;}

  

/****** h1 ******/

h1{width:100%; text-align:left; font-size:0; text-indent:-9999px; height:0;}





/****** header ******/

header{width:auto; padding:3% 3% 10px 3%;}

.block{display:block;}

  #headLink{float:right; vertical-align:middle; }

  	img#PClink{width:100px; height:auto; margin-bottom:5px;}

	img#TOPlink{width:100px; height:auto;}

	img#NAVIlogo{width:100%; height:auto; clear:both; margin-top:6px;}

	

a.otherlink{text-align:left; text-decoration:underline; font-size:1.5rem; margin-top:10px;}

a.PClink{text-align:right; text-decoration:underline; font-size:1.5rem; margin-top:10px;}

a.PClink:before{content:url(../img/Flink_mark.png); padding-right:2px; vertical-align:middle;}



/*

#NavMenu{

	margin:8px 0 0 0;

	width:38%;

	height:auto;

	}

	

#NavMenu .head_menu img{

	width:32%;

	height:auto;

	float:left;

	margin:0 6% 0 30%;

	}



#menu_btn img{

	width:32%;

	height:auto;

	}



*/





#NavMenu{

	

	}

	

#NavMenu .head_menu img{

	width:14%;

	height:auto;

	position:fixed;

	top:0;

	right:16.7%;

	z-index:998;

	padding:2% 1% 2% 2%;

	background:rgba(195,214,11, 0.8);

	}



#menu_btn img{

	width:14%;

	height:auto;

	position:fixed;

	top:0;

	right:0;

	z-index:997;

	padding:2% 2% 2% 1%;

	background:rgba(195,214,11, 0.8);

	}

	





#Togglemenu{

  display:none; 

  width:70%;

  height:100%;

  position: fixed;

  z-index:999;

  top: 0px;

  right: 0px;

  box-sizing: border-box;

  overflow:auto;

}



#Togglemenu ul{

	background:rgba(51,51,51,0.8);

	margin:50px 0 0 0;

	}



#Togglemenu ul li{

  padding:0;

  text-align: left;

  border-bottom: solid 1px #FFF;

  }

  

#Togglemenu ul li.mb{

	background:url(../img/mb_icon.png) no-repeat left;

	background-size:auto 100%;

	background-color:rgba(255,124,128,0.8);

	}

	

#Togglemenu ul li.me{

	background:url(../img/me_icon.png) no-repeat left;

	background-size:auto 100%;

	background-color:rgba(255,154,18,0.8);

	}
	

#Togglemenu ul li.mp{

	background:url(../img/mp_icon.png) no-repeat left;

	background-size:auto 100%;

	background-color:rgba(180,140,200,0.8);

	}

	

#Togglemenu ul li.ms{

	background:url(../img/ms_icon.png) no-repeat left;

	background-size:auto 100%;

	background-color:rgba(99,194,0,0.8);

	}

	

#Togglemenu ul li.mm{

	background:url(../img/mm_icon.png) no-repeat left;

	background-size:auto 100%;

	background-color:rgba(0,151,160,0.8);

	}

  

#Togglemenu ul li:last-child{

	border-bottom:none;

	}



#Togglemenu a{

  display: block;

  color: #fff;

  font-size:1.5rem;

  text-decoration:none;

  padding:1em;

  }	

  

#Togglemenu ul li.mb a,#Togglemenu ul li.me a,#Togglemenu ul li.ms a,#Togglemenu ul li.mm a,#Togglemenu ul li.mp a{

	padding:1em 1em 1em 3em !important;

	}



#Togglemenu p{

	width:70%;

	height:50px;

	position:fixed;

	right:0;

	top:0;

	display:table-cell;

	vertical-align:middle;

	box-sizing:border-box;

	}

	

#Togglemenu p.close{

	background:#000 url(../img/btn_close.png) no-repeat left center;

	background-size:auto 80%;

	color:#FFF;

	line-height:50px;

	padding-left:3em;

	box-sizing:border-box;

	}

	

.myname{

	color:#666;

	font-size:1.2rem;

	text-align:center;

	padding:0.6em;

	margin:10px auto 0;

	}

	

.myname img{

	width:auto;

	height:2em;

	vertical-align:middle;

	display:inline-block;

	margin:0 4px 0 0;

	}

	

/****** login toroku ******/

.box_m3 ul{width:100%; text-align:center;}

.box_m3 ul li#login,.box_m3 ul li#kaiin{width:47.5%; height:auto; -webkit-border-radius:5px; float:left; font-size:1.8rem; line-height:44px;}

  .box_m3 ul li#login{/* IE10 Consumer Preview */ 

  background-image: -ms-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Mozilla Firefox */ 

  background-image: -moz-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Opera */ 

  background-image: -o-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Webkit (Safari/Chrome 10) */ 

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #B3B3B3));

  /* Webkit (Chrome 11+) */ 

  background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* W3C Markup, IE10 Release Preview */ 

  background-image: linear-gradient(to bottom, #F5F5F5 0%, #B3B3B3 100%);

  border:#FF7800 2px solid; color:#FF7800; margin-right:5%;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

}

  .box_m3 ul li#kaiin{/* IE10 Consumer Preview */ 

  background-image: -ms-linear-gradient(top, #FFDEB3 0%, #FF7800 100%);

  /* Mozilla Firefox */ 

  background-image: -moz-linear-gradient(top, #FFDEB3 0%, #FF7800 100%);

  /* Opera */ 

  background-image: -o-linear-gradient(top, #FFDEB3 0%, #FF7800 100%);

  /* Webkit (Safari/Chrome 10) */ 

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFDEB3), color-stop(1, #FF7800));

  /* Webkit (Chrome 11+) */ 

  background-image: -webkit-linear-gradient(top, #FFDEB3 0%, #FF7800 100%);

  /* W3C Markup, IE10 Release Preview */ 

  background-image: linear-gradient(to bottom, #FFDEB3 0%, #FF7800 100%);

  border:#F75000 2px solid; color:#FFFFFF;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

}

  .box_m3 ul li#kaiin a{color:#FFFFFF;}

      li#login a:link,li#login a:visited,li#login a:hover,li#login a:active{color:#FF7800;}

	  li#kaiin a:link,li#kaiin a:visited,li#kaiin a:hover,li#kaiin a:active{color:#FFFFFF;}	

	  

.kaiinBox{

	width:180px;

	height:auto;

	margin:0 auto 10px;

	}

	  

img.kaiin{width:180px; height:auto; display:block; margin:0 auto;}



/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */

:placeholder-shown {

    color:#CCC; }



/* Google Chrome, Safari, Opera 15+, Android, iOS */

::-webkit-input-placeholder {

    color:#CCC; }



/* Firefox 18- */

:-moz-placeholder {

    color: #CCC; opacity: 1; }



/* Firefox 19+ */

::-moz-placeholder {

    color: #CCC; opacity: 1; }



/* IE 10+ */

:-ms-input-placeholder {

    color: #CCC; }



	

/****** myPage menu ******/

ul#mp_submenu{width:100%; text-align:center; margin-top:4px;}

  li.submenu{

  /* IE10 Consumer Preview */ 

  background-image: -ms-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Mozilla Firefox */ 

  background-image: -moz-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Opera */ 

  background-image: -o-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Webkit (Safari/Chrome 10) */ 

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #B3B3B3));

  /* Webkit (Chrome 11+) */ 

  background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* W3C Markup, IE10 Release Preview */ 

  background-image: linear-gradient(to bottom, #F5F5F5 0%, #B3B3B3 100%);

  width:32%; height:30px; line-height:26px; font-size:1.2rem; color:#0082D2; float:left; border:2px solid #0082D2;

  -webkit-border-radius:5px; moz-border-radius:5px; display:block; margin-right:2%;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

  }

  li.submenu_r{

  /* IE10 Consumer Preview */ 

  background-image: -ms-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Mozilla Firefox */ 

  background-image: -moz-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Opera */ 

  background-image: -o-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Webkit (Safari/Chrome 10) */ 

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #B3B3B3));

  /* Webkit (Chrome 11+) */ 

  background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* W3C Markup, IE10 Release Preview */ 

  background-image: linear-gradient(to bottom, #F5F5F5 0%, #B3B3B3 100%);

  width:32%; height:30px; line-height:26px; font-size:1.2rem; color:#0082D2; float:left; border:2px solid #0082D2;

  -webkit-border-radius:5px; moz-border-radius:5px; display:block;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

  }

    ul#mp_submenu li.submenu a,ul#mp_submenu li.submenu_r a{color:#0082D2;}



ul#mp_menu{width:100%; margin:8px auto 0px auto; text-align:center;}

 ul#mp_menu li.menu{float:left; display:block; width:23.5%; margin-right:2%;}

 ul#mp_menu li.menu_r{float:left; display:block; width:23.5%;}

   ul#mp_menu li.menu img,ul#mp_menu li.menu_r img{max-width:100%; height:auto;}

   







/****** h2 blue gradation ******/

h2{width:auto; height:40px; font-size:1.7rem; padding-left:3%; color:#FFF; line-height:40px; margin-top:20px; background:#00A2A4;}





/****** h3 gray ******/

h3{background-color:#595757; font-size:1.6rem; color:#FFF; width:auto; height:40px; padding-left:3%; line-height:40px;}





/****** footer ******/

footer{width:auto; margin:0 2%;  padding:15px; clear:both; background:#00A2A4; color:#FFF;}



footer ul.f_leftlist,footer ul.f_rightlist{margin:0; width:50%;}



footer ul li{text-align:left; padding:0.5em 0; box-sizing:border-box;}



footer p{font-size:1.2rem; text-align:center; margin-top:16px; border-top:#FFF 1px solid; width:100%; padding-top:1em;}



footer #btn_pc{padding:0.8em; border:#FFF 2px solid; text-align:center; margin:0 auto 16px auto; width:9em;}



footer ul a,footer ul a:link,footer ul a:visited,footer #btn_pc a,footer #btn_pc a:link,footer #btn_pc a:visited{color:#FFF;}



#footer_back{width:100%; background:#00A2A4; margin-top:10px;}







/************************** index **************************/

/****** コロナ ******/
.textBox{
	margin:0 0 20px 0;
	overflow:hidden;
	text-align:left;
	font-size:14px;
	border:1px solid #F93;
	padding:1em;
	box-sizing:border-box;
	}

.step_ore{width:auto; padding:5px; margin:0 0 10px; background:#F93; color:#FFF; text-align:left; box-sizing:border-box; font-weight:bold; display:inline-block;}

ul.square{
	margin:10px 0 0 0;
	text-align:left;
	}
	
ul.square > li{
	list-style:square;
	margin-left:1.5em;
	}


/****** event ******/

.top_event{margin-bottom:10px;}

.top_event img{max-width:100%; height:auto;}

.top_eventTitle{margin-top:20px;}

.top_eventTitle img{max-width:100%; height:auto;}

.w100{width:100%; height:auto;}

ul.event_real{
	width:100%;
	border-bottom:1px solid #333;
	margin-bottom:10px;
	text-align:left
	}
	
ul.event_real li:first-child{
	font-weight:bold;
	font-size:30px;
	width:2.4em;
	height:1.2em;
	line-height:1.2em;
	margin:0 8px 10px 0;
	color:#FFF;
	text-align:center;
	border-radius:6px;
	box-sizing:border-box;
	float:left;
	}
	
ul.event_real li:nth-child(2){
	font-weight:bold;
	font-size:30px;
	line-height:1.2em;
	color:#333;
	}
	
ul.event_real li:nth-child(3){
	clear:left;
	font-size:20px;
	color:#333;
	margin:0 0 8px 0;
	}

ul.event_real li:nth-child(4){
	font-size:16px;
	color:#333;
	}

ul.event_real li:last-child{
	margin:12px 0 12px 0;
	text-align:center;
	}
	
ul.event_real li:last-child > a{
	display:inline-block;
	background:#b3b3b3;
	text-decoration:none;
	width:100%;
	height:2em;
	line-height:2em;
	color:#fff;
	text-align:center;
	font-size:20px;
	box-sizing:border-box;
	}
	
ul.event_real li:last-child > a:link,ul.event_real li:last-child > a:visited{
	background:#006bb4;
	}
	
.tochigi{
	background:#33b6ad;
	}
	
.gunma{
	background:#ff7d90;
	}
	
ul.event_web{
	width:100%;
	border-bottom:1px solid #333;
	margin-bottom:10px;
	text-align:left
	}
	
ul.event_web li:first-child{
	font-weight:bold;
	font-size:30px;
	height:1.2em;
	line-height:1.2em;
	margin:0 0 12px 0;
	color:#FFF;
	text-align:center;
	border-radius:6px;
	box-sizing:border-box;
	}
	
ul.event_web li:nth-child(2){
	font-weight:bold;
	font-size:30px;
	margin:0 0 12px 0;
	color:#333;
	}
	
ul.event_web li:nth-child(3){
	font-size:16px;
	color:#333;
	}

ul.event_web li:last-child{
	margin:12px 0 12px 0;
	text-align:center;
	}
	
ul.event_web li:last-child > a{
	display:inline-block;
	background:#b3b3b3;
	text-decoration:none;
	width:100%;
	height:2em;
	line-height:2em;
	color:#fff;
	text-align:center;
	font-size:20px;
	box-sizing:border-box;
	}
	
ul.event_web li:last-child > a:link,ul.event_web li:last-child > a:visited{
	background:#006bb4;
	}
	
.live{
	background:#eb4da6;
	width:5em;
	}
	
.live_long{
	background:#eb4da6;
	width:8em;
	}
	
.onde{
	background:#7abf58;
	width:7.2em;
	}

.mb5{margin-bottom:5px !important;}

.mb10{margin-bottom:10px !important;}

.mb15{margin-bottom:15px !important;}

.mb20{margin-bottom:20px !important;}

.mb30{margin-bottom:30px !important;}

.mb40{margin-bottom:40px !important;}

.mb50{margin-bottom:50px !important;}

/****** yakudachi ******/

.yakudachi{margin-bottom:10px;}

.yakudachi img{max-width:100%; height:auto;}



.box_m3#yakudachi_pre hr.dot{boder:none; border-top:dotted 1px #595757; margin:8px 0px; clear:both;}

  .box_m3#yakudachi_pre .y_menu{overflow:hidden;}

    .box_m3#yakudachi_pre img{width:15%; height:auto; float:left; margin-right:5px; vertical-align:middle;}

	

.q{width:auto; height:auto; line-height:150%; font-size:1.2rem; font-weight:bold; margin:0px 0px 0px 0px; padding:10px 0px 10px 20px;

background-image:url(../yakudachi/img/q_img.png); background-size:20px; background-position:left; background-repeat: no-repeat; background-color:#FFEDF2; color:#222;}



.a{width:auto; height:auto; line-height:15px; margin:0px; padding:5px 10px 10px 25px; font-size:1.2rem;

background-image:url(../yakudachi/img/a_img.png); background-size:20px; background-repeat: no-repeat; background-color:#EDF5FF;}



.yakudachi ul.qa{margin-bottom:20px;}



.yakudachi ul.qa li{ text-align:left; margin:3% 0 0 0; padding:1.5% 0.5% 1.5% 25px;}



.yakudachi ul.qa li a{ display:inline;}



#pageTop{

	position:fixed;

	bottom:20px;

	right:10px;

	display:block;

	width:40px;

	z-index:100;

	}

	

#pageMenu{

	position:fixed;

	bottom:55px;

	right:10px;

	display:block;

	width:40px;

	z-index:101;

	}

	

#pageBottom{

	position:fixed;

	bottom:10px;

	right:10px;

	display:block;

	width:40px;

	z-index:102;

	}



#pageTop img,#pageBottom img,#pageMenu img

{

opacity:0.6;

filter:alpha(opacity=60); /* For IE8 and earlier */

width:100%;

}



.yakudachi_m0{margin-bottom:0px;}

.yakudachi_m0 img{max-width:100%; height:auto;}



/****** topics ******/

.topics{color:#E3587F; margin-bottom:5px;}

hr.topics{border:1px dashed #CCC; margin:7px 0;}





/****** search topPage ******/

#search_top{width:auto; /*background-color:#FDFDE0;*/ padding:3%; box-sizing:border-box;}

  #search_box{width:100%; margin:0 auto 8px auto;}

    #search_button{/* IE10 Consumer Preview */ 

    background-image: -ms-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

    /* Mozilla Firefox */ 

    background-image: -moz-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

    /* Opera */ 

    background-image: -o-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

    /* Webkit (Safari/Chrome 10) */ 

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #B3B3B3));

    /* Webkit (Chrome 11+) */ 

    background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

    /* W3C Markup, IE10 Release Preview */ 

    background-image: linear-gradient(to bottom, #F5F5F5 0%, #B3B3B3 100%);

    color:#595757; border:1px solid #595757; text-align:center; width:28%; height:32px; margin-left:3%;}

	

ul#search_menu{width:100%; text-align:center; margin-top:6px;}

 ul#search_menu li.menu{float:left; display:block; width:48%; margin-right:4%;}

 ul#search_menu li.menu_r{float:left; display:block; width:48%;}

   ul#search_menu li.menu img,ul#search_menu li.menu_r img{max-width:100%; height:auto;}



ul.search_menu{width:100%; text-align:center; margin-top:6px;}

 ul.search_menu li.menu{float:left; display:block; width:32%; margin-right:2%;}

 ul.search_menu li.menu_r{float:left; display:block; width:32%;}

   ul.search_menu li.menu img,ul.search_menu li.menu_r img{max-width:100%; height:auto;}

   

input.size65[type="text"],input.size65[type="password"]{width:60%; height:28px;}



a.search_link div

{font-size:1.4rem; line-height:100%; width:100%; height:auto; padding:4% 2%; text-align:center; box-sizing:border-box;}



.search_table{display: table; width: 100%; table-layout: fixed; border-collapse:separate; border-spacing:6px 12px;

}





a.search_link_L div,a.search_link_R div

{font-size:1.4rem; line-height:100%; height:auto; padding:4% 2%; text-align:center; box-sizing:border-box;}



a.search_link_L{color:#333; margin:12px 0 0 0; border:1px solid #999; border-radius: 4px; box-sizing:border-box; background:#E8E8E8; }

a.search_link_R{color:#333; margin-top:12px; border:1px solid #999; border-radius: 4px; box-sizing:border-box; background:#E8E8E8;}



a.search_link{color:#333; border:1px solid #00A2A4; border-radius: 4px; box-sizing:border-box; background:#e5f6f6; margin-top:12px;}





/****** TOP corp_banner ******/

ul#corp_banner{width:100%; text-align:center;}

   ul#corp_banner li.banner img{max-width:100%; height:auto; margin-bottom:8px;}





/****** seminar calendar ******/

.text_c15{text-align:center; font-size:1.5rem; margin-bottom:5px;}

.text_c15 a{display:inline;}

.box_m3 table#calendar{width:100%; border-collapse:collapse; margin:0 auto; text-align:center; vertical-align:middle; font-size:1.2rem;}

.box_m3 table#calendar tr th{color:#FFF; background-color:#666;}

.box_m3 table#calendar tr th#saturday{background-color:#09F;}

.box_m3 table#calendar tr th#sunday{background-color:#F03;}

.box_m3 table#calendar tr th,.box_m3 table#calendar tr td{height:40px; border:1px solid #CCC;}

.box_m3 table#calendar tr td a{text-decoration:underline;}

.box_m3 table#calendar tr td.day{width:12.7%;}



/****** yakudachi menu ******/

.box_m3#yakudachi hr.dot{boder:none; border-top:dotted 1px #595757; margin:8px 0px; clear:both;}

  .box_m3#yakudachi .y_menu{overflow:hidden;}

    .box_m3#yakudachi img{width:15%; height:auto; float:left; margin-right:5px; vertical-align:middle;}

	

	

/************************** regist **************************/

a.Flink{text-align:center; text-decoration:underline; font-size:1.5rem; margin-top:10px;}

a.Flink:before{content:url(../img/Flink_mark.png); padding-right:2px; vertical-align:middle;}



#kyuka{width:auto; height:30px; font-size:1.5rem; border:#F00 2px solid; margin-bottom:8px; padding:5px; line-height:30px;}



#input_read input{width:94%; height:28px; background-color:#FF9;}



input.size94[type="text"],input.size94[type="email"],input.size94[type="password"],input.size94[type="email"],select.size94{width:94%; height:28px;}

input.size25[type="text"]{width:25%; height:28px;}

input.size25[type="tel"]{width:20%; height:28px;}



.form3column{width:32%; float:left;}





/************************** search **************************/

.list6{margin-bottom:8px;}

 .list6 dt.trigger{background-color:#FDFDE0; text-align: left; border: 1px solid #595757; margin-bottom: 0; padding:15px 10px; border-radius:5px;}

 .list6 dt.trigger span.open-close

 {background: url(../img/point_plus.png) no-repeat right top; float: right; width: 20px; height: 20px; text-indent: -9999em;}

 .list6 dt.active span.open-close

 {background: url(../img/point_none.png) no-repeat right top; float: right; width: 20px; height: 20px;}   

 .list6 dd.acordion_tree{padding: 10px; border: 1px solid #595757; border-top: none;}

 

 .form2column{width:50%; float:left;}

 

 .alternate input[type="checkbox"],.alternate input[type="radio"]{margin-bottom:20px;} 



/****** page ******/

.pager_center{position:relative; overflow:hidden; margin:0 3%;}

.this_page{color:#333;}

ul.pager {position:relative; float:left; left:50%;}

ul.pager li {float:left; margin-right:12px; padding-right:12px; border-right:1px #999999 solid; font-size:1.6rem; position:relative; left:-50%;}

ul.pager li.next {border-right:none; margin-right:0; padding-right:0;}

ul.pager li a,ul.pager li.next a{text-decoration:underline;}



/****** list ******/

.corp_box{width:auto;}

div.corp_img{margin:10px auto 10px auto; text-align:center; width:180px; height:135px;}

div.corp_img img{width:100%; height:135px;}



dl.bg{text-align:left; padding:5% 3%; border-top:#00a2a4 2px solid; border-bottom:#00a2a4 2px solid;

      background:url(../img/link_mark.png) no-repeat right center; background-origin:content-box; background-color:#d9f1f1;}

  dl.bg dt{font-size:1.8rem; color:#999; margin-bottom:5px; line-height:2rem;}

    dl.bg dt a{margin-right:20px; color:#00a2a4;}

    dl.bg dt dd{margin-right:20px;}



hr.corp{margin:10px 3%; text-align:center; border-top:#595757 1px solid;}



table.button{width:100%; text-align:center; border:0; margin-top:15px; border-collapse:collapse;}

  table.button td{border-collapse:collapse; padding:0;}

  table.button td.w32{width:32%;}

  table.button td.w2{width:2%;}

    table.button img{width:100%; height:auto;}



/****** list。。human ******/

.bg_human{text-align:left; padding:5% 3%; border-top:#0049c0 2px solid; border-bottom:#0049c0 2px solid;

      background:url(../img/link_mark.png) no-repeat right center; background-origin:content-box; background-color:#D2EBFF;}

	  

/****** event list ******/

#industryCategoryBox{width:100%; height:auto;}



.industryCategory{width:25%; height:50px; float:left; line-height:50px; font-size:1.3rem; text-align:center; display: block;

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;。。box-sizing: border-box;

	/* IE10 Consumer Preview */ 

	background-image: -ms-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

	/* Mozilla Firefox */ 

	background-image: -moz-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

	/* Opera */ 

	background-image: -o-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

	/* Webkit (Safari/Chrome 10) */ 

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #B3B3B3));

	/* Webkit (Chrome 11+) */ 

	background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

	border-right:1px solid #818181;

	border-left:1px solid #EAEAEA;}

	

.industryCategory a:link,.industryCategory a:visited,.industryCategory a:hover,.industryCategory a:active,.boder_g a{color:#696969;}





/************************** corp **************************/

h1.w100{width:100%; font-size:1.2rem; letter-spacing:-0.1em;}

img#NAVIlogo_corp{width:50%; height:auto; clear:right; margin-top:5px;}



.corp_map{

	width:100%;

	height:200px;

	margin:3% auto;

	}

	

.corp_map_s{

	width:96%;

	height:200px;

	padding:2%;

	}



/****** h4 green ******/

h4{/* IE10 Consumer Preview */ 

background-image: -ms-linear-gradient(top, #2AAB39 0%, #8CE664 100%);

/* Mozilla Firefox */ 

background-image: -moz-linear-gradient(top, #2AAB39 0%, #8CE664 100%);

/* Opera */ 

background-image: -o-linear-gradient(top, #2AAB39 0%, #8CE664 100%);

/* Webkit (Safari/Chrome 10) */ 

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2AAB39), color-stop(1, #8CE664));

/* Webkit (Chrome 11+) */ 

background-image: -webkit-linear-gradient(top, #2AAB39 0%, #8CE664 100%);

/* W3C Markup, IE10 Release Preview */ 

background-image: linear-gradient(to bottom, #2AAB39 0%, #8CE664 100%);

width:auto; height:30px; font-size:1.5rem; padding-left:3%; color:#FFF000; line-height:30px;}



/****** bookmark ******/

.bookmark{/* IE10 Consumer Preview */ 

background-image: -ms-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* Mozilla Firefox */ 

background-image: -moz-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* Opera */ 

background-image: -o-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* Webkit (Safari/Chrome 10) */ 

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #B3B3B3));

/* Webkit (Chrome 11+) */ 

background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

/* W3C Markup, IE10 Release Preview */ 

background-image: linear-gradient(to bottom, #F5F5F5 0%, #B3B3B3 100%);

color:#0049C0; border:2px solid #0049C0; text-align:center; width:auto; height:40px; line-height:40px; font-size:1.5rem; margin:3%;

-webkit-border-radius:5px; moz-border-radius:5px; font-weight:bold;}



/****** corp name ******/

#corp_ruby{font-size:1.2rem; margin-bottom:5px;}

dl.corp_name{text-align:left; padding:5% 3%; background-color:#D2EBFF;}

  dl.corp_name dt{font-size:1.8rem; margin-bottom:5px; line-height:2rem;}



/****** corp link ******/  

.corp_linkBack{background-color:#FDFDE0; padding:3%;}

  .corp_linkBack a{text-decoration:underline;}

  .corp_linkBack a::first-letter{color:#2AAB39; text-decoration:none;}



  

/****** corp menu ******/

ul.corp_menu{width:100%; height:auto;}

  ul.corp_menu li#menu01,ul.corp_menu li#menu02,ul.corp_menu li#menu03,ul.corp_menu li#menu04,ul.corp_menu li#menu05{width:20%; height:auto; float:left;}

    ul.corp_menu li img{width:100%; height:auto; vertical-align:bottom;}

	#menu_line{border-top:#171C61 2px solid; clear:both; margin:0 0 28px 0; width:100%;}

   /* ul.corp_menu li#menu01 a{background:url(../img/corp_menu01.png) no-repeat;}

	ul.corp_menu li#menu02 a{background:url(../img/corp_menu02.png) no-repeat;}

	ul.corp_menu li#menu03 a{background:url(../img/corp_menu03.png) no-repeat;}

	ul.corp_menu li#menu04 a{background:url(../img/corp_menu04.png) no-repeat;}

	ul.corp_menu li#menu05 a{background:url(../img/corp_menu05.png) no-repeat;}

	

   body#kaisya ul.corp_menu li#menu01 a{background-image:url(../img/corp_menu01-2.png);}

   #saiyo ul.corp_menu li#menu02 a{background-image:url(../img/corp_menu02-2.png);}

   #seminar ul.corp_menu li#menu03 a{background-image:url(../img/corp_menu03-2.png);}

   #human ul.corp_menu li#menu04 a{background-image:url(../img/corp_menu04-2.png);}

   #photo ul.corp_menu li#menu05 a{background-image:url(../img/corp_menu05-2.png);}*/

   



div.corp_img240{margin:25px auto 10px auto; text-align:center; width:80%; height:auto;}

div.corp_img240 img{width:100%; height:auto;}



/****** corp seminar ******/

.semi_td{background-color:#D2EBFF;}



/****** corp human ******/

#redLine{width:100%; border-top:#F00 1px solid; margin:5px 0;}

.human_img{width:100%; height:auto; vertical-align:bottom;}

table.human{width:100%; border:0; border-collapse:0; margin-top:15px;}

  table.human a{text-decoration:underline;}

    table.human td.w30{width:30%;}

	table.human td.w2{width:2%;}

	table.human td.w68{width:68%; vertical-align:bottom;}









/************************** mypage **************************/

/********* common ********/

/** h2 tsukaikata **/

.howToUse{padding-left:10px; padding-right:10px; float:right; border-left-width: 1px; border-left-style: solid;}



.howToUse li{float:left;}

.centered{line-height:35px; margin-top:5px;}



.howToUse a:link,.howToUse a:visited,.howToUse a:hover,.howToUse a:active{color: #FFFFFF;}





table.my_bookmark,table.my_event,table.message_title,table.my_message

{width:100%; border:#595757 1px solid; border-collapse:collapse; text-align:center;}

  table.my_bookmark td,table.my_event th,table.my_event td,table.my_message td,table.message_title td

  {border:#595757 1px solid; border-collapse:collapse; padding:5px;}

    table.my_bookmark td.corp_name a,table.my_bookmark td.corp_entry a,table.my_event td.event_title a,table.my_event td a,table.my_message td a

	{text-decoration:underline;}

	table.my_bookmark td{border-top:#595757 1px solid; border-bottom:#595757 1px solid;}

	table.message_title,table.my_event th{background-color:#FF9;}



/****** bookmark ******/

  table.my_bookmark td.corp_name{background-color:#FFFDE5; text-align:left; width:88%;}

  table.my_bookmark td.corp_entry{text-align:left;}

  table.my_bookmark td.w12{width:12%;}

  

  .sumi{ /* IE10 Consumer Preview */ 

background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F7D2D4 100%);

/* Mozilla Firefox */ 

background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F7D2D4 100%);

/* Opera */ 

background-image: -o-linear-gradient(top, #FFFFFF 0%, #F7D2D4 100%);

/* Webkit (Safari/Chrome 10) */ 

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F7D2D4));

/* Webkit (Chrome 11+) */ 

background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F7D2D4 100%);

/* W3C Markup, IE10 Release Preview */ 

background-image: linear-gradient(to bottom, #FFFFFF 0%, #F7D2D4 100%);

border:1px solid #F76A72; padding:8px 5px; margin-top:8px; -webkit-border-radius:3px; moz-border-radius:3px;}

  .sumi a{display:inline; text-align:center; color:#F76A72;}

	

/****** event ******/

  table.my_event td.event_title{text-align:left; width:58%;}

  table.my_event td.w20{width:20%;}

  table.my_event td.w59{width:60%;}

  table.my_event td.w22{width:20%;}

  

/****** schedule ******/  

table.my_schedule{width:100%; border-top:1px solid #595757; border-bottom:1px solid #595757; text-align:left; margin-top:-1px;}

  table.my_schedule th{padding:5px; vertical-align:middle; width:20%;  box-sizing:border-box;}

  table.my_schedule td{padding:5px; width:31%; vertical-align:middle; box-sizing:border-box;}

  table.my_schedule td.yotei_td{padding:5px 10px 5px 5px; width:13%; vertical-align:middle; box-sizing:border-box;}

  table.my_schedule img{width:100%; height:auto; display:inline-block;}

  table.my_schedule img.m_R{margin-right:8px;}

  table.my_schedule img.m_L{margin-left:8px;}

  

  

img.w40{width:40%; height:auto; display:block;}  

img.w33{width:33%; display:block;}

  

img#ninjin{width:auto; height:30px; margin:8px 5px 0 12px; vertical-align:-7px;}

#ninjin_text{margin-left:12px; margin-right:3%; font-size:1.2rem;}



img#event{width:auto; height:30px; margin:8px 5px 0 12px; vertical-align:-7px;}

#event_text{margin-left:12px; margin-right:3%; font-size:1.2rem;}



img#seminar{width:auto; height:30px; margin:8px 5px 0 12px; vertical-align:-7px;}

#seminar_text{margin-left:12px; margin-right:3%; font-size:1.2rem;}



.text_icon{width:auto; height:20px; display:inline-block; margin:0 4px 4px 2px; vertical-align:middle;}



	

/****** message ******/

ul.mp_message_box{display: -webkit-box; display: -moz-box; width: 100%;}



ul.mp_message_box li#selected{-webkit-box-flex: 1; -moz-box-flex: 1; padding:2%; text-align:center;

   border:#FF7800 2px solid; border-bottom:none; height:34px; letter-spacing:-0.1rem; line-height:34px;

  /* IE10 Consumer Preview */ 

background-image: -ms-linear-gradient(top, #F2BE00 0%, #FF7800 100%);

/* Mozilla Firefox */ 

background-image: -moz-linear-gradient(top, #F2BE00 0%, #FF7800 100%);

/* Opera */ 

background-image: -o-linear-gradient(top, #F2BE00 0%, #FF7800 100%);

/* Webkit (Safari/Chrome 10) */ 

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2BE00), color-stop(1, #FF7800));

/* Webkit (Chrome 11+) */ 

background-image: -webkit-linear-gradient(top, #F2BE00 0%, #FF7800 100%);

/* W3C Markup, IE10 Release Preview */ 

background-image: linear-gradient(to bottom, #F2BE00 0%, #FF7800 100%);}



ul.mp_message_box li#unselected{-webkit-box-flex: 1; -moz-box-flex: 1; padding:2%; text-align:center;

   border:#B5B5B6 2px solid; border-bottom:none; height:34px; letter-spacing:-0.1rem; line-height:34px;

/* IE10 Consumer Preview */ 

background-image: -ms-linear-gradient(top, #EEEFEF 0%, #9FA0A0 100%);

/* Mozilla Firefox */ 

background-image: -moz-linear-gradient(top, #EEEFEF 0%, #9FA0A0 100%);

/* Opera */ 

background-image: -o-linear-gradient(top, #EEEFEF 0%, #9FA0A0 100%);

/* Webkit (Safari/Chrome 10) */ 

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEFEF), color-stop(1, #9FA0A0));

/* Webkit (Chrome 11+) */ 

background-image: -webkit-linear-gradient(top, #EEEFEF 0%, #9FA0A0 100%);

/* W3C Markup, IE10 Release Preview */ 

background-image: linear-gradient(to bottom, #EEEFEF 0%, #9FA0A0 100%);}

	

ul.mp_message_box li.m_menu{-webkit-box-flex: 1; -moz-box-flex: 1; padding:2%; text-align:center;

   border:#999 1px solid; border-bottom:none; border-top:none; height:26px; letter-spacing:-0.1rem; line-height:26px;

  /* IE10 Consumer Preview */ 

  background-image: -ms-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Mozilla Firefox */ 

  background-image: -moz-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Opera */ 

  background-image: -o-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Webkit (Safari/Chrome 10) */ 

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #B3B3B3));

  /* Webkit (Chrome 11+) */ 

  background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* W3C Markup, IE10 Release Preview */ 

  background-image: linear-gradient(to bottom, #F5F5F5 0%, #B3B3B3 100%);}

  

ul.mp_message_box li#selected,ul.mp_message_box li#unselected{-webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px;

                                                    -moz-border-top-left-radius:15px; -moz-border-top-right-radius:15px;}

													

ul.mp_message_box li#selected a,ul.mp_message_box li#selected a:link,ul.mp_message_box li#selected a:visited,ul.mp_message_box li#selected a:hover,a:active{color:#FFF; display:block;}

ul.mp_message_box li#unselected a,ul.mp_message_box li#unselected a:link,ul.mp_message_box li#unselected a:visited,ul.mp_message_box li#unselected a:hover,a:active{color:#FFF; display:block;}





.mail_box{width:auto; margin:3%; overflow:hidden;}



table.message_title td.w12,table.my_message td.w12{width:10%;}

table.message_title td.w20,table.my_message td.w20{width:22%;}

table.message_title td.w53,table.my_message td.w53{width:53%;}

table.message_title td.w15,table.my_message td.w15{width:15%;}



/****** message detail ******/

.message_yellow{width:auto; background-color:#FF9; border-top:#595757 1px solid; border-bottom:#595757 1px solid; padding:5% 3%;}

.message_yellow a{display:inline; text-decoration:underline; line-height:200%;}



.message_box{position:relative; overflow:hidden;}

.message_box ul.message{float:left; left:50%; position:relative;}

  .message_box ul.message li.page{/* IE10 Consumer Preview */ 

  background-image: -ms-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Mozilla Firefox */ 

  background-image: -moz-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Opera */ 

  background-image: -o-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* Webkit (Safari/Chrome 10) */ 

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #B3B3B3));

  /* Webkit (Chrome 11+) */ 

  background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #B3B3B3 100%);

  /* W3C Markup, IE10 Release Preview */ 

  background-image: linear-gradient(to bottom, #F5F5F5 0%, #B3B3B3 100%);

  border:#595757 1px solid; width:auto; line-height:40px; height:40px; font-size:1.5rem; float:left; left:-50%; position:relative;

   margin-right:10px; text-align:center;

   -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

}

	

 

/************************** event **************************/	

table.event{width:100%; text-align:center; border:1px #595757 solid; border-collapse:collapse;}

table.event th{background-color:#F90; color:#FFF;}

table.event th,table.event td{padding:5px; border:1px #595757 solid;}

	table.event th.left,table.event td.left{width:20%; vertical-align:middle;}  table.event td.title{text-align:left;}

	table.event th.title,table.event td.title{width:60%; vertical-align:middle;}

	table.event th.right,table.event td.right{width:20%; vertical-align:middle;}

	

	

/************************** privacy **************************/

ul.p_list{

	text-align:left;

	margin-bottom:14px;

	}

	

ul.p_list li{

	list-style:decimal outside;

	line-height:160%;

	margin-left:2em;

	}

	

ul.p_list02{

	text-align:left;

	margin-bottom:14px;

	}

	

ul.p_list02 li{

	list-style:disc outside;

	line-height:160%;

	margin-left:1.4em;

	}	


/************************** tekisyoku **************************/
.tekisyoku img{
	width:100%;
	}

.tekisyoku .mb30{
	margin-bottom:30px;
	}
	

/************************** もっと読むボタン **************************/	
.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  left: 0;
  width: 148px;
  margin: auto;
  padding: .5em 0;
  border-radius: 2px;
  background: #333333;
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.grad-btn:hover {
  background: #fff;
  color: #333333;
}
.grad-btn .fa {
  margin-right: .5em;
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 80px;
}
.grad-item p + p {
  margin-top: 1em;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 60px; /*グラデーションで隠す範囲*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger {
  display: none;
}
.grad-trigger:checked + .grad-btn {
  display: none;
}
.grad-trigger:checked ~ .grad-item {
  height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
  display: none;
}