@charset "utf-8";


/*-----------------------
01 head style
02 footer style
03 main style
04 Utility style
------------------------*/

html{
height: 100%;
}
body{
text-align: center;
font: 80%/140% "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
color: #000;
background: url(../images/bg.jpg) repeat-x #000;
}
*{
margin: 0;
padding: 0;
}
img{
border: none;
vertical-align: bottom;
}
ul{
list-style-type: none;
}
hr,
.skipNavi,
#nonPcTop{
display:none;
}
.clearBoth{
clear: both;
line-height: 0px;
font-size: 0px;
height: 0px;
margin: 0px;
padding: 0px;
}
a{
color: #99cccc;
text-decoration:underline;
}
a:visited{
color: #99cccc;
}
a:hover{
color: #fff100;
text-decoration: none;
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.no540{
display: none;
}
#container{
width: 90%;
margin: auto 5%;
padding: 0;
border: 0;
text-align: left;
background: #fff;
}

/* 02 head style
=======================================================================*/
#tonaki #head,
#fudensaki #head{
width: 100%;
}
#line{
height: auto;
font-size:12px;
padding: 3px 12px 3px 12px;
background: #000;
color: #fff;
}
#head #title{
display: none;
}
.logo{
background: #000;
text-align: center;
}
.logo img{
margin: 0.7em 0 0.5em;
}
.logoLink{
display: none;
}
#head .no780 img{
width: 100%;
}

/* 03 cont style
=======================================================================*/
#cont p{
margin: 20px 5% 5px;
line-height: 145%;
}

#cont ul{
margin: 30px 5% 10px;
}

#cont ul li{
list-style: none;
margin: 0 0 7px;
padding: 0 0 0 25px;
background: url(../images/li_icon2.gif) no-repeat 0 0px;
}

#cont table{
width: 90%;
font-size: 100%;
margin: 15px 5% 16px;
border-bottom: 1px solid #666;
}
#cont table td{
padding: 5px 8px 5px 12px;
border-top: 1px solid #666;
text-align: left;
}
#cont table th{
text-align: left;
padding: 5px 8px 5px 12px;
border-top: 1px solid #666;
background: #efefef;
font-weight:normal;
}
.ttlImg img{
width: 94%;
margin: 30px 3% 10px;
}
#txtPic img{
width: 94%;
margin: 30px 3% 10px;
}
#profilePic{
text-align: center;
margin: 0 auto;
}
#profilePic img{
width: 94%;
}

.pic{
margin: 40px 0 30px 5%;
}
.pic img{
float: left;
width: 45%;
margin: 0 5% 30px 0;
}
.movie{
text-align: center;
margin: 30px auto;
position: relative;
width: 90%;
padding-top: 56.25%;

}

.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;


/*width: 560px ;
height: 315px;*/
}

button.css3button {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
padding: 10px 20px;
background: -moz-linear-gradient(
top,
#fffcbf 0%,
#ffcd82 25%,
#e06126);
background: -webkit-gradient(
linear, left top, left bottom,
from(#fffcbf),
color-stop(0.25, #ffcd82),
to(#e06126));
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
border: 3px solid #ffffff;
-moz-box-shadow:
0px 3px 11px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,162,0,1);
-webkit-box-shadow:
0px 3px 11px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,162,0,1);
box-shadow:
0px 3px 11px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,162,0,1);
text-shadow:
0px -1px 0px rgba(000,000,000,0.2),
0px 1px 0px rgba(255,255,255,0.3);
}

/* 05 foot style
=======================================================================*/
#foot{
clear: both;
width: 100%;
margin: 0;
background: #000;
}

#foot p{
color: #fff;
text-align: center;
padding: 5px;
}

/* utility
=======================================================================*/
.marginTop0{
margin-top:0px;}
.marginTop5{
margin-top:5px;}
.marginTop10{
margin-top:10px;}
.marginTop30{
margin-top:10px;}
.marginBtm0{
margin-bottom:0px;}
.marginBtm5{
margin-bottom:5px;}
.marginBtm10{
margin-bottom:10px;}
.marginBtm15{
margin-bottom:15px;}
.marginBtm20{
margin-bottom:20px;}
.marginBtm30{
margin-bottom:30px;}
.marginBtm40{
margin-bottom:40px;}
.marginRight10{
margin-right:10px;}
.marginRight20{
margin-right:20px;}
.marginLeft13{
margin-left:13px;}
.marginLeft20{
margin-left:20px;}
.marginLeft35{
margin-left:35px;}
.marginPic{
margin:15px 0 20px;}

