/*---------------------
スケジュールエリアの設定
----------------------*/
.sch{
font-size: small;
width:auto;
margin:5px;
}

#schedule_pc{
clear:both;
padding-top:15px;
}
#schedule_pc img{
border:0
}

#schedule_pc #weekTitle{
overflow:hidden;
text-align:center;
margin:5px auto;
float:none;
clear:both;
color:#FFFFFF;
width:auto;
padding:10px 0;
background-color:#fd0782;
background-image: -webkit-gradient(linear, left top, left bottom, from( #3a3a3a ), to( #000000 )); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #3a3a3a , #000000 ); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #3a3a3a , #000000 ); /* FF3.6 */
backgr98ound-image:      -o-linear-gradient( #3a3a3a , #000000 ); /* Opera 11.10+ */
background-image:         linear-gradient( #3a3a3a , #000000 );
background-color:#000000;
text-decoration:none;
font-weight:bold;
vertical-align:middle;
text-shadow:
0px 1px 1px #2cbce4,
0px -1px 0px #2cbce4);
/*for Safari and chrome*/
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
/*for Firefox*/
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
/*for IE*/
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
position:relative;
}


#schedule_pc ul{
list-style:none;
display:block;
width:auto;
padding:1px;
border:1px #ccc solid;
background-color:#FFF;
/*for Safari and chrome*/
-webkit-border-top-left-radius: 5px;  
-webkit-border-top-right-radius: 5px;  
-webkit-border-bottom-right-radius: 5px;  
-webkit-border-bottom-left-radius: 5px;
/*for Firefox*/
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
/*for IE*/
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
/*-moz-box-shadow: 0px 0px 0px 3px #CCC;/* Firefox用 */
/*-webkit-box-shadow: 0px 0px 3px 3px #CCC;/* Safari, Chrome用 */
/*-o-box-shadow: 0px 0px 0px 3px #CCC;
/*-ms-box-shadow: 0px 0px 0px 3px #CCC;
/*box-shadow: 0px 0px 0px 3px #CCC); /* CSS3 */
margin:0 0 15px 0;

}


#schedule_pc li{
overflow:hidden;
margin:0;
padding:0;
float:none;
clear:both;
text-align:left;
border-bottom:1px #CCC dotted;
background-color:#f0f0f0;
text-decoration:none;
font-weight:bold;
vertical-align:middle;
font-size:small;
line-height:normal;
font-size: 12px;
}
#schedule_pc li#dayTitle:first-child{
overflow:hidden;
text-align:center;
margin:0;
float:none;
clear:both;
color:#FFFFFF;
padding:10px 0;
border-top:1px #0088ff solid;
text-shadow: 0 1px 0 #111 ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #26d0f3 ), to( #15a1df )); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #26d0f3 , #15a1df ); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #26d0f3 , #15a1df ); /* FF3.6 */
background-image:      -o-linear-gradient( #26d0f3 , #15a1df ); /* Opera 11.10+ */
background-image:         linear-gradient( #26d0f3 , #15a1df );
text-decoration:none;
font-weight:bold;
vertical-align:middle;
text-shadow:
0px 1px 1px #2cbce4,
0px -1px 0px #2cbce4);
/*for Safari and chrome*/
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
/*for Firefox*/
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
/*for IE*/
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
background-color:#15a1df;
box-shadow: 
inset 0 20px 30px -15px #26d0f3,
inset 0 -40px 50px -35px #15a1df;
}
#schedule_pc li:first-child{
/*for Safari and chrome*/
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
/*for Firefox*/
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
/*for IE*/
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#schedule_pc li:last-child{
/*for Safari and chrome*/
-webkit-border-top-left-radius: 0px;  
-webkit-border-top-right-radius: 0px;  
-webkit-border-bottom-right-radius: 5px;  
-webkit-border-bottom-left-radius: 5px;
/*for Firefox*/
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
/*for IE*/
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom:0;

}

.schedule_txt{
margin:5px;
font-weight:normal;
width:100%;
float:left;}

.schedule_tt {
float:left;
width:20%;
height:auto;
font-weight:bold;
}

.schedule_con {
margin-bottom: 5px;
margin-top:0px;
padding-left:5px;
float:left;
left:auto;
width:75%;
border-left:#CCC solid 1px;
}

.day_con_title{
width:auto;
float:left;
font-weight:bold;
}

.day_con_name,
.slash {
float:left;
font-weight:normal;
}

.schedule_sns {
float:left;
margin-left:15px;
margin-bottom:5px
}
iframe.twitter-share-button {
    width: 105px!important;
}

/*ボタンの共通要素
------------------------------------------------------------ */
.schedule_btn{
text-align:center;
margin:10px auto;
padding:5px;}

.button {
font-size: small;
text-decoration: none;
}


/*　サンプル3の要素
------------------------------------------------------------ */

#container .sch .button a {
color:#FFF;
text-decoration:none;
}
#container .sch .button a:hover{
color:#EEE
text-decoration:none;
}


