@charset "Shift_JIS";

/*=======================================================*/
/*【100】body                                            */
/*=======================================================*/
/* font設定 */
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}
/* for WinIE6*/
* html body {
	letter-spacing: 1px;
	vertical-align:baseline;
}

a img,
img {
	border:none;
}
sup{
	position:relative;
	bottom:0.3em;
	line-height:1;
	vertical-align:baseline;
	font-size:0.9em;
}
sub{
	position:relative;
	bottom:0;
	line-height:1;
	vertical-align:baseline;
	font-size:0.9em;
}

/*=======================================================*/
/*【010】マージンの設定　　　                            */
/*=======================================================*/

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }


/*=======================================================*/
/*【020】float解除　　 　　　                            */
/*=======================================================*/

.clearfix{
	zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*=======================================================*/
/*【410】div#layoutMain                                  */
/*=======================================================*/
div#layoutMain{
	font-size:0.88em;
}
div#layoutMain a:link {
/*	color:#2D68AB;*/
	color:#3F6692;
	text-decoration:underline;
}
div#layoutMain a:visited {
	color:#7E518A;
	text-decoration:underline;
}
div#layoutMain a:hover {
	color:#1E88FF;
	text-decoration:none;
}
div#layoutMain a:active {
	color:#4A4A4A;
	text-decoration:underline;
}

div#layoutMain p{
	line-height:1.4;
}

/* テキストボタンの設定 */
div#layoutMain .txtBtnR,
div#layoutMain .txtBtnB,
div#layoutMain .txtBtnB02 {
	margin:10px 0 20px;
	_zoom:1;/*for IE 5.5-7*/
}
div#layoutMain .txtBtnR:after,
div#layoutMain .txtBtnB:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
div#layoutMain .txtBtnR,
div#layoutMain .txtBtnB { display: inline-table; }
/* Hides from IE-mac \*/
* html div#layoutMain .txtBtnR,
* html div#layoutMain .txtBtnB,
* html div#layoutMain .txtBtnB02 {height: 1%;}
div#layoutMain .txtBtnR,
div#layoutMain .txtBtnB { display: block;}
/* End hide from IE-mac */

div#layoutMain .txtBtnR span,
div#layoutMain .txtBtnB span {
	float:right;
	background:url(../cmn_images/btn_background.gif) repeat-x top #FFFFFF;
	padding:0.2em 0.5em;
	border:1px solid #CCCCCC;
}

div#layoutMain .txtBtnB02 span {
	float:right;
	background:url(../cmn_images/btn_backgroundDB.gif) repeat-x top #FFFFFF;
	padding:0.5em 0.5em;
}

div#layoutMain .txtBtnR span.centerBtn,
div#layoutMain .txtBtnB span.centerBtn,
div#layoutMain .txtBtnB02 span.centerBtn {
	display:block;
	width:100px;
	float:none;
	margin-left:auto;
	margin-right:auto;
}

div#layoutMain .txtBtnR a {
	background: url(../cmn_images/btn_icon_p.gif) no-repeat left .35em;/*hayasi*/
	padding:0 5px 0 15px;
	text-decoration:none;
	font-size:0.9em;
	color:#333333;
}
div#layoutMain .txtBtnB a {
	background:url(../cmn_images/btn_icon_b.gif) no-repeat left .35em;/*hayasi*/
	padding:0 5px 0 15px;
	text-decoration:none; 
	font-size:0.9em;
	color:#333333;
}
div#layoutMain .txtBtnB02 a {
	background:url(../cmn_images/btn_icon_w.gif) no-repeat left .35em;/*hayasi*/
	padding:0 5px 0 15px;
	text-decoration:none; 
	font-size:0.9em;
}

