@charset "UTF-8";
html {
height: 100%;
}

body {
height: 100%;
line-height: 1.7;
color: #444;
font-size: 14px;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
}

::selection {
color: #fff;
background: #444;
/* Safari */
}

::-moz-selection {
color: #fff;
background: #444;
/* Firefox */
}

#globalheader {
padding: 25px 0 0;
}
#globalheader h1 {
text-align: center;
}
.globalheaderInner{
position: relative;
width: 980px;
margin: 0 auto;
}
.headNav {
position: absolute;
top:0;
right: 0;
}
.headNav li {
float: left;
margin-left: 10px;
}
.headNav a {
color: #000;
text-decoration: none;
font-size: 12px;
}
.headNav a:hover {
text-decoration: underline;
}
	.covervid-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	.sptopimg{
	display: none;
	text-align: center;
	}
	.sptopimg img{
	max-width: 100%;
	width: 70%;
	height: auto;
	}

.globalnav {
width: 870px;
margin: 35px auto 25px;
position: relative;
}
.globalnav li {
float: left;
}
.globalnav li a {
height: 40px;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
background: url(../img/common/gnav.png) no-repeat 0 0;
display: block;
cursor: pointer;
}
.globalnav li.nav01 a {
width: 194px;
background-position: 0 0;
}
.globalnav li.nav02 a {
width: 136px;
background-position: -194px 0;
}
.globalnav li.nav03 a {
width: 211px;
background-position: -333px 0;
}
.globalnav li.nav04 a {
width: 195px;
background-position: -544px 0;
}
.globalnav li.nav05 a {
width: 134px;
background-position: -739px 0;
}

.globalnav li.nav01 a:hover,.globalnav li.nav01 a.active {
background-position: 0 bottom;
}
.globalnav li.nav02 a:hover,.globalnav li.nav02 a.active {
background-position: -194px bottom;
}
.globalnav li.nav03 a:hover,.globalnav li.nav03 a.active {
background-position: -333px bottom;
}
.globalnav li.nav04 a:hover,.globalnav li.nav04 a.active {
background-position: -544px bottom;
}
.globalnav li.nav05 a:hover,.globalnav li.nav05 a.active {
background-position: -739px bottom;
}

/*----------------------------------------------------
pulldown menu
----------------------------------------------------*/
.globalnav .pulldownNav {
position: absolute;
left: 0;
display: none;
width: 940px;
min-height: 100px;
margin: 0 auto;
padding: 0 20px;
font-size: 13px;
background: #f7f7f7;
border: 1px solid #d9d9d9;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.globalnav .pulldownNav .clm1 {
width: 215px;
padding: 30px 10px 20px;
}
.globalnav .pulldownNav .ttl {
font-size: 16px;
font-weight: bold;
padding-left: 2em;
}
.globalnav .pulldownNav .groupIco {
background: url(../img/common/ico_group.gif) no-repeat 0 2px;
}
.globalnav .pulldownNav .companyIco {
background: url(../img/common/ico_company.gif) no-repeat 4px 2px;
}
.globalnav .pulldownNav .infoIco {
background: url(../img/common/ico_info.gif) no-repeat 8px 0;
}
.globalnav .pulldownNav .irIco {
background: url(../img/common/ico_ir.gif) no-repeat 0 2px;
}
.globalnav .pulldownNav .recruitIco {
background: url(../img/common/ico_recruit.gif) no-repeat 0 2px;
}
.globalnav .pulldownNav .pulldownList li {
margin: 0 0 5px 0;
padding-bottom: 0;
float: none;
}
.globalnav .pulldownNav .pulldownList li .ttlOnly {
display: block;
font-weight: bold;
padding: 5px 10px 2px 1em;
background: #eee;
border-bottom: 1px solid #d9d9d9;
}
.globalnav .pulldownNav .pulldownList li a {
display: inline-block;
width: auto;
height: auto;
padding-left: 1em;
text-indent: 0;
}
.globalnav .pulldownNav .pulldownList li a.med {
background: url(../img/common/ico_row.gif) no-repeat 0 3px;
}
.globalnav .pulldownNav .grArr a, .globalnav .pulldownNav .grArr a:hover {
background: url(../img/common/ico_arrow_gr.gif) no-repeat 3px 7px;
}
.globalnav .pulldownNav .compArr a, .globalnav .pulldownNav .compArr a:hover {
background: url(../img/common/ico_arrow_com.gif) no-repeat 3px 7px;
}
.globalnav .pulldownNav .infoArr a, .globalnav .pulldownNav .infoArr a:hover {
background: url(../img/common/ico_arrow_info.gif) no-repeat 3px 7px;
}
.globalnav .pulldownNav .irArr a, .globalnav .pulldownNav .irArr a:hover {
background: url(../img/common/ico_arrow_ir.gif) no-repeat 3px 7px;
}
.globalnav .pulldownNav .rcArr a, .globalnav .pulldownNav .rcArr a:hover {
background: url(../img/common/ico_arrow_rc.gif) no-repeat 3px 7px;
}
.pulldownNav {
z-index:500;
}
.globalnav .grLine {
border-top: 1px solid #e5473a;
}
.globalnav .comLine {
border-top: 1px solid #0273dd;
}
.globalnav .infoLine {
border-top: 1px solid #e87e00;
}
.globalnav .irLine {
border-top: 1px solid #83A900;
}
.globalnav .rcLine {
border-top: 1px solid #0273dd;
}

.subnavBox {
position: relative;
width: auto;
padding: 20px 14px 14px 20px;
border: 1px solid #ccc;
background: #fff;
}

.subnavBox .list01 li {
float: none;
width: auto;
text-indent: -1em;
margin-left: 1em;
}
.inner {
width: 980px;
margin: 0 auto;
}
#topMV {
	text-align: center;
}
#picUp,#investor {
	background: #f7f7f7;
	padding: 80px 0;
}
.top_pic_phBox {
	float: right;
}
.top_pic_txtBox {
	float: left;
	width: 318px;
}
.h2_top {
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	letter-spacing: .3em;
}
.h2_top span {
	font-family: Times New Roman;
	letter-spacing: .2em;
	font-size: 34px;
	color: #ED1C24;
}
.top_pic_date {
	font-size: 15px;
	color: #A89990;
}

.top_pic_ttl01 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 40px;
}

