@charset "utf-8";
* {
margin: 0;
padding: 0;
}

html,body{
height:100%;
margin:0;
padding:0;
overflow: auto;
}

body {
	font-style: normal;
	font-size: 90%; 
	line-height: 170%;
	font-family:'ヒラギノ角ゴ Pro W3','verdana','Helvetica','平成角ゴシック','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','Osaka','sans-serif';
	text-align:center;
	margin: 0;
	padding: 0px;
	height:100%;
	color:#313131;
}
p{
	font-size:14px;
	margin-bottom:30px;
	line-height:20px;
	display: block;
	float: left;
}
#rightTop{
	width:984px;
	overflow:hidden;
}


.note{
	padding: 17px;
	border-width: 3px;
	border: medium solid #99afc8;
	background: #ffffff;
	float:left;
	margin-bottom:30px;
	width: 664px;
}
.note h3{margin-bottom:10px;}
.note h4{margin-bottom:10px;}
.note p{margin-bottom:20px;}
p .imgL{float:left;margin-right:10px;}
p .imgR{float:right;margin-left: 10px;}
body {
	background:#fafafa;
}


/* img */
img {
	border: 0;
}

a{outline:none;}


img.nodisplay{
  display:none;
}

h2{
	font-size: 18px;
	text-shadow: 0px 1px 1px #555;
	color: white;
	font-weight: normal;
	display: block;
	background: url(images/h2.gif);
	padding: 7px 14px;
	margin-bottom: 20px;
	letter-spacing: 4px;
	float: left;
	width: 676px;
	line-height: 24px;
}
h3{
	background: url(images/triangle.jpg) no-repeat;
	font-size: 14px;
	padding-left: 15px;
	margin-bottom: 20px;
	float:left;
	width:100%;
}
h4{
	font-size:14px;
	margin-bottom: 20px;
	overflow:hidden;
	width:100%;
}
.hidden{display:none;}
.step{overflow:hidden;margin-bottom:30px;float:left;}
.step .base{
	float: left;
	width: 161px;
	background: url(images/stepbase.gif);
	height: 218px;
}
.step .libon1,
.step .libon2,
.step .libon3,
.step .libon4{
	width: 54px;
	height: 54px;
	position: absolute;
}
.step .libon1{background: url(images/libon1.png);}
.step .libon2{background: url(images/libon2.png);}
.step .libon3{background: url(images/libon3.png);}
.step .libon4{background: url(images/libon4.png);}
.step img{margin: 12px 11px;}
.step p{
	margin-bottom: 0;
	margin: 0 10px;
	color: #777777;
	line-height: 18px;
}
.step .arrow{
	width: 19px;
	background: url(images/arrow_gray.jpg) no-repeat 4px 85px;
	height: 218px;
	float: left;
}
.applySpace{
	width: 704px;
	height: 100px;
	background: #FFFFFF;
	border-left: 1px solid #396497;
	margin-bottom: 20px;
	float:left;
}
.applySpace .info{
	float: left;
	width: 410px;
	margin: 15px 20px 0;
}
.applySpace .info h4,
.applySpace .info p{
	margin-bottom:5px;
}
.applySpace .btm{
	float: left;
	display: block;
	margin-top: 13px;
	background: url(images/btn_apply_on.jpg);
}
.applySpace a.btm:hover img{
	opacity: 0.0;
	filter: alpha(opacity=0);
}
.trip{margin-bottom:30px;float:left;}
.trip .r,
.trip .g,
.trip .b{
	width: 222px;
	float: left;
	height: 169px;
}
.trip .r{background: url(images/box_red.jpg) no-repeat;}
.trip .g{background: url(images/box_green.jpg) no-repeat;margin-right:19px;}
.trip .b{background: url(images/box_blue.jpg) no-repeat;margin-right:19px;}