div#layoutMain .txtBtnR a:visited,
div#layoutMain .txtBtnB a:visited,
div#layoutMain .txtBtnB02 a:visited {
	text-decoration:none;
}
/*=======================================================*/
/*【411】Hタグの設定　 　　　                            */
/*=======================================================*/
/*H1*/
/*ブルー*/
.company h1,
.group h1,
.recruit h1{
	background:url(../cmn_images/h1_background02.gif) no-repeat left top;
	margin:9px 0 30px 0;
	padding:0 0 12px 30px;
	border-bottom:1px solid #D5D5D5;
}
/*ピンク*/
.traffic h1,
.area h1,
.normal h1,
.contact h1,
.life h1,
h1.commonH1{
	background:url(../cmn_images/h1_background01.gif) no-repeat left top;
	margin:9px 0 30px 0;
	padding:0 0 12px 30px;
	border-bottom:1px solid #D5D5D5;
}
/*H1リセット*/
h1.h1none{
	background:none;
	padding:0;
	margin:0;
	line-height:normal;
	border:none;
}

/*H2*/
/*ブルー*/
.company h2,
.group h2,
.recruit h2{
	background:url(../cmn_images/h2_background_b.gif) no-repeat left top;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.2;
	color:#606060;
	padding:11px 0 6px 48px;
	margin-bottom:10px;
	min-height:18px;
}
/*ピンク*/
.traffic h2,
.area h2,
.normal h2,
.contact h2,
.life h2,
h2.commonH2{
	background:url(../cmn_images/h2_background_r.gif) no-repeat left top;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.2;
	color:#606060;
	padding:11px 0 6px 48px;
	margin-bottom:10px;
	min-height:18px;
}
.traffic h2 a,
.area h2 a,
.normal h2 a,
.contact h2 a,
.life h2 a{
	color:#606060;
	text-decoration:none;
}
/*H2リセット*/
h2.h2none{
	background:none;
	padding:0;
	margin:0;
	line-height:0;
}

/*H3*/
/*ブルー*/
.company h3,
.group h3,
.recruit h3{
	border-left:4px solid #5A71A9;
	border-bottom:1px solid #D5D5D5;
	color:#606060;
	font-size:1em;
	line-height:1.2;
	font-weight:bold;
	padding:5px 10px;
	margin-bottom:15px;
}
/*ピンク*/
.traffic h3,
.area h3,
.normal h3,
.contact h3,
.life h3,
h3.commonH3{
	border-left:4px solid #E798CA;
	border-bottom:1px solid #D5D5D5;
	color:#606060;
	font-size:1em;
	line-height:1.2;
	font-weight:bold;
	padding:5px 10px;
	margin-bottom:15px;
}
/*H3リセット*/
h3.h3none{
	border:none;
	padding:0;
	margin:0;
	line-height:0;
}
/*サイドメニューのh3用にリセット*/
.sideMenu h3{
	background:none;
	border:none;
	padding:0;
	margin:0;
}
/*H4*/
/*ブルー*/
.company h4,
.group h4,
.recruit h4{
	color:#454545;
	font-size:1em;
	line-height:1.2;
	font-weight:bold;
	padding:0;
	margin-bottom:5px;
}
/*ピンク*/
.traffic h4,
.area h4,
.normal h4,
.contact h4,
.life h4{
	color:#454545;
	font-size:1em;
	line-height:1.2;
	font-weight:bold;
	padding:0;
	margin-bottom:5px;
}

/*=======================================================*/
/*【412】LIST　　　 　 　　　                            */
/*=======================================================*/
ul.liststyle01b,
ul.liststyle01r,
ul.liststyle02b,
ul.liststyle02r,
ul.liststyle03b,
ul.liststyle03r{
	line-height:1.4;
}

/*丸いアイコンブルー*/
ul.liststyle01b,
ul.liststyle01b ul{
	list-style:none;
	margin:0;
	padding:0;
}
ul.liststyle01b li{
	background:url(../cmn_images/icon_c01_b.gif) no-repeat 0 0.3em;
	padding-left:15px;
	margin:0.3em 0;
}
ul.liststyle01b ul li{
	background:url(../cmn_images/icon_c02_b.gif) no-repeat 0 0.3em;
	padding-left:12px;
}