#info {
	padding: 80px 0 100px;
}
.infoNav {
	width: 490px;
	margin: 70px auto 50px;
	font-size: 0;
}
.infoNav li {
	width: 150px;
	margin-right: 14px;
	display: inline-block;
	border: 2px solid #A89990;
	font-family: Times New Roman;
	font-size: 14px;
	letter-spacing: .1em;
	text-align: center;
}
.infoNav li:last-child {
	margin-right: 0;
}
.infoNav li a {
	color: #A89990;
	display: block;
	padding: 10px 0;
}
.infoNav li a.active,
.infoNav li a:hover {
	background: #A89990;
	color: #FFF;
	text-decoration: none;
}
.infoList {
	margin-bottom: 50px;
}
.infoList > li {
	float: left;
	width: 306px;
	height: 204px;
	position: relative;
	margin-right: 31px;
	margin-bottom: 19px;
	cursor: pointer;
}
.infoList > li:nth-child(3n) {
	margin-right: 0;
}
.infoTxtBox {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	color: #FFF;
	width: 265px;
	height: 150px;
	padding: 20px;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	transition: .5s ease-out;
	-webkit-transition: .5s ease-out;
	-moz-transition: .5s ease-out;
	-ms-transition: .5s ease-out;
}
.infoTxtBox:hover {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.infoTxtBox .data {
	margin-bottom: 15px;
	font-size: 12px;
}
.infoLable {
	margin-bottom: 15px;
	font-size: 0;
}
.infoLable li {
	margin-right: 5px;
	border: 1px solid #FFF;
	display: inline-block;
	font-size: 10px;
	width: 90px;
	text-align: center;
}
.moreBtn {
	background: #231815;
	color: #FFF;
	width: 270px;
	margin: 0 auto;
	display: block;
	text-align: center;
	font-size: 15px;
	font-family: Times New Roman;
	letter-spacing: .3em;
	padding: 15px 0;
}
.moreBtn span {
	background: url(../img/common/ico_arrow_more.png) right 50% no-repeat;
	padding-right: 20px;
}
.moreBtn:hover {
	text-decoration: none;
}
#investor {
}
#investor ul {
	margin-top: 70px;
	margin-bottom: 50px;
}
#investor ul li {
	background: #FFF;
	margin-bottom: 14px;
	padding: 20px;
}
#investor dl {
	overflow: hidden;
}
#investor dl dt {
	float: left;
	color: #ED1C24;
}
#investor dl dd {
	padding-left: 2em;
	background: url(../img/common/ico_pdf.gif) 0 0 no-repeat;
	margin-left: 120px;
}
#recruit {
	background: url(../img/top/ph_recruit.jpg) center 0 repeat-x;
	height: 428px;
	margin-bottom: 45px;
}
#recruit .h2_top,
#recruit .h2_top span {
	color: #FFF;
}
#recruit .h2_top {
	padding-top: 110px;
	font-size: 24px;
	letter-spacing: .3em;
	line-height: 40px;
}
#recruit .moreBtn {
	background: none;
	border: 2px solid #FFF;
	width: 171px;
	margin: 75px 0 0;
}
#recruit .moreBtn:hover {
	background: #FFF;
	color: #231815;
}
#recruit .moreBtn:hover span {
	background: url(../img/common/ico_arrow_more_on.png) right 50% no-repeat;
}

/*
#topCont {
width: 980px;
margin: 30px auto;
}
#topLeftCont {
width: 641px;
float: left;
}
*/
.infoSec .infoList li {
float: left;
width: 306px;
margin: 0 29px 30px 0;
border-bottom: 1px dotted #bcbcbc;
}
.infoSec .infoList li:nth-child(even) {
margin-right: 0;
}
.infoSec .infoList li .txt {
min-height: 80px;
}

.infoSec .infoListAll {
/* fuji
margin-top: 30px;
*/
margin-top: 15px;
}
.infoSec .infoListAll li {
float: left;
width: 306px;
margin: 0 29px 30px 0;
border-bottom: 1px dotted #bcbcbc;
}
.infoSec .infoListAll li:nth-child(3n) {
margin-right: 0;
}
.infoSec .infoListAll li .txt {
min-height: 80px;
}


.infoSec .infoLable {
margin: 0px;
}

.infoSec .infoLable li {
float: left;
width: 90px;
margin: 0;
color: #fff;
font-size: 10px;
text-align: center;
background: #404040;
border-bottom: none;
}

.infoSec .infoLable .press {
background: #00a9a8;
}

.infoSec .infoLable .news {
background: #2988c7;
}


.groupSec .infoLable {
margin: 0px;
}

.groupSec .infoLable li {
float: left;
width: 90px;
margin: 0;
color: #fff;
font-size: 10px;
text-align: center;
background: #404040;
border-bottom: none;
}

.groupSec .infoLable .press {
background: #00a9a8;
}

.groupSec .infoLable .news {
background: #2988c7;
}




.snsBtn {
float: right;
margin-top: -4px;
}
.snsBtn td{
vertical-align: top;
padding-right: 5px;
}*/
.pdT3{
padding-top: 3px;
}
.infoDate{
margin-top: 10px;
color: #777;
}

#topRightCont {
width: 309px;
float: right;
}

.bnrList {
margin-bottom: 40px;
}
.bnrList li {
margin-bottom: 10px;
}

.irList li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #bcbcbc;
}
.irList li .pdf {
padding-left: 2em;
background: url(../img/common/ico_pdf.gif) no-repeat 0 10px;
}
.irList li a {
color: #000;
text-decoration: none;
}
.irList li a:hover {
text-decoration: underline;
}

.pdf {
padding: 10px 0 10px 2em;
background: url(../img/common/ico_pdf.gif) no-repeat 0 center;
}
.pdf a {
color: #000;
text-decoration: none;
}
.pdf a:hover {
text-decoration: underline;
}

/*----------------------------------------------------
BREADCRUMBS
----------------------------------------------------*/
#breadcrumbsWrap {
width: 100%;
/*background: #f7f7f7;*/
/*border-bottom: 1px solid #eee;*/
}
#breadcrumbs {
width: 980px;
margin: 0 auto;
padding: 5px 0;
}
#breadcrumbs li {
float: left;
margin-right: .5em;
font-size: 12px;
}
#breadcrumbs li a {
padding-right: 1em;
color: #0273dd;
text-decoration: none;
background: url(../img/common/ico_arrow.gif) no-repeat right center;
}
#breadcrumbs li a:hover {
text-decoration: underline;
}
#breadcrumbs .top {
padding-left: 1.5em;
background: url(../img/common/ico_home.gif) no-repeat 0 center;
}

