@charset "UTF-8";

* { margin: 0px; padding: 0px; }
body {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #333333;
	font-size: 11pt;
	position: relative;
}

body, a, img { border: none; outline: none; }
a:link, a:visited, a:active, a:focus { text-decoration: none; color: #555555; }
a:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }



#layout {
	width: 100%;
	min-width: 1280px;
	text-align: center;
	background: url("../img/bg_img.jpg") repeat 50% 0;
}


#header { height: 135px; position: relative; background: #ffffff; }

.tlogo { position: absolute; left: 50%; margin-left: -415px; top: 10px; }
.tmenu { width: 100%; height: 32px; position: relative; top: 103px; }
.tmenu img { position: absolute; left: 0; }
.tmenufade img { position: absolute; left: 0; }
.tmenu_sub img { position: absolute; left: 0; }
.tmbox { height: 21px; position: absolute; left: 50%; cursor: pointer; }
.tm01 { width: 50px; margin-left: -400px; }
.tm02 { width: 124px; margin: 0 0 0 -320px; }
.tm03 { width: 123px; margin: 0 0 0 -176px; }
.tm04 { width: 64px; margin: 0 0 0 -20px; }
.tm07 { width: 73px; margin: 0 0 0 78px; }
.tm05 { width: 64px; margin: 0 0 0 190px; }
.tm06 { width: 95px; margin: 0 0 0 285px; }



.tmhvr { opacity: 0; }

.tmbox {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.tmbox:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #a6937c;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.tmbox:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.tmbfr:hover, .tmbfr:focus, .tmbfr:active {
	opacity: 0;
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
.tmhvr:hover, .tmhvr:focus, .tmhvr:active {
	opacity: 1;
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}

#header_fade {
	width: 100%;
	height: 48px;
	position: fixed;
	z-index: 5;
	background-color: #ffffff;
	left: 50%;
	margin-left: -50%;
	top: 200px;
}

.tlogofade {
	width: 130px;
	height: 40px;
	background: url("../img/logo2.jpg") no-repeat top left;
	background-size: 130px 40px;
	cursor: pointer;
	position: absolute;
	z-index: 6;
	top: 5px;
}

.tmenufade {
	width: 100%;
	min-width: 1280px;
	height: 20px;
	position: relative;
	top: 20px;
}

.top_linkbtn { width: 234px; height: 54px; position: absolute; background: #a6937c; }
.top_linkbtn img { transition: all 0.2s linear; }




#header_sub {
	width: 100%;
	height: 48px;
	position: fixed;
	z-index: 5;
	background-color: #ffffff;
	left: 50%;
	margin-left: -50%;
	top: 0;
}

.tlogo_sub {
	width: 130px;
	height: 40px;
	background: url("../img/logo2.jpg") no-repeat top left;
	background-size: 130px 40px;
	cursor: pointer;
	position: absolute;
	z-index: 6;
	top: 5px;
}

.tmenu_sub {
	width: 100%;
	min-width: 1280px;
	height: 20px;
	position: relative;
	top: 20px;
}


















#vision { height: 580px; width: 100%; }


#top_mes1 { height: 820px; position: relative; }
.top_mes1_t { width: 320px; height: 64px; top: 195px; left: 50%; margin-left: -160px; position: absolute; }
.top_mes1_m { width: 740px; height: 330pcx; top: 305px; left: 50%; margin-left: -370px; position: absolute; }
.top_btn1 { top: 670px; }

#top_mes2 { height: 870px; position: relative; }
.top_mes2_t { width: 340px; height: 64px; top: 175px; left: 50%; margin-left: -170px; position: absolute; }
.top_mes2_m { width: 740px; height: 400pcx; top: 285px; left: 50%; margin-left: -370px; position: absolute; }
.top_btn2 { top: 755px; }

#siteview { height: 650px; background: url(../img/bg_carousel.jpg) center center; }

