@charset "utf-8";



.sp{display:none;}

/* 共通 */

/* 親メニュー - Parent nav */
nav > ul > li {
  position: relative;
  float: left;
  margin-right: 5px;
}
nav a {
  color: #0bd;
  text-decoration: none;
}
nav ul a:hover {
  color: #0090aa;
}
/* 子メニュー - .sub-menu */
nav .sub-menu {
  position: absolute;
  width: 100px;
  background: #000;
  top: 26px;
  display: none;
}
nav .sub-menu a {
  color: #fff;
  padding: 10px 15px;
  display: block;
}
nav .sub-menu a:hover {
  color: #fff;
}

/* ホバーで子メニュー表示 */
nav .menu-item-has-children:hover ul {
  display: block;
}
nav li.menu-item-has-children li a:hover {
  background: #0090aa;
}

.padding {
	height: 30px;
}


/* --HTML-- */
html,body{
    width: 100%;
}
html,body{min-width:1140px;}
html {
overflow-y:scroll;
height: 100%;             /* #containerのmin-heightに対して必要なもの */
}

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;
	height: 100%;
}

/* --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%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
}


#stage #contents{
	margin-right: auto;
	margin-left: auto;
	width: 1140px;
	padding-top: 20px;
	overflow: auto;
	clear: both;
	padding-bottom: 0px;
}

#main{
	width:880px;
	float:left;
	text-align: left;
	padding-top: 0px;
	padding-bottom:30px;
}
#stage #contents #main #mainsearch{
	padding-top: 25px;
	margin-right:-34px;
	margin-bottom: 20px;
	height: 300px;
}
#stage #contents #main #mainsearch .box{
	margin-right:34px;
	width: 270px;
	float: left;
	height: 240px;
	background-color: #FFFFFF;
	text-align:center;
}

#stage #contents #main #mainsearch .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;
}
#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 h3{
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	font-size:18px;
}
#stage #contents #main #mainsearch .box ul{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-bottom: 25px;
	height: 110px;
}
#stage #contents #main #mainsearch .box li{
	float:left;
	margin-right:15px;
	padding-left: 5px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
	margin-bottom:10px;
	width:115px;
	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: 160px;
	top: 40px;
}
/*-----------------------------------------------
 __ニュースアーカイブ
-----------------------------------------------*/

#main #archive{}
#main #archive h2{
	font-size:30px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	clear: both;
}
#main #archive .new{
	color:#CE0E19;
	margin-right:15px;
}

#main #archive .lang{font-size:20px;}
#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: 100px;
}
#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: 500px;
}


#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 .inner{overflow:auto;}
#main #archive .box ul{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 15px;
	margin-left: 15px;
	margin-right: 15px;
	overflow: auto;
	position: relative;
}
#main #archive .box ul li{
	margin-bottom:3px;
}
#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{
	padding-left:20px;
	margin-bottom: 15px;
	height: 70px;
	overflow: auto;
}
#main #archive .box ul li.viewdetail{
	position:absolute;
	left: 710px;
	top: 20px;
}
#main #archive .box .left{
	width:400px;
	float:left;
}
#main #archive .box .left p{
	margin-bottom:10px;
}
#main #archive .box .left p.description{
	height:150px;
	overflow:auto;
}


#main #archive .box .left p.cate{
	font-size:16px;
	font-weight: bold;
	height: auto;
}
#main #archive .box .left img{
	margin-bottom:5px;
}

#main #archive .box .right{
	width:400px;
	float:right;
}
#main #archive .box .right h3{
	margin-bottom:0px;
	background-color: rgba(255,0,0,0.0);
	color:#000000;
	font-size: 20px;
	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;
}

#main #archive .box .right #difficulty{
	padding: 10px;
	border: 1px solid #666666;
	margin-right: 10px;
	position: relative;
	bottom: 10px;
}
#main #archive .box .right #difficulty img{
	vertical-align:middle;
}
#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:50%;
	margin-bottom: 10px;
	line-height: 26px;
	height: 26px;
	font-weight: bold;
	font-size: 16px;
}
#main #archive .box .right .download{
	position:absolute;
	top: 15px;
	right: 10px;
}

#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:left;
	width:45%;
}
/*-----------------------------------------------
 __マイページ
-----------------------------------------------*/

#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;


}

#main #mypage .register{z-index: 1500; position: fixed; left: 50%; bottom:0;}
#main #mypage .register img:hover {
	opacity: 0.8 ;
	cursor: pointer;
}

cursor:
.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:30px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	clear: both;
}
#main #introduction h3{
	font-size:22px;
	margin-bottom: 20px;
	line-height: 26px;
}
#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:after
{
    right:10px;
    left:auto;
    transform:skew(8deg) rotate(3deg);
}
#main #introduction .box .inner{overflow:auto;}

#main #introduction .box .left{
	width:640px;
	float:left;
}

#main #introduction .box .left img{
	position: absolute;
	bottom: 20px;
}

#main #introduction .box .left p{margin-bottom:20px;}
#main #introduction .box .right{
	width:160px;
	float:right;
}
#main #introduction .box .right img{
	min-height: 240px;
	max-height: 240px;
	min-width: 160px;
	max-width: 160px;
}