.sortNav {
float: left;
height: 23px;
padding: 5px 6px;
background: url(../img/info/sort_base.gif) no-repeat 0 0;
}
.sortNav li {
float: left;
width: 128px;
margin-right: 10px;
text-align: center;
}
.sortNav a {
display: block;
color: #888;
}
.sortNav a:hover {
color: #fff;
text-decoration: none;
}
.sortNav .sort1 .active, .sortNav .sort1:hover {
color: #fff;
background: url(../img/info/btn_sortall.png) no-repeat 0 0;
}
.sortNav .sort2 .active, .sortNav .sort2:hover {
color: #fff;
background: url(../img/info/btn_sortnews.png) no-repeat 0 0;
}
.sortNav .sort3 .active, .sortNav .sort3:hover {
color: #fff;
background: url(../img/info/btn_sortpress.png) no-repeat 0 0;
}

.groupSelect {
float: right;
margin-top: 20px;
position: relative;
}
.groupSelect .selectTtl {
cursor: pointer;
}
.groupSelect .selectTtl span {
display: block;
width: 144px;
height: 21px;
padding: 6px 10px;
background: url(../img/common/btn_select_off.png) no-repeat 0 0;
}
.groupSelect .selectTtl .active {
background: url(../img/common/btn_select_on.png) no-repeat 0 0;
}
.groupSelect .grouplist {
display: none;
position: absolute;
right: 0;
top: 33px;
width: 200px;
background: #fff;
border: 1px solid #ccc;
}
.groupSelect .grouplist a {
display: block;
padding: 5px 10px;
font-size: 12px;
color: #444;
text-decoration: none;
border-bottom: 1px solid #ccc;
}
.groupSelect .grouplist a:hover {
color: #0273dd;
background: #d9eafa;
}

.bxslider {
position: relative;
width: 100%;
background: #e4e9ec;
}
.bxslider li {
display: block;
width: 980px;
height: 484px;
background-position: center center;
background-repeat: no-repeat;
background-color: #fcfcfc;
text-align: center;
}
.bxslider a {
display: block;
width: 100%;
height: 484px;
text-align: center;
}

.bx-controls-direction {
position: relative;
}

.bx-prev {
position: absolute;
top: -280px;
left: 40px;
z-index: 30;
}

.bx-next {
position: absolute;
top: -280px;
right: 40px;
z-index: 30;
}

.bx-pager {
text-align: center;
}
.bx-pager .bx-pager-item {
display: inline-block;
}
.bx-pager .bx-pager-item a {
display: block;
width: 11px;
height: 10px;
margin: 10px 3px 0;
text-indent: -9999px;
background: url("../img/recruit/top/icn02.jpg") no-repeat center center;
}
.bx-pager .bx-pager-item a.active {
background: url("../img/recruit/top/icn01.jpg") no-repeat center center;
}

/*----------------------------------------------------
INNER CONTENTS
----------------------------------------------------*/
#innerCont {
width: 980px;
margin: 30px auto;
}
#innerCont #RightCont {
float: right;
width: 700px;
}
#innerCont #RightCont h2 {
margin-bottom: 10px;
font-size: 15px;
/*font-weight: normal;*/
}
#innerCont #LeftCont {
float: left;
width: 250px;
}

.infoSec h2 {
margin-bottom: 10px;
font-size: 15px;
}

.infoSec h2 .infoLine {
margin-bottom: -2px;
padding: 0 0 5px 1.5em;
display: inline-block;
border-bottom: 2px solid #e87e00;
background: url(../img/info/ico_info.png) no-repeat 0 0;
}
.infoSec .btnAll {
float: right;
margin-top: 20px;
padding: 2px 1.5em 2px 0;
background: url(../img/common/ico_arrowOr.png) no-repeat right center;
}
.infoSec .btnAll a {
color: #e87e00;
font-weight: bold;
text-decoration: none;
}
.infoSec .btnAll a:hover {
text-decoration: underline;
}

.pickupSec h2 {
margin: 0 0 10px;
font-size: 18px;
border-bottom: 2px solid #d4d4d4;
}
.pickupSec h2 .pickupLine {
margin-bottom: -2px;
padding: 0 0 5px 1.8em;
display: inline-block;
border-bottom: 2px solid #ff3600;
background: url(../img/common/ico_pickup.png) no-repeat 0 3px;
}

.irSec {
position: relative;
}
.irSec h2 {
margin: 0 0 10px;
font-size: 18px;
border-bottom: 2px solid #d4d4d4;
}
.irSec h2 .irLine {
margin-bottom: -2px;
padding: 0 0 5px 2em;
display: inline-block;
border-bottom: 2px solid #83a900;
background: url(../img/common/ico_ir.png) no-repeat 0 0;
}
.irSec .btnAll {
position: absolute;
top: 5px;
right: 0;
padding: 2px 1.5em 2px 0;
background: url(../img/common/ico_arrowRe.png) no-repeat right center;
}
.irSec .btnAll a {
color: #ED1C24;
font-weight: bold;
text-decoration: none;
}
.irSec .btnAll a:hover {
text-decoration: underline;
}

.groupSec .ciArea {
/*width: 666px;*/
padding: 40px 0;
text-align: center;
/*border: 1px solid #D3D1D0;*/
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
}
.groupSec h3,
.investorSec h3 {
margin-bottom: 60px;
font-size: 18px;
border-bottom: 1px solid #DCD6D3;
background: url(../img/common/ico_h3.gif) 0 center no-repeat;
padding-left: 25px;
padding-bottom: 4px;
}
/*.groupSec h3 .groupLine {
margin-bottom: -2px;
display: inline-block;
}*/

.groupSec h3 {
margin: 20px 0 10px;
font-size: 18px;
border-bottom: 2px solid #d4d4d4;
background: url(../img/common/ico_h3.gif) 0 center no-repeat;
padding-left: 25px;
padding-bottom: 4px;
}


.compSec h3 {
margin: 20px 0 10px;
font-size: 18px;
border-bottom: 2px solid #d4d4d4;
background: url(../img/common/ico_h3.gif) 0 center no-repeat;
padding-left: 25px;
padding-bottom: 4px;
}
/*.compSec h3 .compLine {
margin-bottom: -2px;
display: inline-block;
border-bottom: 2px solid #0273dd;
}*/
.compSec h4 {
font-size: 16px;
margin: 20px 0 10px;
border-bottom: 2px solid #d4d4d4;
}
.compSec p {
	margin: 0 15px;
}

.recSec h3 {
margin: 20px 0 10px;
font-size: 18px;
/*border-bottom: 2px solid #d4d4d4;*/
}
.recSec h3 .recLine {
display: block;
    margin-bottom: 30px;
    font-size: 18px;
    border-bottom: 1px solid #DCD6D3;
    background: url(../img/common/ico_h3.gif) 0 center no-repeat;
    padding-left: 25px;
    padding-bottom: 4px;
/*margin-bottom: -2px;
display: inline-block;
border-bottom: 2px solid #0273dd;*/
}