.trip h4{
	font-size: 18px;
	letter-spacing: 6px;
	text-align: center;
	margin: 17px;
}
.trip .r h4{color: #cd6566;}
.trip .g h4{color: #346633;}
.trip .b h4{color: #326698;}
.trip p{
	margin: 13px;
	color: #666666;
	font-size: 13px;
}
.trip a{
	font-size: 14px;
	text-decoration: underline;
	float: right;
}
form{float:left;width:100%;}
form table{
	font-size: 14px;
	background: white;
	border: 2px solid #eee;
	width:100%;
	margin-bottom:30px;
}
form table td{
	padding: 10px 10px;
	vertical-align: top;
	line-height: 30px;
	border-top: 1px solid #EEE;
}
form table td.submit{text-align:center;}
form table td.submit input{margin:30px 0 0;}
table.tableSet{
	width: 100%;
	border: 1px solid #c3d0e0;
	font-size:13px;
	letter-spacing:1px;
	border-collapse: collapse;
	margin-bottom:30px;
}
table.tableSet th{
	text-align: center;
	padding: 17px 10px;
	border: 1px #c3d0e0 solid;
	background: #aabed5;
}
table.tableSet td{
	padding: 17px 10px;
	border-left: 1px #c3d0e0 solid;
	background:#FFFFFF;
}
table.tableSet tr.odd td{background:#f0f2f5;}
/*文字色*/
#blue{
color:#396497
}

a{text-decoration:none;

}

.textNone{
text-decoration:none;
}

.listNone{
list-style:none;

}

/*-------------font-size-------------*/
.txt14{
font-size: 14px;
}

/*-------------margin-right-------------*/
.mgR5{
margin-right:5px;
}

.mgR10{
margin-right:10px;
}


.mgR18{
margin-right:18px;
}

.mgR20{
margin-right:20px;
}

.mgR30{
margin-right:30px;
}
/*-------------margin-left-------------*/



.mgL70{
margin-left:70px;
}

.mgL159{
margin-left:159px;
}

.mgL25{
margin-left:25px;
}

/*-------------margin-Bottom-------------*/
.mgB4{
margin-bottom:4px;
}

.mgB20{
margin-bottom:20px;
}

.mgB22{
margin-bottom:22px;
}

.mgB30{
margin-bottom:30px;
}

.mgB80{
margin-bottom:80px;
}

/*-------------margin-top-------------*/

.mgT12{
margin-top:12px;
}

.mgT13{
margin-top:13px;
}

.mgT14{
margin-top:14px;
}

.mgT15{
margin-top:15px;
}

.mgT20{
margin-top:20px;
}

.mgT23{
margin-top:23px;
}

.mgT25{
margin-top:25px;
}

.mgT30{
margin-top:30px;
}

.mgT27{
margin-top:27px;
}


.mgT35{
margin-top:35px;
}

.mgT50{
margin-top:50px;
}

.mgT100{
margin-top:100px;
}
/*-------------float-------------*/
.boxL {
	float:left;
}

.boxR {
	float:right;
}
.clearB{
	clear:both;
}

.clarfix{
display: block;
}

/*以下全体*/
#wrapper {
margin: 0 auto 0 auto;
padding: 0;
width: 100%;
border-top:2px solid #000000;
background-image:url(images/bg_gray.jpg);
background-repeat: repeat-x;
}

#bgBorder{
height: 100%;
min-height:100%;
background-image : url(images/bg_footer.jpg);
background-repeat:repeat-x;
background-position:center bottom;
overflow: auto;
}


#wrapper_inner {
margin: 0 auto;
padding: 0 0 0 0;
width: 984px;
position: relative;
height: 100%;
min-height: 100%;
}

body > #wrapper_inner{
height: auto;
}

#headder {
background-image: url(/images/headder_bg.jpg);
width: 984px;
height: 174px;
border-bottom:2px solid #d8d8d8;
margin:0px auto;

}

#headder h1{
margin: 0;
padding: 0;
float:left;
margin-top:8px;
font-size:12px;
font-weight: normal;
width:500px;
text-align:left;
}

