@charset "utf-8";

html {
}

body {
	/*zoom: 0.7;*/
}

#header,
#content,
#footer {
}

#header .inner,
#content .inner,
#footer .inner {
	width: 1000px;
	margin: 0 auto;
	/*transform: scale(0.8,0.8);*/
}

.over img:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.80;
}

/*-----------------------------------------

		#header

-----------------------------------------*/

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 99px;
	z-index: 10;
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/header_bg.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}

#header .inner {
	position: relative;
}

#header .logo {
	width: 455px;
	height: 168px;
	position: absolute;
	top: 0;
	left: -100px;
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/header_logo_bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#header .logo a {
	display: block;
	position: absolute;
	top: 34px;
	left: 100px;
}

#menu {
	position: absolute;
	top: 21px;
	left: 444px;
	width: 564px;
}

#menu li {
	float: left;
	text-indent: -1000px;
}

#menu li a {
	display: block;
	width: 92px;
	height: 104px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#menu li.vol01 a,
#menu li.vol06 a {
	width: 98px;
}

#menu li.vol01 a { background-image: url(https://www.syunsoku.cc/special/undokai/style/img/navi01_of.png); }
#menu li.vol01.active a, #menu li.vol01 a:hover { background-image: url(https://www.syunsoku.cc/special/undokai/style/img/navi01_ov.png); }
#menu li.vol02 a { background-image: url(https://www.syunsoku.cc/special/undokai/style/img/navi02_of.png); }
#menu li.vol02.active a, #menu li.vol02 a:hover { background-image: url(https://www.syunsoku.cc/special/undokai/style/img/navi02_ov.png); }
#menu li.vol03 a { background-image: url(https://www.syunsoku.cc/special/undokai/style/img/navi03_of.png); }
#menu li.vol03.active a, #menu li.vol03 a:hover { background-image: url(https://www.syunsoku.cc/special/undokai/style/img/navi03_ov.png); }
#menu li.vol04 a { background-image: url(https://www.syunsoku.cc/special/undokai/style/img/navi04_of.png); }
#menu li.vol04.active a, #menu li.vol04 a:hover { background-image: url(https://www.syunsoku.cc/special/undokai/style/img/navi04_ov.png); }
#menu li.vol05 a { background-image: url(https://www.syunsoku.cc/special/undokai/style/img/navi05_of.png); }
#menu li.vol05.active a, #menu li.vol05 a:hover { background-image: url(https://www.syunsoku.cc/special/undokai/style/img/navi05_ov.png); }
#menu li.vol06 a { background-image: url(https://www.syunsoku.cc/special/undokai/style/img/navi06_of.png); }
#menu li.vol06.active a, #menu li.vol06 a:hover { background-image: url(https://www.syunsoku.cc/special/undokai/style/img/navi06_ov.png); }



/*-----------------------------------------

		#content

-----------------------------------------*/

#content .inner {
	position: relative;
}

#content .contentBox {
	padding: 120px 30px 50px;
	border-radius: 20px;
	background-color: rgba(255,255,255,0.8);
	position: relative;
}

#content .next {
	position: absolute;
	bottom: -30px;
	left: 464px;
}

#content strong.blue {
	display: inline;
	padding: 2px 4px;
	background-color: #fffa7a;
	color: #01aae2;
	font-weight: bold;
	line-height: 1.6;
}


/* #section0
-----------------------------------*/

#section0 {
	margin-top: 50px;
	margin-bottom: 15px;
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/top/bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#section0 .titArea {
	padding-left: 223px;
	margin-bottom: 22px;
	position: relative;
}

#section0 .profLink {
	position: absolute;
	top: 109px;
	left: 758px;
	cursor: pointer;
}

#section0 .txt {
	padding-left: 133px;
	margin-bottom: 43px;
}

#section0 .topics {
	padding: 28px 30px 18px;
	border-radius: 20px;
	background-color: rgba(255,255,255,0.45);
}

#section0 .topics dt {
	margin-bottom: 16px;
}

#section0 .topics dd table {
	width: 100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
}

#section0 .topics dd td {
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
}

#section0 .topics dd td.date {
	width: 115px;
}

#section0 .fukidashi {
	padding: 30px;
	width: 540px;
	border-radius: 20px;
	background-color: #fff;
	position: absolute;
	top: 80px;
	left: 200px;
	z-index: 2;
	box-shadow: 1px 1px 12px rgba(0,0,0,0.2);
	overflow: hidden;
	display: none;
}