/*.investorSec h3 {
margin: 20px 0 10px;
font-size: 18px;
border-bottom: 2px solid #d4d4d4;
}
.investorSec h3 .investorLine {
margin-bottom: -2px;
display: inline-block;
border-bottom: 2px solid #83a900;
}*/

.investorSec h3 {
margin: 20px 0 10px;
font-size: 18px;
border-bottom: 2px solid #d4d4d4;
background: url(../img/common/ico_h3.gif) 0 center no-repeat;
padding-left: 25px;
padding-bottom: 4px;
}

.investorSec h4 {
margin-bottom: 20px;
border-bottom: 1px solid #333;
}
.investorSec .txtarea p {
margin-bottom: 1em;
}

.pubSec h3 {
margin: 20px 0 10px;
font-size: 18px;
border-bottom: 2px solid #d4d4d4;
}
.pubSec h3 .pubLine {
margin-bottom: -2px;
display: inline-block;
border-bottom: 2px solid #000;
}
.pubSec h4 {
font-size: 16px;
margin: 20px 0 10px;
border-bottom: 2px solid #d4d4d4;
}
.pubSec .ttlH4 {
font-size: 16px;
margin: 20px 0 0;
font-weight: bold;
}

.sideNav h4 {
padding-bottom: 10px;
font-size: 15px;
/*border-bottom: 2px solid #5c5c5c;*/
border-bottom: 1px solid #D9D9D9;
}

.sideNav .category {
font-size: 13px;
font-weight: bold;
padding: 10px 30px 10px 0;
border-bottom: 1px solid #5c5c5c;
}
.sideNav a {
display: block;
padding: 10px 30px 10px 13px;
font-size: 13px;
color: #444;
text-decoration: none;
border-bottom: 1px solid #d9d9d9;
}
.sideNav .non-style_a{
	padding: 0;
	font-size: 13px;
	color: #444;
	text-decoration: none;
	border: none;
}

.sideNav .non-style_a:hover{
	color: #444;
	text-decoration: none;
	border: none;
	background: none;
	opacity: 0.6;
}


.sideNav a:hover, .sideNav a.active {
color: #FFF;
text-decoration: none;
background: #ED1C24;
}
.sideNav a .med {
display: block;
padding-left: 1.5em;
background: url(../img/common/ico_med3_group.gif) no-repeat 0 center;
}
.sideNav a:hover .med, .sideNav a.active .med {
background: url(../img/common/ico_med3_on.gif) no-repeat 0 center;
}
.sideNav .ttlOnly {
display: block;
font-size: 13px;
font-weight: bold;
padding: 10px 30px 10px 16px;
background: #f2f2f2;
border-bottom: 1px solid #d9d9d9;
box-sizing: border-box;
position: relative;
}
.ttlOnly.digital::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background-color: #F7C667;
}
.ttlOnly.marketing::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background-color: #6DE14B;
}
.ttlOnly.print::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background-color: #4271E5;
}
.ttlOnly.maker::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background-color: #EF7B80;
}
.ttlOnly.creative::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background-color: #920783;
}

.no-link{
	cursor: default !important;
	pointer-events: none !important;
}



.sideNav li.hrT {
border-top: 1px solid #5c5c5c;
}
.sideNav li.hrB a {
border-bottom: 1px solid #5c5c5c;
}


.sideNav h4.busi {
	background: url(../img/group/txt_menu.gif) right 30% no-repeat;
}

.sideNav h4.comp {
	background: url(../img/company/txt_menu.gif) right 30% no-repeat;
}


.sideNav h4.inve {
	background: url(../img/ir/txt_menu.gif) right 30% no-repeat;
}

.sideNav h4.recr {
	background: url(../img/recruit/txt_menu.gif) right 30% no-repeat;
}

.sideNav h5 {
	font-size: 14px;
	background: #F5F4F3;
	border-bottom: 1px solid #D9D9D9;
	padding: 10px;
}



.twoClm {
width: 700px;
}
.twoClm li {
float: left;
margin-right: 20px;
}
.twoClm li:last-child {
margin-right: 0;
}

.threeClm {
width: 700px;
}
.threeClm li {
float: left;
margin-right: 30px;
}
.threeClm li:last-child {
margin-right: 0;
}

.secBox {
/*margin: 50px 0;*/
margin: 100px 0;
}

.pager {
text-align: center;
}
.pager li {
display: inline-block;
margin: 0 2px 0 0;
text-align: center;
}
.pager li a, .pager li span {
display: block;
padding: 4px 10px;
color: #666;
font-size: 12px;
line-height: 1.5em;
text-decoration: none;
background: #fff;
border: 1px solid #ddd;
cursor: pointer;
}
.pager li a:hover, .pager li a.active, .pager li span:hover, .pager li span.active {
color: #fff;
background: #ED1C24;
border-color: transparent;
}

.singlePager {
margin: 50px 0;
}
.singlePager .prev {
float: left;
padding-left: 1em;
background: url(../img/common/ico_prev1.png) no-repeat 0 center;
}
.singlePager .next {
float: right;
padding-right: 1em;
background: url(../img/common/ico_next1.png) no-repeat right center;
}

.detailLink a {
padding-right: 1.2em;
color: #0273dd;
background: url(../img/common/ico_arrow3.png) no-repeat right center;
}

.detailLinkT a {
padding-left: 1.4em;
color: #0273dd;
background: url(../img/common/ico_arrow3.png) no-repeat 0 center;
}

.mgB60{
	margin-bottom: 60px;
}