/*丸いアイコンピンクー*/
ul.liststyle01r,
ul.liststyle01r ul{
	list-style:none;
	margin:0;
	padding:0;
}
ul.liststyle01r li{
	background:url(../cmn_images/icon_c01_r.gif) no-repeat 0 0.3em;
	padding-left:15px;
	margin:0.3em 0;
}

ul.liststyle01r ul li{
	background:url(../cmn_images/icon_c02_r.gif) no-repeat 0 0.3em;
	padding-left:12px;
}

/*四角いアイコンブルー*/
ul.liststyle02b,
ul.liststyle02b ul{
	list-style:none;
	margin:0;
	padding:0;
}
ul.liststyle02b li{
	background:url(../cmn_images/icon_s01_b.gif) no-repeat 0 0.3em;
	padding-left:15px;
	margin:0.3em 0;
}
ul.liststyle02b ul li{
	background:url(../cmn_images/icon_t02_b.gif) no-repeat 0 0.3em;
	padding-left:12px;
}

/*四角いアイコンピンクー*/
ul.liststyle02r,
ul.liststyle02r ul{
	list-style:none;
	margin:0;
	padding:0;
}
ul.liststyle02r li{
	background:url(../cmn_images/icon_s01_r.gif) no-repeat 0 0.3em;
	padding-left:15px;
	margin:0.3em 0;
}

ul.liststyle02r ul li{
	background:url(../cmn_images/icon_t02_r.gif) no-repeat 0 0.3em;
	padding-left:12px;
}

/*三角のアイコンブルー（リンク用）*/
ul.liststyle03b,
ul.liststyle03b ul{
	list-style:none;
	margin:0;
	padding:0;
}
ul.liststyle03b li{
	background:url(../cmn_images/icon_t01_b.gif) no-repeat 0 0.3em;
	padding-left:15px;
	margin:0.6em 0;
}
/*三角のアイコンピンクー（リンク用）*/
ul.liststyle03r,
ul.liststyle03r ul{
	list-style:none;
	margin:0;
	padding:0;
}
ul.liststyle03r li{
	background:url(../cmn_images/icon_t01_r.gif) no-repeat 0 0.3em;
	padding-left:15px;
	margin:0.6em 0;
}

/* アイコン無しのリスト */
ul.noMark {
	list-style-type:none;
	margin-left:0;
	padding-left:1em;
}
ul.noMark li {
	margin:0.3em 0;
}

