@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     : 
Style Info : 
=================================================================== */

/****************************************************************************

/system/world/

****************************************************************************/

.worldStory .acdSpCont.pcCont { max-height:none !important; }

.worldStory .worldBox { }
.worldStory .worldBox img { display:block; float:right; width:228px; }
.worldStory .worldBox .textes { width:100%; float:left; margin:0 -228px 0 0; padding:0 258px 0 0; }
.worldStory .chara { background-color:#FFF; padding:20px; margin-bottom:10px; }
.worldStory .chara img { display:block; width:130px!important; height:auto; float:left; }
.worldStory .chara .charaText { width:100%; float:right; margin:0 0 0 -130px; padding:0 0 0 150px; }
.worldStory .chara .charaText p { color:#333; text-shadow:none; font-size:12px; }
.worldStory .chara .charaText strong { color:#333; text-shadow:none; display:block; font-size:17px; margin-bottom:10px; font-weight:bold; line-height:140%; }

/* clearfix element */
.chara:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .chara { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .chara { zoom:1; }

/*@media print,screen and (max-width:700px){*/
.worldStory .acdSpCont { max-height:0; overflow:hidden; }
.worldStory .contBox01 { padding:0 10px; }
.worldStory .parts_column_02 { padding-bottom:15px; }
.worldStory #mainCont02 .parts_inner_01,
.worldStory #mainCont03 .parts_inner_01 { background:URL(../../img/cmn/alBg131824_35p.png) repeat; padding-bottom:15px; padding-top:15px; }
.worldStory #mainCont02,
.worldStory #mainCont03 { padding-top:0; padding-bottom:0; background:none !important; margin:0; }
.worldStory #mainCont02:before,
.worldStory #mainCont02:after,
.worldStory #mainCont03:before,
.worldStory #mainCont03:after { display:none; }
.worldStory #mainCont02.firstCont,
.worldStory #mainCont03.firstCont { padding-top:5px; }
.worldStory #mainCont02 .parts_section_01.acdSpBtn,
.worldStory #mainCont03 .parts_section_01.acdSpBtn { margin:10px 0 0 0; }
.worldStory .parts_section_01 { padding:0 10px; overflow:hidden; position:relative; }
.worldStory .parts_section_01 h2 { display:table; width:100%; font-size:16px; color:#fff; font-weight:bold; background:URL(../../img/cmn/alBgFFF_12p.png) repeat; text-align:center; position:relative; cursor:pointer; padding:0; 
text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;
}
.worldStory .parts_section_01 h2 span { display:table-cell; line-height:140%; vertical-align:middle; height:60px; padding:0 40px; }
.worldStory .parts_section_01 h2 small { display:none; }
.worldStory .parts_section_01 h2:after { display:none; }
.worldStory .parts_section_01:after { content:''; width:16px; height:16px; position:absolute; right:25px; top:50%; margin:-8px 0 0 0; background:URL(../../img/cmn/navIcon2_off.png) no-repeat center center; background-size:100% 100%; z-index:2; }
.worldStory .parts_section_01.active:after { background:URL(../../img/cmn/navIcon2_on.png) no-repeat center center; background-size:100% 100%; }
	
.worldStory .worldBox img { float:none; width:100%; max-width:228px; margin:0 auto; }
.worldStory .worldBox .textes { float:none; margin:15px 0 0 0; padding:0; }
.worldStory .chara { padding:15px 10px; margin-bottom:10px; }
.worldStory .chara img { float:none; margin:0 auto; }
.worldStory .chara .charaText { float:none; margin:10px 0 0 0; padding:0; }
.worldStory .chara .charaText strong { font-size:15px; margin-bottom:6px; }
/*}*/

/****************************************************************************

/system/intrusion/

****************************************************************************/

.system.intrusion #mainCont06 .parts_inlineBlock_01 img { width:150px; }
.system.intrusion .parts_table_01 th,
.system.intrusion .parts_table_01 td { text-align:center; } 
.system.intrusion .parts_table_01 .col01 { width:140px; }

/*@media print,screen and (max-width:700px){*/
.system.intrusion #mainCont06 .parts_inlineBlock_01 img { width:100px; }
.system.intrusion .parts_table_01 table {
width: 100%;
margin: 0 auto;
}
.system.intrusion .parts_table_01 .col01 {
    width: auto;
}
.system.intrusion .parts_table_01 th, .system.intrusion .parts_table_01 td {
    font-size: 80%;
}

.system.intrusion td {
    font-size: 80%;
}

.parts_table_01 table th {
    padding: 5px;
}

.parts_table_01 table td {
    padding: 5px;
}

.system.intrusion #mainCont06 .parts_inlineBlock_01 div { width:24%; }
.system.intrusion #mainCont06 .parts_inlineBlock_01 img { width:100%; vertical-align:top; }
/**}**/


/****************************************************************************

/system/avatar/

****************************************************************************/

.system.avatar #mainCont02 .parts_table_01 th { text-align:center; }
.system.avatar #mainCont02 .parts_table_01 th.col01 { width:280px; }
.system.avatar #mainCont02 .parts_table_01 td { text-align:center; }

/*@media print,screen and (max-width:700px){*/
.system.avatar #mainCont02 .parts_table_01 table {
    width: 100%;
    margin: 0 auto;
}

.system.avatar #mainCont02 .parts_table_01 th.col01 {
    width: 70px; box-sizing:border-box;
}

.system.avatar #mainCont02 .parts_table_01 th {
    font-size: 80%; line-height:130%;
}

.system.avatar #mainCont02 .parts_table_01 td {
    font-size: 80%; line-height:130%; vertical-align:middle;
}

