@charset 'UTF-8';

@import url(reset.css);
@import url(base.css);
@import url(common.css);
@import url(navi.css);




/* -----------------------------------------------------------------------------
>> header
----------------------------------------------------------------------------- */

.header_about{
 	width:100%;
	height:280px;
	background:url(/img/pc/parts/header_matsumotojo.jpg) no-repeat;
	background-position:center;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background-color:#DBDAD5;
	position:relative;
	border-bottom: 8px solid #DBDAD5;
}

/* -----------------------------------------------------------------------------
>> main-content
----------------------------------------------------------------------------- */
article.data_formem{ color:#333;}
article.data_formem a{ color:#020067;}
article.data_formem a:hover{ color:#B1B7D8;}


article.data_formem ul{ padding: 0px 0px 0px 35px; }
article.data_formem ul li{ color:#020067;}
article.data_formem ul li a{ color:#020067;}
article.data_formem ul li a:hover{ color:#B1B7D8;}



h2{
	width:630px;
	height:36px;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	margin: 10px 0px 60px 0px;
	background:url(/img/pc/title/title_for_mem.gif) no-repeat;
	
}

h2.for_men_01{background:url(/img/pc/title/title_for_mem_01.gif) no-repeat;}
h2.for_men_02{background:url(/img/pc/title/title_for_mem_02.gif) no-repeat;}

h2.for_men_01_1{background:url(/img/pc/title/title_for_mem_01-1.gif) no-repeat;}
h2.for_men_01_2{background:url(/img/pc/title/title_for_mem_01-2.gif) no-repeat;}
h2.for_men_01_3{background:url(/img/pc/title/title_for_mem_01-3.gif) no-repeat;}
h2.for_men_01_4{background:url(/img/pc/title/title_for_mem_01-4.gif) no-repeat;}
h2.for_men_01_5{background:url(/img/pc/title/title_for_mem_01-5.gif) no-repeat;}
h2.for_men_01_6{background:url(/img/pc/title/title_for_mem_01-6.gif) no-repeat;}
h2.for_men_01_7{background:url(/img/pc/title/title_for_mem_01-7.gif) no-repeat;}

h2.for_men_login{background:url(/img/pc/title/title_for_mem_login.gif) no-repeat;}
h2.for_men_regist{background:url(/img/pc/title/title_for_mem_regist.gif) no-repeat;}
h2.for_men_reminder{background:url(/img/pc/title/title_for_mem_reminder.gif) no-repeat;}
h2.for_men_training_list{background:url(/img/pc/title/title_for_mem_training_list.gif) no-repeat;}
h2.for_men_training_form{background:url(/img/pc/title/title_for_mem_training_form.gif) no-repeat;}

h2.for_men_mypage{background:url(/img/pc/title/title_for_mem_mypage.gif) no-repeat;}
h2.for_men_pass_change{background:url(/img/pc/title/title_for_mem_pass_change.gif) no-repeat;}
h2.for_men_mail_change{background:url(/img/pc/title/title_for_mem_mail_change.gif) no-repeat;}


h3,h4{	
	color:#333;
}

h3{
	height:50px;
	font-size:24px;
	font-weight:bold;
	line-height:50px;
	text-indent:15px;
	margin: 0px 0px 30px 0px;
	background:url(/img/pc/title/h3_for_mem_bg.gif) no-repeat;
}

h4{
	/*height:40px;*/
	font-size:20px;
	line-height:36px;
	font-weight:bold;
	background:url(/img/pc/icon/icon_dice_for_mem.gif) no-repeat;
	background-position:10px 13px;
	padding: 5px 0px 0px 45px;
	margin: 10px 0px 5px 0px;
}


h5{
	height:30px;
	font-size:16px;
	line-height:36px;
	font-weight:bold;
	background:none;
	padding: 5px 0px 0px 0px;
	margin: 20px 0px 5px 10px;
	border: none;
}


.button {
	font-size:18px;
	font-weight:bold;
}



.button a {
	width:270px;
	background-color: #F5F4ED;
	border-top: 1px solid #B1B7D8;
	border-left: 1px solid #B1B7D8;
	border-right: 1px solid #B1B7D8;
	border-bottom: 5px solid #B1B7D8;
	color: #444;
	float:left;
	text-align:center;
	padding: 20px 10px 20px 10px;
	margin: 0px 20px 20px 0px;
	text-decoration:none;
	position:relative;	
}


.button a:hover {
	background-color: #F5F4ED;
	border-top: 1px solid #B1B7D8;
	border-left: 1px solid #B1B7D8;
	border-right: 1px solid #B1B7D8;
	border-bottom: 5px solid #B1B7D8;
	color: #444;
	top: -5px;
}



.indx_link{}
.indx_link ul{
	  border-top: 1px dashed #B1B7D8;
	  margin: 0px 0px 30px 0px;
}
.indx_link ul li{
	font-size:14px; font-weight:bold;
	line-height:140%;
	list-style:none;
	background:url(/img/pc/icon/icon_arrow_for_mem.png) no-repeat 12px 50%;
	border-bottom: 1px dashed #B1B7D8;
	padding: 5px 0px 5px 45px;
	clear:left;
}

.indx_link ul li p{font-size:12px; color:#444; font-weight:normal; margin: 0px 10px 0px 0px; display:table-cell;}

.indx_link ul li a{ color:#020067; text-decoration:none;}

.indx_link ul li a:hover{ color:#B1B7D8;}


.indx_link ol{ color:#B1B7D8; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 	border-bottom: 2px solid #B1B7D8;}
.indx_link ol li{
	font-size:14px;
	font-weight:bold;
	list-style:none;
	background:none;
	line-height:120%;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 10px;
	border-top: 2px solid #B1B7D8;
}
.indx_link ol li a{ color:#020067; text-decoration:none; display:block;}
.indx_link ol li a:hover{ color:#B1B7D8;}

.indx_link ol li p{ font color:#000; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; font-weight:normal;}
	
	

.indx_link2{}
.indx_link2 ul{
	  border-top: 1px dashed #B1B7D8;
	  margin: 0px 0px 30px 0px;
}

.indx_link2 ul li{
	width:270px; float:left;
	font-size:14px; font-weight:bold;
	line-height:140%;
	list-style:none;
	background:url(/img/pc/icon/icon_arrow_for_mem.png) no-repeat 15px 50%;
	border-bottom: 1px dashed #B1B7D8;
	padding: 5px 0px 5px 45px;
}
.indx_link2 ul li a{ color:#020067; text-decoration:none; display:block;}

.indx_link2 ul li a:hover{ color:#B1B7D8;}





/* -----------------------------------------------------------------------------
>> aside
----------------------------------------------------------------------------- */


#pageIndx{
	font-size:12px;
	border: 1px solid #DBDAD5;
	background-color:#F5F4ED;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;

}
#pageIndx p{	background-color:#B1B7D8;}
#pageIndx p img{ padding: 10px 0px 5px 20px;}

#pageIndx ul{ padding: 15px 0px 15px 20px;}
#pageIndx li{
	background:url(/img/pc/icon/icon_diamond.gif) no-repeat;
	background-position:3px 3px;
	padding: 5px 20px 5px 25px;
	margin: 0px 0px 10px 0px;
	list-style: none;
	line-height:140%;
	text-shadow:0 -1px 0 rgba(255,255,255,0.9);

}

#pageIndx li a{
	display:block;
	color:#000;
	text-decoration:none;

}
#pageIndx li a:hover{
	color:#999;
}





/*** 動画ギャラリー ***/
.movie{
	float:right;
}

.clearfix:after {
	content : url(/img/pc/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}
/*** ページナビゲーション ***/
.page_navi {
	clear : both;
	font-size : 13px;
}
.page_navi p {
	margin : 0 0 5px;
	font-size : 12px;
}
.page_navi ul {
	width : 100%;
	margin : 0 0 20px;
	padding : 6px 0;
	text-align : left;
}
.page_navi li {
	display: inline-block;
	margin-right: 5px;
}
.page_navi a {
	display: inline-block;
	width: 3em;
	text-align: center;
	line-height: 3em;
	font-weight: bold;
	font-size : 12px;
	color : #ffffff;
	background : #888;
	text-decoration: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.page_navi a:hover,
.page_navi .now a {
	color : #fff;
	background : #A5C9C9;
}



/*** 研修一覧テーブル ***/
.clickable{
	cursor: pointer;
}
table.tbl_training {
	width:630px;
	border-spacing: 0;
	font-size:12px;
}
table.tbl_training th {
  color: #fff;
  padding: 5px 5px;
  background: #666;
  font-weight: bold;
  border-top:1px solid #DBDAD5;
  border-bottom:1px solid #DBDAD5;
  border-left:1px solid #DBDAD5;
  line-height: 120%;

}
table.tbl_training th:first-child { border-left:1px solid #DBDAD5;}
table.tbl_training th:last-child { border-right:1px solid #DBDAD5;}
table.tbl_training tr td {
	height:60px;
	padding: 5px 10px;
	line-height:120%;
	border-left: 1px solid #DBDAD5;
	display:table-cell;
    vertical-align:middle;
}
table.tbl_training tr td.cnt { text-align:center;}
table.tbl_training tr td:first-child { border-left: 1px solid #DBDAD5;}
table.tbl_training tr td:last-child { border-right: 1px solid #DBDAD5;}
table.tbl_training tr { background: #fff;}
table.tbl_training tr:nth-child(2n+1) { background: #F5F4ED;}
table.tbl_training tr:last-child td { border-bottom:1px solid #DBDAD5;}
table.tbl_training tr:last-child td:first-child {}
table.tbl_training tr:last-child td:last-child {}
table.tbl_training tr:hover { background: #EDEBDE;}
table.tbl_training tr td a{ width:100%; line-height:60px; vertical-align:middle; color:#333; text-decoration:underline; font-weight:bold; display:block;}
table.tbl_training tr td a:hover{ color:#A6A317; text-decoration:none; display:block;}

table.tbl_training tr td img{ padding: 2px;}
table.tbl_training tr td.name{ font-size:14px;}

/*** 研修申込テーブル ***/
#training_detail h4 {
    color: #5B9797;
    font-size: 16px;
    font-weight: bold;
    background: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    border: none;
    float: left;
}

#training_detail table {
	width:630px;
	border-spacing: 0;
	/*font-size:12px;*/
	border-top: 5px solid #D4E5E5;
	margin-bottom: 3em;
}
#training_detail table th {
	width:140px;
	border-bottom: 1px solid #D4E5E5;
	font-weight: normal;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
	vertical-align: middle;
}
#training_detail table td {
	color: #333;
	padding: 10px 10px;
	border-bottom: 1px solid #D4E5E5;
	line-height: 120%;
	vertical-align: middle;	
}

#training_detail input[type="text"]{
	width: 100%;
	padding: 6px;
}
#training_detail input[type=radio] + label{
	margin-right: 35px;
}

#training_detail .button_area{
	text-align: center;
}
#training_detail .button_area input[type="submit"],
#training_detail .button_area input[type="reset"],
#training_detail .button_area input[type="button"] {
    font-size: 1.2em;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: rgb(212, 229, 229);
    color: rgb(91, 151, 151);
    margin: 10px 0px;
    padding: 12px 0;
    border-style: none;
    width: 240px;
    cursor: pointer;
}
#training_detail .button_area input[type="submit"].cancel_btn{
    background-color: #FAE3F3;
    color: #C7709A;
}
#training_detail .button_area input[type="submit"]:hover,
#training_detail .button_area input[type="reset"]:hover,
#training_detail .button_area input[type="button"]:hover {
  opacity: 0.7;
}

/*** radio checkbox ***/
input[type=radio],
input[type=checkbox] {
  display: inline-block;
  margin-right: 6px;
}
input[type=radio] + label,
input[type=checkbox] + label {
  position: relative;
   
  display: inline-block;
  margin-right: 7px;
   
  line-height: 30px;
   
  cursor: pointer;
}

input[type=radio],
input[type=checkbox] {
  display: none;
  margin: 0;
}
input[type=radio] + label,
input[type=checkbox] + label {
  padding: 0 0 0 1.5em;
}
input[type=radio] + label::before,
input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
   
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -9px;
   
  background: #FFF;
}
input[type=radio] + label::before {
  border: 2px solid #ccc;
  border-radius: 30px;
}
input[type=checkbox] + label::before {
  border: 2px solid #ccc;
}
input[type=radio]:checked + label::after,
input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
   
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
input[type=radio]:checked + label::after {
  left: 5px;
   
  width: 8px;
  height: 8px;
  margin-top: -4px;
   
  background: #CCC;
  border-radius: 8px;
}
input[type=checkbox]:checked + label::after {
  left: 0.15em;
   
  width: 1em;
  height: 0.5em;
  margin-top: -0.4em;
   
  border-left: 0.2em solid #666;
  border-bottom: 0.2em solid #666;
   
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}