@charset "utf-8";

/* ベース */
html,body{
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
color:#111;
font-size:13px;
line-height:1.5;
height:100%;
z-index:0;
background:#FFF;
}

#wrapper{
width:100%;
height:auto;
min-height:100%;
margin:auto;
}

header{
height:100px;
position:relative;
border:1px solid rgb(204, 204, 204);
box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
z-index:100;
background:#FFF;
}

#logo{
float:left;
margin-top:10px;
margin-right:10px;
margin-left:10px;
}

nav ul li a{
float:left;
width:210px;
height:70px;
background:url(../img/nav.png);
box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
margin-left:5px;
margin-right:5px;
margin-top:15px;
}

nav ul li a:hover{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

#nav0 a:link{background-position:0px -0px;}
#nav0 a:hover{background-position:0px -70px;}
#nav1 a:link{background-position:-210px -0px;}
#nav1 a:hover{background-position:-210px -70px;}
#nav2 a:link{background-position:-420px -0px;}
#nav2 a:hover{background-position:-420px -70px;}
#nav3 a:link{background-position:-630px -0px;}
#nav3 a:hover{background-position:-630px -70px;}

.center{
width:1260px;
margin:auto;
position:relative;
z-index:0;
}

#lineup,#player{
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border:5px solid #FFF;
border-top:none;
border-bottom:none;
box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
overflow:hidden;
}

#lineup{
background:url(../img/bg_lineup.jpg);
background-size: cover;
}
#player{
background:url(../img/bg_player.jpg);
background-size: cover;
}

.lineup,.player{
width:1260px;
border:5px solid #FFF;
border-top:none;
border-bottom:none;
background:url(../img/bg_main.jpg);
box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
overflow:hidden;
padding-bottom:40px;
}

#lineup h2{
width:530px;
height:50px;
background:url(../img/lineup_title.png) no-repeat;
margin:10px;
margin-top:20px;
}

#player h2{
width:530px;
height:50px;
margin:10px;
margin-top:20px;
}

#player3_gif img{
position:absolute;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
margin-top:335px;
margin-left:530px;
}

#player3_btn a img,
#player3_btn1 a img,
#player3_btn2 a img{
position:absolute;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

#player3_btn a img{
margin-top:1190px;
margin-left:670px;
}

#player3_btn1 a img{
margin-top:1275px;
margin-left:670px;
}

#player3_btn2 a img{
margin-top:1275px;
margin-left:910px;
}

#player3_btn a img:hover,
#player3_btn1 a img:hover,
#player3_btn2 a img:hover{
opacity:0.5;
filter: alpha(opacity=50);
-moz-opacity:0.50;
}

#player5{
background:url(../img/player5.png) no-repeat;
width:1170px;
height:700px;
margin-left:45px;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border:5px solid #FFF;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
}

#player5 object{
margin-left:105px;
margin-top:130px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
}

#product h2{
width:530px;
height:50px;
margin:10px;
margin-top:20px;
background:url(../img/product_title.png) no-repeat;
}

#lineup h3{
width:430px;
height:40px;
margin-left:50px;
margin-top:20px;
background:url(../img/lineup_section.png) no-repeat;
}

#player h3{
position:absolute;
margin-top:-40px;
margin-left:620px;
}

h3#lt1{background-position:0 0;}
h3#lt2{width:890px;background-position:0 -40px; float:left}
h3#lt3{background-position:0 -80px;width:270px;}

#lineup_note p{
width:620px;
height:80px;
background:url(../img/lineup_note.png) no-repeat;
position:absolute;
margin-top:-80px;
margin-left:600px;
}

p span{
font-size:12px;
}

section{
width:1170px;
margin:auto;
margin-top:15px;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border:5px solid #FFF;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
}

.section{
width:1170px;
margin:auto;
margin-top:15px;
}

.section img{
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border:5px solid #FFF;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
}

