/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/


.pc{display:none;}
 
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/*行の高さをフォントサイズと同じにしています*/
body {
    line-height:1;

}
 
/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 
/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}
 
/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}
 
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
 
/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}
 
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}





.padding {
	height: 30px;
}


/* --HTML-- */
html {
overflow-y:scroll;
}

body{
	margin-top: 0px;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 14px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 20px;
}

/* --OTHER TAGS-- */
a img, img {
	border:0;
	vertical-align: bottom;
}

blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
	margin:0px;
	padding:0px;
}

abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:normal;
}

caption, th {
text-align:left;
}
table{
	font-size:14px;
	margin-right: auto;
	margin-left: auto;
}
code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}

	/* for IE7 */
	*+html code, kbd, pre, samp, tt {
	font-size:108%; 
	}


ol, ul {
list-style:none;
}
p{
	margin-bottom:0px;
}
q:before, q:after {
content:'';
}


a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;

}
a:hover img,.a:active img{
filter:alpha(opacity= 50); /* IE */
-moz-opacity:0.50; /* Firefox CSS3以前 */
opacity:0.50; /* CSS3 */
}

a:focus{
outline:none;
} 

img,fieldset {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}
.imgover {
}

h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}








#stage {
	width: 100%;
	height:100% !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header img{width:100%;}
#stage #contents{
	margin-right: auto;
	margin-left: auto;
	width: 96%;
	padding-top: 20px;
	clear: both;
	padding-bottom: 30px;
}

#main{
	width:100%;
	float:none;
	text-align: left;
	padding-top: 0px;
}
#stage #contents #main #mainsearch{
	padding-top: 25px;
	margin-right:0px;
	margin-bottom: 20px;
	height: auto;
}
#stage #contents #main #mainsearch .box{
	margin-right:2px;
	margin-left:2px;
	margin-bottom:15px;
	width: 48%;
	float: left;
	height: 120px;
	background-color: #FFFFFF;
	text-align:center;
	padding-bottom:10px;
	overflow:hidden;
}

#stage #contents #main #mainsearch .box
{
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	position: relative;
}
#stage #contents #main #mainsearch .box:before, .box:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
#stage #contents #main #mainsearch .box:after
{
    right:10px;
    left:auto;
    transform:skew(8deg) rotate(3deg);
}
#stage #contents #main #mainsearch .box.cate{width:100%;	height: auto;
}
#stage #contents #main #mainsearch .box img{width:50%;}
#stage #contents #main #mainsearch .box h3{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#stage #contents #main #mainsearch .box ul{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 10px;
	height: auto;
}
#stage #contents #main #mainsearch .box li{
	float:left;
	margin-right:0px;
	padding-left: 5px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
	margin-bottom:5px;
	width:33%;
	text-align: left;
}
#stage #contents #main #mainsearch .box li:nth-child(2n) {
margin-right:0px;
}
#stage #contents #main #mainsearch .box p{clear:both;}
#stage #contents #main #mainsearch .box .free{
	position:absolute;
left: 0;
  right: 0;
  margin:0 auto;
  width:50px;
  z-index:1;}

#stage #contents #main #mainsearch .box .recent{
	position:absolute;
left: 0;
  right: 0;
  margin:0 auto;}
/*-----------------------------------------------
 __ニュースアーカイブ
-----------------------------------------------*/

#main #archive{}
#main #archive h2{
	font-weight: bold;
	margin-bottom: 5px;
	clear: both;
}
#main #archive .new{
	color:#CE0E19;
	margin-right:15px;
}

#main #archive .lang{
	font-size: 80%;
	display:block;
}
#main #archive h3{
	margin-bottom:0px;
	background-color:#CE0E19;
	color:#FFFFFF;
	font-size: 18px;
	text-align:left;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	height:46px;
	line-height: 36px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	display: inline;
	clear: both;
}