.system.avatar #mainCont02 .parts_table_01 th span,.system.avatar #mainCont02 .parts_table_01 td span { display:block; font-size:80%; text-align:center; }
/*}*/

/****************************************************************************

/system/story/

****************************************************************************/

.system.story #mainCont03 .parts_ttl_02 { margin-top:15px; }
.system.story #mainCont03 .parts_ttl_02.firstCont { margin-top:30px; }
.system.story #mainCont03 .parts_table_01 { margin-top:10px; border:1px solid #202023; }
.system.story #mainCont03 .parts_table_01.firstCont { margin-top:0; }
.system.story #mainCont03 .parts_table_01 th.col01 { text-align:left; }
.system.story #mainCont03 .parts_table_01 td { vertical-align:middle; color:#eee; }
.system.story #mainCont03 #tableId01 .parts_table_01 th { background:#5b0000; }
.system.story #mainCont03 #tableId02 .parts_table_01 th { background:#002956; }

/*@media print,screen and (max-width:700px){*/
.system.story #mainCont03 .parts_ttl_02 { margin-top:10px; }
.system.story #mainCont03 .parts_ttl_02.firstCont { margin-top:15px; }
.system.story #mainCont03 .parts_table_01 { margin-top:10px; }
.system.story #mainCont03 .parts_table_01.firstCont { margin-top:0; }
.system.story #mainCont03 .parts_table_01 th { font-size:12px; }
.system.story #mainCont03 .parts_table_01 th.col01 { text-align:left; }
.system.story #mainCont03 .parts_table_01 td { font-size:12px; }
/*}*/

/****************************************************************************

/system/net/

****************************************************************************/

.system.net #mainCont03 .parts_ttl_02 { margin-top:15px; }

/*@media print,screen and (max-width:700px){*/
.system.net {}
/*}*/

/****************************************************************************

/system/car/

****************************************************************************/

.system.car #pcContent > article { display:none; border:#eee 2px solid; box-shadow: 6px 6px 6px rgba(0,0,0,0.26),-6px -6px 6px rgba(0,0,0,0.26),6px -6px 6px rgba(0,0,0,0.26),-6px 6px 6px rgba(0,0,0,0.26); background-color:rgba(255,255,255,0.4);}
.system.car #spContent { display:none;}
.system.car #spContent .acdSpCont { max-height:0; overflow:hidden; }
.IE8 .system.car #pcContent > article  { background-color:#CECECE; }

/*@media print,screen and (max-width:700px){*/
.system.car #pcContent { display:none; }
.system.car #spContent { display:block; }

.system.car #pcContent > article {box-shadow:none; }
/*}*/

/*左ナビ
---------------------------------------------------------------------------*/