/*=======================================================*/
/*【413】tableの設定                                     */
/*=======================================================*/
table.tbl01,
table.tbl02,
table.tbl03,
table.tbl04,
table.tbl05 {
	border-collapse: collapse;
}
table.tbl01 th {
	padding:0.75em 0.5em;
	background:url(../cmn_images/bg_tbl01_th.gif) repeat-x left top #899199;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #D5D5D5;
	border-bottom-width:2px;
}
table.tbl01 th.sub {
	padding:0.75em 0.5em;
	background:none;
	background-color:#EBEFF5;
	color:#666666;
	font-weight:bold;
	border:1px solid #D5D5D5;
}
table.tbl01 td {
	padding:0.75em 0.5em;
	background-color:#FFFFFF;
	color:#666666;
	border:1px solid #D5D5D5;
}
table.tbl02 th {
	padding:0.75em;
	background:url(../cmn_images/bg_tbl02_th.gif) repeat-x left top #899199;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #D5D5D5;
	border-bottom-width:2px;
}
table.tbl02 th.sub {
	padding:0.75em;
	background:none;
	background-color:#FDF5FA;
	color:#666666;
	font-weight:bold;
	border:1px solid #D5D5D5;
}
table.tbl02 td {
	padding:0.75em 0.5em;
	background-color:#FFFFFF;
	color:#666666;
	border:1px solid #D5D5D5;
}
table.tbl03 th {
	padding:0.75em;
	background:url(../cmn_images/bg_tbl03_th.gif) repeat-x left top #DBDBDB;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #D5D5D5;
	border-bottom-width:2px;
}
table.tbl03 th.sub {
	padding:0.75em;
	background:none;
	background-color:#F2F2F2;
	color:#666666;
	font-weight:bold;
	border:1px solid #D5D5D5;
}
table.tbl03 td {
	padding:0.75em 0.5em;
	background-color:#FFFFFF;
	color:#666666;
	border:1px solid #D5D5D5;
}
/*時刻表用*/
table.tbl04 th {
	padding:0.75em;
	background:url(../cmn_images/bg_tbl04_th.gif) repeat-x left top #FEF0F9;
	color:#606060;
	font-weight:bold;
	border:1px solid #BBBBBB;
	text-align:center;
}
/*平日のth用*/
table.tbl04 th.sub {
	padding:0.75em;
	background:none;
	background-color:#F7F7F7;
	color:#606060;
	font-weight:bold;
	border:1px solid #BBBBBB;
	text-align:left;
}
/*土休日のth用*/
table.tbl04 th.sub02 {
	padding:0.75em;
	background:none;
	background-color:#F7F7F7;
	color:#E25FAD;
	font-weight:bold;
	border:1px solid #BBBBBB;
	text-align:left;
}
table.tbl04 td {
	width:230px;
	padding:0.75em 0.5em;
	background-color:#FFFFFF;
	color:#666666;
	border:1px solid #BBBBBB;
}

/*ブルーバージョンのテーブル用*/
table.tbl05 th {
	padding:0.75em;
	background:url(../cmn_images/bg_tbl05_th.gif) repeat-x left top #E6EBFA;
	color:#606060;
	font-weight:bold;
	border:1px solid #BBBBBB;
}
table.tbl05 th.sub {
	padding:0.75em;
	background:none;
	background-color:#EAEAEA;
	color:#606060;
	font-weight:bold;
	border:1px solid #BBBBBB;
}
table.tbl05 th.sub02 {
	padding:0.75em;
	background:none;
	background-color:#F3F3F3;
	color:#666666;
	font-weight:bold;
	border:1px solid #BBBBBB;
}
table.tbl05 td {
	padding:0.75em 0.5em;
	background-color:#FFFFFF;
	color:#666666;
	border:1px solid #BBBBBB;
}

table.fontS { font-size:90%; }
table.fontXS { font-size:80%; }
table.fontXXS { font-size:70%; }

/*=======================================================*/
/*【414】hrの設定      　　　                            */
/*=======================================================*/

div.lineHR {
	margin:5px 0;
	height:1px;
 border:none;
	background:url(../cmn_images/hr01.gif) repeat-x left top;
}
div.lineHR hr {
	display:none;
}


/*=======================================================*/
/*【415】AdobeReaderダウンロード                         */
/*=======================================================*/
.Acrobat {
	padding:10px;
	margin:20px 0;
	background-color:#F5F5F5;
	border-bottom:2px solid #D5D5D5;
}
.AcrobatBanner {
	float:right;
/*	width:112px;*/
	margin:0 0 10px 10px;
}
.AcrobatText {
	margin:0;
	padding:0;
	font-size:0.9em;
	line-height:1.4;
}

.PrintPageBreak {
	display:none;
}


/*=======================================================*/
/*【416】PageTopの設定 　　　                            */
/*=======================================================*/

div#layoutMain .PageTop {
	text-align:right;
	margin-top:10px;
	
}
div#layoutMain .PageTop a:link {
	color:#666666;
	text-decoration:none;
}
div#layoutMain .PageTop a:visited {
	color:#666666;
	text-decoration:none;
}
div#layoutMain .PageTop a:hover {
	color:#000000;
	text-decoration:underline;
}
div#layoutMain .PageTop a:active {
	color:#666666;
}