.ttl_region{
	width: 100%;
	margin-bottom: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ttl_region.digital{
	border-bottom: 2px solid #f8e4c3;
}
.ttl_region.marketing{
	border-bottom: 2px solid #b1f6b1;
}
.ttl_region.print{
	border-bottom: 2px solid #bacdf9;
}
.ttl_region.maker{
	border-bottom: 2px solid #ffced2;
}
.ttl_region.creative{
	border-bottom: 2px solid #920783;
}

.ttl_region p {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.05em;
	transform: translateY(1px);
}
.ttl_region p::before{
	display: inline-block;
	margin-left: 10px;
	margin-right: 12px;
	transform: translateY(-2px);
}

.ttl_region.digital p::before{
	content: url('../img/group/eye-catch_digital.png');
}

.ttl_region.marketing p::before{
	content: url('../img/group/eye-catch_marketing.png');
}

.ttl_region.print p::before{
	content: url('../img/group/eye-catch_print.png');
}

.ttl_region.maker p::before{
	content: url('../img/group/eye-catch_maker.png');
}

.ttl_region.creative p::before{
	content: url('../img/group/eye-catch_creative.png');
}

.thirdClm {
width: 715px;
margin-left: -15px;
margin: 10px 0;
font-size: 0;
}
.thirdClm li {
display: inline-block;
vertical-align: top;
width: 223px;
min-height: 230px;
margin: 0 15px 15px 0;
padding: 0;
font-size: 12px;
}
.thirdClm li p {
margin: 6px 0;
}
.thirdClm li p span{
	color: #eba313;
}

.thirdClm.digital li p span{
	color: #eba313;
}

.thirdClm.marketing li p span{
	color: #17bf17;
}

.thirdClm.print li p span{
	color: #396fed;
}

.thirdClm.maker li p span{
	color: #ff737d;
}

.bnrCont {
clear: both;
width: 980px;
overflow: hidden;
text-align: center;
margin-top: 50px;
}
.bnrCont ul {
margin-right: -25px;
}
/*.bnrCont li {
float: left;
width: 310px;
margin-right: 25px;
}*/

/*----------------------------------------------------
TABLE STYLE
----------------------------------------------------*/
.tblStyle01 {
width: 100%;
}
.tblStyle01 tr {
border-bottom: 1px solid #B9ADA6;
}
.tblStyle01 tr:last-child {
border-bottom: none;
}
.tblStyle01 th {
padding: 10px 20px;
text-align: left;
font-weight: normal;
margin: 3px 0;
}
.tblStyle01 td {
padding: 10px 20px;
}
.tblStyle01 td span {
border-left: 1px dashed #CBC2BC;
padding: 10px 20px;
display: block;
}
.tblStyle01 td .plane th, .tblStyle01 td .plane td {
padding: 0 25px 0 0;
border: none;
}
.tblStyle01 .wd100 {
width: 100px;
}

.tblStyle02 {
width: 100%;
}
.tblStyle02 th {
padding: 10px 0;
text-align: left;
border-bottom: 1px solid #d9d9d9;
}
.tblStyle02 td {
padding: 10px 0;
border-bottom: 1px solid #d9d9d9;
}
.tblStyle02 .wd80 {
width: 80px;
}

.tblStyle03 {
width: 100%;
margin: 30px 0;
border-top: 1px solid #DCD6D3;
}
.tblStyle03 th {
padding: 10px;
text-align: left;
background: #FEF3F4;
border-bottom: 1px solid #DCD6D3;
}
.tblStyle03 td {
padding: 10px 0 10px 20px;
border-bottom: 1px solid #DCD6D3;
}
.tblStyle03 .wd80 {
width: 80px;
}

.tblStyle04 {
width: 100%;
margin: 10px 0;
}
.tblStyle04 .first {
color: #fff;
text-align: center;
background: #ED1C24;
}
.tblStyle04 .bgC02 {
background: #FBD2D3;
}
.tblStyle04 th {
padding: 5px 10px;
line-height: 1.4;
vertical-align: middle;
border: 1px solid #ccc;
}
.tblStyle04 .bgC01 {
text-align: left;
background: #FEF3F4;
}
.tblStyle04 td {
text-align: right;
padding: 10px 20px;
border: 1px solid #ccc;
}
.tblStyle04 .alignL {
text-align: left;
}
.tblStyle04 .wd25pr {
width: 25%;
}
.tblStyle04 .wd15pr {
width: 15%;
}


tblStyle05 {
  width: 100%;
}
.tblStyle05 th {
  padding: 10px 10px;
  text-align: left;
  background: #f7f7f7;
  border: 1px solid #d9d9d9;
}
.tblStyle05 td {
  padding: 10px 10px;
  border: 1px solid #d9d9d9;
}
.tblStyle05 td .plane th, .tblStyle05 td .plane td {
  padding: 0 25px 0 0;
  border: none;
}
.tblStyle05 .wd100 {
  width: 100px;
}



/*----------------------------------------------------
IR PAGE
----------------------------------------------------*/
.yearList {
margin: 20px 0 40px;
}
.yearList li {
float: left;
margin: 0 12px 12px 0;
padding-right: 10px;
line-height: 1.2;
font-size: 13px;
border-right: 1px solid #333;
}

.txtdisc {
margin-top: 20px;
padding: 15px;
font-size: 12px;
border: 6px solid #ddd;
}
.twoClm02>li{
float: left;
width: 330px;
}
.twoClm02>li:nth-child(odd){
margin-right: 40px;
}
.irTtl {
margin: 0 0 10px;
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid #d4d4d4;
background: url(../img/common/ico_h3.gif) 0 center no-repeat;
padding-left: 25px;
padding-bottom: 4px;
}
.irTtl .irLine {
margin-bottom: -2px;
padding: 0 0 5px 2em;
display: inline-block;
border-bottom: 2px solid #83a900;
background: url(../img/common/ico_ir.png) no-repeat 0 0;
}
.irClm02 li{
float: left;
width: 310px;
}
.irClm02>li:nth-child(odd){
margin-right: 40px;
}
.irClm02>li p{
margin-bottom: 10px;
}
.irClm02 .fdBox{
padding: 80px 10px 0;
background: url(../img/ir/bg_ir_fd.jpg) no-repeat 0 0;
}
.irClm02 .irlBox{
padding: 80px 10px 0;
background: url(../img/ir/bg_ir_l.jpg) no-repeat 0 0;
}

/*----------------------------------------------------
COMPANY PAGE
----------------------------------------------------*/
.comPlcyBox{
margin:20px 0 0;
padding: 84px 0 10px 10px;
background: url(../img/company/bg_com01.jpg) no-repeat 0 0;
}
.comPlcyBox li{
float: left;
margin-right: 10px;
}

/*----------------------------------------------------
RECRUIT PAGE
----------------------------------------------------*/
.newsList dt {
padding-top: 15px;
float: left;
font-weight: bold;
}
.newsList dd {
padding: 15px 0 10px 5em;
border-bottom: 1px dotted #ccc;
}

#graduatesMain {
width: 697px;
height: 302px;
text-indent: -9999px;
background: url(../img/recruit/graduates/bg_graduates.jpg) no-repeat center 0;
}