.sch .button {
display: inline-block;
margin: 2px 0;
padding: 5px 15px 3px;
border: 1px solid #336693;
border-bottom-color: #336693;
color: #fff!important;
text-align: center;
text-decoration: none !important;
text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
text-transform: uppercase;
font: bold 12px/16px sans-serif;
cursor:pointer;

/*Border radius*/
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

/*Background*/
background: #274d70; /*Fallback*/
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #336693), color-stop(1, #274d70));
background: -moz-linear-gradient( center top, #336693 20%, #274d70 100% );

/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

.sch .button:hover {
color: #fff;
text-decoration: none!important;
/*Background*/
background: #396083; /*Fallback*/
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3c77ab), color-stop(1, #396083) );
background: -moz-linear-gradient( center top, #3c77ab 20%, #396083 100% );
}




/*　サンプル3の要素
------------------------------------------------------------ */
.sch .button_top {
font-size: small;
text-align:right;
margin:15px 0;
}
.sch .button_top a {
display: inline-block;
margin: 2px 0;
padding: 5px 15px 3px;
border: 1px solid #666;
border-bottom-color: #666;
color: #fff!important;
text-align: center;
text-decoration: none !important;
text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
text-transform: uppercase;
font: bold 12px/16px sans-serif;
cursor:pointer;

/*Border radius*/
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

/*Background*/
background: #000; /*Fallback*/
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #333), color-stop(1, #000));
background: -moz-linear-gradient( center top, #333 20%, #000 100% );

/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;

}
.sch .button_top a:hover {
color: #fff;
text-decoration: none!important;
/*Background*/
background: #333; /*Fallback*/
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #888), color-stop(1, #333) );
background: -moz-linear-gradient( center top, #888 20%, #333 100% );

}



/*---------------------
カレンダーエリアの設定
----------------------*/
#container .calender_area {
width:auto;
}
#container .calender_area ul{
margin:0 auto;
padding:0;
list-style:none;
border:none;
}

#container .calender_area li{
color:#333;
text-shadow:
0px -1px 0px rgba(000,000,000,0.2),
0px 1px 0px rgba(255,255,255,1);
font-weight:bold;
width:auto;
margin:0 auto;
}
#container .calender_area li a{
text-decoration:none;
color:#333;
text-shadow:
0px -1px 0px rgba(000,000,000,0.2),
0px 1px 0px rgba(255,255,255,1);
font-weight:bold;
}

#container .m_bt{
list-style:none;
display:block;
width:auto;
padding:1px;
border:1px #ccc solid;
background-color:#FFF;
/*for Safari and chrome*/
-webkit-border-top-left-radius: 5px;  
-webkit-border-top-right-radius: 5px;  
-webkit-border-bottom-right-radius: 5px;  
-webkit-border-bottom-left-radius: 5px;
/*for Firefox*/
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
/*for IE*/
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
/*-moz-box-shadow: 0px 0px 0px 3px #CCC;/* Firefox用 */
/*-webkit-box-shadow: 0px 0px 3px 3px #CCC;/* Safari, Chrome用 */
/*-o-box-shadow: 0px 0px 0px 3px #CCC;
/*-ms-box-shadow: 0px 0px 0px 3px #CCC;
/*box-shadow: 0px 0px 0px 3px #CCC); /* CSS3 */
margin:0 0 15px 0;

}

#container .calender_area .m_bt_line{
overflow:hidden;
text-align:center;
margin:0x;
float:none;
clear:both;
color:#FFFFFF;
padding-top:10px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
text-shadow: 0 1px 0 #111;
-moz-box-shadow:
0px 3px 10px rgba(0,0,0,0.1),
inset 0 20px 30px -15px rgba(0,0,0,0.15),
inset 0 -40px 50px -35px rgba(255,255,255,0.6);
-webkit-box-shadow:
0px 3px 10px rgba(0,0,0,0.1),
inset 0 20px 30px -15px rgba(0,0,0,0.15),
inset 0 -40px 50px -35px rgba(255,255,255,0.6);
box-shadow:
0px 3px 10px rgba(0,0,0,0.1),
inset 0 20px 30px -15px rgba(0,0,0,0.15),
inset 0 -40px 50px -35px rgba(255,255,255,0.6);
text-decoration:none;
font-weight:bold;
vertical-align:middle;
/*for Safari and chrome*/
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
/*for Firefox*/
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
/*for IE*/
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
width:auto;
}