#main #archive #catemenu{
	margin-bottom: 15px;
	height: auto;
}
#main #archive #catemenu ul{
	margin-bottom: 15px;
}
#main #archive #catemenu ul li{
}
#main #archive #catemenu ul li a{
	display: inline;
	float: left;
	border: 1px solid #000000;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-color:#000000;
	color:#FFFFFF;
	margin-bottom: 10px;


}
#main #archive #catemenu ul li a:hover{
	background-color:#FFFFFF;

	color:#000000;
	text-decoration: none;
	display: block;
}



#main #archive h4{
	font-size:16px;
	margin-bottom: 10px;
}

#main #archive .box{
	background-color:#FFFFFF;
	padding: 15px;
	margin-bottom: 50px;
	min-height: auto;
	width: 99%;
}


#main #archive .box
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

#main #archive .box2{
	background-color:#FFFFFF;
	padding: 15px;
	margin-bottom: 50px;
}

#main #archive .box2{
}

#main #archive .box:before, .box:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
#main #archive .box:after
{
    right:10px;
    left:auto;
    transform:skew(8deg) rotate(3deg);
}
#main #archive .box ul{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 10px;
	margin-left: 0px;
	margin-right: 0px;
	overflow: auto;
	position: relative;
}
#main #archive .box ul li{
	margin-bottom:3px;
	float: left;
}
#main #archive .box ul li.float{
	float:left;
	margin-right: 30px;
}
#main #archive .box ul li.float img{height:20px;}


#main #archive .box ul li .red{color:#CE0E19; font-weight:bold;}
#main #archive .box p.description{
	margin-bottom: 5px;
	height:auto;
}
#main #archive .box ul li.viewdetail{
	position:absolute;
	right: 10px;
	bottom: 5px;
}
#main #archive .box ul li.viewdetail img{width:90%;}
#main #archive .box .left{

}
#main #archive .box .left p{
	margin-bottom:10px;
}
#main #archive .box .left p.description{

}


#main #archive .box .left p.cate{
	font-weight: bold;
}
#main #archive .box .left img{
	margin-bottom:5px;
	width: 100%;
}

#main #archive .box .right{
	text-align: center;

}
#main #archive .box .right h3{
	margin-bottom:0px;
	background-color: rgba(255,0,0,0.0);
	color:#000000;
	text-align:left;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	padding: 0px;
	-webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
	display: block;
}

#main #archive .box .right ul{
	background-color: rgba(255,0,0,0.0);
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
}
#main #archive .box .right ul li{float:none;}
#main #archive .box .right ul li a{text-decoration:underline;}
#main #archive .box .right #difficulty{
	border: 1px solid #666666;
	text-align: left;
	padding: 5px;
}
#main #archive .box .right #difficulty img{
	vertical-align:middle;
	width: 70px;
}
#main #archive .box .right #difficulty h4{
	font-weight:bold;
	line-height: 35px;
	font-size: 16px;
	background-image: url(../image/speaker.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 45px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#main #archive .box .right #difficulty ul{
	margin-left: 30px;
}
#main #archive .box .right #difficulty ul li{
	float:left;
	width:49%;
	margin-bottom: 10px;
	font-weight: bold;
}
#main #archive .box .right .download{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;

}

#main #archive .box #newstxt{clear:both;}

#main #archive .box #newstxt h3{
	margin-bottom:0px;
	background-color:#CE0E19;
	color:#FFFFFF;
	font-size: 18px;
	text-align:left;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	height:46px;
	line-height: 36px;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	display: inline;
}


#main #archive .box #newstxt h4{padding-top:15px;}
#main #archive .box #newstxt p{margin-bottom:20px;}
#main #archive .box #newstxt ul{ /*margin-left:20px;*/ margin-top:10px;}
#main #archive .box #newstxt ul li{
	list-style-type: disc;
	margin-left:20px;
	float:none;
	
}
/*-----------------------------------------------
 __マイページ
-----------------------------------------------*/

#main #mypage{}
#main #mypage h2{
	font-size:30px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	clear: both;
}

#main #mypage h3{
	margin-bottom:0px;
	background-color:#CE0E19;
	color:#FFFFFF;
	font-size: 18px;
	text-align:left;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	height:46px;
	line-height: 36px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	display: inline;
	clear: both;
}