/*=======================================================*/
/*【417】ニュースリリース等の下線付きリスト              */
/*=======================================================*/
div#layoutMain ul.infoList,
div#layoutMain ul.infoListB {
	margin:0 0 10px 0;
	padding: 4px 0;
	background: url(../images/bg_list.gif) repeat-x left top;
	list-style-type: none;
}
div#layoutMain ul.infoList li {
	padding: 0.5em 0 0.5em 24px;
	background: url(../cmn_images/icon_arrowR01.gif) no-repeat 10px 0.75em;
	line-height: 1.2;
	border-bottom: 1px dotted #BFBFBF;
}
div#layoutMain ul.infoListB li {
	padding: 0.5em 0 0.5em 24px;
	background:url(../cmn_images/icon_arrowB01.gif) no-repeat 10px 0.75em;
	line-height: 1.2;
	border-bottom: 1px dotted #BFBFBF;
}


/*リストのnewマーク*/
.iconImage{
	vertical-align:middle;
}
/*リストの色変更*/
/*赤バージョン*/
div#layoutMain a:link span.red{
	color:#CC0000;
	text-decoration:underline;
}
div#layoutMain a:visited span.red{
	color:#E25500;
	text-decoration:underline;
}
div#layoutMain a:hover span.red{
	color:#FF0000;
	text-decoration:none;
}
div#layoutMain a:active span.red{
	color:#580F0F;
}


/*=======================================================*/
/*【421】サイドメニューのアイコン                        */
/*=======================================================*/
div#layoutSideMenu{
	color:#44555f;
	line-height:1.2;
	font-weight:normal;
	font-style:normal;
}
div#layoutSideMenu a,
div#layoutSideMenu span{
	color:#44555f;
	line-height:1.2;
	font-weight:normal;
	font-style:normal;
}
div#layoutSideMenu ul li {
	display:inline;
}
div#layoutSideMenu ul li a,
div#layoutSideMenu ul li span{
	background-repeat:no-repeat;
	background-position:0px 0.3em;
	display:block;
}

/*ブルー*/
/*第2階層*/
.company div#layoutSideMenu .sideMenu ul li a,
.group div#layoutSideMenu .sideMenu ul li a,
.recruit div#layoutSideMenu .sideMenu ul li a{
	background-image:url(../cmn_images/iconLiBlue.gif);
}
.company div#layoutSideMenu .sideMenu ul li a:hover,
.group div#layoutSideMenu .sideMenu ul li a:hover,
.recruit div#layoutSideMenu .sideMenu ul li a:hover{
	background-image:url(../cmn_images/iconLiRed.gif);
	color:#D20F8D;
}

/*第3階層*/
.company div#layoutSideMenu .sideMenu ul li li a,
.group div#layoutSideMenu .sideMenu ul li li a,
.recruit div#layoutSideMenu .sideMenu ul li li a{
	background-image:url(../cmn_images/iconLiBlue02.gif);
}
.company div#layoutSideMenu .sideMenu ul li li a:hover,
.group div#layoutSideMenu .sideMenu ul li li a:hover,
.recruit div#layoutSideMenu .sideMenu ul li li a:hover{
	background-image:url(../cmn_images/iconLiRed02.gif);
	color:#D20F8D;
}
/*第4階層*/
.company div#layoutSideMenu .sideMenu ul li li li a,
.group div#layoutSideMenu .sideMenu ul li li li a,
.recruit div#layoutSideMenu .sideMenu ul li li li a{
	background-image:url(../cmn_images/iconLiGray.gif);
}
.company div#layoutSideMenu .sideMenu ul li li li a:hover,
.group div#layoutSideMenu .sideMenu ul li li li a:hover,
.recruit div#layoutSideMenu .sideMenu ul li li li a:hover{
	background-image:url(../cmn_images/iconLiRed02.gif);
	color:#D20F8D;
}

