@charset "utf-8";
/**************************************
*	common.css
*
*	Modify Date:2015-11-5
*	Since:2015-10-25
*	
*	Editor:Masashi Hagiwara
*	
**************************************/

/* margin setting -------------------- */
/* all px */
.m0  { margin: 0 !important; }
.m5  { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }


/* top px */
.mt0  { margin-top: 0 !important; }
.mt5  { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }

/* top em */
.mt03em { margin-top: 0.3em !important; }
.mt05em { margin-top: 0.5em !important; }
.mt08em { margin-top: 0.8em !important; }
.mt10em { margin-top: 1em !important; }
.mt15em { margin-top: 1.5em !important; }
.mt20em { margin-top: 2em !important; }


/* bottom px */
.mb0  { margin-bottom: 0 !important; }
.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; }

/* bottom em */
.mb03em { margin-bottom: 0.3em !important; }
.mb05em { margin-bottom: 0.5em !important; }
.mb08em { margin-bottom: 0.8em !important; }
.mb10em { margin-bottom: 1em !important; }
.mb15em { margin-bottom: 1.5em !important; }
.mb20em { margin-bottom: 2em !important; }
.mb30em { margin-bottom: 3em !important; }

/* right px */
.mr0  { margin-right: 0 !important; }
.mr5  { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }

/* left px */
.ml0  { margin-left: 0 !important; }
.ml5  { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }


/* padding setting -------------------- */
/* all px */
.p0  { padding: 0 !important; }
.p5  { padding: 5px !important; }
.p10 { padding: 10px !important; }


/* top px */
.pd0  { padding-top: 0 !important; }
.pd5  { padding-top: 5px !important; }
.pd10 { padding-top: 10px !important; }
.pd15 { padding-top: 15px !important; }
.pd20 { padding-top: 20px !important; }

/* top em */
.pd05em { padding-top: 0.5em !important; }
.pd08em { padding-top: 0.8em !important; }
.pd10em { padding-top: 1em !important; }
.pd15em { padding-top: 1.5em !important; }


/* bottom px */
.pb0  { padding-bottom: 0 !important; }
.pb5  { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }

/* bottom em */
.pb05em { padding-bottom: 0.5em !important; }
.pb08em { padding-bottom: 0.8em !important; }
.pb10em { padding-bottom: 1em !important; }
.pb15em { padding-bottom: 1.5em !important; }

/* right px */
.pr0  { padding-right: 0 !important; }
.pr5  { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }

/* left px */
.pl0  { padding-left: 0 !important; }
.pl5  { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }



/* line height setting -------------------- */
.lh1  { line-height: 1 !important; }
.lh13 { line-height: 1.3 !important; }
.lh15 { line-height: 1.5 !important; }



/* font size setting -------------------- */
.fs10px { font-size: 10px !important; }
.fs11px { font-size: 11px !important; }
.fs12px { font-size: 12px !important; }
.fs16px { font-size: 16px !important; }

.ficon { font-family:'cnb';}


/* text position setting -------------------- */
.tc, .txtC { text-align: center !important; }
.tr, .txtR { text-align: right !important; }
.tl, .txtL { text-align: left !important; }




/* float setting -------------------- */
.fr {
	float: right !important;
}
.fl { float: left !important;
}


/* clear setteing -------------------- */
.cr { clear: right !important; }
.cl { clear: left !important; }
.cb {
	clear: both !important;
}

/* clearfix -------------------- */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

.pkg {
	zoom: 1;
}
.pkg:before, .pkg:after {
	content: "";
	display: table;
}
.pkg:after {
	clear: both;
}


/* width -------------------- */
.w005 {width:5%!important;}
.w010 {width:10%!important;}
.w013 {width:13%!important;}
.w015 {width:15%!important;}
.w020 {width:20%!important;}
.w025 {width:25%!important;}
.w030 {width:30%!important;}
.w035 {width:35%!important;}
.w040 {width:40%!important;}
.w045 {width:45%!important;}
.w050 {width:50%!important;}
.w060 {width:60%!important;}
.w070 {width:70%!important;}
.w080 {width:80%!important;}
.w085 {width:85%!important;}
.w090 {width:90%!important;}
.w095 {width:95%!important;}
.w099 {width:99%!important;}
.w100 {width:100%!important;}
.w250 {width:250px!important;}
.w300 {width:300px!important;}


/* display -------------------- */
.dib { display: inline-block; }
.display_block_U960, .display_block_U768, .display_block_U767, .display_block_U420 {display: none;}


/* no image background -------------------- */
.noImage { background: none !important; }

/* 勝手にアイコン */
a[href$=".pdf"]{background:url(../../img/common_icon/icon_pdf02.gif) no-repeat 100% 50%;padding:4px 20px 4px 0;}
 
a[href$=".doc"]{background:url(../../img/common_icon/icon_doc.gif) no-repeat 100% 50%;padding:4px 20px 4px 0;}
a[href$=".docx"]{background:url(../../img/common_icon/icon_doc.gif) no-repeat 100% 50%;padding:4px 20px 4px 0;}