/*-----------------------------------------------
 __検索結果
-----------------------------------------------*/
#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:30px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	clear: both;
}
#main #apply h3{
	font-size:22px;
	margin-bottom: 20px;
	line-height: 26px;
}
#main #apply .box{
	background-color:#FFFFFF;
	padding: 20px;
	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 input.w50{width:50%;}
#main #apply .box td input.w30{width:30%;}

#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;
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 22px;
	padding-top: 2px;
}
#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;
	padding-bottom: 5px;
	vertical-align: top;
	padding-top: 5px;
}
#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;
}
#stage #contents #main #news td a{text-decoration:underline;}


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

#stage #side{
	width:230px;
	float:right;
	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: left;
	background-color: #000000;
	border: 1px solid #333333;
	padding: 10px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
#stage #side #loginbox p{margin-bottom:15px;}
#stage #side #loginbox input{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	width: 100%;
	color: #000000;
	background-color: #FFFF99;
	border: 1px solid #FFFFFF;
	margin-bottom: 15px;
	padding: 10px;
}
#stage #side #loginbox input.pw{
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	width: 133px;
	color: #000000;
	background-color: #FFFF99;
	border: 1px solid #FFFFFF;
	margin-bottom: 15px;
	padding: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:768px) {
  ::i-block-chrome, 
	#stage #side #loginbox input.pw{
		width: 129px;
	}
}	
#stage #side #loginbox .login{
	float: right;

}

/*-----------------------------------------------
 __サイドバー カテゴリリンクボックス
-----------------------------------------------*/
#stage #side #catebox{
	text-align: left;
	background-color: #000000;
	border: 1px solid #333333;
	padding: 10px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
#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;
}
#stage #side #reg h3{
	border:none;
	font-size: 18px;
}

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

#stage #side #newmagazine{
	border: 1px solid #000000;
	padding: 15px;
	background-color: #F2F2F2;
	margin-bottom: 15px;
}
#stage #side #newmagazine img{
	margin-bottom:10px;
	border: 1px solid #000000;
}

#stage #side #bnr{
	margin-bottom:15px;
	background-color: #F2F2F2;
	border: 1px solid #000000;
	padding: 15px;
}
#stage #side #bnr li{margin-bottom:5px;}
/*-----------------------------------------------
 __ヘッダー
-----------------------------------------------*/
#head{
	position: fixed;
	width:100%;
	text-align:right;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	height: 26px;
	color: #FFFFFF;
	z-index: 10;
}
#head ul{
	max-width: 1140px;
	margin-right: auto;
	margin-left: auto;
	line-height: 26px;
}
#head ul li{
	float: right;
	margin-left: 25px;
}

#head ul li ul li{
	float: none;
	text-align: left;
	margin-left: 25px;
	width: 150px;
}

#head ul li a{color:#FFFFFF;}


#header{
	text-align:center;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	width: 1140px;
}
#header h1{}
/*-----------------------------------------------
 __フッター
-----------------------------------------------*/


#main #keyword{
	text-align: left;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background-color: #EBEBEB;
	border: 1px solid #333333;
	padding: 15px;
	height: 88px;
	margin-top: 0px;
	margin-bottom: 20px;

}
#main #keyword #searchkey{
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	width: 773px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	margin-bottom: 15px;
	padding: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:768px) {
  ::i-block-chrome, 
	#main #keyword #searchkey{
		width: 769px;
	}
}	

#main #keyword img{
	float: right;

}




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



#footer {
	background-color: #000000; color:#FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	clear:both;
	width:100%;

}
#footer p{line-height:40px;white-space: nowrap;}



/*-----------------------------------------------
 __利用規約
-----------------------------------------------*/
#kiyaku{
	height: 500px;
	border: 1px solid #333;
	margin-bottom:20px;
}
#kiyaku .inner{ height:490px; 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;
}
/*-----------------------------------------------
 __画像配置
-----------------------------------------------*/
.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);
}

.chkbox {
	margin:			0 0 10px 20px;
}
/* ラベルのスタイル　*/
.chkbox label {
	padding-left:		38px;			/* ラベルの位置 */
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ボックスのスタイル */
.chkbox label:before {
	content:		'';
	width:			16px;			/* ボックスの横幅 */
	height:			16px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:	#fff;
	box-shadow:		inset 1px 2px 3px 0px #000;
	border-radius:		6px 6px 6px 6px;
}
/* 元のチェックボックスを表示しない */
.chkbox input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.chkbox input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		34px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#06f;			/* チェックした時の色 */
}

/* チェックした時のスタイル 

.content li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-bottom: 5px;
	vertical-align: top;
	padding-top: 5px;
}



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

.listcontents {
	display: flex;
}

*/


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




.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;
align-items: flex-start;
padding:5px;}

.content ul > li:nth-child(odd) {
  flex-basis: 15%;
  	border-right-style: none;
		background-color: #ECECEC;


}.content ul > li:nth-child(even) {
  flex-basis: 85%;
}

/* entry.php 20200429 fudamoto add */
div.entry_message {
	border:1px solid #ccc;
	background-color:#fff;
	padding:14px;
	margin-bottom:14px;
}
div.entry_message .fontBold{
	font-weight:bold;
}
div.entry_message .fontColorRed{
	color:red;
}
input.person_radio{
	width:14px !important;
}