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

body{
	background-color:#fff; /*びよーんってした時に見える背景色*/
	width:100%;
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","sans-serif";
	}

.topsidemenu a{
	text-decoration:none;
	}

.topsidemenu a:link { 
	color:#777; 
}

.topsidemenu a:visited{
	color:#777; /*サイドメニューマウスアウト時文字色*/
}

	
	

/*メインページ用始まり*/

/*.wrapper{
	width: 100%;
	height: 100%;
	margin: 0px;
}*/
.pop ul  a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	}
	

.topimage a:hover img{
	
	opacity: 0.8;
	filter: alpha(opacity=80);
	}
.topimg img{
	background-color:#eb6100;
	}
.topimg{
	float:left;
	}
html,body,p,table{
	margin:0px;
	padding:0px;
	}
.wrapper{
	width:1100px;
	min-width: 1100px
	}
p{
	/*text-indent: 1em;*/
	line-height:250%;
      }
html{
	overflow-y:scroll;
	min-width:1000px;
	display: block;
	}






	

.topsidemenu{
	z-index: 3;
	width:25%;
	min-width: 350px;
	height:100%;
	float:left;
	background-color:#fff; /*サイドメニュー背景*/
	border-right:solid 1px #999999; /*サイドとメインの区切り*/
	position:fixed;
	letter-spacing:0.15em;

	
	}
.topsidemenu img{
	background-color:#00b9ef; /*タイトル画像背景*/
	}
.topsidemenu ul li{
	padding:15px 10px 15px 10px;
	border-bottom:1px dotted #999999; /*サイドメニュー各項目の区切り線*/
	background-color:#fff; /*サイドメニュー背景色*/
	-webkit-transition: background-color 0.5s linear, color 0.5s linear;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;  
	}
.fl{
	border-top:1px dotted #999999; /*サイドメニュー各項目の区切り線＿一番上*/
	}
.new{
	background:url(../image/new3.png) right no-repeat; /*サイドメニューnewアイコン*/
	background-size: 50px;
	}
.onespace{
	text-indent: 1em;/*改行後の文頭ずらし*/
	}
	
.topsidemenu ul li:hover{
	border-left:6px solid #F6BFD7; /*サイドメニューオンマウス時ボーダー*/
	color:#00b9ef; /*サイドメニューリンクオンマウス時*/

	
	
	}
	
.sidemenu ul li a:hover{
	color:#fff;
	background:#ff0b0d;
	}
	
.ch{
	border-left:6px solid #F6BFD7; /*サイドメニュークリック後ボーダー*/
	color:#00b9ef; /*サイドメニュークリック後文字色*/
	}
	
.toparticle{
	width:75%;
	min-width: 800px;
	min-height:650px;
	height:auto;
	float:left;
	/*background-color:#fff; /*メイン背景色*/
	background-image: -moz-linear-gradient(top , #fff 0%, #fff 35%, #00b9ef 100%);
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.35, #fff), color-stop(1, #00b9ef));
  	background-attachment: fixed !important;
  	

	padding:20px 0;
	position: absolute;
	left:25%;
	
	}

.topsidemenu table img {
	padding:10px;
	background-color:#ffffff;
	width:30px;
	height:auto;
	}
.topsidemenu table{
	text-align:right;
	padding-left:50px;
	padding-bottom:100px;
	}

nav ul{
	width: 800px;
	text-align: right;
	margin: 10px auto 0;
	height: 38px;
}

nav a{
	display: inline-block;
}
.toparticle ul li{ /*SNSアイコン関連*/
	list-style:none;
	display: inline;
	float: left;
	padding:7px 0;
	border-left:1px #ffffff solid; /*SNSアイコンの隙間*/
	border-radius: 3.5px;
	width: 8em;
	text-align: center;
	background-color:#00b9ef; /*SNSアイコンカラー*/
	color: #fff;
}

.lil{
	border-right:1px #ffffff solid;
	}
.toparticle h2{
	color: #666;
	background-color: #fff;
	/*border-bottom: dotted 3px #00b9ef; /*サブタイトルボーダー*/
	border-left: 10px groove hsl(193,100%,46%);
	box-shadow: 1px 2px 3px #00b9ef;
	/*background-image: -moz-linear-gradient(left , #fff 0%, #00b9ef 100%);
  	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(1, #00b9ef));*/
  	border-bottom-left-radius: 20px;
  	border-top-right-radius: 20px;
  	border-bottom-right-radius: 5px;
  	border-top-left-radius: 5px;  
	padding:5px 0px 5px 20px; /*サブタイトルとボーダーの隙間＿上、右、下、左*/
	letter-spacing: 0.2em; /*サブタイトル文字間*/
	font-size:34px;
	width: 800px;
	margin: 25px auto;
	}	
.toparticle img{
	width:700px;
	height:auto;
	}

.toparticle table{
	
}

.topimage{
	text-align:center;
	}
	
ul li {
	list-style:none;
	}


	
.maintext{
	padding:20px 50px ;
	margin:0 auto;
	height:auto;
	/*border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc ;*/
	border:double 3px  #bbb; /*メイン記事周囲*/
	border-radius:10px;
	line-height:250%;
	background-color:#FFFfff;
	width: 700px;
	}
.answer{
	border-left:solid 8px #F6BFD7; /*よくある質問内の小記事囲み*/
	border-right: solid 1px #F6BFD7;
	border-top: solid 1px #F6BFD7;
	border-bottom: solid 1px #F6BFD7;
	padding:3px 10px;
	border-radius:10px;
	}
.qes{
	color:#F6BFD7; /*クエスチョンマークの色*/
	font-weight:bold;
	}
.maintext h3{
	/*border-bottom:solid 1px #00b9ef; /*メイン記事内小見出し*/
	/*border-left:5px dotted #00b9ef; /*メイン記事内小見出し*/
	border-left: 5px groove hsl(193,100%,46%);
	border-right: 5px groove hsl(193,100%,46%);
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;  
	box-shadow: 1px 2px 3px #eee ;
	/*background-image: -moz-linear-gradient(left , #00b9ef 0%, #fff 100%);
  	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00b9ef), color-stop(1, #fff));*/
	padding-left:7px;
	}
.maintext a:link{
	color: #00b9ef;
}
.maintext a:visited{
	color: #00b9ef;
}

.textline{ /*メイン記事内文章、マーカーしたい時に使う*/
	background-color: #F6BFD7;
}
	
	

.past{
	text-align:center;
	}


.youtube{
    position:relative;
    padding-bottom: 56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}
.youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.adress{
	text-align:right;
	}

.top{
	min-height:700px;
	}



.snsbutton table {
	margin-left : auto ;
	margin-right : 0 ;
	overflow: hidden;



}
.snsbutton ul li {

	display: inline-block;
	margin-right: 4px;
	vertical-align: baseline;
	background-color: transparent;
	border-left: transparent;
	border-radius: transparent;
}

.fb_iframe_widget > span{
	vertical-align: baseline !important;
}
	
	

	
/*メインページ用終わり*/
/*カラーコード
水色ー#00b9ef、rgba(0,185,239,1)
ピンクー#F6BFD7、rgba(246,191,215,1)*/