/** バックグランド・カラー　設定 **/

.back_EEEEEE{ background:rgba(238,238,238,1.0); width:100%;}
.back_FFFFFF{ background:rgba(255,255,255,1.0);  width:100%;}


.head00s{background: rgba(255,255,255,0.8);}

/*ハロスここから*/
.back_333333{
    background:#333333;
}
.back_444444{
    background:#444444;
}
.back_B58909{
    background:#B58909;
}
.back_4C4C4C{
    background:#4C4C4C;
}
.back_000000{
    background:#000000;
}


/*マーカーで引いたような下線*/
.mark_FFFF99{
background:-moz-linear-gradient(transparent 50%, #ffff99 0);
background:-webkit-linear-gradient(transparent 50%, #ffff99 0);
background:-ms-linear-gradient(transparent 50%, #ffff99 0);
background:-o-linear-gradient(transparent 50%, #ffff99 0);
background:linear-gradient(transparent 50%, #ffff99 0);
}

.mark_FFFF00{
background:-moz-linear-gradient(transparent 50%, #FFFF00 0);
background:-webkit-linear-gradient(transparent 50%, #FFFF00 0);
background:-ms-linear-gradient(transparent 50%, #FFFF00 0);
background:-o-linear-gradient(transparent 50%, #FFFF00 0);
background:linear-gradient(transparent 50%, #FFFF00 0);
}


/*aタグ　マーカーで引いたような下線をホバーで表示*/

.mark_FFFF99_a a{
    text-decoration: none;
}
.mark_FFFF99_a a:hover{
    background:-moz-linear-gradient(transparent 50%, #ffff99 0);
    background:-webkit-linear-gradient(transparent 50%, #ffff99 0);
    background:-ms-linear-gradient(transparent 50%, #ffff99 0);
    background:-o-linear-gradient(transparent 50%, #ffff99 0);
    background:linear-gradient(transparent 50%, #ffff99 0);
}

.mark_555555_a a{
    text-decoration: none;
}
.mark_555555_a a:hover{
    background:-moz-linear-gradient(transparent 50%, #555555 0);
    background:-webkit-linear-gradient(transparent 50%, #555555 0);
    background:-ms-linear-gradient(transparent 50%, #555555 0);
    background:-o-linear-gradient(transparent 50%, #555555 0);
    background:linear-gradient(transparent 50%, #555555 0);
}


.mark_D6D6D6_a a{
    text-decoration: none;
}
.mark_D6D6D6_a a:hover{
    background:-moz-linear-gradient(transparent 50%, #D6D6D6 0);
    background:-webkit-linear-gradient(transparent 50%, #D6D6D6 0);
    background:-ms-linear-gradient(transparent 50%, #D6D6D6 0);
    background:-o-linear-gradient(transparent 50%, #D6D6D6 0);
    background:linear-gradient(transparent 50%, #D6D6D6 0);
}


/***  改行無しの操作  ***/
.com_inline1 { display:inline; }
.com_inline2 { display:block; }
.com_inline3 { display:inline-block; }


/*===========================================*/
/*基本設定　大西*/
/*===========================================*/
#sub01,
#sub02,
#sub03,
#sub04,
#sub05,
#sub06,
.sub00,
.sub00_100{
	width:90%;
	margin:0 auto;
	text-align:left;
	padding:3em 0;
}
.sub00{
	padding:0;
}
.sub00_100{
	width:100%;
	padding:0;
}

/*=====================
　　文字色
=====================*/
.colo_FFFFFF{color:#FFFFFF !important;}
.colo_FFFFFF a{color:#FFFFFF !important;}

/*赤*/
.colo_FF0000{color:#FF0000 !important;}
.colo_FF0000 a{color:#FF0000 !important;}

.colo_000000{ color:#000000;}
.colo_000000 a{color:#000000;}

.colo_666666{ color:#666666 !important;}
.colo_666666 a{color:#666666 !important;}

.colo_AAAAAA{color:#AAAAAA !important;}
.colo_AAAAAA a{color:#AAAAAA !important;}

.colo_444444{ color:#444444 !important;}
.colo_444444 a{color:#444444 !important;}

.colo_FF7F00{color:#FF7F00 !important;}
.colo_FF7F00 a{color:#FF7F00 !important;}

.colo_FFFF00{color:#FFFF00 !important;}
.colo_FFFF00 a{color:#FFFF00 !important;}


/*ボーダー色々*/
.bord_EEEEEE_t{border-top:1px solid #EEEEEE;}
.bord_D6D6D6_t{border-top:#D6D6D6 solid 1px;}
.bord_D6D6D6_b{border-bottom:#D6D6D6 solid 1px;}

.bord_EEEEEE_t4{border-top:4px solid #EEEEEE;}
.bord_EEEEEE_b4{border-bottom:4px solid #EEEEEE;}

.bord_D6D6D6_d1{border:1px #D6D6D6 dotted;}

.bord_0472AC_t3{
	border:3px solid #0472AC;
}
.bord_00A200_t3{
	border:solid #00A200 3px;
}
.bord_FFFFFF_t{
    border-top:#FFFFFF 1px solid;
}
.bord_444444_t1{
    border-top:#444444 1px solid;
}

/*テキストインデント*/
.txt_ind01{padding-left: 0.8em;text-indent: -0.8em;}/*1文字分*/
.txt_ind01em{padding-left: 1em;text-indent: -1em;}/*1文字分*/
.txt_ind02{padding-left: 2em;text-indent: -2em;}/*2文字分*/
.txt_ind03{padding-left: 3em;text-indent: -3em;}/*3文字分*/

/*==スマホ時width設定=================*/
.w_100{width:100% !important;margin:0 !important;}
.w_96{width:96% !important;margin:0 2% !important;}
.w_90{width:90% !important;margin:0 5% !important;}
.w_80{width:80% !important;margin:0 10% !important;}
.w_70{width:70% !important;margin:0 15% !important;}
.w_60{width:60% !important;margin:0 20% !important;}
.w_50{width:50% !important;margin:0 25% !important;}
.w_30{width:30% !important; margin:0 35% !important;}

.w_100l{width:100% !important;margin:0 !important;}
.w_96l{width:96% !important;margin:0 4% 0 0 !important;}
.w_90l{width:90% !important;margin:0 10% 0 0 !important;}
.w_80l{width:80% !important;margin:0 20% 0 0 !important;}
.w_70l{width:70% !important;margin:0 30% 0 0 !important;}
.w_60l{width:60% !important;margin:0 40% 0 0 !important;}
.w_50l{width:50% !important;margin:0 50% 0 0 !important;}

/*===================*/
/*PCでのtextの幅設定（全サイズ縮める）*/
.p_w70,
.p_w80,
.p_w86,
.p_w90,
.p_w94,
.p_w96,
.p_w98{width:96% !important; margin:0 2% !important;}

.t_w90{width:100% !important;margin:0 !important;}

.bold{font-weight:bold;}
.bold_400{font-weight:400;}
.nomal{ font-weight:normal ;}

.font11{font-size:80%;}
.font12{font-size:88%; line-height:1.3;}
.font13{font-size:93%;}
.font14{font-size:101%; line-height:1.5;}
.font15{font-size:105%; line-height:1.5;}
.font16{font-size:110%; line-height:1.5;}
.font17{font-size:120%;  line-height:1.4;}
.font18{font-size:130%; line-height:1.4;}
.font19{font-size:140%; line-height:1.1;}

.font20{font-size:150%; line-height:1.4;}

.line_height16{
	line-height:1.6 !important;
}
.line_height18{
	line-height:1.8 !important;
}
.line_height18pc{
	line-height: normal;
}

/*PCの場合brを付ける*/
.p_br br{
	display:none;
}

/*スマホの場合brを付ける*/
.s_br br{
	display:block;
}
/*PCの時真ん中・スマホの時左寄せ*/
.pccen_sleft{
	text-align:left;
}
/*PCの時左寄せ・スマホの時真ん中*/
.pcleft_scen{
	text-align:center;
}

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {

/***  改行無しの操作  ***/
.com_inline2 { display:inline; }


/*ホバーで動くcss*/

.hover a img{
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}

.hover a:hover img{
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	-webkit-transform: translate(0,-6px);
	-moz-transform: translate(0,-6px);
	-ms-transform: translate(0,-6px);
	-o-transform: translates(0,-6px);
}


/*===========================================*/
/*基本設定　大西*/
/*===========================================*/

#sub01,
#sub02,
#sub03,
#sub04,
#sub05,
#sub06,
.sub00,
.sub00_100{
	width:100%;
}
.w_70l,
.w_80l,
.w_90l,
.w_96l,
.w_30,
.w_50,
.w_60,
.w_70,
.w_80,
.w_90,
.w_96,
.w_100{width:auto !important;margin:0 !important;}

.p_w70{width:70% !important; margin:0 15% !important;}
.p_w80{width:80% !important; margin:0 10% !important;}
.p_w86{width:86% !important; margin:0 7% !important;}
.p_w90{width:90% !important; margin:0 5% !important;}
.p_w94{width:94% !important; margin:0 3% !important;}
.p_w96{width:96% !important; margin:0 2% !important;}
.p_w98{width:98% !important; margin:0 1% !important;}


.t_w90{width:88% !important;margin:0 6% !important;}


.p_br br{
	display:block;
}
.s_br br{
	display:none;
}
/*PCの時真ん中・スマホの時左寄せ*/
.pccen_sleft{
	text-align:center;
}
/*PCの時左寄せ・スマホの時真ん中*/
.pcleft_scen{
	text-align:left;
}

.line_height18pc{
	line-height:1.8 !important;
}

.font14{font-size:105%; line-height:1.5;}
.font15{font-size:110%; line-height:1.5;}
.font16{font-size:120%; line-height:1.5;}
.font17{font-size:130%;  line-height:1.4;}
.font18{font-size:140%; line-height:1.4;}
.font19{font-size:150%; line-height:1.5;}

.font20{font-size:160%; line-height:1.4;}

}
/*=================================================================================*/
/** 1140px以上 PCサイズ画面 **/
@media (min-width : 1140px) {



/*===========================================*/
/*基本設定　大西*/
/*===========================================*/

#sub01,
#sub02,
#sub03,
#sub04,
#sub05,
#sub06{
	width:1140px;
	margin:0 auto;
	padding:3em 0;
}

.sub00,
.sub00_100{
	width:1140px;
	margin:0 auto;
	padding:0;
}


.t_w90{width:90% !important;margin:0 5% !important;}


.font20{font-size:200%; line-height:1.4;}


}
/*=================================================================================*/
/** 1450px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1450px) {
/***  各ページ共通部  ***/

.t_w90{width:90% !important;margin:0 5% !important;}

}