@charset "utf-8";

.textSmall {
  font-size: 85%;
}

.text_right_im {
  text-align: right !important;
}

.text_center {
  text-align: center;
}

.float_left {
  float:left;
}

.float_right {
  float:right;
}

.level {
  margin-left: 25px;
  margin-right: 0px;
  width: 42px;
}

.qText {
  float:right;
  margin-left:5px !important;
  width:583px;
}

.qPerson {
  height: 40px;
  text-align: right !important;
}

.qPerson img{
  float:right;
  margin-right: 10px;
}

.qPerson p{
  line-height: 40px;
  text-align: right !important;
}

.arrowBox_020 .ajHeight {
  display: block;
  height: 39px !important;
  line-height: 39px !important;
}

.careerListText ol{
  list-style-position: inside !important;
  margin-left: 10px !important;
}

.careerListText ol ol{
  list-style-position: inside !important;
  list-style-type: lower-alpha !important;
  margin-left: 10px !important;
}

.marginLeft {
  margin-left: 1em !important;
}

#search-f1 {
    margin-left: 10px;
}


#search-f1-1 {
    margin-left: 10px;
    font-size:large;
}

#search-f2 {
    margin-left: 10px;
}

#search-f3 {
    width:95%;
    height:67px;
    margin: 10px;
    padding:5px;
    background-color: #EEE;
    border:solid 1px #EEE;
}

#search-f3-1 {
    text-align:center;
}

#search-f3-2 {
    color:red;
}

.boxline {
    border-right:#000 solid 1px;
}


/*長過ぎるtaglineの調整用*/
#tagline h1 span {
  width: 522px;
  line-height: 1.2 !important;
}

.technique_index_box {
  background-color: #e8f0fd;
  border: 1px solid #c3d0e4;
  margin: 15px 0;
}
#mainArea .technique_index_box p {
    padding: 0 15px;
}
.technique_index_box div.visualBox {
  height: 40px;
  border: 1px solid #c3d0e4;
  background-color: #ffffff;
  margin-bottom: 12px;
}
.technique_index_box div.visualBox p {
    padding: 0;
}

.technique_index_box div.visualBox p.link_large {
  line-height: 43px !important;
  font-size: 1.1em;
  font-weight: bold;
  padding-left: 20px !important;
  margin: 0 !important;
}

/*画像の設定*/
.technique_index_box div.visualBox div{
  width: 334px;
  float: right;
  margin: 0 !important;
  padding: 0 !important;
}

/*中のリストの部分*/
.technique_index_box ul.linkBox {
	margin:10px 0 0!important;
  padding-bottom:0!important;
}
.technique_index_box ul.linkBox li {
  background: url(/shared/img/arrow_middle_right.gif) no-repeat 7px 6px !important;
  width:292px;
  background-color: #fff !important;
  float: left;
  border: 1px dotted #c3d0e4;
  margin: 0 !important;
  padding: 5px 0 5px 25px !important;
}



ul.linkBox .dammyLink {
    color:#CCC;
    padding: 0px 0px 0px 19px;
    margin:0px;
}

.NoLink {
    color:#CCC;
    padding: 8px 0px 0px 24px !important;
    margin:0px !important;
}

/*knowledge共通css*/

/*arrowBoxが元のサイズ指定が*/
/*height:auto !important;なので*/
/*文字サイズによっては途切れてしまうのを防ぐため*/
#mainArea .arrowBox_020 .arrow_020{
    min-height:58px;
    vertical-align: middle;
}

#mainArea .arrowBox_020 .arrow_010{
    min-height:58px;
    vertical-align: middle;
}

#mainArea .arrowBox_020 p {
}

/*要素をディスプレイに表示しない*/
.hidden {
    display:none;
}

/*span要素に色を持たせる*/
span .colorRed {
    color:red;
}

span .colorBlue{
    color:blue;
}

/*custom2colum*/
#mainArea .knowledge2Column {
    width: 635px;
    padding: 0px;
    margin: 0px 27px;
}

#mainArea .knowledge2Column .column {
    width: auto;
    height: auto;
    padding: 0px;
}

#mainArea .knowledge2Column .leftcolumn {
    margin: 0px 25px 0px 0px;
    float:left;
}

#mainArea .knowledge2Column .rightcolumn {
    margin: 0px 0px 0px 25px;
    float:right;
}
#mainArea .knowledge2Column p {
    padding: 0;
    margin:0px 0px 20px;
}

.linkageBox ul.link li {
    list-style:none;
    float:right;
    margin:0;
    width:90%;
}

.smallText {
    font-size:80%;
}

/* 画像のみのdivなどに適応 適切なスペースをとる*/
.btnSpace {
    margin-left: 30px;
}

.btnSpace img{
    margin-top: 10px;
    width:95%;
}

/* 5つ並びのdiv*/
.split5Column {
    list-style-type:none;
    width      : 17%;
    padding    : 5px;
    text-align : center;
    float: left;
}

.split5Column img {
    width      : 100%;
    margin     : auto;
}


.split5Column span {
    font-size:80%;
}

.bold {
    font-weight:bold;
}

.timeBlock {
    margin-top: 1ex;
    display: block;
}

.textBlock {
    padding-left: 6ex;
    display: block;
}


#wrapinr {
  position: relative;
  width: 100%;
}
#wrapinr #tagline2 {
  color: #666666;
  font-size: 90%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 100%;
  line-height: 1.2;
}
#wrapinr #tagline2 span {
  margin: 0 auto;
  text-align: left;
  width: 960px;
  display: block;
}
#wrapinr #leadtxt {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 640px;
  margin-left: -480px;
  color: #666;
}