#main #mypage #mypage_menu{
	margin-bottom: 15px;
	height: 50px;
}
#main #mypage #mypage_menu ul{}
#main #mypage #mypage_menu ul li{
}
#main #mypage #mypage_menu ul li a{
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-color:#333333;
	color:#FFFFFF;
		border: 1px solid #000000;




}
#main #mypage #mypage_menu ul li a:hover{
	background-color:#FFFFFF;
	color:#000000;
	text-decoration: none;
	display: block;
	border: 1px solid #000000;
}



#main #mypage h4{
	font-size:16px;
	margin-bottom: 10px;
}

#main #mypage .box{
	background-color:#FFFFFF;
	padding: 15px;
	margin-bottom: 50px;
}


#main #mypage .box
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#main #mypage .box:before, .box:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
#main #mypage .box:after
{
    right:10px;
    left:auto;
    transform:skew(8deg) rotate(3deg);
}
#main #mypage .box .inner{overflow:auto;}
#main #mypage .box ul{
	background-color: #FFFFFF;
	padding: 15px;
	margin-left: 15px;
	margin-right: 15px;
	overflow: auto;
}
#main #mypage .box ul li{
	margin-bottom:3px;
}
#main #mypage .box ul li .red{color:#CE0E19; font-weight:bold;}

#main #mypage table{
	margin-bottom:25px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666666;
	clear: both;
	border-collapse:collapse;


}
.stickytable{
	width: 100%;
	border-collapse:collapse;


}
.stickytable th{
	vertical-align: middle;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
	background-color: #CCCCCC;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;

}




#main #mypage th{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	vertical-align: bottom;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
	background-color: #CCCCCC;
	font-size: 12px;
	text-align: center;
	border-collapse:collapse;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;

}

#main #mypage td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	vertical-align: middle;
	padding: 3px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
	font-size: 12px;
	text-align: center;
}


#main #mypage td.left{text-align:left;}
#main #mypage td a{text-decoration:underline;}

#main #mypage .tabNav li  {
	margin-bottom:0px;
	background-color:#CE0E19;
	color:#FFFFFF;
	font-size: 18px;
	text-align:left;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	height:46px;
	line-height: 36px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	display: inline;
	margin-right: 10px;
}   
#main #mypage .tabNav li a{color:#FFFFFF; }

#main #mypage .tabNav li a:hover{
	text-decoration:unerline;
}  
#main #mypage .tabNav li a.active {
	background-color: #ffffff;
	color:#000000;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
		-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;

}   
#main #mypage .tabContents {
}
#main #mypage .tabContents #tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8, #tab9 {
}






/*-----------------------------------------------
 __導入事例
-----------------------------------------------*/
#main #introduction{}

#main #introduction h2{
	font-size:20px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	clear: both;
}
#main #introduction h3{
	margin-bottom: 20px;
}
#main #introduction .box{
	background-color:#FFFFFF;
	padding: 20px;
	margin-bottom: 50px;
}


#main #introduction .box
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#main #introduction .box:before, .box:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
#main #introduction .box .inner{overflow:auto;}

#main #introduction .box .left{
}

#main #introduction .box .left img{
}

#main #introduction .box .left p{margin-bottom:20px;}
#main #introduction .box .right{
}
#main #introduction .box .right img{
}

/*-----------------------------------------------
 __検索結果
-----------------------------------------------*/
#main #search_result{}
#main #search_result h2{
	font-size:30px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	clear: both;
}
#main #search_result table{width:100%;}
#main #search_result table th{
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	color: #FFFFFF;
	background-color: #333333;

}
#main #search_result table td{
	padding: 5px;
		border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;

}

/*-----------------------------------------------
 __お問い合わせ　申込
-----------------------------------------------*/
#main #apply{}

#main #apply h2{
	font-size:20px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	clear: both;
}
#main #apply h3{
	font-size:18px;
	margin-bottom: 20px;
	line-height: 26px;
}
#main #apply .box{
	background-color:#FFFFFF;
	padding: 10px;
	margin-bottom: 50px;
}