.headderLine{
margin-bottom:0;
}

#hinner{
width:984px;
height: 130px;
}


.fInquiry{
float:right;
margin-top: 13px}

#logo{
width: 391px;
float: left;
}

#menu a:hover {
    /*-- IE・Firefox・Opera・Netscape・Safariで同等表示の透明
---------------------------------------------------------------*/
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}


/*プルダウンメニュー*/


/* メインメニュー */
#menu{
clear:both;
width:984px;
height:46px;
padding: 0px;
margin: 0px;
text-align:left;
}
* html #menu{margin-bottom:-8px;margin-left:0px;}
*+html #menu{margin-bottom:-8px;margin-left:0px;}

#menu ul {
display:block;
list-style-type: none;
margin:0;
padding:0;
}


#menu a{
color: #ffffff;
font-size:14px;
}
#menu ul li ul li{
margin-bottom:-20px;
margin-left:20px;
}

.arrowBlue{
margin-right:7px;
}

/* サブメニュー1段目 */
#menu ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background-color:#3d3e3e;
	opacity: 0.9;
	width:245px;
	/*height:140px;*/
	padding-bottom:15px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
* html #menu ul ul{	top:42px;}

/* サブメニュー2段目以降 */
#menu ul ul ul {
   /*top:0;*/
margin-top:-10px;
}

/* リスト */
#menu li {
float:left;
width:246px;
height:46px;
}

#menu li li {
   clear:both;
}

#menu li:hover {
   position:relative;
	z-index:9999;
}

#menu li:hover > ul {
   display: block
}

/* IE6用 */
* html #menu li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #menu li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #menu li li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column3'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

#menu .column1 {position:relative;}
#menu .column1 ul {display:block;}
#menu .column1 * ul {display:none;}

#menu .column2 {position:relative;}
#menu .column2 ul {display:block;}
#menu .column2 * ul {display:none;}

#menu .column3 {position:relative;}
#menu .column3 ul {display:block;}
#menu .column3 * ul {display:none;}


/*プルダウンメニュー*/
/*下のコンテンツ*/
#maincontents{
margin: 0 auto;
display:block;
width:984px;
padding-bottom:290px;
text-align:left;
}

/*パンくずリスト*/

#bread-crumb{
width:800px;
height:50px;
}

#bread-crumb-list {
  width: 800px;　/* 横幅は任意の値 */
  padding: 10px 0px 10px 10px;　/* パディングも任意の値 */
  float: left;
  text-align: left;
}
#bread-crumb-list li {
display: inline;
padding-right: 2px;
text-align: left;
font-size: 12px;
}
#bread-crumb-list li a {
  color: #666666; /* 通常時の文字色 */
}
#bread-crumb-list li a:hover {
  text-decoration: underline;
  
}

.underContents{

width:984px;
overflow:hidden;

}

/*左メニュー*/
#leftTop{
width:238px;
height:870px;
}

#leftTop{
width:238px;
height:885px
}
#leftMenu{
width:238px;
height:132px;
}

#leftMenu li{
float:left;
list-style:none;
width: 236px;
height: 30px;

}

.leftside{
float:left;
width:238px;
height:823px;
}


/*右コンテンツ*/
#rightTop{
margin: 0px auto;
padding: 0;
line-height: 100%;
width:704px;
overflow:hidden;

}

#rightTop li{
list-style:none;
}

.aboutLicense{
width:704px;
height:538px;
}

.aboutLicense ul{
width:704px;
height:20px;
}

.aboutLicense p{
line-height:20px;

}

.bigTxt{
list-style:none;
font-size:16px;
font-weight:bold;
}

.bigTxt{
font-size:14px;
font-weight:bold;
}

#flow{
width:704px;
height:253px;
}

#flow li{
float:left;
}

.flowStep{
width:704px;
height:218px;
margin-top:10px;
}

.gArrow{
margin:87px 4px 0 4px;
}

