@charset "shift_jis";

/* ****************************************************
company.css
Define company's particular layout.
***************************************************** */

/* ****************************************************
1: Individual setting
99: extra
***************************************************** */

/*1: Individual setting
=========================================*/
/* ==================================
company/index.html 
================================== */
/* 3column */
div#contents .three-column {
  /* min-height: 130px; */
  padding-bottom: 20px;
  /* overflow: hidden; */
  /* /zoom: 1; */
}
div#contents .section .three-column {
  margin-right: -8px;
  margin-left: -8px;
}
div#contents .three-column .left {
  float: left;
  width: 185px;
}
div#contents .three-column .center {
  float: left;
  width: 185px;
  /display: inline;
  margin-left: 16px;
}
div#contents .three-column .right {
  float: left;
  width: 185px;
  /display: inline;
  margin-left: 16px;
}
div#contents .three-column dl dt {
  padding: 11px 7px 8px 7px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.428571429;
  border-top: 2px solid #26a5be;
  border-bottom: 1px solid #dcdcdc;
}
div#contents .three-column dl dt a {
  display: block;
  padding-left: 18px;
  background: url(../2012/img/icon_link_table.gif) no-repeat 0 .22em;
}
div#contents .three-column dl dt a[target="_blank"] {
  background: url(../2012/img/icon_link_blank.gif) no-repeat 0 .22em;
}
div#contents .three-column dl dt a:hover {
  color: #f2892d;
  text-decoration: none;
}
div#contents .three-column dl dd {
  padding: 8px 2px;
  overflow: hidden;
  /zoom: 1;
}
div#contents .three-column dl dd p {
  margin: 0;
}
div#contents .three-column dl dd p.pct img {
  float: left;
  margin-right: 10px;
  border: 3px solid #ddd;
}
div#contents .three-column dl dd p.txt {
  overflow: hidden;
  /zoom: 1;
}

/* 
   企業・IRのインデックスページの対応 2015-08-20
   テンプレート外のレイアウトだが、テンプレートから外さずに、HTML構造は大きく変えずCSSのみで対応
*/
body.company-index #contents {
	position:relative;
}
body.company-index #contents .inner {
	position:relative;
}
body.company-index #contents .inner > *{
	margin-top:419px; /* #big-visualのheight + 33(margin-bottom分） */
}
body.company-index #contents .inner #main #big-visual {
	position:absolute;
	top:0px;
	left:0px;
}
body.company-index #contents .inner #main .section {
	margin-top:0px;	
}

/* ==================================
company/bis_strategy.html 
================================== */
div#contents .subsection .bis {
	clear:both;
	width:560px;
}
div#contents .subsection .bis .left{
	float:left;
	width:270px;
}
div#contents .subsection .bis .right{
	float:right;
	width:270px;
}
div#contents .subsection .bis dl dt {
	margin:15px 0 0 0;
	padding:15px 0 0 0;
	background:url(../images/com_bg02.gif) repeat-x 0 0;
}
/* for IE6 */
* html div#contents .subsection .bis dl dt {
	height:1%;
}

/* ==================================
company/e-koukoku/index.html 
================================== */
div#contents dl.publicly {
	margin:15px 0 0 0;
}

/* ==================================
company/info/index.html 
================================== */
div#contents dl.officer {
	clear:both;
	width:100%;
}
div#contents dl.officer dd {
	margin:-1.7em 0 0 9em;
	padding:4px 0 0 0;
}

/* ==================================
company/info/history.html 
================================== */
div#contents dl.history {
	clear:both;
	width:560px;
	margin:10px 0 0 0;
}
div#contents dl.history dd {
	margin:-1.7em 0 0 8em;
	padding:1px 0 4px 0;/* old:padding:4px 0 4px 0; */
}

/* ==================================
company/books/index.html 
================================== */
div#contents .introduction {
	position:relative;
	width:552px;
}
div#contents .introduction .order {
	position:absolute;
	right:10px;
	bottom:15px;
}

/* ==================================
company/job/index.html 
================================== */
div#contents .category-link-frame {
	clear:both;
}
div#contents .category-link-frame dt {
	margin: 0 -8px;
	border-top: 2px solid #26a5be;
	border-bottom: 1px solid #dcdcdc;
}
div#contents .category-link-frame dt a {
	display: block;
	padding: 12px 10px 10px 27px;
	font-size: 14px;
	font-weight: bold;
	background: url(/common/2012/img/icon_link_catframe.gif) no-repeat 7px 14px;
}
div#contents .category-link-frame dt a[target="_blank"] {
	background: url(/common/2012/img/icon_link_blank.gif) no-repeat 8px 17px;
}
div#contents .category-link-frame dd {
	margin: 0 -8px 30px;
}