#top_mes3 { height: 600px; position: relative; }
.top_mes3_t { width: 394px; height: 64px; top: 175px; left: 50%; margin-left: -197px; position: absolute; }
.top_mes3_m { width: 740px; height: 120px; top: 285px; left: 50%; margin-left: -370px; position: absolute; }
.top_btn3 { top: 465px; }

#top_mes4 { height: 1320px; position: relative; }
.top_mes4_t { width: 220px; height: 64px; top: 160px; left: 50%; margin-left: -110px; position: absolute; }
.top_mes4_m { width: 340px; height: 120px; top: 260px; left: 50%; margin-left: -170px; position: absolute; }
.top_btn4 { top: 400px; }
.top_topscbtn { 
	width: 45px;
	height: 40px;
	background: url("../img/top_scrollbtn.png") no-repeat top left;
	cursor: pointer; position:
	absolute;
	top: 1230px;
	left: 50%;
	margin-left: -23px;
}
.top_inst {
	width: 920px;
	height: auto;
	top: 580px;
	left: 50%;
	margin-left: -460px;
	position: absolute;
	border: none;
}



#top_photo { width: 100%; height: auto; position: relative; }
#top_photo img { width: 100%; height: auto; }

#footer {
	font-family: "メイリオ", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka", sans-serif;
	font-weight: normal;
	position: relative;
	height: 500px;
	background-color: #a6937c;
	text-align: left;
	color: #ffffff;
}
#footer a { color: #ffffff; }
.foot_left {
	width: 320px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -320px;
}
.footbtm {
	width: 100%;
	height: auto;
	font-size: 8pt;
	text-align: center;
	position: absolute;
	bottom: 20px;
}


H2 { margin: 0 0 20px 0; }
.footm1 {
	padding: 0 0 0 20px;
	margin: 9px 0;
	background: url(../img/marker_1.png) no-repeat 0 6px;
}
.footm2 {
	padding: 0 0 0 42px;
	margin: 9px 0;
	background: url(../img/marker_2.png) no-repeat 25px 6px;
}
.foot_right {
	width: 320px;
	position: absolute;
	top: 100px;
	left: 50%;
}
.foot_mgnr { margin: 0 30px 0 0; }



.top_linkbtn_h { opacity: 0; }
.top_linkbtn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		 -o-border-radius: 3px;
			border-radius: 3px;
}
.top_linkbtn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #d3c9be;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		 -o-border-radius: 3px;
			border-radius: 3px;
}
.top_linkbtn:hover:before, .top_linkbtn:focus:before, .top_linkbtn:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.top_linkbtn_b:hover, .top_linkbtn_b:focus, .top_linkbtn_b:active {
	opacity: 1;
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
	    -ms-transition: all 0.5s;
	     -o-transition: all 0.5s;
	        transition: all 0.5s;
}


#header_img { margin-top: 48px; width: 100%; height: auto; }
#header_img img { width: 100%; height: auto; }

.comp_title { width: 100%; height: 300px; position: relative; }
.comp_title img { left: 50%; margin-left: -70px; position: absolute; top: 200px; }

.compinfo { position: relative; width: 1092px; height: 1410px; left: 50%; margin-left: -546px; }
.sec { position: absolute; }
.row01 { top: 150px; }
.row02 { top: 240px; }
.row03 { top: 330px; }
.row04 { top: 420px; }
.row05 { top: 510px; }
.row06 { top: 600px; }
.row07 { top: 690px; }
.row08 { top: 780px; }
.row09 { top: 870px; }
.row10 { top: 960px; }
.row11 { top: 1050px; }
.row12 { top: 1140px; }
.row13 { top: 1230px; }

.compinfo2 { position: relative; height: 600px; }

.clinkeff {
	position: absolute;
	width: 300px;
	height: 376px;
	overflow: hidden;
}
.bks_la1, .bks_la2, .bks_la3, .bks_la4 { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; }
.mask_la1, .mask_la2, .mask_la3, .mask_la4 { position: absolute; top: -376px; left: 0; z-index: 2; }
.lnavi_la1, .lnavi_la2, .lnavi_la3, .lnavi_la4 { position: absolute; top: -65px; left: 60px; z-index: 3; opacity: 0; }