.carNav { width:100%; text-align:center; }
.carNav li { height:60px; margin:0 0 6px 0; }
.carNav li a { width:100%; height:100%; display:block; background-color:#fff; overflow:hidden; position:relative; border:#fff 4px solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
-webkit-transition: border 0.3s ease;
-moz-transition: border 0.3s ease;
-ms-transition: border 0.3s ease;
-o-transition: border 0.3s ease;
transition: border 0.3s ease;
}
.carNav li a.active { border:#F9D722 4px solid; }
.carNav li a img { display:block; height:100%; position:absolute; left:50%; top:0;  margin:0 0 0 -76px; }
.carNav li.endCont { margin-bottom:0; }

/*@media print,screen and (max-width:700px){*/
.carNav { display:none; }
/*}*/

/*コンテンツ
---------------------------------------------------------------------------*/

.carContent { /**overflow:hidden;**/ }
.carContent > article { border:#9da1a7 1px solid; }

/* carTtl01 */
.carContent .carTtl01 { font-size:26px; line-height:140%; color:#fff; font-weight:bold; background-color:#000; text-align:center; padding:14px 30px; overflow:hidden; position:relative;
/**text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;**/ 
}
.carContent .carTtl01 * { font-weight:bold; }
.carContent .carTtl01:before { content:''; width:309px; height:340px; position:absolute; left:-50px; top:-50px; background:URL(../../img/cmn/slideBg_03.png) no-repeat center top; z-index:-1; }
.IE8 .carContent .carTtl01 span { background-image:none !important; }

/* carTtl02 */
.carContent .carTtl02 { display:none; }

/* carWrap01 */
.carContent .carWrap01 { width:100%; margin:0 auto; padding:0 30px 40px 30px;  position:relative; }
.carContent .carWrap01:before { content:''; width:309px; height:340px; position:absolute; left:0; top:0; background:URL(../../img/cmn/slideBg_03.png) no-repeat center top; z-index:-1; }

/* carTable01 */
.carContent .carTable01 { width:100%; padding:30px 0 0 0; }
.carContent .carTable01 p { font-size:18px; text-align:left; }
.carContent .carTable01 .Lcol { width:50%; float:left; position:relative; }
.carContent .newItem .carTable01 .Lcol:after { content:'NEW'; display:block; width:60px; height:22px; line-height:22px; text-align:center; background:URL(../../img/cmn/newIcon_bg.png) no-repeat center center; overflow:hidden; vertical-align:middle; font-size:11px !important; font-weight:normal !important; letter-spacing:0.1em; position:absolute; top:2px; right:2px; color:#FFF; 
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); }
.carContent .carTable01 .Lcol > figure img { width:100%; }
.carContent .carTable01 .Lcol section { width:100%; display:table; border-top:#3E3F48 1px solid; text-align:left; background:#2B2C33; }
.carContent .carTable01 .Lcol section > * { display:table-cell; vertical-align:middle; padding:4px 10px; }
.carContent .carTable01 .Lcol section h5 { width:108px; max-width:130px; color:#B1B1B1; line-height:140%; font-weight:bold; font-size:11px; text-shadow:none;
background: #19191E;
}
.carContent .carTable01 .Lcol section p { color:#B1B1B1; line-height:140%; font-size:11px; text-shadow:none; }
.carContent .carTable01 .Lcol section figure { line-height:100%; overflow:hidden; }
.carContent .carTable01 .Lcol section figure img { height:10px; }
.carContent .carTable01 .Rcol { width:50%; float:right; padding:10px 0 0 20px; color:#fff; }
.carContent .carTable01 .Rcol h4 { border-left:#FD00ED 5px solid; font-size:18px; color:#fff; line-height:130%; line-height:140%; padding:0 0 0 15px; font-weight:bold; }
.carContent .carTable01 .Rcol p { /*font-size:18px;*/ font-size:14px; line-height:160%; margin:8px 0 0 0; }

/* clearfix element */
.carContent .list:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .carContent .list { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .carContent .list { zoom:1; }

.carContent .carTable01:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .carContent .carTable01 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .carContent .carTable01 { zoom:1; }

/*@media print,screen and (min-width:701px){
	
.carContent .carTtl01 span { background-image:none !important; }

}*/

/*@media print,screen and (max-width:700px){*/
	
.system.car .parts_bg_01 {}
.system.course .parts_bg_01 {padding-bottom:0; }

.carContent { padding:0; }
.carContent > article { margin:10px 0 0 0; border:none;}
.carContent > article:first-child { margin-top:0; }

/* carTtl01 */
.carContent .carTtl01 { width:100%; height:60px; background:none !important; padding:0 10px; cursor:pointer; }
.carContent .carTtl01 span { display:block; width:100%; height:100%; background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; text-indent:-9999px; border-radius:.3em; overflow:hidden; border:1px solid #202023; position:relative; }
.carContent .carTtl01 span:before { content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; border-radius:.2em; border:1px solid #06090A; box-sizing:border-box; }
.carContent .carTtl01:before { display:none; }
.carContent .carTtl01:after { /**content:''; width:16px; height:16px; position:absolute; top:50%; right:25px; background:URL(../../img/cmn/navIcon2_off.png) no-repeat center center; background-size:100% 100%; margin:-8px 0 0 0;**/ }
.carContent .carTtl01.active:after { background-image:URL(../../img/cmn/navIcon2_on.png) !important; }

/* carTtl02 */
.carContent .carTtl02 { display:none; height:60px; overflow:hidden; cursor:pointer; position:relative; }
.carContent .carTtl02 h4 { width:100%; height:60px; display:table; font-size:13px; line-height:140%; color:#fff; font-weight:bold; background:/*URL(../../img/cmn/alBg4a4d57_70p.png) repeat*/ #141a28; text-align:center; padding:0 10px; overflow:hidden;
}
.carContent .carTtl02 h4 > * { display:table-cell; font-weight:bold; vertical-align:middle; }
.carContent .carTtl02:after { content:''; width:14px; height:14px; position:absolute; right:15px; top:50%; margin:-7px 0 0 0; background:URL(../../img/cmn/navIcon2_off.png) no-repeat center center; background-size:100% 100%; z-index:2; }
.carContent .carTtl02.active:after { background-image:URL(../../img/cmn/navIcon2_on.png); }

/* carWrap01 */
.carContent .carWrap01 { overflow:hidden; position:relative; padding:0; margin:0; background:none; }
.carContent .carWrap01:before { display:none; }
.carContent .carWrap01 .list { width:100%; overflow:hidden; padding:0 10px; }
.carContent .carWrap01 .carPrev,
.carContent .carWrap01 .carNext { width:60px; height:60px; position:absolute; top:0; background-size:100% 100% !important; cursor:pointer; margin:35% 0 0 0; z-index:100; background:URL(../../img/cmn/alBg000_60p.png) repeat; overflow:hidden; }
.carContent .carWrap01 .carPrev { left:10px; }
.carContent .carWrap01 .carNext { right:10px; }

/* carTable01 */
.carContent .carTable01 { display:block; margin:0; padding:0; }
.carContent .carTable01 .Lcol,
.carContent .carTable01 .Rcol { display:block; float:none; width:100%; }
.carContent .carTable01 .Lcol { width:100%; max-width:600px; margin:10px auto 0 auto; padding:0px 0 0 0; border:1px solid #202023; border-radius:.3em; overflow:hidden; position:relative; }
.carContent .carTable01 .Lcol:before { content:""; display:block; width:100%; height:100%; border:1px solid #06090A; box-sizing:border-box; border-radius:.2em; position:absolute; top:0; left:0; }
.carContent .carTable01 .Lcol section > * { font-size:11px; padding:6px 10px; }
.carContent .carTable01 .Lcol section h5 { width:110px; }
.carContent .carTable01 .Lcol section figure img { height:10px; }
.carContent .carTable01 .Rcol { padding:0 0 10px 0; }
.carContent .carTable01 .Rcol h4 { display:block; border-left:#FD00ED 4px solid; font-size:14px; line-height:130%; line-height:140%; padding:0 0 0 10px; font-weight:bold; margin:12px 0 0 0; }
.carContent .carTable01 .Rcol p { font-size:12px; padding:8px 0 0 0; margin:0; }
.carContent .newItem .carTable01 .Lcol:after { background:URL(../../img/cmn/newIcon_bg_sp.png) no-repeat center center; background-size:100% 100%; font-size:10px !important; top:12px; right:2px; }

.system.car .parts_column_01 > .Lcolumn { display:none; }
/*}*/

/****************************************************************************

/system/course/

****************************************************************************/

.system.course #pcContent > article { max-height:0; overflow:hidden; }
.system.course #spContent { max-height:0; overflow:hidden; visibility:hidden; }
.system.course #spContent .acdSpCont { /**max-height:0; overflow:hidden;**/ }

/*@media print,screen and (max-width:700px){*/
.system.course #pcContent { max-height:0; overflow:hidden; visibility:hidden; }
.system.course #spContent { max-height:none; visibility:visible; }
/*}*/

/*左ナビ
---------------------------------------------------------------------------*/

.courseNav { width:100%; border:#eee 2px solid; box-shadow:6px 6px 6px rgba(0,0,0,0.46),-6px -6px 6px rgba(0,0,0,0.46); background-color:rgba(0,0,0,0.4); }
.courseNav > li { border-bottom:#9da1a7 1px solid; }
.courseNav > li a { display:block; color:#fff; font-size:13px; text-decoration:none; line-height:140%; padding:15px 40px 15px 15px; position:relative; background:URL(../../img/cmn/alBg131824_35p.png) repeat;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease; 
}
.courseNav > li a:after { content:''; width:32px; height:29px; position:absolute; right:8px; top:50%; background:URL(../../img/cmn/allow_02a.png) no-repeat center center; margin:-15px 0 0 0; background-size:auto 10px; }
.courseNav > li a.active { background:#4a4c55; }

.IE8 .courseNav > li a:after { }

/*@media print,screen and (max-width:700px){*/
.courseNav { display:none; }
/*}*/

/*コンテンツ
---------------------------------------------------------------------------*/

.courseContent { border:#9da1a7 1px solid; border:#eee 2px solid; box-shadow: 6px 6px 6px rgba(0,0,0,0.26),-6px -6px 6px rgba(0,0,0,0.26),6px -6px 6px rgba(0,0,0,0.26),-6px 6px 6px rgba(0,0,0,0.26); background-color:rgba(255,255,255,0.4);}
.courseContent > article { maxHeight:0; overflow:hidden; visibility:hidden; }
.IE8 .courseContent { background-color:#CECECE;  }

/* 全長 */
.courseContent .length { text-align:center; padding:5px; background-color:rgba(0,0,0,.6); border:none; color:#FFF; }

/* courseTtl01 */
.courseContent .courseTtl01 { display:none!important; background-color:#000; }
.faq .courseContent .courseTtl01 { position: relative; margin:0 10px;
    margin-bottom: 1px;
   background: -moz-linear-gradient(top, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0.16) 51%, rgba(255,255,255,0.16) 71%, rgba(255,255,255,0.16) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0.16) 51%,rgba(255,255,255,0.16) 71%,rgba(255,255,255,0.16) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0.16) 51%,rgba(255,255,255,0.16) 71%,rgba(255,255,255,0.16) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ffffff', endColorstr='#29ffffff',GradientType=0 );
    }
	
	
.faq .courseContent > article { margin-top:0; }

/* courseTtl02 */
.courseContent .courseTtl02 { font-size:26px; color:#fff; font-weight:bold; text-align:center; padding:14px 30px; overflow:hidden; position:relative;
/**text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;**/
}
.courseContent .courseTtl02 * { font-weight:bold; line-height:140%; }

.faq .courseContent { padding:0 0px; }


.courseContent .courseTtl02.txtLine2 { padding: 4px 50px; font-size: 23px; }	
.courseContent .courseTtl02.txtLine2 * { font-weight:bold; line-height:120%; }


/* courseWrap01 */
.courseContent .courseWrap01 { width:100%; position:relative; }
.courseContent .courseWrap01 img { width:100%; }
.courseContent .courseWrap01 p { font-size:18px; line-height:160%; }
.courseContent .courseWrap01 .list { width:100%; }

/* courseInner01 */
.courseContent .courseInner01 { padding:10px 0 0 0; position:relative;  }
.courseContent .courseInner01:before { width:309px; height:340px; position:absolute; left:0; top:0; background:URL(../../img/cmn/slideBg_03.png) no-repeat center top; z-index:-1; }
.faq .courseContent .courseInner01:before { display:none; }
.page01 .courseInner01 { color:#FFF; }
/* courseInner02 */
.courseContent .courseInner02 h4 { font-size:26px; line-height:140%; margin:30px 0 0 0; color:#fff; font-weight:bold; background-color: rgba(52,70,75,0.8); text-align:center; padding:14px 30px; overflow:hidden; position:relative; border-top:#000 2px solid; border-bottom:#000 2px solid;
/**text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;**/
}
.faq .courseInner01 h4 { color:#FFF!important; }
.faq .parts_bg_01 { padding-top:0; }

/* courseTable01 */
.courseContent .courseTable01 { padding:0 30px; }
.courseContent .courseTable01 .Lcol { width:45%; float:left; padding:20px 0 0 0; }
.courseContent .courseTable01 .Rcol { width:55%; float:right; padding:0 0 0 20px; }
.courseContent .courseTable01 .Rcol section { padding:20px 0 0 0; }
.courseContent .courseTable01 .Rcol section h4 { border-left:5px solid #F9D722; font-size:18px; color:#fff; line-height:140%; padding: 0px 0px 0px 15px; font-weight:bold; }
.courseContent .courseTable01 .Rcol section p { font-size:14px; margin:8px 0 0 0; }

/* courseGuide01 */
.courseContent .courseGuide01 { padding:5px 20px 30px 20px; background-color:rgba(0,0,0,.4); position:relative; }
.IE8 .courseContent .courseGuide01 { background-color:#525252; }
.courseContent .courseGuide01:before {  }
.courseContent .courseGuide01 > div { width:50%; float:left; padding:0 10px; margin:25px auto 0 auto; position:relative; z-index:1; }
.courseContent .courseGuide01 > div figure { }
.courseContent .courseGuide01 > div h5 { font-size:16px; line-height:140%; font-weight:bold; color:#eee; margin:12px 0 0 0; }
.courseContent .courseGuide01 > div h5 span { font-weight:bold; padding:0 6px 0 0; }
.courseContent .courseGuide01 > div p { font-size:14px; margin:8px 0 0 0; color:#eee; }
.courseContent .courseGuide01 > div.idx01,
.courseContent .courseGuide01 > div.idx03,
.courseContent .courseGuide01 > div.idx05,
.courseContent .courseGuide01 > div.idx07,
.courseContent .courseGuide01 > div.idx09,
.courseContent .courseGuide01 > div.idx11,
.courseContent .courseGuide01 > div.idx13,
.courseContent .courseGuide01 > div.idx15,
.courseContent .courseGuide01 > div.idx17 { clear:both; }

/* clearfix element */
.courseTable01:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .courseTable01 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .courseTable01 { zoom:1; }
.courseGuide01:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .courseGuide01 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .courseGuide01 { zoom:1; }

/*arrowPc*/
.arrowPc .coursePrev,
.arrowPc .courseNext { width:64px; height:64px; position:absolute; top:1px; z-index:100; cursor:pointer; margin:0; background:URL(../../img/cmn/alBg000_60p.png) repeat; overflow:hidden; }
.arrowPc .coursePrev { }
.arrowPc .courseNext { margin:0 0 0 664px; }

/* top */
.courseContent .parts_inner_01 ul { margin:15px 0 0 0; }
.courseContent .parts_inner_01 ul li { width:33.333%; float:left; padding:5px; }
.courseContent .parts_inner_01 ul li img { width:100%; }
.courseContent .parts_inner_01 p { font-size:14px; }
.courseContent .parts_inner_01 { padding-top:5px; padding-bottom:30px; position:relative; background:URL(../../img/cmn/alBg131824_35p.png) repeat; overflow:hidden; }
.courseContent .parts_inner_01:before { content:''; width:309px; height:340px; position:absolute; left:0; top:0; background:URL(../../img/cmn/slideBg_03.png) no-repeat center top; z-index:-1; }

.spCourse { display:none; }


/*@media print,screen and (max-width:700px){*/
.courseContent { border:none; box-shadow:none; background-color:transparent; }

.courseContent > article { maxHeight:none; visibility:visible; margin:10px 0 0 0; }
.courseContent > article:first-child { margin-top:0; }

/* courseTtl01 */
.courseContent .courseTtl01 { display:block; height:60px; overflow:hidden; cursor:pointer; position:relative; padding:0 10px; }
.courseContent .courseTtl01 h2 { width:100%; height:60px; display:table; font-size:14px; line-height:140%; color:#fff; font-weight:bold;  text-align:center; padding:0 10px; overflow:hidden;
/**text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;**/
}
.courseContent .courseTtl01 h2 > * { display:table-cell; font-weight:bold; vertical-align:middle; padding:0 24px;}
.courseContent .courseTtl01:after { content:''; width:16px; height:16px; position:absolute; right:25px; top:50%; margin:-8px 0 0 0; background:URL(../../img/cmn/navIcon_off.png) no-repeat center center; background-size:100% 100%; z-index:2;display:none; }
.courseContent .courseTtl01.active:after { background-image:URL(../../img/cmn/navIcon_on.png); }

/* courseTtl02 */
.courseContent .courseTtl02 { font-size:100%; overflow:hidden; cursor:pointer; position:relative; padding:0; border-bottom:2px solid #000;
/**text-shadow: 0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;**/
}
.courseContent .courseTtl02:before { content:""; display:block; width:100%; height:1px; background-color: #FE00EE; position:absolute; bottom:0; left:0; }
.courseContent .courseTtl02 h3 { width:100%; display:table; font-size:15px; line-height:140%; color:#fff; font-weight:bold; background-color: rgba(255,255,255,0.1); text-align:center; padding:1em 10px; overflow:hidden;


}
.courseContent .courseTtl02 h3 > * { display:table-cell; font-weight:bold; vertical-align:middle; }
.courseContent .courseTtl02:after { content:''; width:14px; height:14px; position:absolute; right:15px; top:50%; margin:-7px 0 0 0; background:URL(../../img/cmn/navIcon2_off.png) no-repeat center center; background-size:100% 100%; z-index:2; display:none; }
.courseContent .courseTtl02.active:after { background-image:URL(../../img/cmn/navIcon2_on.png); }


.courseContent .courseTtl02.txtLine2 { padding: 0; }	
.courseContent .courseTtl02.txtLine2 * { line-height:140%; }

/* courseWrap01 */
.courseContent .courseWrap01 { width:100%; overflow:hidden; position:relative; padding:0; background:none; }
.courseContent .courseWrap01 p {  }
.courseContent .courseWrap01 .list { border:none; border-top: none; }
.courseContent .courseWrap01 .list:before {  }
.courseContent .courseWrap01 .coursePrev,
.courseContent .courseWrap01 .courseNext { width:60px; height:60px; position:absolute; top:40%; background-size:100% 100% !important; cursor:pointer; margin:0 0 0 0; z-index:100; background:URL(../../img/cmn/alBg000_60p.png) repeat; overflow:hidden; }
.courseContent .courseWrap01 .coursePrev { left:10px; }
.courseContent .courseWrap01 .courseNext { right:10px; }

/* courseInner01 */
.courseContent .courseInner01 { padding:0 0 0 0; }

/* courseInner02 */
.courseContent .courseInner02 h4 { height:62px; font-size:16px; line-height:60px; margin:15px 0 0 0; text-align:center; padding:0; }
.courseContent .courseInner02 h4:before { width:100%; height:2px; background-color:#3C4F53; position:absolute; bottom:0; left:0; content:""; display:block;  }
.courseContent .courseInner02 h4:after { width:100%; height:2px; background-color:#3C4F53; position:absolute; top:0; left:0; content:""; display:block;  }
.courseContent .courseInner02 h4.active:after { background-image:URL(../../img/cmn/navIcon2_on.png); }

/* courseTable01 */
.courseContent .courseTable01 { padding:0; }
.courseContent .courseTable01 .Lcol { float:none; width:100%; max-width:540px; padding:15px 10px 0 10px; margin:0 auto; }
.courseContent .courseTable01 .Rcol { float:none; width:100%; padding:0 10px; }
.courseContent .courseTable01 .Rcol section { margin:0 0 0 0; padding:15px 0 0 0; }
.courseContent .courseTable01 .Rcol section h4 { border-left:4px solid #F9D722; font-size:14px; padding: 0px 0px 0px 10px; }
.courseContent .courseTable01 .Rcol section p { font-size:13px; margin:12px 0 0 0; }

/* courseGuide01 */
.courseContent .courseGuide01 { width:100%; overflow:hidden; position:relative; padding:15px 10px 20px 10px; }
.courseContent .courseGuide01:before { width:100%; height:204px; background:URL(../../img/cmn/slideBg_03.png) no-repeat left top; background-size:auto 100%; }
.courseContent .courseGuide01 div { width:100%; /*float:none;*/ padding:0; margin:0 auto; clear:none !important; }
.courseContent .courseGuide01 div:first-child { margin-top:0; }
.courseContent .courseGuide01 div figure { max-width:520px; margin:0 auto; }
.courseContent .courseGuide01 div h5 { font-size:14px; margin:10px 0 0 0; }
.courseContent .courseGuide01 div p { font-size:12px; }
.courseContent .courseGuide01 .guidePrev,
.courseContent .courseGuide01 .guideNext { width:60px; height:60px; position:absolute; top:30%; background-size:100% 100% !important; cursor:pointer; z-index:100; background:URL(../../img/cmn/alBg000_60p.png) repeat; overflow:hidden; }
.courseContent .courseGuide01 .guidePrev { left:0; }
.courseContent .courseGuide01 .guideNext { right:0; }

/*arrowPc*/
.arrowPc { display:none; }

/* top */
.courseContent .page01 .courseTtl02 { display:block; }
.courseContent .parts_inner_01 { padding:0 10px; background:none; }
.courseContent .parts_inner_01:before { display:none; }
.courseContent .parts_border_01 { border-bottom:none; }
.courseContent .parts_inner_01 .topInner01 { background:URL(../../img/cmn/alBg131824_35p.png) repeat; padding:3px 10px; position:relative; }
.courseContent .parts_inner_01 ul { margin:10px 0 0 0; }
.courseContent .parts_inner_01 ul li { width:50%; float:left; padding:3px; }
.courseContent .parts_inner_01 ul li img { width:100%; }
.courseContent .parts_inner_01 p { font-size:13px; }
.courseContent .parts_inner_01 .topInner01 .topPrev,
.courseContent .parts_inner_01 .topInner01 .topNext { width:60px; height:60px; position:absolute; top:65%; background-size:100% 100% !important; cursor:pointer; z-index:100; background:URL(../../img/cmn/alBg000_60p.png) repeat; overflow:hidden; }
.courseContent .parts_inner_01 .topInner01 .topPrev { left:0; }
.courseContent .parts_inner_01 .topInner01 .topNext { right:0; }

.parts_nav_01 { display:block; width:100%; }	
.spCourse select { width:100%;  height:44px; -webkit-appearance:none; appearance:none;  border-radius:.3em; box-sizing:border-box; /**box-shadow: 0px 2px 12px #000;**/  padding:0 10px; /*background-image:url(../../img/cmn/navIcon_off.png);*/ 

background: rgb(65,87,92);
   background:  url(../../img/cmn/navIcon_off.png),-moz-linear-gradient(top, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0.16) 51%, rgba(255,255,255,0.16) 71%, rgba(255,255,255,0.16) 100%);
    background:  url(../../img/cmn/navIcon_off.png),-webkit-linear-gradient(top, rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0.16) 51%,rgba(255,255,255,0.16) 71%,rgba(255,255,255,0.16) 100%);
    background:  url(../../img/cmn/navIcon_off.png),linear-gradient(to bottom, rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0.16) 51%,rgba(255,255,255,0.16) 71%,rgba(255,255,255,0.16) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ffffff', endColorstr='#29ffffff',GradientType=0 );
	background-repeat:no-repeat; background-size:auto 24px,100%; background-position:-webkit-calc( 100% - 10px) center,center; background-position:calc( 100% - 10px) center,center; 
	 color:#FFF;}
.spCourse { display:block;width:90%; margin:0 5% 20px 5%; position:relative; border:1px solid #050909; border-radius:.4em; }
.spCourse select option { color:#333; }
/*}*/
	
/****************************************************************************

/system/net/

****************************************************************************/

.system.net p { text-align:center; }
.system.net #mainCont01 .ttl01 { font-size:36px; font-weight:bold; color:#e7c300; line-height:130%; text-align:center; padding:10px 0 30px 0; }
.system.net #mainCont01 .ttl01 > * { font-weight:bold; display:inline-block; *display:inline; *zoom:1; vertical-align:baseline; }
.system.net #mainCont01 .ttl01 .col02 { position:relative; left:-12px; }

/*@media print,screen and (max-width:700px){*/
.system.net p { padding:0; text-align:left; }
.system.net #mainCont01 .ttl01 { font-size:18px; padding:0 0 15px 0; }
.system.net #mainCont01 .ttl01 img { width:100%; }
.system.net #mainCont01 .ttl01 .col01 { width:80%; max-width:400px; }
.system.net #mainCont01 .ttl01 .col02 { position:relative; left:-8px; }
/*}*/


.system.course .Lcolumn nav li .newIcon { width:40px; height:18px; font-size:11px; color:#fff; line-height:18px; overflow:hidden; display:block; background:#e10214; text-align:center; margin-bottom:3px;	
-webkit-border-radius: 2px;	
-moz-border-radius: 2px;	
border-radius: 2px; }	
.system.course h3 .newIcon { width:40px!important; height:18px!important; font-size:11px!important; color:#fff!important; line-height:18px!important; overflow:hidden!important; display:inline-block!important; background:#e10214!important; text-align:center!important; margin-right:5px!important; font-weight:normal; /**text-shadow:1px 1px 3px #000;*/	
-webkit-border-radius: 2px;	
-moz-border-radius: 2px;	
border-radius: 2px; vertical-align:middle; }


.carNav li,#spContent.carContent .carTtl01 { position:relative; }



.carNav li .newIcon:after,#spContent.carContent .carTtl01 .newIcon { 
   font-size: 10px !important;
    right: 7px;
    content: "NEW";
    display: inline-block;
    position: absolute;
    top: 10px;
    color: #FFF!important;
    background-color: #D10E11;
    line-height: 1;
    padding: .2em .5em;
    border-radius: .2em;
     }
	 
	 .carNav li .newIcon:after,#spContent.carContent .carTtl01 .newIcon:before{ content: 'NEW'; }
	
	#spContent.carContent .carTtl01 .newIcon { right:auto; left:20px; }
	
.courseContent .length .newIcon {
    display: inline-block;
    background-color: rgba(222,0,3,1.00);
    color: #FFF;
    font-size: 10px;
    padding: 1em;
    vertical-align: middle;
    margin-right: 1em;
    line-height: 0;
}