@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;}


.fixed{ position: fixed; z-index:1; width:100%;}
#header{height:56px; background:url(../images/headBg.png) repeat-x;}
#head{width:960px; height:56px; margin:0 auto; background:url(../images/head.png) no-repeat; 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:240px; 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:960px; background:url(../images/main.png) no-repeat bottom; position:relative; margin:0 auto;}
#mainBtn{position:absolute; bottom:20px; left:15px;}
#mainCount{position:absolute; top:141px; left:13px; font-size:115px; font-weight:bold; color:#dfb81d;}


.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:190px; font-size:90px; font-weight:bold; color:#fffc00;}


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

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

.case01{width:960px; height:446px; background:url(../images/case01.png) no-repeat; position:relative; margin:0 0 15px;}
.case01 p{width:672px; position:absolute; top:80px; right:35px; line-height:1.5em;}

.case02{width:960px; height:486px; background:url(../images/case02.png) no-repeat; position:relative;}
.case02 p{width:672px; position:absolute; top:80px; left:35px; line-height:1.5em;}


#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
	}



.catebox{width:604px; position:absolute; top:212px; left:20px;}
.catebox label{cursor: pointer; float:left; width: 143px; height: 30px; margin-right: 8px; margin-bottom:6px; text-align:center !important;}
.catebox span{display: table-cell; vertical-align: middle; height:30px; width:143px; color:#fff; font-weight:bold; text-shadow: 0px 0px 3px #333;}
.catebox .checkbox{float:left; margin-left:8px; margin-top:8px;}

.catebox .cb01{background:#73d8d4;}
.catebox .cb02{background:#f2bcce;}
.catebox .cb03{background:#c1b7e7;}
.catebox .cb04{background:#41acc0;}
.catebox .cb05{background:#e1c4a5;}
.catebox .cb06{background:#93b0db;}
.catebox .cb07{background:#95d581;}
.catebox .cb08{background:#f5a2bc;}
.catebox .cb09{background:#898989; width:596px !important;}
.catebox .cb09 span{width:100px !important;}
.catebox .cb09 .checkbox{ margin-left:240px;}



.catebox2{width:604px; position:absolute; top:129px; left:41px;}
.catebox2 label{cursor: pointer; float:left; width: 143px; height: 30px; margin-right: 8px; margin-bottom:6px; text-align:center !important;}
.catebox2 span{display: table-cell; vertical-align: middle; height:30px; width:143px; color:#fff; font-weight:bold; text-shadow: 0px 0px 3px #333;}
.catebox2 .checkbox{float:left; margin-left:8px; margin-top:8px;}

.catebox2 .cb01{background:#73d8d4;}
.catebox2 .cb02{background:#f2bcce;}
.catebox2 .cb03{background:#c1b7e7;}
.catebox2 .cb04{background:#41acc0;}
.catebox2 .cb05{background:#e1c4a5;}
.catebox2 .cb06{background:#93b0db;}
.catebox2 .cb07{background:#95d581;}
.catebox2 .cb08{background:#f5a2bc;}

.catebox3{width:114px; height:66px; position:absolute; top:129px; left:645px;}
.catebox3 label{cursor: pointer; float:left; width: 114px; height: 66px; text-align:center !important;}
.catebox3 span{display: table-cell; vertical-align: middle; height:66px; width:90px; color:#fff; font-weight:bold; text-shadow: 0px 0px 3px #333;}
.catebox3 .checkbox{float:left; margin-left:8px; margin-top:26px;}

.catebox3 .cb09{background:#898989; width:114px !important;}