section#ls1{background:url(../img/lineup_bg1.jpg)}
section#ls2{background:url(../img/lineup_bg2.jpg)}
section#ls3{background:url(../img/lineup_bg3.jpg)}
section#ls4{background:url(../img/lineup_bg4.jpg)}
section#ls5{background:url(../img/lineup_bg5.jpg)}
section#ls6{background:url(../img/lineup_bg6.jpg)}

.ls{
width:280px;
float:left;
margin-left:40px;
margin-right:-30px;
}

#lineup h4{
color:#58B871;
font-size:26px;
width:300px;
padding-top:5px;
padding-bottom:5px;
margin:20px;
margin-bottom:10px;
margin-left:20px;
text-align:center;
background:#FFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#lineup_note_{
width:600px;
height:120px;
margin-left:20px;
display:block;
background:url(../img/lineup_note_.png) no-repeat #333;
position:absolute;
}

#lineup_nurse p a{
width:440px;
height:100px;
margin-top:20px;
margin-left:700px;
display:block;
background:url(../img/lineup_nurse.png) no-repeat;
position:absolute;
}

#ls1 dl{
margin-top:130px;
}

#ls1 dl dt{
float:left;
width:190px;
text-align:center;
margin:20px;
}

#ls1 dl dt h6 a{
width:190px;
height:267px;
display:block;
background:url(../img/lineup_list.jpg) no-repeat;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:5px solid #FFF;
}

#ls1 dl dt p{
color:#FFF;
margin:5px;
}

#ld1 a:link{background-position:0 0;}
#ld2 a:link{background-position:-190px 0;}
#ld3 a:link{background-position:-380px 0;}
#ld4 a:link{background-position:-570px 0;}
#ld5 a:link{background-position:-760px 0;}
#ld6 a:link{background-position:0 -267px;}
#ld7 a:link{background-position:-190px -267px;}

#ls1 dl dt p a{
width:160px;
height:30px;
display:block;
margin:auto;
background:url(../img/lineup_btn.png) no-repeat;
}

#lineup h5{
color:#58B871;
font-size:24px;
width:250px;
padding-top:3px;
margin:auto;
margin-top:15px;
text-align:center;
background:#FFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

h5#lh1{color:#D53B5F;}
h5#lh2{color:#4D60BD;}
h5#lh3{color:#B779BA;}
h5#lh4{color:#EB7F00;}

.ls dl dt{
text-align:center;
margin:20px;
}

.ls dl dt a{
width:230px;
height:130px;
display:block;
margin:auto;
background:url(../img/lineup_sche.jpg) no-repeat;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:5px solid #FFF;
}

.ls dl dt p{
color:#FFF;
margin:5px;
}

#la1 a:link{background-position:0 0;}
#la2 a:link{background-position:0 -150px;}
#la3 a:link{background-position:-230px 0;}
#la4 a:link{background-position:-230px -150px;}
#la5 a:link{background-position:-460px 0;}
#la6 a:link{background-position:-460px -150px;}

#le1 a:link{background:url(../img/lineup_def.jpg) no-repeat;background-position:0 0;}
#le2 a:link{background:url(../img/lineup_def.jpg) no-repeat;background-position:0 -150px;}

#lineup_ele img{
margin-top:10px;
margin-left:60px;
padding-bottom:30px;
}

footer{
height:170px;
position:relative;
border-top:1px solid rgb(204, 204, 204);
z-index:100;
background:#FFF;
}

#bn{margin-left:440px;}

#bn li a{
float:left;
display:block;
margin-top:20px;
margin-left:20px;
}

footer p{
clear:both;
padding:10px;
text-align:right;
}

.clear{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display:block;
}

.both{clear:both}

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

.timesheet{
width:1000px;
margin:auto;
margin-top:15px;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border:5px solid #FFF;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 0px;
}

.timesheet h4{
padding:5px;
font-size:26px;
background:#FFFFFF;
width:300px;
margin-left:15px;
margin-top:15px;
text-align:center;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}