#section0 .fukidashi .tit {
	margin-bottom: 28px;
}

#section0 .fukidashi .img {
	width: 190px;
	float: left;
	text-align: center;
}

#section0 .fukidashi .img div {
	margin-bottom: 10px;
}

#section0 .fukidashi .img .name {
	font-size: 16px;
}

#section0 .fukidashi .txtArea {
	padding-top: 5px;
	width: 320px;
	float: right;
}

#section0 .fukidashi .close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}


/* #section1
-----------------------------------*/

#section1 {
	margin-top: 50px;
	margin-bottom: 15px;
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point01/bg.png);
	background-position: center 0;
	background-repeat: repeat;
	background-size: cover;
}

#section1 h2 {
	position: absolute;
	top: -28px;
	left: 0;
	width: 100%;
	text-align: center;
}

#section1 .autoHeight {
	position: relative;
}

#section1 .more {
	margin-top: -40px;
	position: absolute;
	right: -80px;
	top: 50%;
	cursor: pointer;
}

#section1 .back {
	margin-top: -40px;
	position: absolute;
	left: -80px;
	top: 50%;
	cursor: pointer;
	display: none;
}

#section1 .begin {
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point01/img01.png);
	background-position: right 80px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 940px;
}

#section1 .begin h3 {
	margin-bottom: 30px;
	position: relative;
}

#section1 .begin h3 .icon {
	position: absolute;
	top: -31px;
	right: 28px;
}

#section1 .begin .txt {
	margin-bottom: 30px;
	width: 565px;
}

#section1 .begin .moreBtn {
	cursor: pointer;
}

#section1 .sokuiku {
	position: absolute;
	top: 0;
	left: 3000px;
	width: 940px;
}

#section1 .sokuiku h3 {
	margin-bottom: 18px;
}

#section1 .sokuiku .btns {
	text-align: center;
}

#section1 .sokuiku .btns li {
	margin: 0 20px;
	display: inline-block;
}


/* #section2
-----------------------------------*/

#section2 {
	margin-top: 50px;
	margin-bottom: 15px;
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point02/bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#section2 h2 {
	position: absolute;
	top: -28px;
	left: 0;
	width: 100%;
	text-align: center;
}

#section2 h3 {
	margin-bottom: 30px;
	position: relative;
}

#section2 h3 .icon {
	position: absolute;
	top: -31px;
	right: 28px;
}

#section2 .scrollBox {
	height: 420px;
	overflow: scroll;
	overflow-x: hidden;
}

#section2 dl {
	margin-bottom: 15px;
}

#section2 dt {
	padding: 10px 10px 10px 65px;
	font-size: 18px;
	font-weight: bold;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 30px;
}

#section2 dl.vol01 dt {
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point02/icon01_bg.png);
}

#section2 dl.vol02 dt {
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point02/icon02_bg.png);
}

#section2 dl.vol03 dt {
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point02/icon03_bg.png);
}

#section2 dl.vol04 dt {
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point02/icon04_bg.png);
}

#section2 dd {
	padding: 14px 20px;
	background-color: #fff;
}

#section2 dd .img01 {
	margin-left: 35px;
	float: right;
}

#section2 dd .video-btn {
	cursor: pointer;
	background-color: #fff;
}

#section2 dd .video-btn:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.80;
}




/* #section3
-----------------------------------*/

#section3 {
	margin-top: 50px;
	margin-bottom: 15px;
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point03/bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#section3 .scrollBox {
	height: 420px;
	overflow: scroll;
	overflow-x: hidden;
}

#section3 h2 {
	position: absolute;
	top: -28px;
	left: 0;
	width: 100%;
	text-align: center;
}

#section3 h3 {
	margin-bottom: 30px;
	position: relative;
}

#section3 h3 .icon {
	position: absolute;
	top: -31px;
	right: 28px;
}

#section3 .img {
	margin-left: 35px;
	margin-bottom: 15px;
	float: right;
}

#section3 .video-btn {
	cursor: pointer;
	background-color: #fff;
}

#section3 .video-btn:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.80;
}



/* #section4
-----------------------------------*/

#section4 {
	margin-top: 50px;
	margin-bottom: 15px;
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point04/bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#section4 .contentBox {
	padding-right: 10px;
}

#section4 .contentBox .scrollBox {
	width: 960px;
}

