@charset "UTF-8";
/* CSS Document */

body {
	background-color:#fff;
	font-family: 'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	font-size:16px;
	line-height:1.6;
	color:#38302C;
	background-color:#f0f0f3;
	height:1080px;
	position:relative;
}

body.bigbody{
	height:1200px;
}

a,
a:active,
a:visited {
	color:#38302C;
	text-decoration:none;
}

a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

a,
a:hover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

#page-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
    backface-visibility: hidden;
    z-index: 3100;
    cursor: pointer;
}

.imgScl {
  transition: 0.3s;
}

.imgScl:hover {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

img {
	vertical-align:bottom;
}

img.vab {
	vertical-align:baseline;
}

img.vam {
	vertical-align: middle;
}

.contBox {
	width:970px;
	margin:0 auto;
	position:relative;
}

.trColor {
	background-color:#d3edfb;
}



/*ヘッダー　トップページ
-------------------------------------------------------*/
#headerTop {
	width:100%;
	height:130px;
	margin:0 auto 20px;
	background:url(../img/top/bg_header.png) repeat-x top center;
}

#headerCont {
	width:1620px;
	margin:0 auto;
}


#headerCont img {
	float:left;
}

#headerCont p {
	margin-top:25px;
	float:right;
	font-size:22px;
	color:#fff;
}



/*ヘッダー
-------------------------------------------------------*/
#header {
	width:100%;
	height:80px;
	margin:0 auto 0;
	background:url(../img/common/bg_header.png) repeat-x top center;
}

#headerCont p.common {
	margin-top:10px;
}



/*フッター　トップページ
-------------------------------------------------------*/
#footer {
	width:100%;
	background-color:#717177;
	position:absolute;
	/*bottom:0;*/
	bottom:0px;
}

#footer p {
	width:1620px;
	margin:15px auto;
	color:#fff;
	text-align:right;
}



/*マージン設定など
-------------------------------------------------------*/
.mb50 {
	margin-bottom:50px;
}

.mb40 {
	margin-bottom:40px;
}

.mb30 {
	margin-bottom:30px;
}

.mb20 {
	margin-bottom:20px;
}

.mb10 {
	margin-bottom:10px;
}

.mb5 {
	margin-bottom:5px;
}
.mb0 {
	margin-bottom:0;
}

.mr30 {
	margin-right:30px;
}

.mr20 {
	margin-right:20px;
}

.mr10 {
	margin-right:10px;
}

.mr0 {
	margin-right:0;
}

.pdg75 {
	padding:75px 0;
}

.w100 {
	width:100%;
}

.w95 {
	width:95%;
}

.w90 {
	width:90%;
}

.w85 {
	width:85%;
}

.w80 {
	width:80%;
}

.w75 {
	width:75%;
}

.w70 {
	width:70%;
}

.w65 {
	width:65%;
}

.w60 {
	width:60%;
}

.w55 {
	width:55%;
}

.w50 {
	width:50%;
}

.w48 {
	width:48%;
}

.w45 {
	width:45%;
}

.w40 {
	width:40%;
}

.w35 {
	width:35%;
}

.w30 {
	width:30%;
}

.w25 {
	width:25%;
}

.w20 {
	width:20%;
}

.w15 {
	width:15%;
}

.w10 {
	width:10%;
}

.tal {
	text-align:left;
}

.tar {
	text-align:right;
}

.tac {
	text-align:center;
}

textarea,
input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=image] {
  background:none;
  border:0;
}

.pageNavi span.current {
	font-weight:bold;
	font-size: 20px;
}