#la1 { left: 50%; margin-left: -639px; }
#la2 { left: 50%; margin-left: -313px; }
#la3 { left: 50%; margin-left: 13px; }
#la4 { left: 50%; margin-left: 339px; }



.site_title { width: 100%; height: 220px; position: relative; }
.site_title img { left: 50%; margin-left: -115px; position: absolute; top: 120px; }

.slbox {
	width: 900px;
	height: 194px;
	background: #fff;
	margin: 0 auto 20px;
	text-align: left;
	border: 2px solid #a6937c;
	position: relative;
	cursor: pointer;
}
.slbox img { position: absolute; }
.simg { top: 15px; left: 15px; }
.sname { top: 25px; right: 25px; }
.surl { top: 105px; right: 25px; }

.smkr01 { top: 105px; right: 280px; opacity: 0; }
.smkr02 { top: 105px; right: 310px; opacity: 0; }
.smkr03 { top: 105px; right: 320px; opacity: 0; }
.smkr04 { top: 105px; right: 240px; opacity: 0; }
.smkr05 { top: 105px; right: 340px; opacity: 0; }
.smkr06 { top: 105px; right: 240px; opacity: 0; }
.smkr07 { top: 105px; right: 330px; opacity: 0; }
.smkr08 { top: 105px; right: 240px; opacity: 0; }
.smkr09 { top: 105px; right: 380px; opacity: 0; }
.slmgn { margin-bottom: 140px;}

#his_mes { width: 100%; height: 520px; position: relative; }
.his_mes_t { width: 100px; height: 46px; position: absolute; top: 150px; left: 50%; margin-left: -50px; }
.his_mes_m1 { width: 585px; height: 112px; position: absolute; top: 235px; left: 50%; margin-left: -292px; }
.his_mes_m2 { width: 425px; height: 70px; position: absolute; top: 375px; left: 50%; margin-left: -212px; }

#his_item {
	width: 100%;
	height: 860px;
	position: relative;
	background-image: url(../img/his_bgimg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	background-size: cover;
}

.his_tmsy { width: 928px; height: 100px; position: absolute; top: 125px; left: 50%; margin-left: -624px; }

.his_rank1_leaf { width: 212px; height: 224px; position: absolute; top: 520px; left: 50%; margin-left: -230px; }
.his_rank2_leaf { width: 212px; height: 224px; position: absolute; top: 520px; left: 50%; margin-left: -40px; }
.his_rank3_leaf { width: 212px; height: 224px; position: absolute; top: 520px; left: 50%; margin-left: 150px; }
.his_rank4_leaf { width: 212px; height: 224px; position: absolute; top: 520px; left: 50%; margin-left: 340px; }
.his_rank5_leaf { width: 212px; height: 224px; position: absolute; top: 520px; left: 50%; margin-left: 530px; }
.his_rank6_leaf { width: 212px; height: 224px; position: absolute; top: 700px; left: 50%; margin-left: 55px; }
.his_rank7_leaf { width: 212px; height: 224px; position: absolute; top: 700px; left: 50%; margin-left: 245px; }
.his_rank8_leaf { width: 212px; height: 224px; position: absolute; top: 700px; left: 50%; margin-left: 435px; }
.his_rank9_leaf { width: 212px; height: 224px; position: absolute; top: 700px; left: 50%; margin-left: 625px; }

.his_rank_all { width: 786px; height: 178px; position: absolute; top: 324px; left: 50%; margin-left: -230px; }