#section4 .contentBox .scrollBoxWrap {
	width: 940px;
}

#section4 h2 {
	position: absolute;
	top: -28px;
	left: 0;
	width: 100%;
	text-align: center;
}

#section4 .autoHeight {
	position: relative;
}

#section4 .top {
	position: absolute;
	top: 0;
	left: 0;
}

#section4 .top .scrollBox {
	height: 420px;
	overflow: scroll;
	overflow-x: hidden;
}

#section4 .top h3 {
	margin-bottom: 25px;
	position: relative;
}

#section4 .top h3 .icon {
	position: absolute;
	top: -31px;
	right: 28px;
}

#section4 .top .btns {
	padding: 0 15px;
	margin-bottom: 45px;
}

#section4 .top .period {
	margin-bottom: 40px;
}

#section4 .top .period li {
	margin-right: 14px;
	width: 304px;
	float: left;
}

#section4 .top .period li .txt {
	padding: 10px 15px 5px;
	border-radius: 0 0 15px 15px;
	background-color: #fff;
	height: 4.3em;
	line-height: 1.4;
}

#section4 .top .overNight {
	position: relative;
}

#section4 .top .overNight dd {
	padding: 10px 20px 0;
	text-align: center;
}

#section4 .top .overNight dd .icon {
	position: absolute;
	top: -20px;
	left: 104px;
}

#section4 .top .moreBtn01 img,
#section4 .top .moreBtn02 img,
#section4 .top .moreBtn03 img {
	cursor: pointer;
}

#section4 .training01 {
	position: absolute;
	top: 0;
	left: 3000px;
}

#section4 .training01 h3 {
	margin-bottom: 15px;
}

#section4 .training01 .scrollBox {
	height: 420px;
	overflow: scroll;
	overflow-x: hidden;
}

#section4 .training01 .lead {
	margin: 0 450px 20px 0;
}

#section4 .training01 .video-btn {
	margin-bottom: 30px;
	float: right;
}

#section4 .training01 ul {
	clear: both;
	margin-bottom: 30px;
}

#section4 .training01 li {
	border: 5px solid #01aae2;
	padding: 30px 20px 15px;
	border-radius: 25px;
	margin-right: 20px;
	width: 410px;
	float: left;
	background-color: #fff;
	position: relative;
}

#section4 .training01 li .icon {
	position: absolute;
	top: -20px;
	left: 16px;
}

#section4 .training01 li .img {
	float: left;
	margin: 0 15px 5px 0;
}

#section4 .training01 li.vol01,
#section4 .training01 li.vol02 {
	margin-bottom: 30px;
	height: 240px;
}

#section4 .training01 li.vol03,
#section4 .training01 li.vol04 {
	height: 160px;
}

#section4 .training01 li.vol02 .text {
	height: 7em;
}

#section4 .training01 li .point {
	margin-top: 15px;
	padding: 10px 20px 15px;
	background-color: #edf7fa;
}

#section4 .training01 li .point dt {
	margin-bottom: 5px;
}

#section4 .training01 .moreBtn {
	text-align: center;
	cursor: pointer;
}

#section4 .training01 .backBtn {
	position: absolute;
	top: -120px;
	left: 0;
	cursor: pointer;
}

#section4 .training02 {
	position: absolute;
	top: 0;
	left: 3000px;
}

#section4 .training02 h3 {
	margin-bottom: 15px;
}

#section4 .training02 .lead {
	margin: 0 450px 20px 0;
}

#section4 .training02 .video-btn {
	margin-bottom: 30px;
	float: right;
}

#section4 .training02 .scrollBox {
	height: 420px;
	overflow: scroll;
	overflow-x: hidden;
}

#section4 .training02 ul {
	margin-bottom: 30px;
}

#section4 .training02 li {
	border: 5px solid #01aae2;
	padding: 30px 20px 15px;
	border-radius: 25px;
	margin-right: 20px;
	width: 410px;
	float: left;
	background-color: #fff;
	position: relative;
}

#section4 .training02 li .icon {
	position: absolute;
	top: -20px;
	left: 16px;
}

#section4 .training02 li .img {
	float: left;
	margin: 0 15px 5px 0;
}

#section4 .training02 li.vol01,
#section4 .training02 li.vol02 {
	margin-bottom: 30px;
}

#section4 .training02 li.vol03 {
	clear: both;
}

#section4 .training02 .moreBtn {
	text-align: center;
}