.floatLeft{float:left}
.floatRight{float:right;}

.center{text-align:center;}

.clearLeft{clear:left;}
.clearRight{clear:right;}
.clearBoth{clear:both;}

.bold{
font-weight: bold;}

.boldRed{
font-weight: bold;
color: #C03;}

@media only screen and (min-width: 350px){
#profilePic img{
width: 300px;
}
}
@media only screen and (min-width: 653px){
.no540{
display: inherit;
}
.ttlImg{
display: none;
}
#tonaki #point1{
width: 445px; height: 80px;
background: url(../../images/tonaki/point1.jpg);
margin: 35px 0 0 30px;
text-indent: -9999px;
}
#tonaki #point2{
width: 537px; height: 80px;
background: url(../../images/tonaki/point2.jpg);
margin: 40px 0 0 30px;
text-indent: -9999px;
}
#tonaki #point3{
width: 442px; height: 80px;
background: url(../../images/tonaki/point3.jpg);
margin: 60px 0 0 30px;
text-indent: -9999px;
}
#tonaki #txt01{
clear: both;
width: 312px; height: 30px;
background: url(../../images/tonaki/txt01.jpg);
margin: 10px auto 0 auto;
text-indent: -9999px;
}
#tonaki #profile h2,
#fudensaki #profile h2{
width: 432px; height: 98px;
background: url(../../images/tonaki/txtprofile.jpg);
margin: 20px 0 0 25px;
text-indent: -9999px;
}
#tonaki #txtSchedule{
width: 516px; height: 51px;
background: url(../../images/tonaki/txtschedule.jpg);
margin: 50px 0 0 30px;
text-indent: -9999px;
}
#tonaki #txtForm{
width: 569px; height: 84px;
background: url(../../images/tonaki/txtform.jpg);
margin: 50px 0 0 30px;
text-indent: -9999px;
}
.movie iframe {
height: 90px ;
width: 696px ;
}


#fudensaki #txtSchedule{
width: 483px; height: 55px;
background: url(../../images/fudensaki/ttl_03.jpg);
margin: 50px 0 0 30px;
text-indent: -9999px;
}
#fudensaki #txtForm{
width: 696px; height: 90px;
background: url(../../images/fudensaki/ttl_04.jpg);
margin: 50px 0 0 30px;
text-indent: -9999px;
}
}


@media only screen and (min-width: 780px){
#container{
width: 780px;
margin: auto auto;
}
.no780{
display: none;
}

/* 02 head style
=======================================================================*/
#tonaki #head{
width: 780px;
height: 499px;
background: url(../../images/tonaki/header.jpg) no-repeat 0 bottom;
}
#fudensaki #head{
width: 780px;
height: 316px;
background: url(../../images/fudensaki/header.jpg) no-repeat 0 bottom;
}

#line{
height: 20px;
padding: 3px 0 0px 12px;
}

#head #title{
text-indent: -9999px;
padding: 20px;
}

#head .logo{
display: none;
}
.logoLink{
display: inherit;
width: 175px;
height: 75px;
}
.logoLink a{
width: 175px;
height: 75px;
display: block;
margin: 15px 0 0 15px;
text-indent: -9999px;
}
#profile{
 background: url(../../images/fudensaki/okumurayuki.jpg) no-repeat 470px 30px;
 height: 400px;
 padding: 30px 300px 30px 0;
 border-top: 1px dotted #000;
 border-bottom: 1px dotted #000;
 margin-top: 40px;
}
#profilePic{
display:none;
}
.pic{
margin: 40px 0 30px 15px;
}
.pic img{
width: 240px;
margin: 0 15px 30px 0;
}
#schedule{
 padding: 0 0 30px 0;
 border-bottom: 1px dotted #000;
}

/* 05 foot style
=======================================================================*/
#foot{
clear: both;
width: 780px;
height: 226px;
margin: 0;
background: url(../images/bg_foot2.jpg) 0 0 no-repeat #fff;
}

#foot p{
text-indent: -9999px;
}
#foot .logo{
background: none;
text-align: left;
}
#foot .logo img{
margin: 0;
position: relative;
top: 120px;
left:30px;
}
}