#his_top3 { width: 100%; height: 280px; margin: 130px 0 155px 0; position: relative; }
.his_top3_l { width: 400px; height: 416px; position: absolute; top: 10px; left: 50%; margin-left: -640px; }
.his_top3_c { width: 450px; height: 416px; position: absolute; top: 10px; left: 50%; margin-left: -220px; }
.his_top3_r { width: 380px; height: 416px; position: absolute; top: 10px; left: 50%; margin-left: 250px; }
#his_top4 { width: 100%; height: 280px; margin: 0 0 250px 0; position: relative; }
.his_top4_l { width: 400px; height: 416px; position: absolute; top: 10px; left: 50%; margin-left: -640px; }
.his_top4_c { width: 450px; height: 416px; position: absolute; top: 10px; left: 50%; margin-left: -220px; }
.his_top4_r { width: 380px; height: 416px; position: absolute; top: 10px; left: 50%; margin-left: 250px; }


#kdwr_mes { width: 100%; height: 520px; position: relative; }
.kdwr_mes_t { width: 350px; height: 58px; position: absolute; top: 155px; left: 50%; margin-left: -175px; }
.kdwr_mes_m { width: 500px; height: 250px; position: absolute; top: 255px; left: 50%; margin-left: -250px; }

#kdwr_mes2 { width: 100%; height: 480px; position: relative; }
.kdwr_mes2_t { width: 250px; height: 58px; position: absolute; top: 150px; left: 50%; margin-left: -125px; }
.kdwr_mes2_m { width: 560px; height: 210px; position: absolute; top: 240px; left: 50%; margin-left: -280px; }

#kdwr_photo { width: 100%; height: auto; margin: 0 0 40px 0; position: relative; }
#kdwr_photo2 { width: 100%; height: auto; margin: 0 0 140px 0; position: relative; }
.kdwrbg { width: 100%; height: auto; vertical-align: text-bottom; position: relative;  z-index: 1; }
.kdwr_t { position: absolute; top: 150px; left: 60px; z-index: 2; }
.kdwr_m { position: absolute; top: 240px; left: 60px; z-index: 2; }
.kdwr_m_btm { position: absolute; bottom: 70px; left: 50%; margin-left: -470px; z-index: 2; }

.kdwr_01_t { position: absolute; top: 195px; left: 50%; margin-left: -650px; }
.kdwr_01_m { position: absolute; top: 275px; left: 50%; margin-left: -650px; }
.kdwr_02_t { position: absolute; top: 225px; left: 50%; margin-left: -650px; }
.kdwr_02_m { position: absolute; top: 305px; left: 50%; margin-left: -650px; }
.kdwr_03_t { position: absolute; top: 225px; left: 50%; margin-left: -650px; }
.kdwr_03_m { position: absolute; top: 305px; left: 50%; margin-left: -650px; }
.kdwr_04_t { position: absolute; top: 170px; left: 50%; margin-left: -650px; }
.kdwr_04_m { position: absolute; top: 250px; left: 50%; margin-left: -650px; }
.kdwr_05_m { position: absolute; top: 350px; left: 50%; margin-left: -575px; }


#pmes_photo { width: 100%; height: auto; margin: 140px 0 160px 0; position: relative; }
.pmesbg { width: 100%; height: auto; vertical-align: text-bottom; position: relative;  z-index: 1; }

.pmes_n { position: absolute; top: 78%; left: 50%; margin-left: 320px; z-index: 2; }
.pmes_m { position: absolute; top: 8%; left: 50%; margin-left: 50px; z-index: 2; }

#att_main img { margin: 250px auto; }

#acc_main { width: 100%; height: 520px; position: relative; }
.acc_title { position: absolute; top: 180px; left: 50%; margin-left: -230px; }
.acc_mes1 { position: absolute; top: 320px; left: 50%; margin-left: -160px; }
.acc_mes2 { position: absolute; top: 460px; left: 50%; margin-left: -160px; }

#ab_main { width: 100%; height: 700px; position: relative; }
#ab_main img { left: 50%; position: absolute; }
.ab_title { margin-left: -200px; top: 200px; }
.ab_mes1 { margin-left: -300px; top: 300px; }
.ab_mes2 { margin-left: -200px; top: 540px; }