#section4 .training02 .backBtn {
	position: absolute;
	top: -120px;
	left: 0;
	cursor: pointer;
}







#section4 .ichiya {
	position: absolute;
	top: 0;
	left: 3000px;
}

#section4 .ichiya h3 {
	margin-bottom: 15px;
}

#section4 .ichiya .scrollBox {
	height: 420px;
	overflow: scroll;
	overflow-x: hidden;
}

#section4 .ichiya li {
	border: 5px solid #5baa03;
	padding: 20px 20px 20px;
	border-radius: 25px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 410px;
	float: left;
	background-color: #fff;
	position: relative;
}

#section4 .ichiya li .titArea {
	display: table;
	margin-bottom: 15px;
	width: 100%;
}

#section4 .ichiya li .titArea p {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	color: #4f9600;
	font-weight: bold;
}

#section4 .ichiya li .titArea p.icon {
	width: 57px;
}

#section4 .ichiya li.vol03 {
	clear: both;
	margin-right: 0;
	margin-bottom: 30px;
	width: auto;
	float: none;
}

#section4 .ichiya li.vol03 .titArea {
	width: 520px;
}

#section4 .ichiya li.vol03 .img {
	margin-left: 20px;
	float: right;
}

#section4 .ichiya .backBtn {
	position: absolute;
	top: -120px;
	left: 0;
	cursor: pointer;
}



/* #section5
-----------------------------------*/

#section5 .contentBox {
	padding-bottom: 30px!important;
}

#section5 {
	margin-top: 50px;
	margin-bottom: 15px;
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point05/bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#section5 h2 {
	position: absolute;
	top: -28px;
	left: 0;
	width: 100%;
	text-align: center;
}

#section5 .mens {
	margin-bottom: 15px;
	width: 540px;
	float: left;
}

#section5 .ladies {
	margin-bottom: 15px;
	width: 370px;
	float: right;
}

#section5 .mens dt,
#section5 .ladies dt {
	padding: 0 20px;
	margin-bottom: 10px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	font-weight: bold;
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point05/tit01.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
}

#section5 .ladies dt {
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point05/tit02.png);
}

#section5 .mens dd li,
#section5 .ladies dd li {
	margin-right: 50px;
	width: 126px;
	float: left;
}

#section5 .mens dd li a,
#section5 .ladies dd li a {
	display: block;
	text-decoration: none;
}

#section5 .mens dd li a:hover,
#section5 .ladies dd li a:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.80;
	text-decoration: underline;
}

#section5 .mens dd li .img,
#section5 .ladies dd li .img {
	margin-bottom: 3px;
}

#section5 .mens dd li p,
#section5 .ladies dd li p {
	font-size: 12px;
	text-decoration: none;
	line-height: 1.4;
	text-align: center;
}

#section5 .bnr {
	padding: 8px 10px 10px;
	background-color: #000;
}

#section5 .bnr dt {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

#section5 .bnr dd li {
	float: left;
	margin-right: 10px;
	background-color: #fff;
}




#section5 .type03 .mens {
	width: 290px;
}

#section5 .type03 .mens dt {
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point05/tit01_03.png);
}

#section5 .type03 .mens02 {
	margin-left: 10px;
	width: 200px;
}

#section5 .type03 .mens02 ul {
	margin-left: 25px;
}

#section5 .type03 .mens02 dt {
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point05/tit01_04.png);
}

#section5 .type03 .ladies {
	width: 430px;
}

#section5 .type03 .ladies dt {
	background-image: url(https://www.syunsoku.cc/special/undokai/style/img/point05/tit02_03.png);
}

#section5 .mens dd li {
	margin-right: 35px;
}
#section5 .ladies dd li {
	margin-right: 20px;
}






/*-----------------------------------------

		#footer

-----------------------------------------*/

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background-color: #004cba;
	font-size: 11px;
	color: #fff;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#footer .inner {
	padding: 8px 0;
	overflow: hidden;
	_zoom: 0;
}

#footer .link {
	float: left;
}

#footer .copy {
	float: right;
}


#pp-nav {
	display: none;
}


/*-----------------------------------------

		#lb

-----------------------------------------*/
#lbBg {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.75);
	width: 100%;
	height: 100%;
	z-index: 20;
	display: none;
}
#lb {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -270px;
	margin-left: -400px;
	width: 800px;
	z-index: 21;
	display: none;
}
#lb .close {
	width: 265px;
	padding-top: 20px;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
}