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

/* --- common ----------------------------------------------------------------------*/
* {
	padding:0;
	margin:0;
}
body {
	color: #666666;
	font-size: 90%;
	font-family: ryo-gothic-plusn, sans-serif;
	}
img {
	text-decoration: none;
	border: 0;
}
em {
	color: #F00;
	font-style: normal;
}
p {
	margin: 20px 20px;
	line-height: 1.8;
}
table {
	margin: 20px 20px;
	line-height: 1.8;
}
ul {list-style: none;}
ul.list-disc{ list-style: disc;}
li {line-height: 1.8;}
a {color: #3399FF; line-height: 1.8;}
a:hover {color: #00c0ff; transition: all .3s;}
h1, h2, h3, h4, h5 { clear: both;}
th, td { vertical-align: middle; line-height: 1.8;}
strong { color: #333; line-height: 1.8;}
address { font-style: normal; line-height: 1.8;}
span { line-height: 1.8;}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

/* --- */
header {
    width: 1000px;
    margin: 0 auto;
}
header#topheader {
    height: 632px;
    background: url(../img/topimg.png) no-repeat center top;
}
header h1 a {
    display: block;
    width: 591px;
    height: 50px;
    margin: 12px 17px 0;
    background: url("../img/logo.png") no-repeat left top;
}

/* ---- */
main {
    width: 1000px;
    margin: 0 auto;
}
ul#tp_uplist {
    margin: 10px 0;
    text-align: center;
}
ul#tp_uplist li {
    display: inline-block;
}
ul#tp_uplist li a {
    display: inline-block;
    width: 329px;
    height: 329px;
}
li#tpu_shikaku { background: url("../img/tpu_shikaku.png") no-repeat;}
li#tpu_scv { background: url("../img/tpu_scv.png") no-repeat;}
li#tpu_youtube { background: url("../img/tpu_youtube.png") no-repeat;}
li#tpu_staff { background: url("../img/staff_btn.png") no-repeat;}

ul#tp_point4 {
    margin: 10px 0;
    text-align: center;
}
ul#tp_point4 li {
    display: inline-block;
    width: 498px;
    height: 296px;
}
ul#tp_point4 li#point1 { background: url("../img/point1.png") no-repeat;}
ul#tp_point4 li#point2 { background: url("../img/point2.png") no-repeat;}
ul#tp_point4 li#point3 { background: url("../img/point3.png") no-repeat;}
ul#tp_point4 li#point4 { background: url("../img/point4.png") no-repeat;}

h2#h2_stg, h2#h2_staff, h2#h2_pnt {
    width: 482px;
    height: 80px;
    margin: 70px auto 40px;
    background: url("../img/h2_stage.png") no-repeat;
}
h2#h2_pnt { background: url("../img/h2_pnt.png") no-repeat;}

ul#stg {
    text-align: center;
    margin-bottom: 40px;
}
ul#stg li {
    display: inline-block;
}
ul#stg li a {
    display: inline-block;
    width: 329px;
    height: 175px;
}
ul#stg li#stg01 a { background: url("../img/stg01.png") no-repeat;}
ul#stg li#stg02 a { background: url("../img/stg02.png") no-repeat;}
ul#stg li#stg03 a { background: url("../img/stg03.png") no-repeat;}

h2#h2_staff { background: url("../img/h2_staff.png") no-repeat;}

ul#staff {
    margin-bottom: 50px;
}
ul#staff li {
    display: inline-block;
    width: 1000px;
    height: 185px;
}
ul#staff li#stf01 { background: url("../img/staff01pc.png") no-repeat;}
ul#staff li#stf02 { background: url("../img/staff02pc.png") no-repeat;}
ul#staff li#stf03 { background: url("../img/staff03pc.png") no-repeat;}
ul#staff li#stf04 { background: url("../img/staff04pc.png") no-repeat;}


/**/

footer {
    background: #00a2e5;
    color: #fff;
    text-align: center;
    padding: 20px 0 40px;
}

/**/

header h1 a span, ul#tp_uplist li a span, ul#tp_point4 li span, h2#h2_stg span, ul#stg li a span, h2#h2_staff span, h2#h2_pnt span {display: none;}
.vanity { display: none;}
.cntr { text-align: center;}
.mb { display: none;}
.larg {font-size: 140%;}