/* ==================================
company/job/office/index.html 
================================== */
div#contents .office {
	position:relative;
	width:470px;
}
div#contents .office .president {
	position:absolute;
	top:11px;
	left:10px;
}
div#contents .office .pj {
	position:absolute;
	top:11px;
	left:52px;
}
div#contents .office .server {
	position:absolute;
	top:11px;
	left:96px;
}
div#contents .office .kyoto {
	position:absolute;
	top:11px;
	left:269px;
}
div#contents .office .matsuyama {
	position:absolute;
	top:93px;
	left:269px;
}
div#contents .office .sapporo {
	position:absolute;
	top:174px;
	left:269px;
}
div#contents .office .karuizawa {
	position:absolute;
	top:173px;
	left:315px;
}
div#contents .office .seminar {
	position:absolute;
	top:229px;
	left:333px;
}
div#contents .office .reception {
	position:absolute;
	top:291px;
	left:242px;
}
div#contents .office .entrance {
	position:absolute;
	top:342px;
	left:268px;
}
div#contents .office .tokyo {
	position:absolute;
	top:404px;
	left:178px;
}
div#contents .office .okinawa {
	position:absolute;
	top:453px;
	left:178px;
}
div#contents .office .koube {
	position:absolute;
	top:453px;
	left:211px;
}
div#contents .office .fukuoka {
	position:absolute;
	top:453px;
	left:243px;
}
div#contents .office .lounge {
	position:absolute;
	top:343px;
	left:332px;
}
div#contents .office .sendai {
	position:absolute;
	top:494px;
	left:417px;
}

/* ==================================
company/job/index2.html 
================================== */
div#contents .career-single {
	width: 555px;
	padding: 2px;
	border: 1px solid #e0e0e0;
}
div#contents .career-single .career-contents-box {
	margin: 10px 12px;
}

div#contents .career-double {
	background:url(../../company/job/images/index2_bg02.gif) repeat-y 0 0;
}
div#contents .career-double .wrap {
	background:url(../../company/job/images/index2_bg03.gif) no-repeat left bottom;
}
div#contents .career-double2 {
	background:url(../../company/job/images/index2_bg04.gif) repeat-y 0 0;
}
div#contents .career-double2 .wrap {
	background:url(../../company/job/images/index2_bg05.gif) no-repeat left bottom;
}
div#contents .career-double .inner,
div#contents .career-double2 .inner {
	padding:0 15px 15px;
}
div#contents .career-double .inner ul li,
div#contents .career-double2 .inner ul li {
	margin:3px 0 0 0;
}

div#contents .career-contents-box {
	clear:both;
}
div#contents .career-contents-box .left {
	float:left;
	width:275px;
	margin:10px 0 0 0;
	background:url(../../company/job/images/index2_bg01.gif) repeat-x 0 0;
}
div#contents .career-contents-box .right {
	float:right;
	width:275px;
	margin:10px 0 0 0;
	background:url(../../company/job/images/index2_bg01.gif) repeat-x 0 0;
}
div#contents .career-contents-box .left .two-column,
div#contents .career-contents-box .right .two-column {
	width:275px;
}
div#contents .career-contents-box .left .two-column .inner-left,
div#contents .career-contents-box .right .two-column .inner-left {
	float:left;
	width:68px;
	text-align:right;
}
div#contents .career-contents-box .left .two-column .inner-right,
div#contents .career-contents-box .right .two-column .inner-right {
	float:right;
  padding-top: 5px;
	width:195px;
}
div#contents .career-contents-box .left .two-column .inner-right p,
div#contents .career-contents-box .right .two-column .inner-right p {
	margin:7px 10px 0 10px;
}