.controls ul {
text-align: center;
margin: 20px 0;
padding: 0;
}
.controls ul li {
width: 187px;
height: 32px;
display: inline-block;
cursor: pointer;
margin: 0 5px 10px 5px;
}
.controls ul li.control01 {
background: url(../img/recruit/graduates/btnStaff01_off.gif) no-repeat 0 0;
}
.controls ul li.control01.active {
background: url(../img/recruit/graduates/btnStaff01_on.gif) no-repeat 0 0;
}
.controls ul li.control02 {
background: url(../img/recruit/graduates/btnStaff02_off.gif) no-repeat 0 0;
}
.controls ul li.control02.active {
background: url(../img/recruit/graduates/btnStaff02_on.gif) no-repeat 0 0;
}
.controls ul li.control03 {
background: url(../img/recruit/graduates/btnStaff03_off.gif) no-repeat 0 0;
}
.controls ul li.control03.active {
background: url(../img/recruit/graduates/btnStaff03_on.gif) no-repeat 0 0;
}
.controls ul li.control04 {
background: url(../img/recruit/graduates/btnjob01_off.gif) no-repeat 0 0;
}
.controls ul li.control04.active {
background: url(../img/recruit/graduates/btnjob01_on.gif) no-repeat 0 0;
}
.controls ul li.control05 {
background: url(../img/recruit/graduates/btnjob02_off.gif) no-repeat 0 0;
}
.controls ul li.control05.active {
background: url(../img/recruit/graduates/btnjob02_on.gif) no-repeat 0 0;
}
.controls ul li.control06 {
background: url(../img/recruit/graduates/btnjob03_off.gif) no-repeat 0 0;
}
.controls ul li.control06.active {
background: url(../img/recruit/graduates/btnjob03_on.gif) no-repeat 0 0;
}
.controls ul li.control07 {
background: url(../img/recruit/graduates/btnjob04_off.gif) no-repeat 0 0;
}
.controls ul li.control07.active {
background: url(../img/recruit/graduates/btnjob04_on.gif) no-repeat 0 0;
}

#Grid {
width: 705px;
margin-right: -5px;
overflow: hidden;
}
#Grid li {
float: left;
margin-right: 10px;
padding: 5px;
background: url(../img/recruit/share/bgBtnStaff.jpg) no-repeat 0 0;
}
#Grid li.gap {
background: none;
width: 225px;
padding: 0;
}
#Grid a {
width: 215px;
height: 147px;
display: block;
}

#Grid {
text-align: justify;
font-size: 0.1px;
padding-left: 0;
}
#Grid:after {
content: '';
display: inline-block;
width: 100%;
}
#Grid .mix {
vertical-align: top;
margin-bottom: 10px;
color: #fff;
text-align: center;
}
#Grid.test02 .mix {
display: none;
opacity: 0;
}

.profile {
font-size: 12px;
margin-bottom: 20px;
}
.profile th {
width: 115px;
padding: 10px 0;
color: #ED1C24;
border: 1px solid #ED1C24;
vertical-align: middle;
}
.profile td {
padding: 0 0 0 20px;
vertical-align: top;
}

.interviewCont .photo {
float: right;
width: 248px;
}
.interviewCont .photo li {
margin-bottom: 20px;
}
.interviewCont .comment {
float: left;
width: 430px;
}
.interviewCont .comment .Plg {
margin-bottom: 30px;
padding-bottom: 20px;
}
.interviewCont .comment .btmLine {
background: url(../img/recruit/graduates/bg_plgLine.png) no-repeat center bottom;
}
.interviewCont .comment .queTTl {
border-bottom: none;
}

.timeSchedule {
padding: 30px 25px;
background: #FEF3F4;
}
.timeSchedule h4 {
border-bottom: none;
}
.tblSchedule th {
padding: 0 10px 5px 0;
color: #a72c31;
}
.tblSchedule td {
padding: 0 0 5px 0;
color: #a72c31;
font-weight: bold;
}
.tblSchedule td span {
font-weight: normal;
color: #444;
}

.btnArea02 {
margin: 40px 0;
text-align: center;
}

.contForm .listL {
width: 710px;
margin: 20px -10px 0 0;
}
.contForm .listL li {
float: left;
margin: 0 10px 10px 0;
}
.contForm .listL li a {
display: block;
width: 308px;
padding: 20px 0 20px 35px;
color: #ED1C24;
font-weight: bold;
border: 1px solid #cccccc;
background: url(../img/recruit/share/icon_cube.png) 3% 50% no-repeat #fcfcfc;
}
.contForm .listL li a:hover {
text-decoration: none;
background: url(../img/recruit/share/icon_cube.png) 3% 50% no-repeat #FEF3F4;
}

h4 {
padding-bottom: 6px;
font-size: 15px;
border-bottom: 2px solid #5c5c5c;
}

.logo_img li {
display: inline-block;
margin: 0 5px 10px 0;
}

#tab {
width: 720px;
margin: 10px -20px 20px 0;
}
#tab li {
float: left;
margin-right: 20px;
cursor: pointer;
}

.flowArea p {
margin: 5px 0;
font-size: 12px;
}
.flowArea h4 {
color: #ED1C24;
border-bottom: none;
}
.flowArea .arrow {
margin: 20px 0;
text-align: center;
}

.flow01 .flowL {
float: left;
margin-right: 20px;
}
.flow01 .flowR {
float: right;
width: 436px;
}

.flow02 {
margin: 20px 0;
}
.flow02 li {
float: left;
}
.flow02 .ph01, .flow02 .ph02 {
width: 217px;
margin-right: 10px;
}
.flow02 .ph03 {
width: 469px;
}

.flow03 li {
float: left;
width: 331px;
margin-bottom: 20px;
}
.flow03 li p {
min-height: 60px;
}
.flow03 .odd {
margin-right: 37px;
}

.flow04 {
margin-bottom: 30px;
}
.flow04 .ftLeft {
float: left;
width: 305px;
margin-right: 20px;
}
.flow04 .ftRight {
float: right;
width: 375px;
margin-top: 40px;
}

#tabWork li {
float: left;
margin-right: 7px;
cursor: pointer;
}
#tabWork li:last-child {
margin-right: 0;
}

#tabIn h3.h3_01 {
margin-bottom: 20px;
padding-left: 25px;
padding-bottom: 4px;
font-weight: bold;
font-size: 18px;
border-bottom: 1px solid #DCD6D3;
background: url(../img/common/ico_h3.gif) 0 center no-repeat;
}
#tabIn h4.h4_01 {
margin: 0 0 0 12px;
padding: 0 0 0 22px;
color: #ED1C24;
text-align: left;
font-size: 1.2em;
background: url("../img/recruit/group/icon02.gif") 0 50% no-repeat;
border-bottom: none;
}

.tb_style01 tr th {
vertical-align: top;
/*background: #FEF3F4;*/
background-color: #f3f3f3;
padding: 8px 0;
width: 48%;
}

