/* スクロールバー */
::-webkit-scrollbar{
        overflow:hidden;
        width:9px;
        background:#eee;
         
        -webkit-border-radius:3px;
        border-radius:3px;
}
        ::-webkit-scrollbar:horizontal{
                height:5px;
        }
::-webkit-scrollbar-button{
       display:none;
}
::-webkit-scrollbar-piece{
        background:#eee;
}
        ::-webkit-scrollbar-piece:start{
                background:#eee;
        }
::-webkit-scrollbar-thumb{
        overflow:hidden;
        -webkit-border-radius:3px;
        border-radius:3px;
        background:#6666ff;
}
::-webkit-scrollbar-corner{
        overflow:hidden;
        -webkit-border-radius:3px;
        border-radius:3px;
        background:#6666ff;
}
/* スクロールバー */

body{
color: #666666;
background:#bbbbbb;
}

html {
margin-bottom:1px;
height:100%;
}

.up{   
margin:0 5px 0 0 auto;
}

.up li {
    display:inline-block;
    /display:inline;
    /zoom:1;
    vertical-align:top;
    padding:5px 10px;
}

.head{
	display: inline-block; 
	text-align: center; 
	vertical-align: top;
   z-index: 1;
	position:absolute;
	top:0;
	left:0;}

iframe.border1 { border: 1px #cccccc solid; }

img {
    max-width: 100%;
    height: auto;
}

div#headerArea {
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background:linear-gradient(#000000 88%, #7121B3 92%, #bbbbbb 100%);
	z-index: 997;
}

div#footerArea {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 57px;
	background-color: #000000;
	color: #ffffff;
	font-size: 0.9em;
	z-index: 997;
}

div#contentsArea{
margin: auto;
min-height: 100%;
max-width: 1000px;
background: #ffffff;
}

* html div#contentsArea{
	height: 100%;
	overflow: auto;
	color: #666666;
}

#contentsArea a:link{
	color: #b37eec;
}
#contentsArea a:visited{
	color: #51178c;
}

.middle{
    width:100%;
    margin:0 auto;
}

.middle p{
 display:inline-block;
 vertical-align:middle;
}

.middle li {
    display:inline-block;
    /display:inline;
    /zoom:1;
    vertical-align:middle;
    padding:5px 10px;
    text-align:center;
}

.up{width:100%;}

.menuLineLight {	
	margin:5px 0 5px 0;
	padding:2px 3px;
	border-width:1px 0 5px 0 ;
	border-color:#6E429C;
	border-style:solid;
	background:linear-gradient(to left, #F5EFFB, #cdaaf3);
	color:#5a1644;
    line-width:100%;
	line-height:140%;
	font-weight:bold;
	text-align: left;
}

.menuLineLight_e {	
	margin:5px 0 5px 0;
	padding:2px 8px;
	border-width:1px 0 5px 0 ;
	border-color:#1949CC;
	border-style:solid;
	background:linear-gradient(to left, #E0F2F7, #A9E2F3);
	color:#08298A;
    line-width:100%;
	line-height:140%;
	font-weight:bold;
	text-align: left;
}
.menuLineO {
	margin:5px 0 5px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#51178c;
	border-style:solid;
	background:#819FF7;
	color:#fff;
    line-width:100%;
	line-height:140%;
	font-weight:bold;
	text-align: left;
}

div.o-subject { 
text-align: left;
padding:0px 0px 20px 0px;
 }

div.o-cap { 
text-align: right;
color: #666666;
font-size: 13px; }

/* アコーディオンメニュー 共通部分*/
.menu { width: 100%; 	margin:30px 0 2px 0; }
/* チェックボックス非表示内部的な Off/On の機能だけ利用） */
.menu input { display: none; }
/* 親項目の装飾 */
.menu label {
    display: block;
    margin: 0;
    padding: 0.2rem 0;
    background: #fff;
    cursor: pointer;
}
.menu label:hover {
    background: #fff;
}


table th, table td {
  border: solid 1px #999999;
}


.youtubesm{
background:#fff
}
.youtubesm a{
border:2px
solid #fff;
display:block;
position:relative
}
.youtubesm a:hover{
opacity:.6
}
.youtubesm a::before{
background:url(../m/youtube_social_icon_red.png) center center / 100px 64px no-repeat;content:"";
display:block;
width:100%; /*アイコンの幅調整*/
height:60px; /*アイコンの高さ調整*/
margin:-32px auto 0;
position:absolute;
top:50%;
left:0;
right:0;
z-index:1
}
.youtubesm a img{
width:70%
}