#main #apply .box
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#main #apply .box:before, .box:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
#main #apply .box:after
{
    right:10px;
    left:auto;
    transform:skew(8deg) rotate(3deg);
}
#main #apply .box .inner{overflow:auto;}
#main #apply .box table{
	width:100%;
	margin-bottom: 20px;
}


#main #apply .box th{
	width:20%;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding:5px;
	vertical-align:middle;
	font-weight: bold;
}
	
#main #apply .box td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding:5px;
	vertical-align: middle;
}
#main #apply .box td input{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	width: 90%;
	color: #000000;
	background-color: #F3F3F3;
	border: 1px solid #666666;
	padding: 10px;
	font-size: 16px;
}
#main #apply .box td input:focus {
	background-color: #FFFF99;
}

#main #apply .box td textarea{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	width: 90%;
	color: #000000;
	background-color: #F3F3F3;
	border: 1px solid #666666;
	padding: 10px;
	font-size: 16px;
	height: 200px;
}
#main #apply .box td textarea:focus {
	background-color: #FFFF99;
}

#main #apply .box td.red{color:#CE0E19; font-weight:bold;}
#main #apply input#submit_button{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	color: #FFFFFF;
	border: 1px solid #666666;
	padding: 10px;
	font-size: 16px;
	background-color: #333333;
}


/*-----------------------------------------------
 __トップページのニュース
-----------------------------------------------*/
#stage #contents #main #news{
	clear: both;
}
#stage #contents #main #news h2{
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
	padding-left: 5px;
	margin-bottom: 5px;
	padding-top: 2px;
	margin-top:10px;
}
#stage #contents #main #news table{width:100%;}
#stage #contents #main #news th{
	width:15%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
	padding-bottom: 5px;
	vertical-align: top;
	padding-top: 5px;
	padding-left:5px;
	font-size:75%;
	line-height:150%;
}
#stage #contents #main #news td{	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-bottom: 5px;
	vertical-align: top;
	padding-top: 5px;
	padding-left:5px;
	font-size:75%;
	line-height:150%;
}

#stage #contents #main #news td a{text-decoration:underline;}
#stage #contents #main #news tr{}
#stage #contents #main #news tr:nth-child(n+7){display:none;}

/*-----------------------------------------------
 __サイドバー
-----------------------------------------------*/

#stage #side{
	width:100%;
	float:none;
	text-align: center;
	
}
#stage #side h3{
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 5px;
	font-size: 14px;
	margin-bottom: 15px;

}

/*-----------------------------------------------
 __サイドバー ログインボックス
-----------------------------------------------*/

#stage #side #loginbox{
	text-align: center;
	background-color: #000000;
	border: 1px solid #333333;
	padding: 10px;
	color: #FFFFFF;
	margin-bottom: 20px;
		border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	display:none;

}

/*-----------------------------------------------
 __サイドバー カテゴリリンクボックス
-----------------------------------------------*/
#stage #side #catebox{
	text-align: left;
	background-color: #000000;
	border: 1px solid #333333;
	padding: 10px;
	color: #FFFFFF;
	margin-bottom: 20px;
	display:none;
}
#stage #side #catebox h3{color:#FFFF99;	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FFFF99;
}
#stage #side #catebox ul{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 25px;
}
#stage #side #catebox li{
	margin-right:15px;
	padding-left: 5px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin-bottom:10px;
	text-align: left;
	color: #FFFFFF;

}
#stage #side #catebox li a{color:#FFFFFF;}
#stage #side #catebox a{color:#FFFFFF;}
/*-----------------------------------------------
 __サイドバー 会員登録
-----------------------------------------------*/

#stage #side #reg{
	border: 1px solid #000000;
	padding: 15px;
	background-color: #FFFFFF;
	margin-bottom: 15px;
	text-align: center;
		display:none;

}
#stage #side #reg h3{
	border:none;
	font-size: 18px;
}

#stage #side #reg img{margin-bottom:5px;}
/*-----------------------------------------------
 __サイドバー バナーエリア
-----------------------------------------------*/

#stage #side #newmagazine{
	display:none;
}
#stage #side #newmagazine img{
	margin-bottom:10px;
	border: 1px solid #000000;
}