/*ピンク*/
/*第2階層*/
.traffic div#layoutSideMenu .sideMenu ul li a,
.area div#layoutSideMenu .sideMenu ul li a,
.normal div#layoutSideMenu .sideMenu ul li a,
.contact div#layoutSideMenu .sideMenu ul li a,
.life div#layoutSideMenu .sideMenu ul li a{
	background-image:url(../cmn_images/iconLiRed.gif);
}
.traffic div#layoutSideMenu .sideMenu ul li a:hover,
.area div#layoutSideMenu .sideMenu ul li a:hover,
.normal div#layoutSideMenu .sideMenu ul li a:hover,
.contact div#layoutSideMenu .sideMenu ul li a:hover,
.life div#layoutSideMenu .sideMenu ul li a:hover{
	background-image:url(../cmn_images/iconLiBlue.gif);
	color:#2F50A1;
}
/*第3階層*/
.traffic div#layoutSideMenu .sideMenu ul li li a,
.area div#layoutSideMenu .sideMenu ul li li a,
.normal div#layoutSideMenu .sideMenu ul li li a,
.contact div#layoutSideMenu .sideMenu ul li li a,
.life div#layoutSideMenu .sideMenu ul li li a{
	background-image:url(../cmn_images/iconLiRed02.gif);
}
.traffic div#layoutSideMenu .sideMenu ul li li a:hover,
.area div#layoutSideMenu .sideMenu ul li li a:hover,
.normal div#layoutSideMenu .sideMenu ul li li a:hover,
.contact div#layoutSideMenu .sideMenu ul li li a:hover,
.life div#layoutSideMenu .sideMenu ul li li a:hover{
	background-image:url(../cmn_images/iconLiBlue02.gif);
	color:#2F50A1;
}
.normal div#layoutSideMenu .sideMenu ul li li span{
	background-image:url(../cmn_images/iconLiRed02.gif);	
}
/*第4階層*/
.traffic div#layoutSideMenu .sideMenu ul li li li a,
.area div#layoutSideMenu .sideMenu ul li li li a,
.normal div#layoutSideMenu .sideMenu ul li li li a,
.contact div#layoutSideMenu .sideMenu ul li li li a,
.life div#layoutSideMenu .sideMenu ul li li li a{
	background-image:url(../cmn_images/iconLiGray.gif);
}
.traffic div#layoutSideMenu .sideMenu ul li li li a:hover,
.area div#layoutSideMenu .sideMenu ul li li li a:hover,
.normal div#layoutSideMenu .sideMenu ul li li li a:hover,
.contact div#layoutSideMenu .sideMenu ul li li li a:hover,
.life div#layoutSideMenu .sideMenu ul li li li a:hover{
	background-image:url(../cmn_images/iconLiBlue02.gif);
	color:#2F50A1;
}

/* リンクがない場合 */
.recruit div#layoutSideMenu .sideMenu ul li.title,
.recruit div#layoutSideMenu .sideMenu ul li li.title,
.recruit div#layoutSideMenu .sideMenu ul li li li.title {
	margin-top: 0.8em;
}
.recruit div#layoutSideMenu .sideMenu ul li.title span {
    background-image: url(../cmn_images/iconLiBlue02.gif);
}
/* 20160819追加 */
.recruit div#layoutSideMenu .sideMenu ul li.title span.grayarrow {
    background-image: url(../cmn_images/iconLiGray.gif);
}

/*2017.3.27 追加*/
/*スマートフォンへ戻るボタン*/
#toSmartPhoneSite{
   width: 80%;
   height: 100px;
   color: #333;
   font-size: 45px;
   vertical-align: middle;
   cursor: pointer;
   margin: 30px 0;
   display: none;
   /*border-radius: 50px;
   background-image: url(cmn_images/tosmp_button.gif);
   background-repeat: no-repeat;
   background-position: 700px 26px;*/
}
.smartphone #toSmartPhoneSite{
   display: inline;
}

.smartphone body{
	background-image: none;
}

.smartphone div#layoutHeader{
	background-image: url(../cmn_images/body.gif);
    background-repeat: repeat-x;
}