#container .calender_area .m_bt_line a {
float:left;
width:25%;
margin:0;
font-weight:bold;
font-size: small;
color: #ffffff;
padding:5px 0 0 0;
text-align:center;
font-weight: normal;
border-top:1px #0088ff solid;
border-bottom:1px #0088ff solid;
text-shadow: 0 1px 0 #111 ;
/*for Safari and chrome*/
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
/*for Firefox*/
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
/*for IE*/
border-top-left-radius: 15px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ff77c1 ), to( #ff0284 )); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #ff77c1 , #ff0284 ); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #ff77c1 , #ff0284 ); /* FF3.6 */
background-image:      -o-linear-gradient( #ff77c1 , #ff0284 ); /* Opera 11.10+ */
background-image:         linear-gradient( #ff77c1 , #ff0284 );
background-color:#fd0782;
box-shadow: 
inset 0 20px 30px -15px #ff77c1,
inset 0 -40px 50px -35px #ff0284;

}






#container .calender_area .m_bt_line a.m_bt_on {
float:left;
width:25%;
margin:0;
font-weight:bold;
font-size: small;
color: #ffffff;
padding:5px 0 0 0;
text-align:center;
font-weight: normal;
border-top:1px #FF0066 solid;
border-bottom:1px #FF0066 solid;
text-shadow: 0 1px 0 #111 ;
/*for Safari and chrome*/
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
/*for Firefox*/
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
/*for IE*/
border-top-left-radius: 15px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ff77c1 ), to( #ff0284 )); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #ff77c1 , #ff0284 ); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #ff77c1 , #ff0284 ); /* FF3.6 */
background-image:      -o-linear-gradient( #ff77c1 , #ff0284 ); /* Opera 11.10+ */
background-image:         linear-gradient( #ff77c1 , #ff0284 );
background-color:#fd0782;
box-shadow: 
inset 0 20px 30px -15px #ff77c1,
inset 0 -40px 50px -35px #ff0284;

}



#container .calender_area .m_bt_line a:hover.m_bt_on {
background-image: -webkit-gradient(linear, left top, left bottom, from( #26d0f3 ), to( #15a1df )); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #26d0f3 , #15a1df ); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #26d0f3 , #15a1df ); /* FF3.6 */
background-image:      -o-linear-gradient( #26d0f3 , #15a1df ); /* Opera 11.10+ */
background-image:         linear-gradient( #26d0f3 , #15a1df );
background-color:#2cbce4;
box-shadow: 
inset 0 20px 30px -15px #26d0f3,
inset 0 -40px 50px -35px #15a1df;
border-top:1px #0088ff solid;
border-bottom:1px #0088ff solid;
}

#container .calender_area .m_bt_line a.m_bt_off {
float:left;
width:25%;
margin:0;
font-weight:bold;
font-size: small;
color: #ffffff;
padding:5px 0 0 0;
text-align:center;
font-weight: normal;
border-top:1px #0088ff solid;
border-bottom:1px #0088ff solid;
text-shadow: 0 1px 0 #111 ;
background-image: -webkit-gradient(linear, left top, left bottom, from( #26d0f3 ), to( #15a1df )); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #26d0f3 , #15a1df ); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #26d0f3 , #15a1df ); /* FF3.6 */
background-image:      -o-linear-gradient( #26d0f3 , #15a1df ); /* Opera 11.10+ */
background-image:         linear-gradient( #26d0f3 , #15a1df );
/*for Safari and chrome*/
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
/*for Firefox*/
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
/*for IE*/
border-top-left-radius: 15px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
background-color:#26d0f3;
box-shadow: 
inset 0 20px 30px -15px #26d0f3,
inset 0 -40px 50px -35px #15a1df;

}



#container .calender_area .m_bt_line a:hover.m_bt_off {
background-image: -webkit-gradient(linear, left top, left bottom, from( #ff77c1 ), to( #ff0284 )); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #ff77c1 , #ff0284 ); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient( #ff77c1 , #ff0284 ); /* FF3.6 */
background-image:      -o-linear-gradient( #ff77c1 , #ff0284 ); /* Opera 11.10+ */
background-image:         linear-gradient( #ff77c1 , #ff0284 );
background-color:#fd0782;
box-shadow: 
inset 0 20px 30px -15px #ff77c1,
inset 0 -40px 50px -35px #ff0284;
border-top:1px #FF0066 solid;
border-bottom:1px #FF0066 solid;
}





#container .calender_area .w_bt_line{
overflow:hidden;
width:auto;
margin:3px 1% 3px 0.9%;
color:#999999;
}




#container .calender_area .w_bt_line a,.w_bt_Clear{
float:left; 
width:13.8%; 
margin:0 auto;
text-align:center;
overflow:hidden;
padding:3px 0;
background-color:#f0f0f0;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}
#container .calender_area .w_bt_line .day_first{
float:left;
width:14%;
margin:0 auto;
text-align:center;
overflow:hidden;
padding:3px 0;
border-right:none;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 5px;
/*for Firefox*/
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 5px;
/*for IE*/
border-top-left-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 5px;
padding: 3px 0;
background-color:#f0f0f0;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
color:#FF99CC;

}



#container .calender_area .w_bt_line .day_last{
color:#3CF;
float:left;
width:14%;
margin:0 auto;
text-align:center;
overflow:hidden;
padding:3px 0;
border-right:none;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
/*for Firefox*/
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 0px;
/*for IE*/
border-top-left-radius: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 0px;
padding: 3px 0;
background-color:#f0f0f0;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;

}

#container .calender_area .w_bt_line a.day_first{
color: #F33;
}
#container .calender_area .w_bt_line a.day_last{
color: #33F;
}


#container .calender_area .w_bt_line a:hover {
background:#cccccc;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
border-top:1px solid #999;
width:13.6%;
}
#container .calender_area .w_bt_line a:hover.day_first{
width:14%;
}
#container .calender_area .w_bt_line a:hover.day_last{
width:13.8%;
}