.tb_style01 tr td {
vertical-align: top;
padding: 8px 0;
}

.lNavB {
text-align: center;
}
.lNavB li {
display: inline-block;
margin: 0 20px 10px 0;
padding-left: 16px;
font-size: 12px;
font-weight: bold;
background: url("../img/recruit/share/icon04.gif") no-repeat 0 5px;
border-bottom: 1px dashed #93bddd;
}

.lNavB a {
/*color: #0068b9; */
text-decoration: none;
}

.list01 {
margin-bottom: 30px;
}

.list01 dt {
min-height: 25px;
padding-left: 35px;
margin: 15px 0 0;
color: #444;
font-size: 15px;
font-weight: bold;
cursor: pointer;
background: url("../img/recruit/group/icon01.gif") no-repeat 0 0;
}

.list01 dd {
display: none;
margin: 10px 0 0;
}

.contBox03.guide01 {
background: url("../img/recruit/group/bgGuide01.jpg") no-repeat -60px 0;
}

.contBox03.guide02 {
background: url("../img/recruit/group/bgGuide02.jpg") no-repeat -60px 0;
}

.contBox03 {
min-height: 557px;
padding-top: 25px;
padding-bottom: 25px;
}

#mybook .pagelast {
padding-top: 250px;
text-align: center;
background: url("../img/recruit/group/picGuide01_00.jpg") no-repeat 0 0;
}

#mybook .pagelast2 {
padding-top: 250px;
text-align: center;
background: url("../img/recruit/group/picGuide02_00.jpg") no-repeat 0 0;
}

.pNav01 {
margin: 20px 0;
text-align: center;
}

/*----------------------------------------------------
PROJECT STORY
----------------------------------------------------*/
#verticalArea h3 {
margin: 0;
border-bottom: none;
}
#verticalArea .boxProB {
padding: 30px 0;
text-align: center;
color: #fff;
background: #a89991;
}
#verticalArea .boxProB h4 {
display: inline-block;
padding: 10px 20px;
font-size: 15px;
border: 1px solid #fff;
}
#verticalArea .boxProB h5 {
margin-top: 15px;
}
#verticalArea .boxPro {
padding: 50px 0;
text-align: center;
background: #fff;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}

.brown {
background: #b29472;
}


#verticalArea .boxPro h4 {
display: inline-block;
padding: 10px 20px;
font-size: 15px;
color: #fff;
background: #b29472;
border: none;
}


#verticalArea .boxPro h5 {
margin: 15px 0;
font-size:17px;
}

#verticalArea .bordB {
border-bottom: 1px solid #ddd;
}

#verticalArea strong {
	color:red;
}


/*----------------------------------------------------
roundTable page
----------------------------------------------------*/
.boxRoundmember {
margin: 20px 0 0;
}
.boxRoundmember li {
float: left;
margin: 0 27px 0 0;
}
.boxRoundmember li:last-child {
margin-right: 0;
}
.boxRoundmember li p {
font-size: 11px;
text-align: center;
margin: 10px;
line-height: 1.5;
}

#roundTblSec h4 {
margin-bottom: 20px;
border-bottom: none;
}

.boxRound02 {
width: 700px;
}
.boxRound02 .phRound01 {
width: 250px;
}
.boxRound02 .phRound01 li {
margin-bottom: 10px;
}
.boxRound02 .txtRound01 {
width: 430px;
}
.boxRound02 .txtRound01 h5 {
color: #ED1C24;
font-size: 1em;
margin-bottom: 1em;
}
.boxRound02 .txtRound01 p {
margin-bottom: 1em;
}
.boxRound02 .txtRound01 p span {
color: #ED1C24;
}

.numberList {
padding-left: 1.5em;
list-style-type: decimal;
}

.ovBox {
margin-bottom: 30px;
padding-top: 35px;
border-top: 1px solid #d4d4d4;
text-align: center;
}
.ovBox:last-child {
padding-bottom: 0;
border-bottom: none;
}
.ovBox .ovTtl {
margin-bottom: 40px;
}
.ovBox .ovTtl .ttl {
font-size: 34px;
letter-spacing: .3em;
/*font-weight: bold;*/
font-family: Times New Roman;
color: #ED1C24;
}
.ovBox dt {
font-weight: bold;
}
.ovBox .ovTxt01 {
	text-align: left;
	display: table;
}
.ovBox .ovTxt01 dt,
.ovBox .ovTxt01 dd {
	display: table-cell;
}
.ovBox .ovTxt01 dt {
	width: 170px;
	vertical-align: middle;
	border-right: 1px solid #A89990;
	padding: 10px 0;
}
.ovBox .ovTxt01 dd {
	padding-left: 30px;
}

.pubSec .top {
padding: 10px 0 10px 1em;
font-weight: bold;
border-bottom: 1px solid #eee;
background: url(../img/common/ico_arrow4.gif) no-repeat 0 center;
}
.sitemap {
margin-left: 5em;
}
.sitemap li {
padding: 5px 0 5px 1.2em;
border-bottom: 1px solid #eee;
}
.sitemap li span {
padding-left: 2em;
background: url(../img/common/ico_med2.gif) no-repeat 1em center;
}
.sitemap .ftTtl {
padding-left: 1em;
font-weight: bold;
background: url(../img/common/ico_arrow4.gif) no-repeat 0 center;
}
#hisWrap{
width: 100%;
background: url(../img/recruit/history/his_pip.gif) repeat-y 250px 0;
}
.hisYear{
display: inline-block;
margin: 0 0 20px 204px;
padding: 2px 30px;
text-align: center;
font-weight: bold;
font-size: 16px;
color: #a89990;
border-radius: 4px;
border: 1px solid #a89990;
background-color: #fff;
}
.copArea{
margin-bottom: 10px;
padding-left: 10px;
line-height: 1.4;
}
.copArea .copName{
margin-bottom: 3px;
font-size: 18px;
font-weight: bold;
}
.copArea .coptxt{
font-size: 12px;
}
.copArea.var1{
border-left: 4px solid #2661bb;
}
.copArea.var1 .coptxt{
color: #2661bb;
}
.copArea.var2{
border-left: 4px solid #ef8e2f;
}
.copArea.var2 .coptxt{
color: #ef8e2f;
}
.copArea.var3{
border-left: 4px solid #d45f8b;
}
.copArea.var3 .coptxt{
color: #d45f8b;
}
.copArea.var4{
border-left: 4px solid #90b332;
}
.copArea.var4 .coptxt{
color: #90b332;
}
.hisTtl{
position: relative;
padding: 8px 0;
font-weight: bold;
text-align: center;
background-color: #eeebe9;
margin-bottom: 30px;
}
.hisTtl:after{
content: "";
position: absolute;
bottom: -7px;
left: 50%;
width: 14px;
height: 14px;
margin-left: -7px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #eeebe9;
}
.hisL_ttl{
}
.hisR_ttl{
margin-left: 30px;
}