#applySpace{
width:704px;
height:90px;
clear:both;
margin-bottom:34px;
}

#applySpace li{
float:right;
margin:-77px 23px 0 0 ;
}

.applyBnr{
background-image: url(admission/images/apply_bnr.jpg);
width:704px;
height:90px;
}

/*入会について*/
.aboutAdmission{
width:704px;
margin-top:50px;
}

#admissionType{
width:704px;
height:162px;
margin-top:30px;
}

.pdfTxt{
margin-top:10px;
font-size: 14px;
text-align:right;
text-decoration:underline;
}

.aboutAdmission li{
float:left;
}

.aboutAdmission p{
line-height: 20px;
}

/*ページタイトル*/
.pageTitle{
margin-top:50px;
}

.pageTitle ul{
width:704px;
height:14px;
}

.TitleInnerLeft{
height:189px;
}

.TitleInnerRight{
height:234px;
clear:both;
margin-top:15px;
}


.pageTitle p{
line-height: 20px;
font-size: 14px;
}
.kakomiSample{
padding: 17px;
border-width: 3px;
border: medium solid #99afc8;
background:#ffffff;
}


/*申し込みフォーム*/
#formStyle{
margin-top:45px;
}

#formarea{
margin-left: 77px;
width:550px;
height:337px;
}

#formStyle li{
text-align:left;
font-size: 14px;
line-height: 20px;
}

#formStyle input{
margin-top:12px;
}

.formTextArea{
margin-top: -15px;
width: 345px;
}

.twoBottun{
margin:35px 237px 0 237px;
}

/*テーブル*/


#tableInner{
width: 704px;
font-size:13px;
margin-top:30px;
letter-spacing:1px;
border-collapse:collapse;
border: 1px solid #c3d0e0;
}



.tableTop{
background-color: #aabed5;

}

#tableInner th{
text-align:center;
padding:10px 10px;
border-left: 1px #c3d0e0 solid;
margin-left:10px;
}

#tableInner td{
text-align:left;
padding:10px 10px;
font-size:13px;
margin-left:10px;
border-left: 1px #c3d0e0 solid;
}

.bgWhite{
background-color: #ffffff;
}

.bgBlue{
background-color: #f0f2f5;
}


#tableInner2{
width: 704px;
font-size:13px;
margin-top:30px;
letter-spacing:1px;
border-collapse:collapse;
border: 1px solid #c3d0e0;
}

#tableInner2 tr{
border-bottom: 1px #c3d0e0 solid;
}

#tableInner2 th{
text-align:left;
padding:10px 10px;
margin-left:5px;
}

#tableInner2 td{
text-align:left;
padding:10px 10px;
border-left: 1px #c3d0e0 solid;
margin-left:10px;
}















/*フッター*/
#footBox{
margin:0 auto;
width: 984px;
height:190px;
clear:both;
position:absolute;
bottom: 0;
}

.footBoxImg{
background-image: url(/images/footer_bg.jpg);
width:1300px;
height:190px;
background-repeat: no-repeat;
position: absolute;
right: -111px;
}


.footerMenu{
width:678px;
height:41px;
list-style: none;
position:relative;
top:2px;
left:125px;
}

.footerMenu li{
float:left;
}

.footerInner{
width:678px;
height:41px;

}

.footerUnder{
width:982px;
height:149px;
text-decoration:none;
list-style:none;
position:relative;

}


* html .footerUnder{margin-left:0px;}
*+html .footerUnder{margin-left:0px;}


.footerLeft{
float: left;
width: 391px;
}

.footerRight{
float: right;
width: 545px;
text-align: left;
padding: 14px 0 0 0;
}

.footerRight ul{
float: left;
width:162px;
font-size: 12px;
line-height: 264%;
list-style-type: none;
}

.footerRight li{
list-style-type: none;
}

.footerRight ul a{
text-decoration:none;
color:#666666;
}
.footerRightTxt{
font-size:11px;
}