/* ==================================
company/job/entry/flow.html 
================================== */
div#contents .flow-box {
	clear:both;
	margin:15px 0 0 0;
	padding:10px 15px;
	border:1px solid #dddddd;
}
div#contents .flow-box .two-column {
	width:528px;
}
div#contents .flow-box .two-column .left {
	float:left;
	width:145px;
}
div#contents .flow-box .two-column .right {
	float:right;
	width:364px;
}
div#contents .flow-box .two-column p {
	margin:0;
}
div#contents .flow-box .two-column .step {
	margin: 13px 0 6px;
	text-align:center;
}
div#contents .flow-box .sixth .step {
	margin: 10px 0 20px;
	text-align:center;
}
div#contents .flow-box .first {
	background:url(../../company/job/entry/images/flow_bg02.gif) repeat-y left bottom;
}
div#contents .flow-box .first .wrap {
	background:url(../../company/job/entry/images/flow_bg01.gif) no-repeat 0 0;
}
div#contents .flow-box .first .wrap .left {
	margin:24px 0 0 0;
}
div#contents .flow-box .first .right p {
	margin:35px 0 25px;
}
div#contents .flow-box .second {
	background:url(../../company/job/entry/images/flow_bg04.gif) repeat-y left bottom;
}
div#contents .flow-box .second .wrap {
	background:url(../../company/job/entry/images/flow_bg03.gif) no-repeat 0 0;
}
div#contents .flow-box .second .wrap .left {
	margin:24px 0 0 0;
}
div#contents .flow-box .second .right {
	padding:25px 0 20px;
}
div#contents .flow-box .third {
	background:url(../../company/job/entry/images/flow_bg06.gif) repeat-y left bottom;
}
div#contents .flow-box .third .wrap {
	background:url(../../company/job/entry/images/flow_bg05.gif) no-repeat 0 0;
}
div#contents .flow-box .third .wrap .left {
	margin:24px 0 0 0;
}
div#contents .flow-box .third .right {
	padding:10px 0 10px;
}
div#contents .flow-box .fourth {
	background:url(../../company/job/entry/images/flow_bg08.gif) repeat-y left bottom;
}
div#contents .flow-box .fourth .wrap {
	background:url(../../company/job/entry/images/flow_bg07.gif) no-repeat 0 0;
}
div#contents .flow-box .fourth .wrap .left {
	margin:24px 0 0 0;
}
div#contents .flow-box .fourth .right {
	padding:25px 0 20px;
}
div#contents .flow-box .fifth {
	background:url(../../company/job/entry/images/flow_bg10.gif) repeat-y left bottom;
}
div#contents .flow-box .fifth .wrap {
	background:url(../../company/job/entry/images/flow_bg09.gif) no-repeat 0 0;
}
div#contents .flow-box .fifth .wrap .left {
	margin:24px 0 0 0;
}
div#contents .flow-box .fifth .right {
	padding:35px 0 30px;
}
div#contents .flow-box .sixth {
	background:url(../../company/job/entry/images/flow_bg12.gif) repeat-y left bottom;
}
div#contents .flow-box .sixth .wrap {
	background:url(../../company/job/entry/images/flow_bg11.gif) no-repeat 0 0;
}
div#contents .flow-box .sixth .wrap .left {
	margin:24px 0 0 0;
}
div#contents .flow-box .sixth .right {
	padding:35px 0 40px;
}

/* ==================================
company/job/construct/index.html 
================================== */
div#contents .construct-wrap {
	background:url(../../company/job/construct/images/index_bg01.gif) no-repeat left bottom;
}
div#contents .construct-column {
	clear:both;
	border:2px solid #dddddd;
	border-bottom:none;
}
div#contents .construct-single {
	border-bottom:2px solid #dddddd;
}
div#contents .construct-column a.title {
	display:block;
	padding:6px 5px 5px;
	background:url(../images/com_ic15.gif) no-repeat 13px 50%;
}
div#contents .construct-column a.title span {
	display:block;
	padding:0 0 0 27px;
	background:url(../images/com_h04.gif) repeat-y 0 0;
}
/* for IE6 */
* html div#contents .construct-column a.title,
* html div#contents .construct-column a.title span {
	height:1%;
}

div#contents .construct-column .inner {
	width:254px;
	margin:0 10px;
	padding:0 0 10px 0;
}
div#contents .construct-column .inner p {
	margin:7px 0 0 0;
}
div#contents .construct-column .inner .left {
	float:left;	
	width:100px;
}
div#contents .construct-column .inner .right {
	float:right;
	width:148px;
}

/* ==================================
company/copyright/guidelines_logo.html 
================================== */
/* for IE6 */
* html div#contents sup.regi {
	position:relative;
	top:-2px;
}

/* ==================================
company/awrads/index.html 
================================== */
body.company-awards #contents {
	position: relative;
}
body.company-awards #contents .inner {
	position: relative;
}
body.company-awards #contents #mainvisual {
	background: #f1f1f1 url(/company/awards/images/bg_visual.jpg) repeat-x;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
body.company-awards #contents #mainvisual .title {
	font-size: 24px;
	text-align: center;
	margin: 0 0 30px 0;
}
body.company-awards #contents #mainvisual .award-list {
	text-align: center;
}
body.company-awards #contents #mainvisual .award-list li {
	display: inline-block;
	width: 196px;
	vertical-align: top;
	margin-right: 40px;
}
body.company-awards #contents #mainvisual .award-list li:last-child {
	margin-right: 0;
}
body.company-awards #contents #mainvisual .award-list li h3 {
	color: #b7a261;
	font-size: 14px;
}
body.company-awards #contents #mainvisual .award-list li .label {
	border: 1px solid #b7a261;
	padding: 3px 16px 1px;
	border-radius: 5px;
	display: inline-block;
	margin: 10px 0px 15px;
}
body.company-awards #contents #mainvisual .award-list li .desc {
	font-size: 11px;
	text-align: left;
	margin: 10px;
}
body.company-awards #contents #mainvisual .award-list li .year {
	color: #b7a261;
	font-size: 14px;
	padding: 5px 0px;
	letter-spacing: 1px;
	background: url(/company/awards/images/bg_year_top.png) no-repeat top center;
	margin:20px 0 0;
}
body.company-awards #contents #mainvisual .award-list li .year span {
	display: block;
	background: url(/company/awards/images/bg_year_bottom.png) no-repeat bottom center;
}