.hisBlock .hisL{
float: left;
width: 230px;
}
.hisBlock .hisL .hisL_txt{
padding-left: 1em;
border-left: 3px solid #d0c9c7;
}
.hisBlock .hisR{
float: right;
width: 455px;
}
.hisBox{
position: relative;
margin: 0 0 20px 30px;
padding: 15px 25px;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.borR{
border:1px solid #d0c9c7;
}
.borB{
border:1px solid #ed1c24;
}
.hisBox .point{
position: absolute;
top:50%;
left: -30px;
margin-top: -7px;
font-size: 8px;
color: #e5e0dd;
}
.hisBox .hisArw{
position: absolute;
top:50%;
left: -8px;
width: 14px;
height: 14px;
margin-top: -7px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #fff;
}
.borR .hisArw{
border-left: 1px solid #d0c9c7;
border-top:  1px solid #d0c9c7;
}
.borB .hisArw{
border-left: 1px solid #ed1c24;
border-top:  1px solid #ed1c24;
}
.hisBox .hisBox_head{
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #d3ccc7;
}
.hisBox .hisBox_head dt{
float: left;
font-weight: bold;
line-height: 1.3;
}
.hisBox .hisBox_head dt .year{
color: #aaa;
font-size: 24px;
}
.hisBox .hisBox_head dd{
float: right;
}
.hisBox .hisBox_com{
display: inline-block;
margin-bottom: 6px;
padding:1px 10px;
/*color: #746a63;*/
font-size: 12px;
font-weight: bold;
background-color: #eee;
}
.hisBox .fc_red{
color: #ed1c24;
font-weight: bold;
}
.hisBox .fc_bl{
color: #2988c7;
font-weight: bold;
}
.hisBox p{
margin-bottom: 5px;
}
.balloonArea{
position: relative;
}
.balloonLwrap{
display: none;
position: absolute;
top:-35px;
left: -337px;
z-index: 10;
}
.balloonL{
width: 260px;
padding: 15px;
background-color: #fff;
border-radius: 6px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
background-color: #eeebe9;
border:1px solid #a79990;
}
.balloonL .close{
margin-top: 15px;
position: 10px;
text-align: center;
cursor: pointer;
color: #8f7a6c;
border: 1px solid #a79990;
/*background: #fff;*/
}
.balloonL .close:hover{
color: #fff;
background: #a79990;
}
.balloonArea .ballArw{
position: absolute;
top: 45px;
right: -8px;
width: 14px;
height: 14px;
margin-top: -7px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
background-color: #eeebe9;
/*border:none;*/
border-top:1px solid #a79990;
border-left:1px solid #a79990;

z-index: 20;
}
.ballLink ,.ballLink a{
cursor: pointer;
}
.ballLink a{
color: #0273dd;
text-decoration: underline;
}

.responsive{
width: 100%;
height: auto;
}

/*----------------------------------------------------
FOOTER AREA
----------------------------------------------------*/
#globalfooter {
margin-top: 80px;
padding: 30px 0;
font-size: 12px;
background: #e5e0de;
}

.footnav {
padding-bottom: 20px;
border-bottom: 1px solid #b8b8b8;
}
.footnav .footnavLi01 {
width: 40px;
}
.footnav .footnavLi02 {
width: 190px;
}
.footnav .footnavLi03 {
width: 260px;
}
.footnav .footnavLi04 {
width: 180px;
}
.footnav .footnavLi05 {
width: 90px;
}
.footnav .footnavLi06 {
width: 180px;
}
.footnav li {
float: left;
margin-right: 18px;
text-indent: -1em;
}
.footnav li:last-child {
margin-right: 0;
}
.footnav li a {
color: #655d5b;
text-decoration: none;
}
.footnav li a:hover {
text-decoration: underline;
}
.footnav li .ftTtl {
margin-bottom: 6px;
font-weight: bold;
}
.footnav li .medNav li {
float: none;
margin-bottom: 3px;
}
.footnav li .medNav li span {
padding-left: 1.8em;
background: url(../img/common/ico_row.gif) no-repeat 8px 0;
}

#copyLight {
margin: 10px 0 0;
text-align: right;
}

/*----------------------------------------------------
COMMON
----------------------------------------------------*/
a {color: #444;text-decoration: none;}
a:hover {text-decoration: underline;}
.mgT5 {margin-top: 5px;}
.mgT10 {margin-top: 10px;}
.mgT20 {margin-top: 20px;}
.mgT30 {margin-top: 30px;}
.mgT50 {margin-top: 50px;}
.mgT70 {margin-top: 70px;}
.mgB5 {margin-bottom: 5px;}
.mgB10 {margin-bottom: 10px;}
.mgB20 {margin-bottom: 20px;}
.mgB30 {margin-bottom: 30px;}
.mgB40 {margin-bottom: 40px;}
.mgB50 {margin-bottom: 50px;}
.mgB80 {margin-bottom: 80px;}
.mgB200 {margin-bottom: 200px;}
.mgR08 {margin-right: 8px;}
.mgR10 {margin-right: 10px;}
.mgR20 {margin-right: 20px;}
.mgR30 {margin-right: 30px;}
.mgR50 {margin-right: 50px;}
.mgR70 {margin-right: 70px;}
.mgL10 {margin-left: 10px;}
.mgL20 {margin-left: 20px;}
.mgL30 {margin-left: 30px;}
.mgL50 {margin-left: 50px;}
.mgL70 {margin-left: 70px;}
.flL {float: left;}
.flR {float: right;}
.alignC {text-align: center;}
.alignL {text-align: left;}
.alignR {text-align: right;}
.wd100 {width: 100%;}
.wd60 {width: 80%;}
.wd30 {width: 20%;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs24 {font-size: 24px;}
.fs26 {font-size: 26px;}
.fs28 {font-size: 28px;}
.fs30 {font-size: 30px;}
.bold {font-weight: bold;}

#toTop {
position: fixed;
bottom: 55px;
right: 40px;
z-index: 30;
}

/*----------------------------------------------------
CLEAR FIX
----------------------------------------------------*/
.cf:before,
.cf:after {
content: "";
display: table;
}

.cf:after {
clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom: 1;
}

.footerline {
line-height: 1.1em;
}