a[href$=".xlsx"]{background:url(../../img/common_icon/icon_xsl.gif) no-repeat 100% 50%;padding:4px 20px 4px 0;}
a[href$=".xls"]{background:url(../../img/common_icon/icon_xsl.gif) no-repeat 100% 50%;padding:4px 20px 4px 0;}

/* 勝手にアイコン解除 */
a.no_icon[href$=".pdf"],
a.no_icon[href$=".doc"],
a.no_icon[href$=".xls"],
a.no_icon[href$=".docx"],
a.no_icon[href$=".xlsx"] {
  background-image:none;
  padding:0;
}


/* 基本 */
ul.basicUl {}

ul.basicUl li {
	list-style: square outside;
	margin-left: 24px;
	}

ol.basicOl {} 

ol.basicOl li {
	list-style: decimal outside;
	margin-left: 24px;
	}
	
dl.basicDl {}

dl.basicDl dt {
	font-weight: bold;
	font-size: 100%;
    line-height: 1.5;
	}

dl.basicDl dd {
	line-height: 1.3;
	margin-bottom:20px;
	padding:0;
	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
	border-bottom: 1px dotted #ccc;
	padding-bottom:10px;

	}


.workPosition{
	text-align:center;
}

.border{
	border: 4px solid #FFF;
  -webkit-box-shadow: 1px 1px 2px 1px #CCC;
  -moz-box-shadow: 1px 1px 2px 1px #CCC;
  box-shadow: 1px 1px 2px 1px #CCC;
	}

/* ���X�|���V�u�e�[�u���x�[�X */
.table_base {
	border-collapse: separate;
    border-spacing: 0;
	margin-bottom:20px;
}
.table_base caption{
	margin:0;
	padding-bottom:.2em;
	text-align:left;
	font-weight:bold;
}
/* IE11でimgにmax-widthが効かない場合 */
.t_layout {
	table-layout: fixed;
}
/* �p������ */
#bread{
  background: #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  overflow: hidden;
  width: 100%;
  padding-right: 10px;
}

#bread ul{
    display:table;
}

#bread li{
    display:table-cell;
    white-space:nowrap;
    font-size: 10px;
}

#bread a{
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);
  padding-left: 15px;
    padding-bottom: 3px;
    padding-top: 3px;
}

#bread li:first-child a{
  padding-left: 5px;
  border-radius: 5px 0 0 5px;
}

#bread a:hover{
  background: #fff;
}

#bread a::after,
#bread a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
  padding-left: 1px;
}

#bread a::after{
  z-index: 2;
  border-left-color: #ddd;
}

#bread a::before{
  border-left-color: #ccc;
  right: -1.1em;
  z-index: 1;
}

#bread a:hover::after{
  border-left-color: #fff;
}

#bread .current,
#bread .current:hover{
  font-weight: bold;
  background: none;
}

#bread .current::after,
#bread .current::before{
  content: normal;
}

#bread li:last-child {
  padding-right: 10px;
}

#bread div {
    display: none;
}



/* テーブル横スクロール用クラス */
div.scrolltable{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
div.scrolltable{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
div.scrolltable{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
div.scrolltable {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


/* タブレット向けのレイアウトの指定：～960px */
@media only screen and (max-width: 960px) {
  .tb_none,
  .display_none_U960 {
    display: none;
  }
  .display_block_U960 {display: block;}

/* width -------------------- */
.w100_U960 {width:100%!important;}

.tc_U960 { text-align: center !important; }
.tr_U960 { text-align: right !important; }
.tl_U960 { text-align: left !important; }
.float_none_U960 { float:none !important; }
}

@media only screen and (max-width: 768px) {
/* 2015/12/29 村越編集 -------------------- */
  .w100_U768 {width:100%!important;}
  .float_none_U768 { float:none !important; }
  .tc_U768 { text-align: center !important; }
  .tr_U768 { text-align: right !important; }
  .tl_U768 { text-align: left !important; }
  .display_none_768 { display: none; }
  .display_block_U768 { display: block; }
}

@media only screen and (max-width: 767px) {
  .display_block_U767 { display: block; }
}


/* スマホ向けのレイアウトの指定：～420px */
@media only screen and (max-width: 420px) {
  .sp_none,
  .display_none_U420 { 
    display: none;
  }
  .display_block_U420 {display: block;}

/* width -------------------- */
.w100_U420 {width:100%!important;}

.tc_U420 { text-align: center !important; }
.tr_U420 { text-align: right !important; }
.tl_U420 { text-align: left !important; }
.float_none_U420 { float:none !important; }

  .table_base{
	  width:100%;
	  }

  .table_base tr{
        display: block;
    }
  .table_base th,
  .table_base td{
        display: list-item;
        border: none;
		list-style:none;
        width:100%;
    }

/* スクロールバー設定 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-corner{
	background: #eee;
}
::-webkit-scrollbar-track {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    background: rgba(50, 187, 255, 0.12);
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
    background: rgba(168, 214, 255, 0.78);
}
}