@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

#container {
	padding-top: 29px;
}

#gHeader {
	margin-bottom:0;
	padding-bottom: 29px;
	border-bottom:7px solid #fff7cc;
}

.mainImg {
	width:100%;
	height:550px;
	margin-bottom: 50px;
	display: block;
	text-align: center;
	background: no-repeat center center;
	position: relative;
	background-size:auto 100%;
}

@media all and (min-width: 1119px) {
	.mainImg {
	background-size:100% auto;
	}
}

.mainImg .mainVisiual {
	margin: 0 auto;
	width: 989px;
	height: 550px;
}

.mainImg .naviUl {
	bottom: 19px;
	left: 663px;
	position: absolute;
}

.mainImg .naviUl li {
	margin-right: 20px;
	float: left;
}

.mainImg img {
	display: block;
}

#gNavi {
	margin-bottom: 75px;
	padding: 0;
	background: none;
	position: relative;
}

#gNavi .img01 {
	position: absolute;
	top: 18px;
	left: -72px;
}

#gNavi .img02 {
	position: absolute;
	top: 18px;
	right: -72px;
}

#gNavi ul .navi01 a {
	background: url(/img/index/g_navi01_on.jpg) no-repeat left top;
}

#gNavi ul .navi02 a {
	background: url(/img/index/g_navi02_on.jpg) no-repeat left top;
}

#gNavi ul .navi03 a {
	background: url(/img/index/g_navi03_on.jpg) no-repeat left top;
}

#gNavi ul .navi04 a {
	background: url(/img/index/g_navi04_on.jpg) no-repeat left top;
}

#gNavi ul .navi05 a {
	background: url(/img/index/g_navi05_on.jpg) no-repeat left top;
}

#gNavi ul .navi06 a {
	background: url(/img/index/g_navi06_on.jpg) no-repeat left top;
}

#gNavi ul .navi07 a {
	background: url(/img/index/g_navi07_on.jpg) no-repeat left top;
}

#main {
	margin-bottom: 35px;
	clear:both;
}



#main h2 {
	margin-bottom: 14px;
	text-align: center;
}

#main h2 img {
	display: inline;
}

#main .text01 {
	margin: 0 auto 69px;
	width: 423px;
}

#main h3 {
	width: 75px;
	margin: 0 auto 30px;
}

#main .linkUl {
	margin:0 -145px 90px -145px;
	width: 1280px;
	height:75px;
	position: relative;
	zoom: 1;
}

#main .linkUl .positionImg01 {
	position: absolute;
	top: 0;
	left: 0;
	display:block;
	z-index:9999;
}

#main .linkUl .positionImg02 {
	position: absolute;
	top: 0;
	right: 0;
	display:block;
	z-index:9999;
}

#main .linkUl .linkUlInner {
	width: 1280px;
	height:75px;
}

#main .linkUl .linkUlInner .slide {
	width:160px;
	float: left;
	position: relative;
}

/*
#main .linkUl .linkUlInner li {
	margin-right: 10px;
	float: left;
	position: relative;
}

#main .linkUl .linkUlInner li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}*/


#main .linkUl .linkUlInner .slide a img {
	-webkit-transition: opacity .1s ease-out;
	-moz-transition: opacity .1s ease-out;
	-ms-transition: opacity .1s ease-out;
	transition: opacity .1s ease-out;
}

#main .linkUl .linkUlInner .slide a:hover img {
	opacity: 0.4;
	filter: alpha(opacity=40);
}



/* for modern*/

#main .photoUl.ch-grid {
	margin: 0 -9px 58px 20px;
	width: 999px;
	position: relative;
	height:366px;
	display:none;
}

#main .photoUl.ch-grid li {
	margin-right: 32px;
	float: left;
	text-align: center;
	position:relative;
}

#main .photoUl.ch-grid li .tit {
	position:absolute;
	top:325px;
	left:0;
	width:294px;
	text-align:center;
}

#main .photoUl.ch-grid li .tit img {
	display:inline;
}

#main .photoUl.ch-grid li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* for ie*/

#main .photoUl.forIE {
	margin: 0 -9px 58px 20px;
	width: 999px;
	position: relative;
	overflow: hidden;
}

#main .photoUl.forIE li {
	margin-right: 32px;
	float: left;
	text-align: center;
}

#main .photoUl.forIE li span {
	margin-top: 29px;
	display: block;
}

#main .photoUl.forIE li span img {
	display: inline;
}

#main .photoUl.forIE li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}



html.cssanimations.csstransforms.csstransforms3d.csstransitions #main .photoUl.ch-grid {
	display:block;
}
html.cssanimations.csstransforms.csstransforms3d.csstransitions #main .photoUl.forIE {
	display:none;
}




#main .photoList {
	margin: 0 -18px 20px 0;
	width: 1008px;
	overflow: hidden;
	zoom: 1;
	position: relative;
}

#main .photoList li {
	margin-right: 19px;
	float: left;
	position:relative;
}

#main .dlBox {
	margin-top:10px;
}

#main .dlBox dl {
	margin-bottom: 5px;
}

#main .dlBox a,
#main .dlBox span {
	display:block;
	padding: 9px 0 4px 13px;
	border: 1px solid #E8E7E7;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	position:relative;
	behavior: url(/js/pie.htc);
}

#main .dlBox a:hover {
	text-decoration:none;
	background-color:#e9f6fd;
}