.timesheet h4 span{
font-size:16px;
margin-left:10px;
}

.timesheet h5.text{
padding:10px;
padding-top:5px;
padding-bottom:5px;
font-size:14px;
color:#600;
background:#FFFFFF;
margin-left:15px;
margin-top:5px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin-right:15px;
}

#timesheet1 h4{color:#58B871;width:300px;}
#timesheet2 h4{color:#D53B5F;width:520px;}

#timesheet1{background:url(../img/lineup_bg1.jpg);}
#timesheet2{background:url(../img/lineup_bg2.jpg);}

.timesheet h4.title{
font-size:24px;
}

.timesheet h4.title span{
font-size:30px;
text-decoration:underline;
}

.timesheet h4.title font{
font-size:16px;
text-align:left;
margin-top:-10px;
margin-left:-376px;
}


#timesheet1 ul{
padding:20px;
padding-top:5px;
}

#timesheet1 ul li{
background:#FFF;
float:left;
margin:10px;
padding:10px;
padding-top:0px;
width:270px;
height:450px;
box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 1px;
border:5px solid #F90;
}

#timesheet1 ul li h5 img{
max-width:270px;
margin-top:3px;
}

#timesheet2 ul li h5 img{
max-width:270px;
margin-top:3px;
}

#timesheet1 ul li a img:hover{
opacity:0.7;
filter: alpha(opacity=70);
-moz-opacity:0.70;
}

#timesheet1 ul li p,
#timesheet1 ul li h5,
#timesheet1 ul li h6{
text-align:center;
}

#timesheet1 ul li h6{
margin-bottom:3px;
}

#timesheet1 ul li h6.btn{
margin-bottom:14px;
}

#timesheet1 ul li p{
font-size:12px;
margin-top:5px;
margin-bottom:5px;
}

#timesheet2 ul{
padding:10px;
}

#timesheet2 ul li{
background:#FFF;
float:left;
margin:5px;
margin-bottom:20px;
width:172px;
height:280px;
padding:5px;
box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 1px;
border:2px solid #F90;
}

#timesheet2 ul li p,
#timesheet2 ul li h5,
#timesheet2 ul li h6{
text-align:center;
}

#timesheet2 ul li a img:hover{
opacity:0.7;
filter: alpha(opacity=70);
-moz-opacity:0.70;
}

#timesheet1 ul li p.tag,
#timesheet2 ul li p.tag{
color:#FFF;
padding-left:7px;
padding-right:5px;
padding-top:1px;
padding-bottom:0px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
letter-spacing:1px;
text-align:center;
}

#timesheet1 ul li p.tag{
background:#58B871;
}

#timesheet1 ul li p.cup{
font-weight:bold;
}

#timesheet1 ul li p.cup_{
	margin-top:-3px;
}

#timesheet1 ul li p.cup_ span{
	font-size:11px;
	margin-right:5px;
}

#timesheet1 ul li p.cup_ a{
font-weight:bold;
	font-size:13px;
}

#timesheet1 ul li p.cup_ a:link{
color:#FF0033;
}
#timesheet1 ul li p.cup_ a:visited{
color:#FF0033;
}
#timesheet1 ul li p.cup_ a:hover{
color:#6633FF;
}

#timesheet1 ul li p.hoge{
	font-size:10px;
	margin-top:-3px;
}

#timesheet1 ul li p.cup span{
color:#FFF;
background:#58B871;
padding:7px;
padding-top:1px;
padding-bottom:0px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-weight:normal;
}


#timesheet2 ul li p.tag{
background:#D53B5F;
}


#page-top{
position:fixed;
bottom:20px;
right:20px;
font-size:77%;
z-index:200;
}

#page-top a{
background:#C51D2C;
text-decoration:none;
color:#fff;
width:70px;
padding:28px 0;
text-align:center;
display:block;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
}

#page-top a:hover{
text-decoration:none;
background:#F60;
}