@charset "utf-8";

*{margin:0; padding:0; color:#303030;} 
h1,h2,h3,h4,h5,h6,p,address,
ul,ol,li,dl,dt,dd,
table,caption,th,td,img,form{margin:0;	padding:0; border:none;	font-style:normal; font-weight:normal;	font-size:100%; text-align:left;}
textarea{font-size:100%;}
img{vertical-align:bottom;}
li{list-style:none;}

body{
	font: 14px "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
  color:#333;
  text-align:left;
  line-height:16px;
  background: url(../images/bg.png);
}
img {border: 0 none;}
a{ border:0px; text-decoration:none;}

/*===============================================
	margine
===============================================*/
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
/*===============================================
	padding
===============================================*/
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr50{padding-right:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl50{padding-left:50px !important;}
/*===============================================
	font-size
===============================================*/
.f7{font-size:7px !important;}
.f8{font-size:8px !important;}
.f9{font-size:9px !important;}
.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f23{font-size:23px !important;}
.f24{font-size:24px !important;}
.f25{font-size:25px !important;}
.f26{font-size:26px !important;}
.f27{font-size:27px !important;}
.f28{font-size:28px !important;}
.f29{font-size:29px !important;}
.f30{font-size:30px !important;}
.f34{font-size:34px !important;}

.red{color: #E94545 !important;}
.emgreen{color: #32AFAE !important;}

.center{text-align:center !important;}

/*===============================================
	color
===============================================*/
.red{color: #DB3232;}
.bold{font-weight: bold;}


.fixed{ position: fixed; z-index:1; width:100%;}
#header{height:56px; background:url(../images/headBg.png) repeat-x bottom;}
#header h1{ color: #fff !important; padding-left: 10px; font-size: 85%; position: absolute; left: 410px; top:12px;}
#head{width:960px; height:56px; margin:0 auto; background:url(../images/head.png) no-repeat bottom; position:relative;}
#headBtn{position:absolute; top:1px; right:9px;}


#gn{height:43px; background:url(../images/gnBg.png) repeat-x;}
#gn ul{width:960px; height:43px; margin:0 auto;}
#gn li{width:192px; height:43px; float:left;}


#mainBg{height:410px; background:url(../images/mainBg.png) repeat-x bottom; margin:0 0 15px; padding:99px 0 0;}
#main{height:410px; width:1040px; background:url(../images/main.png) no-repeat bottom; position:relative; margin:0 auto;}
#mainBtn{position:absolute; bottom:16px; right:16px;}
#mainCount{position:absolute; top:141px; left:13px; font-size:115px; font-weight:bold; color:#76AF43;}
h2{position: absolute; top:28px; left: 88px; color: #fff; font-weight: bold; font-size: 130%;}
.main_tx{font-size: 280%; width:450px; text-align: center; color: #E94545; font-weight: bold; position: absolute; left: 60px; top: 70px; border-bottom:1px solid #E94545;
	min-height: 38px; line-height: 42px; text-justify: inter-ideograph; letter-spacing: 0.05rem;}
.main_tx2{position: absolute; top:177px; left: 60px; font-size: 215%; color: #FB923A; font-weight: bold;}
.main_tx3{font-size: 50%; color: #E94545; }
.main_sub{position: absolute; left: 60px; top: 205px; width: 620px; background: #A38E56; text-align: center; color: #fff; padding: 5px;}
.main_sub2{position: absolute; left: 70px; top: 210px; color: #000; font-size: 108%;letter-spacing: 1px;}
.main_cpnb{font-size: 15px; font-weight: bold; color:#003399; position: absolute; top:53px; left: 524px; line-height: 50px; text-align: center;}
.main_cpnb_size{font-size: 550%;}
.main_cpnb_cp{font-size: 50px; font-weight: bold; color:#003399; }

.title{height:125px; background:url(../images/titleBg.png) repeat-x; margin:0 0 15px;}
.titleIn{width:960px; margin:0 auto;}
.title .t01{height:125px; width:960px; background:url(../images/title01.png) no-repeat; margin:0 auto; position:relative;}
.title .titleCount{position:absolute; top:47px; right:185px; font-size:90px; font-weight:bold; color:#fffc00;}


.conte{width:960px; margin:0 auto;}
.conte_bk{width:100%; background: #232B39; border-top:5px solid #A1A1A1;border-bottom:5px solid #A1A1A1; padding: 50px 0; }

.sub_cpnb_size{font-size: 200%; color: #E94545; font-weight: bold;}
.merit_ct_table{width: 960px; text-align: center;}
.merit_ct_table td{padding: 30px 0;}
.merit_ct_tx{font-size: 300%; font-weight: bold; color: #F2C52E; letter-spacing: 0.1rem; line-height: 3.5rem; text-align: center;}
.merit_oh_tx{text-align: center; font-size: 170%; color: #33B0AF; margin: 40px 0; line-height: 3rem;}
.merit_oh_ol{width: 750px; margin: 0 auto;}
.merit_oh_ol li{font-size: 150%; color: #fff; line-height: 2rem; margin-top: 20px; background: url(../images/check.png) no-repeat left bottom; padding: 0 0 7px 40px;}

.merit_main_tx{text-align: center; padding: 30px; margin-bottom: 30px; border-radius: 60px; width: 100%; background-color: #E94545; font-weight: bold; color: #fff; font-size: 180%;}
.works_box{border:1px solid #309392; width: 90%; padding: 20px; margin: 0 auto 50px;}
.works_box p{font-size: 120%; line-height: 2rem;}

#corp{background:url(../images/corpMid.png) repeat-y; padding-left:24px;}
#corp li{float: left; margin: 4px 10px 4px 0;}

.cntTxt{	background:url(../images/txt01Mid.png) repeat-y;	height:auto;	padding:11px 50px 10px;}
.txtAtn01{	font-size:18px;	font-weight:bold;	line-height:1.3;	color:#ed6e81;}
#sortA{	position:relative;	width:1000px;	top:325px;	height:81px;}
#sortBg{	padding:32px 0 0 61px;}
#sortA select{	width:300px;	height:25px;	padding-top:5px;}
#sortA select option{	font-size:14px;}

.conteBtnBg{width:960px; height:227px; background:url(../images/conteBtnBg.png) no-repeat; margin:0 auto 15px; position:relative;}
.conteBtnBg img ,.conteBtnBg input{position:absolute; bottom:56px; right:204px;}

.case01{width:960px; height:456px; background:url(../images/case01.png) no-repeat; margin:0 0 15px;}
.case01 .voiceA{width:672px; line-height:1.7em; padding:78px 0 0 255px;}

.case02{width:960px; height:496px; background:url(../images/case02.png) no-repeat;}
.case02 .voiceA{width:672px; line-height:1.7em; padding:78px 0 0 36px;}


#c01{margin-top: -99px;padding-top: 99px;}
#c02{margin-top: -99px;padding-top: 99px;}
#c03{margin-top: -99px;padding-top: 99px;}
#c04{margin-top: -99px;padding-top: 99px;}
#c05{margin-top: -99px;padding-top: 99px;}


/*cFix*/
.cFix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both
	}