body.company-awards #contents #mainvisual .award-list li .year-list {
	color: #b7a261;	
}

body.company-awards #contents .two-column .right {
	text-align: right;
}

body.company-awards #contents .link {
	display: inline-block;
	vertical-align: bottom;
}

/*99: extra
=========================================*/
/* ==================================
Clear fix
================================== */
div#contents .career-double:after,
div#contents .career-double2:after,
div#contents .career-double .wrap:after,
div#contents .career-double2 .wrap:after,
div#contents .career-contents-box:after,
div#contents .career-contents-box .left .two-column:after,
div#contents .career-contents-box .right .two-column:after,
div#contents .flow-box:after,
div#contents .flow-box .first:after,
div#contents .flow-box .first .wrap:after,
div#contents .flow-box .second:after,
div#contents .flow-box .second .wrap:after,
div#contents .flow-box .third:after,
div#contents .flow-box .third .wrap:after,
div#contents .flow-box .fourth:after,
div#contents .flow-box .fourth .wrap:after,
div#contents .flow-box .fifth:after,
div#contents .flow-box .fifth .wrap:after,
div#contents .flow-box .sixth:after,
div#contents .flow-box .sixth .wrap:after,
div#contents .construct-wrap:after,
div#contents .construct-column:after,
div#contents .construct-column .inner:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#contents .career-double,
div#contents .career-double .wrap,
div#contents .career-contents-box,
div#contents .career-contents-box .left .two-column,
div#contents .career-contents-box .right .two-column,
div#contents .flow-box,
div#contents .flow-box .first,
div#contents .flow-box .first .wrap,
div#contents .flow-box .second,
div#contents .flow-box .second .wrap,
div#contents .flow-box .third,
div#contents .flow-box .third .wrap,
div#contents .flow-box .fourth,
div#contents .flow-box .fourth .wrap,
div#contents .flow-box .fifth,
div#contents .flow-box .fifth .wrap,
div#contents .flow-box .sixth,
div#contents .flow-box .sixth .wrap,
div#contents .construct-wrap,
div#contents .construct-column,
div#contents .construct-column .inner {
	min-height: 1px;
}

/* for IE6 */
* html div#contents .career-double,
* html div#contents .career-double2,
* html div#contents .career-double .wrap,
* html div#contents .career-double2 .wrap,
* html div#contents .career-contents-box,
* html div#contents .career-contents-box .left .two-column,
* html div#contents .career-contents-box .right .two-column,
* html div#contents .flow-box,
* html div#contents .flow-box .first,
* html div#contents .flow-box .first .wrap,
* html div#contents .flow-box .second,
* html div#contents .flow-box .second .wrap,
* html div#contents .flow-box .third,
* html div#contents .flow-box .third .wrap,
* html div#contents .flow-box .fourth,
* html div#contents .flow-box .fourth .wrap,
* html div#contents .flow-box .fifth,
* html div#contents .flow-box .fifth .wrap,
* html div#contents .flow-box .sixth,
* html div#contents .flow-box .sixth .wrap,
* html div#contents .construct-wrap,
* html div#contents .construct-column,
* html div#contents .construct-column .inner {
	height: 1px;
}

/* for IE7 */
*:first-child+html div#contents .career-double,
*:first-child+html div#contents .career-double2,
*:first-child+html div#contents .career-double .wrap,
*:first-child+html div#contents .career-double2 .wrap,
*:first-child+html div#contents .career-contents-box,
*:first-child+html div#contents .career-contents-box .left .two-column,
*:first-child+html div#contents .career-contents-box .right .two-column,
*:first-child+html div#contents .flow-box,
*:first-child+html div#contents .flow-box .first,
*:first-child+html div#contents .flow-box .first .wrap,
*:first-child+html div#contents .flow-box .second,
*:first-child+html div#contents .flow-box .second .wrap,
*:first-child+html div#contents .flow-box .third,
*:first-child+html div#contents .flow-box .third .wrap,
*:first-child+html div#contents .flow-box .fourth,
*:first-child+html div#contents .flow-box .fourth .wrap,
*:first-child+html div#contents .flow-box .fifth,
*:first-child+html div#contents .flow-box .fifth .wrap,
*:first-child+html div#contents .flow-box .sixth,
*:first-child+html div#contents .flow-box .sixth .wrap,
*:first-child+html div#contents .construct-wrap,
*:first-child+html div#contents .construct-column,
*:first-child+html div#contents .construct-column .inner {
	zoom: 1;
}