.sendnote { width: 1000px; margin: 0 auto 30px; font-size: 10pt; line-height: 18px; }
.sendmes { width: 1000px; margin: 100px auto 60px; text-align: center; }
.sendmes p { font-size: 20pt; margin: 0 0 15px 0; }
.hmbtn { width: 280px; height: 50px; margin: 0 auto 60px; }


.continfo { text-align: left; font-family: メイリオ, Meiryo, Osaka, sans-serif; }
.tblti { width: 150px; }
.tbsub { width: 50px; text-align: center; }
.tbsub p { background: #ff0000; color: #fff; font-size: 9pt; }
.continfo input,
.notebox {
	font-size: 11pt;
	padding: 10px;
	border-bottom: 2px #solid #cdcdcd;
}
.continfo select { padding: 10px; }
.iptbx { width: 600px; margin: 0 0 5px 0; }
.iptbx2 { width: 70px; margin: 0 0 10px 10px; }
.iptrdo { margin: 0 0 0 15px; }
.inpchk{ width: 350px; height: 60px; margin: 0 auto 140px; }
.ckbtnara { width: 720px; height: 60px; margin: 0 auto 60px; }
.reinp { width: 350px; height: 60px; margin: 0 auto 140px; float: left; }
.sendmail { width: 350px; height: 60px; margin: 0 auto 140px; float: right; }
.tblmin, .tblsub {
	width: 1000px;
	border-collapse: collapse;
	background: #fff;
	line-height: 26px;
	border: 1px solid #cdcdcd;
}
.tblmin { margin: 0 auto 0; }
.tblsub { margin: 0 auto 45px; position: relative; }
.tblmin tr, .tblsub tr { border: 1px solid #cdcdcd; }
.tblmin td, .tblsub td { padding: 30px 15px; }
.notebox { width: 600px; line-height: 18px; }

input, textarea, select, button {
	border:1px solid #525252;
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(border-radius.htc);
}

.cont_check { background: #fff url(../img/cont_check.png) no-repeat center center; }
.cont_check:hover { background: #555 url(../img/cont_check_h.png) no-repeat center center; }
.cont_return { background: #fff url(../img/cont_return.png) no-repeat center center; }
.cont_return:hover { background: #555 url(../img/cont_return_h.png) no-repeat center center; }
.cont_sand { background: #fff url(../img/cont_sand.png) no-repeat center center; }
.cont_sand:hover { background: #555 url(../img/cont_sand_h.png) no-repeat center center; }
.cont_home { background: #fff url(../img/cont_home.png) no-repeat center center; }
.cont_home:hover { background: #555 url(../img/cont_home_h.png) no-repeat center center; }
.rec_link { background: #fff url(../img/cont_rec.png) no-repeat center center; }
.rec_link:hover { background: #555 url(../img/cont_rec_h.png) no-repeat center center; }

.continfo button,
.rec_btn button {
	width: 100%;
	height: 100%;
	cursor: pointer;
	line-height: 50px;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;

}
.continfo button:hover,
.rec_btn button:hover {
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s linear;
}




.cknote {
	width: 1000px;
	margin: 30px auto 10px;
	font-size: 14pt;
	color: #ff0000;
	font-weight: bold;
}

.bgpnk { background: #ffc0cb; }

.sendnote { width: 920px; margin: 20px auto 70px; line-height: 18px; }


#inputview, #checkview { position: relative; padding: 290px 0 0 0; }
.table01, .table02 { position: relative; }
.table02 { margin: 60px 0 0 0; padding-top: 32px; }
#inputview .mes, #checkview .mes { left: 50%; position: absolute; margin-left: -400px; top: 95px; }
#inputview .mes2 { left: 50%; position: absolute; margin-left: -35px; top: 260px; }
#inputview .note, #checkview .note { left: 50%; position: absolute; margin-left: -505px; top: 0px; }