#main .dlBox dt {
	float: left;
	color: #666;
	font-size: 1.4em;
	line-height: 1.7;
}

#main .dlBox dd {
	padding: 0 0 0 10em;
	font-size: 1.5em;
	line-height: 1.7;
	/*color: #00A1E9;*/
}

.btmBox {
	/*background: url(/img/index/btm_box_bg.jpg) repeat-y top center;*/
	background: url(/img/index/btm_box_bg_01.gif) repeat top center;
	position: relative;
	zoom: 1;
}

.btmBox .innerBox {
	background: url(/img/index/btm_box_bg_02.gif) repeat-x top center;
	/*min-height: 1705px;*/
}

.btmBox .faceBook {
	margin: 0 auto;
	padding-bottom: 15px;
	width: 997px;
	height: 250px;
	background: url(/img/index/facebook_bg.png) no-repeat top left;
}

.btmBox .faceBook img {
	display: block;
}

.btmBox .pageTop {
	margin: 0 auto;
	padding: 0;
	width: 33px;
	text-align: center;
	position: relative;
	background: none;
	z-index: 100;
}

.btmBox .pageTop img {
	top: -15px;
	display: block;
	position: absolute;
}

#footer  {
	padding: 15px 0 20px;
}

/* 2014.6.13 Added from kamiya */
#footer .pageTop {
	display: none;
}

#footer .fBox {
	margin: 0 auto;
}

.inner {
	margin: 0 auto;
	width: 996px;
	text-align: left;
	background: url(/img/index/sub_box_bg.png) repeat-y center top;
	zoom: 1;
}

.inner .lBox {
	padding: 40px 0 0 0;
	float: left;
	width: 497px;
}

.inner .rBox {
	padding: 40px 0 0 0;
	float: right;
	width: 492px;
}

.inner .lBox .subBox {
	margin: 0 -21px 15px 0;
	position: relative;
	background: url(/img/index/sub_btm_bg02.png) no-repeat left bottom;
	zoom: 1;
}

.inner .lBox .subBox .subInfo {
	width: 435px;
	padding: 8px 66px 13px 13px;
	background: url(/img/index/sub_top_bg02.png) no-repeat left top;
	zoom: 1;
}

.inner .rBox .subBox {
	margin: 0 0 15px -21px;
	background: url(/img/index/sub_btm_bg01.png) no-repeat right bottom;
	zoom: 1;
	position: relative;
}

.inner .rBox .subBox .subInfo {
	padding: 8px 15px 13px 68px;
	width: 430px;
	background: url(/img/index/sub_top_bg01.png) no-repeat right top;
}

.inner .subBox .subInfo .imgBox {
	padding: 10px 70px 10px 10px;
	border: 1px solid #E9E7E7;
	background-color: #F8F8F8;
}

.inner .subBox .subInfo .pLink a {
	color: #4461B7;
}

.inner .subBox .subInfo .imgBox .photoBox {
	float: left;
}

.inner .subBox .subInfo .imgBox .textBox {
	width: 200px;
	float: right;
}

.inner .subBox .subInfo .imgBox .textBox p {
	color: #4461B7;
	font-weight: bold;
}

.inner .subBox .subInfo .imgBox .textBox p .text02 {
	display: block;
	font-weight: normal;
}

.inner .title {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid #E9E7E7;
}

.inner .title img {
	float: left;
}

.inner .title p {
	margin-bottom: 0;
	width: 390px;
	float: right;
	color: #445CA1;
}

.inner .title p span {
	display: block;
	font-weight: normal;
	font-size: 0.85em;
}

.inner .title p span a {
	color: #8F8787;
}

.inner p a {
	color: #4461B7;
}

.inner p {
	font-size: 1.3em;
	margin-bottom: 10px;
}

.inner .subBox01 {
	margin-bottom: 13px !important;
	padding: 9px 21px 12px 67px;
	width: 425px;
}

.inner .rBox .subBox .subInfo .title {
	padding-bottom: 5px;
}

.inner .rBox .title {
	margin-bottom: 5px;
	padding-bottom: 0;
	/*line-height: 1.2;*/
	font-weight: bold;
	color: #455DA5;
}

.inner .rBox .photoList {
	margin-right: -15px;
	width: 450px;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.inner .rBox .photoList li {
	margin: 0 15px 3px 0;
	width: 135px;
	float: left;
}

.inner .rBox .photoList li a.img {
	display: block;
	position: relative;
	width: 135px;
	height: 75px;
	background: $FFF;
	overflow: hidden;
}

.inner .rBox .photoList li img {
	display: block;
	position: absolute;
}

.inner .rBox .photoList li span {
	color: #455CAA;
}

.inner .rBox .photoUl {
	margin: 0 -14px 0 0;
	width: 448px;
	overflow: hidden;
	position: relative;
}

.inner .rBox .photoUl li {
	width: 98px;
	height: 75px;
	overflow: hidden;
	margin: 0 14px 5px 0;
	float: left;
	position: relative;
}

.inner .rBox .photoUl li img {
	position: absolute;
	display: block;
}

.inner .rBox .title02 {
	padding-bottom: 0 !important;
	font-size: 1.4em;
}



.kotori_kiyaku{
 margin: 0 auto 69px;
	width: 243px;

}
/* キャンペーン用スライドショークリック */
.cameracurrent.cameraContent:first-child {
/*	cursor: pointer;*/
}