#stage #side #bnr{
display:none;}
#stage #side #bnr li{margin-bottom:5px;}
/*-----------------------------------------------
 __ヘッダー
-----------------------------------------------*/



/*-----------------------------------------------
 __キーワード検索
-----------------------------------------------*/




#keyword {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	padding: 10px;
	margin: 10px;
	text-align: left;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #333333;
}

#keyword input[type=text] {
	display: table-cell;
	width: 100%;
	height: 38px;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	margin-bottom:10px;
	font-size:140%;

}


#keyword .search-button {
	vertical-align: bottom;
	width: 50%;
	text-align:center;
	margin-right:auto; margin-left:auto;
}
#keyword .search-button input[type="button"] {
	/* input要素のうちtype属性値がbuttonのものに対して装飾 */
   background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd); /* グラデーション */
	border: 1px solid #3c7fb1; /* 枠線 */
	border-radius: 0.3em;      /* 角丸 */
	width:100%;
	padding-top: 5px;
	padding-bottom: 5px;
}



/*-----------------------------------------------
 __フッター
-----------------------------------------------*/



#footer {
	background-color: #000000; color:#FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer p{line-height:140%; font-size:80%;}




/*-----------------------------------------------
 __画像配置
-----------------------------------------------*/
.img_lf{float:left; margin-right:10px;}
.img_rt{
	float:right;
	margin-left: 10px;
}
.mglt{margin-left:5px;}
.mgrt{
	margin-right:10px;
	margin-left: 0px;
}



