@charset "UTF-8";

/*================================================================================
FileName: common.css
================================================================================*/



/*============================================================
初期設定
============================================================*/

/* float解除用 */
.clearfix:after {  content: " "; display: block; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }


p{
	margin:0;
	padding:0;
}
a{
	outline: none !important;
}
a:link, a:visited, a:active {
	color:#444;
	text-decoration: none;
}
a:hover {
	color:#ce4010;
	text-decoration: underline;
}


/*============================================================
共通
============================================================*/

/*list*/
#contents .contentBlock ul{
    padding:0;
}
#contents .contentBlock ul.list li{
    list-style:none;
    padding:0;
}

#contents .contentBlock ul.list,
#contents .contentBlock ul.square,
#contents .contentBlock ul.decimal,
#contents .contentBlock ul.lower-alpha{
    padding:5px 5px 5px 25px;
}
#contents .contentBlock ul.list li{
    list-style:disc outside;
    padding:3px 0;
}
/*四角*/
#contents .contentBlock ul.square li{
    list-style:square outside;
    padding:3px 0;
}
/*数字*/
#contents .contentBlock ul.decimal li{
    list-style:decimal outside;
    padding:3px 0;
}
/*小文字アルファベット*/
#contents .contentBlock ul.lower-alpha li{
    list-style:lower-alpha outside;
    padding:3px 0;
}


#contents .contentBlock ul.iconList{
    padding:5px 5px 5px 25px;
}
#contents .contentBlock ul.iconList li{
    list-style:none;
    background:url("../images/list_icon.png") 0 10px no-repeat;
    padding:10px 5px 10px 30px;
}



/*------------------------------------------------*/
/*table*/

#contents .contentBlock table{
    border:#ccc 1px solid;
    border-collapse:collapse;
    width:100%;
    margin:0 0 30px 0;
    background:#ffffff;
}
#contents .contentBlock td,
#contents .contentBlock th{
    border:#ccc 1px solid;
    padding:8px;
}
#contents .contentBlock .odd td,
#contents .contentBlock .odd th{
    border:#ccc 1px solid;
    padding:8px;
    background:#f3f3f3;
}
#contents .contentBlock th{
    color:#6E4700;
    text-align:center;
}
#contents .contentBlock thead th{
    background:#dfdfdf;
    color:#333333;
    text-align:center;
}
#contents .contentBlock tfoot td{
    background:#dfdfdf;
    color:#666666;
    text-align:center;
}

/*underline_tb*/

#contents .contentBlock table.underlineTbl{
    border:none;
    border-collapse:collapse;
    width:100%;
}
#contents .contentBlock table.underlineTbl td,
#contents .contentBlock table.underlineTbl th{
    border:none;
    border-bottom:#535353 1px dotted;
    padding:8px;
}



/*------------------------------------------------*/

/* float */
.imgL {
	float: left;
}
.imgR {
	float: right;
}
.left{
	float:left;
}
.right{
	float:right;
}


/* display */
.block{
	display:block;
}
.inline{
	display:inline;
}
.none{
	display:none;
}


/* Font */
.tCenter{
	text-align:center;
}
.tLeft{
	text-align:left;
}
.tRight{
	text-align:right;
}

.bold {
	font-weight:bold;
}
.small{
	font-size:80%;
	letter-spacing:0.1em;
}

.white{
	color:white;
}
.black{
	color:black;
}
.red{
	color:red;
}

.blue{
	color:blue;
}
.pink{
	color:#FF55BB;
}




/* font-size */

.f120{
    font-size:120%;
}
.f140{
    font-size:140%;
}
.f160{
    font-size:160%;
}
.f180{
    font-size:180%;
}
.f200{
    font-size:200%;
}

/* line-height */
.line100{
    line-height:100%;
}
.line140{
    line-height:140%;
}
.line160{
    line-height:160%;
}
.line180{
    line-height:180%;
}



/* margin */
.marginT5 {
	margin-top:5px;
}
.marginT10 {
	margin-top:10px;
}
.marginT20 {
	margin-top:20px;
}
.marginT30 {
	margin-top:30px;
}
.marginT40 {
	margin-top:40px;
}

.marginB10 {
	margin-bottom:10px;
}
.marginB15 {
	margin-bottom:15px;
}
.marginB18 {
	margin-bottom:18px;
}
.marginB20 {
	margin-bottom:20px;
}
.marginB25 {
	margin-bottom:25px;
}
.marginB30 {
	margin-bottom:30px;
}
.marginB40 {
	margin-bottom:40px;
}
.marginB60 {
	margin-bottom:60px;
}

.marginL10 {
	margin-left:10px;
}
.marginL20 {
	margin-left:20px;
}
.marginL30 {
	margin-left:30px;
}

.marginR10 {
	margin-right:10px;
}
.marginR20 {
	margin-right:20px;
}
.marginR30 {
	margin-right:30px;
}


/* padding */
.paddingT10 {
	padding-top: 10px;
}
.paddingT20 {
	padding-top: 20px;
}
.paddingT30 {
	padding-top: 30px;
}

.paddingB10 {
	padding-bottom: 10px;
}
.paddingB20 {
	padding-bottom: 20px;
}
.paddingB30 {
	padding-bottom: 30px;
}

.paddingR10 {
	padding-right: 10px;
}
.paddingR20 {
	padding-right: 20px;
}
.paddingR30 {
	padding-right: 30px;
}

.paddingL10 {
	padding-left: 10px;
}
.paddingL20 {
	padding-left: 20px;
}
.paddingL30 {
	padding-left: 30px;
}




/*============================================================
フレームワーク用
============================================================*/

/* flash-message */
.flash-success{
    background:url("/common/icon/check.png") 7px 7px no-repeat #F4FFF7;
    border:#BDF500 1px solid;
    padding:5px 5px 5px 28px;
    margin:0 0 10px 0;
    color:#18B301;
    font-weight:bold;
}
.flash-notice{
    background:url("/common/icon/warning_triangle.png") 7px 7px no-repeat #FFFFF4;
    border:#FFC900 1px solid;
    padding:5px 5px 5px 28px;
    margin:0 0 10px 0;
    color:#D3A70E;
    font-weight:bold;
}
.flash-error{
    background:url("/common/icon/remove.png") 7px 7px no-repeat #FFF7F4;
    border:#FF93A0 1px solid;
    padding:5px 5px 5px 28px;
    margin:0 0 10px 0;
    color:#ED0016;
    font-weight:bold;
}

/*エラー*/
.errorMessage{
    color:#FF005E;
}
span.required{
    color:#FF005E;
    padding-left: 10px;

}

.errorSummary{
    border:#FF4C59 1px solid;
    padding:10px;
    margin:0 0 15px 0;
    color:#FF005E;
}
.errorSummary p{
    font-weight:bold;
    margin:0 0 10px 0;
}
.errorSummary ul{
    padding:10px;
    background:#FFE8EA;
}
.errorSummary li{
    padding:2px 5px;
    list-style:disc inside;
}



/*============================================================
Careers
============================================================*/

.Jobdetail
{
    
}

.Jobdetail li
{
    list-style-type:disc;    
    text-align:justify;
    margin-top:8px;
}

.careers_apply
{
    width:100px;
    float:right;
    margin-top:20px;   
}

.gameBox1 h2
{
    text-align:center;     
    margin-bottom:25px;   
}