/*-----------------------------------------------
 __文字関係
-----------------------------------------------*/
.verysmall{font-size:70%;}
.blue{color:#000066;}
.normal{font-size:12px;}
.tel{font-size:14px;}

.big{font-size:120%;}
.bigbig{font-size:160%;}

.bold{
	font-weight:bold;
}
.small{font-size:10px;}
.black{background-image:url(../image/black.jpg);}

/*-----------------------------------------------
 __装飾関係
-----------------------------------------------*/
.image img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.shadow
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.shadow:before, .shadow:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.shadow:after
{
    right:10px;
    left:auto;
    transform:skew(8deg) rotate(3deg);
}


/*-----------------------------------------------
 __グローバルメニュー
-----------------------------------------------*/




.paradeiser{
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:60px;
	background:black;
	box-shadow:0 2px 2px 0 rgba(0,0,0,.02),0 2px 10px 0 rgba(0,0,0,.1);
-webkit-transition:top .4s ease;transition:top .4s ease;	-webkit-backdrop-filter:blur(10px) saturate(100%);
	backdrop-filter:blur(10px) saturate(100%);
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
.paradeiser.headroom--pinned{top:0}

.paradeiser.headroom--unpinned{top:-50px}
.paradeiser .paradeiser_dropdown,.paradeiser a{
	position:relative;
	z-index:5;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	margin:0;
	padding:0;
	color:#9b9b9b;
	text-align:center;
	text-decoration:none;
	/* font-family:-apple-system,-apple-system-body,Roboto,"Helvetica Neue","Segoe UI",Arial,sans-serif; */
	cursor:pointer;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-flex:5;
	-webkit-flex-grow:5;
	-ms-flex-positive:5;
	flex-grow:5;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}


.paradeiser span.paradeiser_dropdown{margin-top:0}
.paradeiser span.paradeiser_dropdown>a{width:100%}
.paradeiser .paradeiser_icon{
	max-width:60px;
	width:100%
}
.paradeiser ul{
	position:fixed;
	top:60px;
	bottom:0;
	left:0;
	z-index:998;
	visibility:hidden;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
	opacity:0;
-webkit-transition:opacity .4s;transition:opacity .4s;		pointer-events:none
}

.paradeiser ul.open,.paradeiser ul:target{visibility:visible;opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s;pointer-events:auto}
.paradeiser ul li{display:inline-block;width:100%;background:#7b7b7d;text-align:center}
.paradeiser ul li a{display:inline-block;padding:15px 0;width:100%;color:#fff;font-size:15px}
.paradeiser ul li a:hover,.paradeiser ul li span:hover{background:#575757}
.paradeiser ul li:last-child{height:100%;background:0 0; opacity: 0.1;}
.paradeiser ul li:last-child a{display:block;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(10px) saturate(100%)}
.paradeiser ul li div.title{display:inline-block;padding:15px 0;width:100%;color:#fff;font-size:20px}





.paradeiser .two_column{
	position:fixed;
	top:60px;
	bottom:0;
	left:0;
	z-index:997;
	visibility:hidden;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
	opacity:0;
-webkit-transition:opacity .4s;transition:opacity .4s;		pointer-events:none
}

.paradeiser ul.two_column li{display:inline-block;width:50%;background:#7b7b7d;text-align:center;border: 1px solid #353c44;}
.paradeiser ul.two_column li a{display:inline-block;padding:15px 0;width:100%;color:#fff;font-size:15px}
.paradeiser ul.two_column li a:hover{background:#575757}
.paradeiser ul.two_column li:last-child{height:100%;background:0 0; width:100%; opacity: 0.1;}
.paradeiser ul.two_column li:last-child a{display:block;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(10px) saturate(100%)}


.paradeiser ul li.title{
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#4a4a4a;
	font-size:150%;
	border: 0;
	border: 1px solid #353c44;
}

.paradeiser ul li.banner{
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#ffffff;
	font-size:150%;
	border: 0;
	border: 1px solid #353c44;
}

.paradeiser ul li.wide{
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#4a4a4a;
	font-size:150%;
}



.paradeiser #loginbox{
	text-align: center;
	background-color: #000000;
	border: 1px solid #333333;
	padding: 10px;
	color: #FFFFFF;
	margin-bottom: 5px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin-left:5px;
	margin-right:5px;

}
.paradeiser #loginbox h3{text-align:center; margin-bottom:10px;font-size:120%;}
.paradeiser #loginbox { font-size:80%;}
.paradeiser #loginbox p{
	margin-bottom:2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.paradeiser #loginbox .idbox{
	float:left;
	width:50%;
	text-align:left;
	
}
.paradeiser #loginbox .pwbox{float:right; width:50%; text-align:left; }

.paradeiser #loginbox input{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	color: #000000;
	background-color: #FFFF99;
	border: 1px solid #FFFFFF;
	margin-bottom: 10px;
	width:90%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
}
.paradeiser #loginbox a{display:inline;}

.paradeiser #loginbox .login{width:60%; margin-left:auto; margin-right:auto; margin-bottom:10px;}




/*-----------------------------------------------
 __利用規約
-----------------------------------------------*/
#kiyaku{
	height: 400px;
	border: 1px solid #333;
	margin-bottom:20px;
	font-size:80%;
	line-height:120%;}
	
#kiyaku .inner{ height:390px; overflow-y: scroll;
    overflow-x: hidden; padding:10px;}
p.agree{
	border: 1px solid #333;
	padding: 10px;
	display: inline;
	background-color: #E9E9E9;
	
}

hr {
height: 3px;
background-color: #FFFFFF;
border: none;
color: #FFFFFF;
}

.more {
	text-align: center;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #668ad8;
	color: #FFF;
	border-bottom: solid 4px #627295;
	border-radius: 3px;
	clear:both;
}

/*-----------------------------------------------

.listcontents {
	display: flex;
	padding: 0 5px 0 5px;
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #666666;
}

.listdate {
	float: left;
	padding: 0 5px 0 5px;
}



.content {
	border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666666;
	padding-bottom: 5px;
	vertical-align: top;
	padding-top: 5px;
	padding-left:5px;
	font-size:75%;
	line-height:150%;
}







*/
















.content ul {
 display: flex;
 flex-wrap: wrap;
}
.content ul > li {
	list-style: none;
	box-sizing: border-box;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #333;
	border-bottom-color: #333;
padding:5px;}

.content ul > li:nth-child(odd) {
	background-color: #ECECEC;
	flex-basis: 30%;
}.content ul > li:nth-child(even) {
  flex-basis: 70%; 

}



-webkit-