@charset "UTF-8";

/*-------------------------------------------------------
画面横幅に応じて、スマホ、タブレット、PCの３段階に切り分け、表示を変更。
design.cssは以下4パートに分けて記述しています。
　・共通設定
　・480px～（スマホ）
　・768px～（タブレット）
　・1024px～（PC）
-------------------------------------------------------*/





/*--------------------------------------------------------
　　PCサイズ用の設定
------------------------------------------------------*/
@media all{

/*--------------------------------------------------------
1、サイト全体のレイアウト設定
------------------------------------------------------*/

html,body{ width: 100%; background: #edf2f8; font-size: 11px;}

.smponly_block,
.smponly_inline {
  display: none;
}
.pconly_block {
  display:block;
}
.pconly_inline {
  display:inline;
}

/*●全体の横幅の設定*/
#container,
#container_TOP,
#container_SECOND,
#container_ONECOLMN,
#header,
#breadcrumbs,
#footer{
  width: 1024px;
  margin: 0 auto;
}
#header-in,
#global-navi,
#sub-navi,
#title-image,
#breadcrumbs-in{
  width: 1004px;
  margin: 0 auto;
  clear: both;
}

#container{
  position: relative;
}


/*●マージンなし*/
.nomargin {
  margin: 0!important;
}
.notopmargin {
  margin-top: 0!important;
}
.nobottommargin {
  margin-bottom: 0!important;
}

.pcinline {
  display: inline;
}


/*コンテンツ配置*/


h1.smpcth {
  background: none !important;
  font-size: 1.1em !important;
  color: #333 !important;
  position: absolute;
  font-weight: normal !important;
  top:5px;
padding-left: 30px !important
}

img.sisalogo {
	margin-top: 30px
}


/*●１階層目の、総合TOP*/
#container_TOP #main{
  float: left;
  width: 754px;
  margin: 8px 10px 8px 0;
  padding: 0;
}
#container_TOP #sidebar{
  float: left;
  width: 260px;
  margin: 8px 0 0;
  padding: 0;
}

table.expenses_table td {
   width: 33% !important;
   text-align: center !important;
}


#form-page table.osaka_seminar_details th,
#form-page table.osaka_seminar_details td {
  border: 1px solid #bababa !important;
}

#form-page table.osaka_seminar_date {
  border: 1px solid #333 !important; 
}

#form-page table.osaka_seminar_date th {
  border: 1px solid #bababa;
  padding: 10px;
}

#form-page table.osaka_seminar_date td {
  border: 1px solid #bababa;
  padding: 10px;
}


/*●２階層目以下の、２カラムの設定*/
#container_SECOND #main{
  float: right;
  width: 752px;
  margin: 6px 0 12px 10px;
  padding: 0;
}
#container_SECOND #sidebar{
  float: right;
  width: 260px;
  margin: 6px 0 0;
  padding: 0;
}

/*●１カラムページの設定*/
#container_ONECOLMN  #main{
  float: left;
  width: 1024px;
  margin: 6px 0 12px 0;
  padding: 0;
}



/*--------------------------------------------------------
3、エリア毎の設定
--------------------------------------------------------*/



/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
  /*margin: 1em 0 0;*/
  margin:0;
  background-color: #fff;
  border: 1px solid #e1e6ea;
  font-size: 1.2em;
}

#header-in{
  padding: 0.1em 0 0; 
}

/*●ヘッダーロゴ（メインタイトル）*/
#header #header-title{
  float: left;
  color: #1d1d1d;
}

#header #header-title p{
  padding: 0;
  margin: 0 0 8px;
  font-weight: normal;
}

#header #header-title h1,
#header #header-in h1{
  padding: 0;
  margin: 10px 0 0 5px;
  font-weight: normal;
  font-size: 1em;
}

#header #header-title p#header-logo{
  padding: 0;
  margin: 0;
}


/*●ヘッダーロゴテキスト*/
.header-logo a{ text-decoration: none; }



/*●ヘッダーテキスト・右上の文章*/
#header-in #header-text{
  float: right;
  text-align: right;
  width: 310px;
  color: #666;
  display: block;
/*    border: 1px solid gray; */
}
#header-in #header-text img{
}
#header-in #header-text p{
}
#header-in #header-text ul{
  padding-right: 0;
}
#header-in #header-text ul li{
  float: right;
  padding: 0px 12px 0;
  list-style-type: none;
  background: url(/img/footer_icn_arrow.png) no-repeat 0 4px;
}




/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

/*●グローバルメニュー*/
#global-navi{
}


/*●サブグローバルメニュー*/
#sub-navi{
  padding: 2px 0;
  height: 32px;
  border: 1px solid #e1e6ea;
  background-image: url(/img/bg_sub-navi.jpg);
  background-repeat: repeat-x;
  width:1004px;
}

#global-navi .menu,
#sub-navi .menu{
  margin: 0 auto;
  padding: 0;
}
#global-navi .menu li,
#sub-navi .menu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: bold;
  white-space: nowrap;
}

#global-navi .menu img,
#sub-navi .menu img{
  padding: 0;
  margin: 0;
}

/*
#global-navi .menu #global01 {
  width: 94px;
}
#global-navi .menu #global02 {
  width: 118px;
}
#global-navi .menu #global03 {
  width: 120px;
}
#global-navi .menu #global04 {
  width: 155px;
}
#global-navi .menu #global05 {
  width: 135px;
}
#global-navi .menu #global06 {
  width: 146px;
}
#global-navi .menu #global07 {
  width: 236px;
}
*/


.field-box ul li {
  background-image: url(/img/icn_arrow_red.jpg);
  background-repeat: no-repeat;
  padding-left: 15px;
  margin: 5px 10px 0 0;
  display: inline;
  font-size: 13px;
}



#sub-navi .menu li {
  padding-top: 5px;
  font-size: 17px;
  font-family:serif;
  text-align: center;
  vertical-align: middle;
  border-right:1px solid #bababa;
}

#sub-navi .menu li a{
  text-decoration: none;
}

#sub-navi .menu li.selected{
  text-decoration: underline;
  color: #c60000;
}

#sub-navi .menu li a:hover{
  text-decoration: underline;
  color: #c60000
}

#sub-navi .menu #sub01 {
  width: 170px;
}
#sub-navi .menu #sub02 {
  width: 170px;
}
#sub-navi .menu #sub03 {
  width: 170px;
}
#sub-navi .menu #sub04 {
  width: 170px;
}
#sub-navi .menu #sub05 {
  width: 170px;
}
#sub-navi .menu #sub06 {
  width: 130px;
}
#sub-navi .menu .last {
  border: none;
}

#sub-navi #menu_ugrad #sub01 {
  width: 120px;
}
#sub-navi #menu_ugrad #sub02 {
  width: 150px;
}
#sub-navi #menu_ugrad #sub03 {
  width: 150px;
}
#sub-navi #menu_ugrad #sub04 {
  width: 160px;
}
#sub-navi #menu_ugrad #sub05 {
  width: 150px;
}
#sub-navi #menu_ugrad #sub06 {
  width: 160px;
}
#sub-navi #menu_ugrad #sub07 {
  width: 100px;
}

#sub-navi #menu_trans #sub02 {
  width: 190px;
}
#sub-navi #menu_trans #sub03 {
  width: 190px;
}
#sub-navi #menu_trans #sub04 {
  width: 120px;
}
#sub-navi #menu_trans #sub05 {
  width: 140px;
}
#sub-navi #menu_trans #sub06 {
  width: 180px;
}

.smpbrd p {
  margin: 10px 0;
}


#sub-navi #menu_grad #sub01 {
  width: 170px;
}
#sub-navi #menu_grad #sub02 {
  width: 170px;
}
#sub-navi #menu_grad #sub03 {
  width: 170px;
}
#sub-navi #menu_grad #sub04 {
  width: 140px;
}
#sub-navi #menu_grad #sub05 {
  width: 190px!important;
}
#sub-navi #menu_grad #sub05 {
  width: 130px;
}




#sub-navi ul.menu {

}


.program_banner_margin {
  margin-top: 2em;
  margin-bottom: 1em;
}
#program_banner img,
#tpt_program_banner img {
  margin: 3px 3px 6px;
  width: 99%;
}


#tpt_program_banner a:hover img,
#tpt_program_banner a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/*--------------------------------------------------------
メインイメージ全体
--------------------------------------------------------*/

/*●メインイメージ*/
#title-image{
  background-color: #fff;
  margin: 4px 0 0;
  padding: 0 10px;
  clear: both;
}

/* 第２階層以下用 右にボタン配置タイプのメイン画像 */
#container_SECOND #title-image-in{
  padding-bottom: 1em;
}


#title-image-left{
  width: 787px;
  margin: 10px 0;
  padding: 0;
  float: left;
}

#title-image-left h2 {
  margin-bottom: 0;
  padding-bottom: 0;
  
}

#main h2.ttl_b1 img {
  border-left: none !important;
}

#title-image-right{
  width: 210px;
  float: right;
  margin: 10px 0;
  padding: 0;
}
#title-image-right ul{
}
#title-image-right ul li{
  margin: 0 0 3px;
  padding: 0;
  list-style: none;
  width: 210px;
}
#title-image-right ul img {
  margin: 0;
  padding: 0;
  width: 100%;
}


/*●パン屑ナビ*/
#breadcrumbs{
  background-color: #fff;
  margin: 6px 0 0 0;
  border: 1px solid #e1e6ea;
  clear: both;
  font-size: 1.2em;
}
#breadcrumbs-in {
  margin: 0;
  padding: 2px 10px;
}

#breadcrumbs img{
  paddding-bottom: 4px;
}

#breadcrumbs li{
  display: inline;
  margin-right: 0.5em;
  line-height: 1.8em;
  text-align: right;
  list-style: none;
}

#breadcrumbs li a{
  padding-right: 15px;
  background: url(/img/icn_arrow.png) center right no-repeat;
}

/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

/*●メインコンテンツ部分くくり*/
#main{
}

#main-in{
}

.contents p {
  font-size: 15px;
  line-height: 24px;
}

.contents,
.four-float-contents{
  font-size: 1.2em;
  background-color: #fff;
  border: 1px solid #e1e6ea;
  /*margin-bottom: 1em;*/
  margin-bottom:8px;
}

.four-float-contents-top {
  font-size: 1.2em;
  background-color: #fff;
  border: 1px solid #e1e6ea;
  /*margin-bottom: 1em;*/
  margin-bottom:8px;
}

#fourcontents {
 width:755px;
 margin:0;
 padding:0;
}

.contents {

}

#container_ONECOLMN  #main .contents {
  width: 1024px;
}

.text-margin{
  padding: 10px 22px;
}
.text-margin_basic{
  padding: 10px 52px;
}

.text-margin2{
  padding: 10px 22px 0;
}

.four-float-contents{
  float: left;
  width: 172px;
  padding: 4px;
}

.four-float-contents-top{
  float: left;
  width: 172px;
  padding: 4px;
}

.right-margin{
  margin-right: 9px;
}

.win.chrome .right-margin {
    margin-right: 8px;
}


.four-float-contents img {
  width:162px;
  margin: 0 auto;
  text-align: center;
  padding: 5px 0 5px 5px;
}

.four-float-contents-top img {
  width:165px;
  margin: 0 auto -10px auto;
  text-align: center;
  padding: 5px 0 0px 0px;
}

.four-float-contents-top img:hover  {
  width:165px;
  margin: 0 auto -10px auto;
  text-align: center;
  padding: 5px 0 0px 0px;
  opacity: 0.7
}




#main #directory{
  margin: 4px 0 2px -10px;
  width: 700px !important;
}
#main #directory img{
  padding: 0 !important;
}


h2.ttl_kind
{
 background: #acd9f3;
 padding: 10px;
 font-size: 22px;
 font-weight: bold;
 text-align: center;
 border: none !important;
 width: 680px !important;
 margin-left: -10px;
 background-image: none !important;
 margin-top: 10px;
 font-family: sans-serif !important;
}


/*●H2画像タイトル*/
#main h2.img-title,
#main h3.img-title,
#main h4.img-title,
#main h5.img-title{
  margin: 0 0 1.5em;
  padding: 0;
  border: 0;
  background: none;
}


/*●H1タグ*/




#main h1,
#main h2.pgttl_g {
  clear: both;
  margin: 0 0 1em -14px;
  padding: 10px 10px 10px 10px;
  color: #ffffff;
  background-image: url(/img/bg_h2.jpg);
  background-repeat: repeat-y;
  font-size: 1.286em;
  font-weight: bold;
  border-bottom: none;
  width:715px;
}

#main h2.pgttl_blog {
  clear: both;
  margin: 0 0 1em -14px;
  padding: 10px 10px 10px 10px;
  color: #ffffff;
  background-image: url(/img/bg_h2.jpg);
  background-repeat: repeat-y;
  font-size: 1.286em;
  font-weight: bold;
  border-bottom: none;
  width:735px;
}

#main .text-margin_basic h1{
  margin-left: -44px!important;
  width:715px!important;
}

#main .text-margin_basic h2{
  margin-left: 0px!important;
 /* width:715px!important; */
}

#blog .text-margin_basic h1,
#blog .text-margin_basic h2{
  margin-left: -39px!important;
  width:620px!important;
  font-size: 22px;
}
#main .text-margin_basic h1.h1_long,
#main .text-margin_basic h2.h1_long{
  background-image: url(/img/bg_h2_long.jpg);
  width:1000px!important;
}



#blog h2{
  clear: both;
  border-bottom: 1px dotted #bababa;
  font-size: 1.6em;
  height:auto;
  font-weight: bold;
  background-image: url(/img/img_ribbon.jpg);
  background-repeat: no-repeat;
  width: 620px !important;
  font-family: serif;
  font-weight: bold;
  color: #1d1d1d;
  background-position: 0 8px;
  margin-bottom: 12px;
  border-left:none;
  padding: 0.4em 0.9em 0.5em 30px !important;
  line-height: 1.4em;
}

#main h1.h2_design,
#main h1.h2_design_b{
  clear: both;
  border-bottom: 1px dotted #bababa;
  font-size: 1.6em;
  font-weight: bold;
  background-image: url(https://www.ryugaku.com/img/img_ribbon.jpg);
  background-repeat: no-repeat;
  width: 640px;
  font-family: serif;
  font-weight: bold;
  color: #1d1d1d;
  background-position: 0 8px;
  margin-bottom: 12px;
  border-left:none;
  padding: 0.2em 0.9em 0.2em 30px;
  line-height: 1.4em;
  height: 40px;
}

#main h2{
  clear: both;
  border-bottom: 1px dotted #bababa;
  font-size: 1.6em;
  font-weight: bold;
  background-image: url(https://www.ryugaku.com/img/img_ribbon.jpg);
  background-repeat: no-repeat;
  width: 640px;
  font-family: serif;
  font-weight: bold;
  color: #1d1d1d;
  background-position: 0 8px;
  margin-bottom: 12px;
  border-left:none;
  padding: 0.2em 0.9em 0.2em 30px;
  line-height: 1.4em;
/*  height: 40px; */
}

#main .text-margin_basic h2{
  margin-left: -20px!important;
  width: 100%;
  line-height: 32px;
}

#main .text-margin_basic h2.pgttl_g{
  margin-left: -43px!important;
  width: 100%;
  line-height: 32px;
}

#blog .text-margin_basic h2{
  margin-left: -20px!important;
  width:600px;
}


#main h1.ttl_back,
#main h2.ttl_back {
  
  clear: both;
  font-size: 18px;
  font-family: serif;
  font-weight: bold;
  border-bottom: none;
  width:730px;
  margin:0 5px 5px 5px;
 letter-spacing: 3px;
  color: #fff;
  font-size: 1.4em;
  background-image: url(/img/bg_h2.jpg);
  background-repeat: no-repeat;
  border-left:none;
  padding: 0.6em 0.9em 0.2em;
  line-height: 1.4em;
  background-position: 0 8px;
  
}

#counseling p,
#lec_semi p,
#mokuteki_semi p {
  margin-top: 10px;
}

#counseling b,
#lec_semi b,
#mokuteki_semi b {
  font-size: 18px;
  font-family: serif;

}

#counseling .left-box,
#lec_semi .left-box,
#mokuteki_semi .left-box
 {
  width:400px;
  float: left;
}

#counseling .right-box,
#lec_semi .right-box,
#mokuteki_semi .right-box {
  width:250px;
  float: right;
  margin-left: 40px;
}

#counseling ul,
#lec_semi ul,
#mokuteki_semi ul {
  list-style-type: none;
  float: left;
}

#yokomessage2 ul {
  float: left;
}



#yokomessage2 ul li,
#counseling ul li,
#lec_semi ul li,
#mokuteki_semi ul li {
  background-image: url(/img/icn_arrow_red.jpg);
  background-repeat: no-repeat;
  padding-left: 19px;
  background-position: 0 5px;
  margin: 5px 0;
}

#yokomessage2 ul li a,
#counseling ul li a,
#lec_semi ul li a,
#mokuteki_semi ul li a{
  text-decoration: none;
}

#yokomessage2 ul li a:hover,
#counseling ul li a:hover,
#lec_semi ul li a:hover,
#mokuteki_semi ul li a:hover{
   text-decoration: underline;
  color: #bb1010
}



.l_box{
position: relative;
left:-20px;
list-style: none outside;
}

.l_box2 li {
  float: left;
  padding-right: 30px;
}

.l_box li{
margin:  0;
padding: 0;
float: left;
width:300px;
white-space: nowrap;
}


ul.seminar {
  font-size:1.3em;
}


#formyoko ul {
}


.win #formyoko ul li {
  background-image: url(/img/icn_arrow_red.jpg);
  background-repeat: no-repeat;
  padding-left: 15px;
  margin: 5px 10px 0 0;
  display: inline;
  font-size: 13px;
  background-position: 0 5px;
}

#formyoko ul li {
  background-image: url(/img/icn_arrow_red.jpg);
  background-repeat: no-repeat;
  padding-left: 15px;
  margin: 5px 10px 0 0;
  display: inline;
  font-size: 13px;
}

#yoko_message ul li{
  background-image: url(/img/icn_arrow_red.jpg);
  background-repeat: no-repeat;
  padding-left: 15px;
  margin: 5px 30px 0 0px;
  display: inline;
  font-size: 13px;
  background-position-y: 2px;
}



#formyoko ul li a{
  text-decoration: none;
}

#formyoko ul li a:hover{
   text-decoration: underline;
   color: #bb1010
}

#formyoko h2{
  width: 60%;
  height: auto;
  display: inline;
  padding-bottom: 14px;
}



#yoko_message h2 {
  width: 735px;
  margin: 0 0 0 3px;
  padding: 0;
  background-image: none;
  border: none;
  
}

#yoko_message2 h2 {
  width: 735px;
  margin: 0 0 0 3px;
  padding: 0;
}

#yokomessage2 b {
  font-size: 17px;
  line-height:40px;
  font-weight: bold;
  color: #225bc4;
}

#yoko_message ul {
margin: 0;
padding: 0;
}

#yokomessage2 b {
  font-size: 18px;
}




#main h3{
  clear: both;
  margin: 0 0 10px 0px;
  padding: 5px 0 1px 5px;
  /*border-left: 8px solid #608fc9;*/
  font-size: 1.286em;
  font-weight: bold;
  color: #0049a4;
}

#main h3.q_ttl{
    background-image: url(/img/icn_question.jpg);
    background-repeat: no-repeat;
    padding-left: 47px;
    font-size: 1.2em;
    font-weight: bold;
    min-height: 34px;
    height: auto;
    padding-top: 3px;
    margin: 0 0 0 0;
    color: #333;
}
#main h3.a_ttl{
    background-image: url(/img/icn_answer.jpg);
    background-repeat: no-repeat;
    padding-left: 47px;
    font-size: 1.2em;
    font-weight: bold;
    min-height: 34px;
    height: auto;
    padding-top: 3px;
    margin: 1em 0 1em 0;
    border-bottom: none;
    color: #333;
}

#ryugakunejp h3 {
  background: #61493c;
  font-size: 20px;
  font-family: serif;
  font-weight: bold;
  color: #fff;
  padding: 2px 10px;
  margin: 0;
  border-left:none;
}

#sisabooks b,
#ryugakunejp b {
font-size: 23px;
  font-family: serif;
  font-weight: bold;
  color: #333;
  padding: 20px 0 15px 0;
}

#sisabooks .nomargin {
	margin: 0;
	padding: 0;
}

#sisabooks h3 {
  background-image: url(/img/bg_books.jpg);
  background-repeat: repeat-x;
  height:auto;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 20px;
  font-family: serif;
  border: none;
  padding: 10px 0 10px 0;
  text-align: center;
}

.win #sisabooks h3 {
  background-image: url(/img/bg_books.jpg);
  background-repeat: repeat-x;
  height:26px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 20px;
  font-family: serif;
  border: none;
  padding: 15px 0 10px 0;
  text-align: center;
}

#sisabooks {
  background-image: url(/img/bg_books_base.jpg);
}

#sisabooks img {
}

.minibooks {
  width: 330px;
  float: left;
  margin-left: 30px;
  margin-bottom: 10px;
  margin-top: 20px;
}

#ryugakunejp p {
  margin: 10px 0 0 0;
}

#sisabooks .minibooks b {
  font-size: 16px;
}

#sisabooks .minibooks p {
  font-size: 12px;
}

#sisabooks .minibooks p span{
  color: #999;
}

/*●H4タグ*/
#main h4{
  clear: both;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 0.5em;
  padding: 5px 0 1px 5px;
  border-bottom: 1px dotted #ababab;
  font-weight: bold;
  color: #1f1f1f;
}

/*●H5タグ*/
#main h5{
  clear: both;
  font-size: 1.0em;
  font-weight: bold;
  color: #3f3f3f;
  margin: 0 0 0.5em;
  padding: 0 0.8em 1px 5px;
  border-bottom: 1px dotted #ababab;
}


/*●段落タグ*/
#main p {
  margin-bottom: 1.5em;
}
#main p.nomargin {
  margin: 0;
}


/*●リストタグ*/
#main ul,
#main ol{
  margin: 0 0.8em 1.5em 1.7em;
}

/*
#main li{
  margin-bottom: 0.5em;
  line-height: 1.5em;
  }
*/

#main li{
  margin-bottom: 0.5em;
  line-height: 1.5em;
  background-image: url(/img/011.gif);
  background-repeat: no-repeat;
  list-style-type: none;
  padding-left: 18px;
  background-position: 0 3px;
}





/*●引用タグ*/
#main q{
  margin: 0 2px;
  padding: 0 8px;
  background: #efefef;
}

#main blockquote{
  overflow: auto;
  margin: 0 1em 1.5em;
  padding: 1em;
  border: 3px solid #ddd;
  background: #efefef;
  color: #444;
}


.opensemi_btn {
/*  border: 1px solid #000080; */
/*  background: -webkit-linear-gradient(#ffffff 50%, #ebebeb 100%); */
  background:#008000;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  box-shadow: 2px 2px 4px 1px #a9a9a9;
  }


.opensemi_btn:hover {
/*  border: 1px solid #bababa; */
  background:#3cb371;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;

  text-align: center;
  vertical-align: middle;
  }

.opn_smn_osk b {
  font-size:1.3em;border-bottom:solid #ffd800 2px;margin-bottom:10px;display:block;
}


/*●テーブルタグ*/
#main table{
  margin-bottom: 1.5em;
  padding: 0;
  width: 100%;
  border-top: 1px solid #959595;
  border-left: 1px solid #959595;
}

/*「table」の1行目に「colspan」を利用する場合は「auto」を指定する*/
/*#main table{ table-layout: auto; }*/

#main table th,
#main table td{
  padding: 0.5em;
  border-right: 1px solid #959595;
  border-bottom: 1px solid #959595;
  text-align: left;
  vertical-align: top;
}
#main table tr.colored td,
#main table td.colored{
  background-color: #f7f7f7;
}
#main table th{
  background-color: #f0f0f0;
  font-weight: bold;
}


#main table.sidepadding th,
#main table.sidepadding td{
  padding: 0.5em 2em;
}


#main table.academic_cal {
  width:650px;
  line:height: 1.4em;
}
#main table.academic_cal th {
  text-align: center;
  padding: 10px;
}
#main table.academic_cal td {
  background: #f7f7f7
  padding: 5px 30px;
  line-height: 25px;
}
#main table.academic_cal .nonecolor {
  background: #ffffff;
}


#main table.w2em,
#main table td.w2em {
  width: 2em;
}
#main table.w30,
#main table td.w30 {
  width: 30%;
}
#main table.w40,
#main table td.w40 {
  width: 40%;
}
#main table.w80,
#main table td.w80 {
  width: 80%;
}


/*●チェックリスト（リストタグ）*/
#main ul.checklist{
  margin: 0 0 1.5em;
  padding: 1em;
  padding-bottom: 0;
  border: 1px solid #414141;
}

#main ul.checklist li{
  margin-bottom: 1.5em;
  padding-top: 5px;
  padding-left: 24px;
  background: url(/img/icon/icon-check01-red.png) left top no-repeat;
  list-style-type: none;
}

#main ul.checkicon{
  margin: 0 0 1.5em;
  padding: 1em;
  padding-bottom: 0;
}

#main ul.checkicon li{
  margin-bottom: 1em;
  padding-top: 5px;
  padding-left: 34px;
  background: url(/img/icn_check.gif) left top no-repeat;
  list-style-type: none;
}


/*●戻る＆進むリンク*/
.link-next,
.link-back{
  margin: 1em 0 0;
}

.link-next{
  float: right;
  text-align: right;
}

.link-back{
  float: left;
}

.link-next a{
  padding: 3px 16px 3px 15px;
  background: url(/img/icon/icon-arrow_r.png) right 7px no-repeat;
}
.link-back a{
  padding: 3px 0 3px 15px;
  background: url(/img/icon/icon-arrow_l.png) 0 7px no-repeat;
}


/*●段組み*/
.box-wrap .box-left{
  float: left;
  width: 48%;
  margin: 0 0 1.5em;
  border: 1px solid #aaa; /*boxの枠線の指示*/
}

.box-wrap .box-right{
  float: right;
  width: 48%;
  margin: 0 0 1.5em;
  border: 1px solid #aaa;
}

#main .box-wrap .title{
  margin-bottom: 1.5em;
  background-color: #999; /*boxのタイトルの背景色*/
}

#main .box-wrap .title p{
  margin: 0 10px;
  padding: 5px 0;
  color: #fff;
  font-weight: bold;
}


/*●ランキング（リストタグ）*/
#main .box-wrap .ranking{
  margin: 0 0 15px;
}

#main .ranking li{
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #aaa; /*区切り線の指示*/
  background: none;
  list-style: none;
}

#main .ranking li.end{
  padding-bottom: 0;
  border-bottom: none;
}

#main .ranking p{ margin: 0 0 10px; }

#content_navi{
  margin-top: 0;
  clear: both;
}

.pumphlet_list {
  border: 1px dashed #f6c75e;
  background-color: #fffdec;
  padding: 0.8em;
  margin-bottom: 1em;
  width:70%;
}


div.entrylist {
  border: 1px dashed gray;
  padding: 10px;
  margin: 0 0 1em;
}
div.entrylist h2 {
}

p.entrydate {
  margin-top: 0;
  color:gray;
  font-size: 0.8em;
  float: right;
}

div.entryimg {
	float: left;
	margin-right: 15px;
	width: 175px;
	height: 130px;
	padding: 5px;
	border: 1px solid lightgray;
}
div.entryimg .img {
	margin: 9px 0 0;
	padding: 0;
	border: 1px solid #fff;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
div.entrytxt {
	float: left;
	width: 450px;
}
.w100 {
  width: 100%;
}


.books_box {
width:660px;
border-bottom:1px dotted #bababa;
margin: 20px 20px 10px;
margin-top:20px;
padding-bottom:10px;
}

.books_img {
width:80px;
margin-right: 10px;
float:left;
}

.books_text {
  width:500px;
  float:right;
  padding-left:10px;
}

.books_border{
margin-top:-15px;
float:left;
margin-right:10px;
}

.result_columns{
width: 45%;
float: left;
margin-left: 5%;
font-size: 12px;
}
.result_columns span{
font-size: 1.2em;
font-weight: bold;
color: #ff6666;
}

p#pagenav{
  margin-top: 1.5em;
  text-align: center;
}
#pagenav a {
  padding: 0.5em;
  border: 1px solid #eee;
}
#pagenav a:hover {
  text-decoration: none;
}
p#pagenav .ditto_page,
p#pagenav .ditto_currentpage{
   margin: 0.3em 0; 
}
p#pagenav .ditto_currentpage{
   padding: 0.5em; 
}

._1xw{border:0;
  padding: 1em;
  background:#f6f7f9;
  border:1px solid #d3dae8;
  display:block;
  margin-bottom:12px}

._1x_{
  color:#3b5998;
  font-family:Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
  font-size:16px;
  font-weight:bold;
}
.fcg,
.fcg a{
  margin: 0 0 1em;
  color:#666666;
}

/*  矢印  */

a.arrow_details {
  float: right;
  background-image: url(/img/icn_arrow_192.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: 0 5px;
  margin: 0 10px 10px 0;
  color: #333;
}

a.arrow_details:hover {
  float: right;
  background-image: url(/img/icn_arrow_192.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: 0 5px;
  margin: 0 10px 10px 0;
  color: #ee0000;
}



#facebook {
  padding-top: 10px;
  padding-bottom: 10px;
}


/*  slideshow  */

#slideshow {
position: relative;
width: 785px;
height:215px;
margin-bottom: 10px !important;
}

#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }


#successpoint {
  /**background-image: url(/img/img_success_point.jpg);**/
  background-image: url(/img/4pointbg2.jpg);
  background-repeat: no-repeat;
  background-position: right ;

  height: 208px;
  width:744px;
  padding: 5px;
}

#successpoint img {
  padding: 10px 0 5px 10px;
}

.bggray {
    background: #f7f8f8;
}

#successpoint ul {
  margin:0 0 0 30px;
}

#successpoint ul li a {
  color: #333;
}

#successpoint ul li a:hover {
  color: #ee0000;
}


.field-box {
	width:700px;
}

.field-box .right-box{
	width:250px;
	float: right;
	margin-left: 10px;
}

.field-box .left-box{
	width:440px;
	float: left;
}


#sidenav img {
  margin: 0 0 10px 0;
}

#sidenav img.first {
margin-top: 5px;
}

.imgcenter {
  text-align: center;
  margin: 0 0 0 0;
}

#banerea img {
  margin:3px 0 5px 0;
}

#banerea img.nomargin {
  margin-top: 0;
}



#s-program h2 {
  background-image: none;
  margin: 5px 0 0 5px;
  padding: 0;
  width:745px;
  height:60px;
  border: none;
}

#s-program ul {
  margin-left: 130px;
}
#s-program ul li {
  display: inline;
  margin: 0 0 5px 0;
}


img.imgfix {
	width:250px;
	height: 160px;
	margin: -15px 0 0 0;
	padding: 0;
}

img.imgfix2 {
	width:250px;
	height: 250px;
	margin: -15px 0 0 0;
	padding: 0;
}


.colum1-text-margin {
  width:800px;
  margin: 0 auto;
  font-size: 14px;
}

.colum1-text-margin span {
  color: #ab0000;
}

#tptcom_colum{
  margin: 0 4em;
}
#tptcom_colum h1{
  border-top: 1px solid #7cad75;
  background-color: #136c08;
  padding: 0.5em 2em!important;
  width: 95%!important;
}
#tptcom_colum h2{
  border-left: 12px solid #136c08 !important;
  border-bottom: 1px solid gray !important;
  padding: 0 0 0 0.5em !important;
}

#tptcom_colum img{
  float: right!important;
  margin: 0 0 0.5em 0.5em!important;
}
#tptcom_colum img.ban_tptrec{
  float: none!important;
}
#tptcom_colum table,
#tptcom_colum td,
#tptcom_colum th{
  border: 1px solid #bbb!important;
}
#tptcom_colum table input{
  border: 1px solid #aaa;
}

#tptcom_colum table .inquiry_check{
  padding: 4px 2em;
  display: block;
  margin: 0 auto !important;
}


#form-page h1 {
  margin: 20px 0;
  border:none;
  width:800px;
  padding: 0;
  background-image: none;
}

#form-page h2.ttl_kind {
  width: 800px !important;
  
}

#form-page h2.ribbon_f {
  clear: both;
  border-bottom: 1px dotted #bababa;
  font-size: 1.6em;
  font-weight: bold;
  background-image: url(https://www.ryugaku.com/img/img_ribbon.jpg);
  background-repeat: no-repeat;
  width: 740px;
  font-family: serif;
  font-weight: bold;
  color: #1d1d1d;
  background-position: 0 8px;
  margin-bottom: 12px;
  border-left:none;
  padding: 0.2em 0.9em 0.2em 30px;
  line-height: 1.4em;
}

#form-page h2 {
  border: none;
  margin: 20px 0;
  /*padding: 0;*/
}

#form-page table {
  width:800px;
  margin: 0 auto 20px auto;
  border: 1px solid #bababa;
}



#form-page th {
  background: none;
  padding: 10px;
  border: 1px solid #e6e6e6;
  font-weight: normal;
  table-layout: fixed;
}

#form-page th img {
  vertical-align: top;
  margin-left: 10px;
}


#form-page b {
line-weight:bold;
color:#116b18;
}

#form-page td {
  background: none;
  padding: 10px;
  border: 1px solid #e6e6e6;
  vertical-align: middle;
  table-layout: fixed;
}
#form-page th.seminar-check,
#form-page th.lecture-check {
  padding: 20px 40px;
}

#form-page td textarea {
  width: 98%;
}

#form-page td.checkbtn {
  background: none;
  padding: 10px;
  border: 1px solid #fff;
  text-align: center;
}

#form-page td input.textbox {
  color: #bababa;
}


#form-page tr.color {
  background:#f7f7f7
}

.counseling_entry2,
.counseling_entry,
.program_entry,
.lecture_entry,
.seminar_entry {
  background-repeat: no-repeat;
  margin: 10px auto 0 auto;
  width:657px;
//  height:158px;
  height:250px;
}

.counseling_entry2,
/*.counseling_entry,*/
.program_entry {
  background-image:url(/img/bg_program_entry.jpg);
}

.lecture_entry {
  background-image:url(/img/bg_lecture_entry.jpg);
}
.seminar_entry img,
.lecture_entry img {
  margin-top: 183px;
}


/*
.counseling_entry {
  background-image:url(/img/bg_counseling_entry.jpg);
}*/

#c_entry1 {
  background-color: #006600;  
  width: 712px;
  height: auto;
  margin: 0 auto;
  padding: 20px; 
}

.cta-btn-col21 img{
    height:54px;
    margin-left: 40px;
    float:left;
    }
.cta-btn-col21 img:hover {
        opacity: 0.7;
    }
.cta-btn-col22 img{
    height:54px;
    margin-left: 15px;
    }  
.cta-btn-col22 img:hover {
        opacity: 0.7;
    }
.cta-tel2{
    width:618px;
    margin: 10px 40px;
}

    
.cta-bnr2 img{
    width:650px;
    margin: 10px 40px;        
    }
.cta-bnr2 img:hover {
        opacity: 0.7;
    } 
.text-margin_basic #c_entry1 {
  border: 6px solid #ddf1f8;
  width:710px;
  height: auto;
  margin: 0 0 0 -37px;
  padding: 0 0 10px 0;
}

.counseling_entry a img {
  width:228px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.counseling_entry2 {
  background-image:url(/img/bg_counseling_entry2.jpg);
}

.seminar_entry {
  background-image:url(/img/bg_seminar_entry.jpg);
}

.smpW100 {
}
.switch {
    visibility: hidden;
}


.btn_formcheck {
  background-image: url(/dev.ryugaku.com/img/btn_check.jpg);
  background-repeat: no-repeat;
  width: 132px;
  margin: 10px auto;
  height:50px;
  display: block;
  text-indent: -9999px;
  border: none;  
}

.btn_formcheck:hover {
  background-image: url(/dev.ryugaku.com/img/btn_check_ov.jpg);
  background-repeat: no-repeat;
  width: 132px;
  margin: 10px auto;
  height:50px;
  display: block;
  text-indent: -9999px;
  border: none;  
}


.btn_back {
  background-image: url(/dev.ryugaku.com/img/btn_back.jpg);
  background-repeat: no-repeat;
  width: 132px;
  margin: 10px 30px 10px auto;
  height:50px;
  display: block;
  text-indent: -9999px;
  border: none; 
  float: left; 
  
}

.btn_back:hover {
  background-image: url(/dev.ryugaku.com/img/btn_back_ov.jpg);
  background-repeat: no-repeat;
  width: 132px;
  margin: 10px 30px 10px auto;
  height:50px;
  display: block;
  text-indent: -9999px;
  border: none;  
  float: left;
}


.btn_send {
  background-image: url(/dev.ryugaku.com/img/btn_send.jpg);
  background-repeat: no-repeat;
  width: 132px;
  margin: 10px auto;
  height:50px;
  display: block;
  text-indent: -9999px;
  border: none;  
  float: left;
}

.btn_send:hover {
  background-image: url(/dev.ryugaku.com/img/btn_send_ov.jpg);
  background-repeat: no-repeat;
  width: 132px;
  margin: 10px auto;
  height:50px;
  display: block;
  text-indent: -9999px;
  border: none;  
  float: left;
}

#aboutsisa {
  /*width: 752px;
  height: 180px;
  background-image: url(/img/top_dummy1.jpg);
  background-repeat: no-repeat;*/
}

#aboutsisa h2 {
margin-bottom: 15px;
}

#aboutsisa p {
  margin-bottom: 0;
  line-height: 24px;
}

#aboutsisa h2 img {
  width:652px;
  height: 30px;
}

#aboutsisa img.btn {
  margin-left: 25px;
  margin-bottom: 10px;
  margin-top: 5px;
}

#aboutsisa img.btn1 {
  margin-left: 50px;
  margin-bottom: 10px;
  margin-top: 5px;
}

#aboutsisa img.btn2 {
  margin-left: 25px;
  margin-bottom: 10px;
  margin-top: 5px;
}


.keywordsearch {
	margin-bottom: 30px;
	padding: 15px 0 10px 0;
	background: #f8f8f8;
	overflow: hidden;
	width:690px;
}
/*
*+html #contents .keywordsearch {
	padding-bottom: 0px;
}*/

.keywordsearch h2 {
  padding: 0;
	background-image: none;
	margin: 0 0 10px 10px;
	border-bottom: none;
}

.keywordsearch input.textbox {
	float: left;
	width: 535px;
	height: 29px;
	margin-left: 19px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding-left: 10px;
	color: #bababa;
}
.keywordsearch input.button {
	float: left;
	margin-top: -2px;
}

.keywordsearch input.searchbutton {
}

p.abc_sample {
  padding-left: 50px;
  color: #999;
  font-size: 16px;
}

.pager {
  color: #999;
  text-align: center;
  font-size: 15px;
  margin: 10px 0;
}

p#date {
  text-align: right;
  line-height: 28px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.backicn {
  background-image: url(/img/icn_back.png);
  background-repeat: no-repeat;
  padding-left: 20px;
}

#dictionary b {
  font-size: 20px;
  color: #3064bc;
}

#gdbtop_cap {
  width: 730px;
  background-image: url(/img/gdb_top_bg.jpg);
  background-repeat: repeat-y;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 20px 15px 20px;
  margin: 0 auto;
}

div.search_leftbox_gdb {
width: 360px;
float: left;
margin: 0 0 20px 0;
padding-right: 9px;
border-right: 1px solid #bababa;
}
html>/**/body div.search_leftbox_gdb {
width /***/: 328px\9; /* IE8逕ｨ逕ｻ髱｢蟠ｩ繧碁亟豁｢ */
}

div.search_rightbox_gdb {
width: 360px;
float: left;
padding-left: 20px;
margin: 0;
}

div.search_leftbox_gdb p,
div.search_rightbox_gdb p {
font-size:15px;
color:#333;
line-height:18px;
}

div.search_leftbox_gdb h2,
div.search_rightbox_gdb h2 {
  border-bottom:none;
}

.arrow_detail a {
background-image:url(/img/arrowmini.jpg);
background-repeat:no-repeat;
background-position:0 5px;
list-style-type: none;
padding-left:20px;
margin-left:10px;
font-size:14px;
float:right;
margin-top:10px;
}

.searchbox_gdb {
  width: 770px;
  margin: 0 auto;
}


#simplesearch {
width: 720px;
height: 150px;
/*_height: 96px;*/
margin: 20px auto 0 auto;
padding: 13px 50px 0px 0px;
/*_padding: 14px 14px 16px;*/
background-image: url(/img/bg_simplesearch1.jpg);
background-repeat: no-repeat;
}

#simplesearch3 {
width: 720px;
height: 150px;
/*_height: 96px;*/
margin: 20px auto 30px auto;
padding: 13px 50px 0px 0px;
/*_padding: 14px 14px 16px;*/
background-image: url(/img/bg_simplesearch3.jpg);
background-repeat: no-repeat;
}





#simplesearch h3{
margin: 0px 50px 20px 225px;
font-size: 18px;
color: #5d3f2a;
text-decoration: none;
border: none;

}

#simplesearch p {
float: left;
margin: 4px;

}
#simplesearch input {
width: 220px;
background: #ffffff;
}
#simplesearch select {
width: 220px;
margin-right: 10px;
background: #ffffff;
}
#simplesearch input.button {
background-color: #8A644A;
margin-left: 10px;
color:#fff;
width: 70px;
}

#simplesearch div.simple_left {
margin-bottom: 10px;
padding-left: 25px;
padding-top:70px;
font-size:14px;
}


#simplesearch3 h3{
margin: 0px 50px 20px 225px;
font-size: 18px;
color: #5d3f2a;
text-decoration: none;
border: none;

}

#simplesearch3 p {
float: left;
margin: 4px;

}
#simplesearch3 input {
width: 220px;
background: #ffffff;
}
#simplesearch3 select {
width: 220px;
margin-right: 10px;
background: #ffffff;
}
#simplesearch3 input.button {
background-color: #8A644A;
margin-left: 10px;
color:#fff;
width: 70px;
}

#simplesearch3 div.simple_left {
margin-bottom: 10px;
padding-left: 25px;
padding-top:75px;
font-size:14px;
}


ul#graddb_menu {
width:964px;
background-image:url(/img/2nd_menu_bg.jpg);
background-repeat:repeat-x;
height:15px;
padding:8px 10px 10px 30px;
letter-spacing: 0.25em;        /* 譁�ｭ鈴俣髫0.5譁�ｭ怜� */
}

ul#graddb_menu li {
display:inline;
color:#fff;
height:27px;
}

ul#graddb_menu li a {
color:#fff;
font-size:13px;;
padding: 0 10px 0 10px ;
border-right:1px solid #84182b;
height:27px;

}

ul#graddb_menu li a:hover {
color:#ce3e59;
font-size:13px;
padding: 0 10px 0 10px ;
border-right:1px solid #84182b;
height:27px;
}



#majorsearch{
width: 720px;
height: 130px;
/*_height: 96px;*/
margin: 20px auto 0px auto;
padding: 25px 50px 0px 0px;
/*_padding: 14px 14px 16px;*/
background-image: url(/img/bg_majorsearch1.jpg);
background-repeat: no-repeat;


}

#majorsearch div.majorsearch_left {
float: left;
padding: 10px 10px 10px 50px;
}

#majorsearch div.majorsearch_left h3,
#majorsearch div.majorsearch_right h3 {
  background-image: url(/img/majorsearch_h3.jpg);
  background-repeat: no-repeat;
  font-size: 18px;
  color: #5d3f2a;

  font-weight: bold;
  padding:0px  0px 10px 35px;
}

#majorsearch div.majorsearch_right {
float: right;
padding: 10px 50px 10px 10px;
}

#majorsearch select {
width: 300px;
background: #ffffff;
}

h1#toptitle {
background-image:url(/img/icon_search_red.jpg);
background-repeat:no-repeat;
height:36px;
padding-left:43px;
padding-top:1px;
font-size:1.8em;
font-weight:bold;
margin-bottom:20px;
color: #333;
border: none;
}



#simplesearch2{
width: 720px;
height: 127px;
/*_height: 96px;*/
margin: 20px auto 0 auto;
padding: 13px 50px 0px 0px;
/*_padding: 14px 14px 16px;*/
background: url(/img/bg_simplesearch2.jpg) no-repeat;
}

#simplesearch2 h3{
margin: 0px 50px 20px 225px;
font-size: 18px;
color: #5d3f2a;
text-decoration: none;
font-weight: bold;
border: none;

}

#simplesearch2 p {
float: left;
margin: 4px;

}
#simplesearch2 input {
width: 220px;
background: #ffffff;
}
#simplesearch2 select {
width: 220px;
margin-right: 10px;
background: #ffffff;
}
#simplesearch2 input.button {
background-color: #8A644A;
margin-left: 10px;
color:#fff;
width: 70px;
}

#simplesearch2 div.simple_left {
margin-bottom: 10px;
padding-left: 25px;
padding-top:0px;
font-size:14px;
}



h4#ssearch {
font-size: 1.3em;
font-weight: bold;
padding: 7px 34px 7px;
border: 2px solid #bababa;
border-left: 20px solid #cb3442;
background-color: #f3f3f3;
margin: 0px auto;
width: 700px;
_width: 700px;
color:#333333;
}
div.ssearch {
margin:0 auto 15px auto;
padding: 16px;
border: 2px solid #bababa;
border-top: none;
width: 754px;
_width: 754px;
color:#333333;

}



.ssearch div.left {
float: left;
width: 48%;
margin: 0;
padding: 0;
color:#333333;

}
.ssearch div.right {
float: right;
width: 40%;
margin: 0;
padding: 5px 5px;
border: 1px solid #cccccc;
background-color:#fff;
color:#333333;

}

.ssearch b {
color: #cb3442;
}
.simple_left,
.simple_left2,
.ssearch p{
padding: 2px;
margin: 0;
color:#333333;
font-size:14px;
}


table.mlist {
  width:100%;
}

table.mlist td {
  vertical-align: text-top;
  width: 50%;
}


ul.gdb_majorlist {
  margin: 0 0 20px 0;
  padding-left: 40px; 
}

ul.gdb_majorlist2 {
  margin: 0 0 20px 0;
  padding-left: 55px; 
}

div.gdb_majorlist p,
ul.gdb_majorlist li {
 list-style-type: none;
 padding: 4px;
 font-size: 13px;
}

ul.gdb_majorlist2 li {
 padding: 2px;
 font-size: 13px;
}

ul.gdb_majorlist2 li a{
  
  text-decoration: underline;
}


div.gdb_majorlist p a,
ul.gdb_majorlist li a img {
padding: 0 0 0 10px;
margin-bottom: 3px;
}

div.gdb_majorlist a {
  
  text-decoration: underline;
}


.gdb_indent {
  padding:0 0 8px 39px;
  text-decoration: underline;  
}


table.mlist td h3.graddb {
  background-image: url(/img/document_tag.jpg);
  background-repeat: no-repeat;
  vertical-align:  text-bottom;
  font-size: 20px;
  font-weight: bold;
  height:24px;
  margin: 10px;
}

h3.graddb3 {
  background-image: url(/img/map.png);
  background-repeat: no-repeat;
  vertical-align:  text-bottom;
  font-size: 1.3em;
  font-weight: bold;
  padding: 0 30px 0 28px;
  height:24px;
  margin: 10px;
}

h3.graddb2 {
  background-image: url(/img/document_tag_red.jpg);
  background-repeat: no-repeat;
  font-size: 1.3em;
  font-weight: bold;
  padding: 8px 30px 0 40px;
  height:24px;
  margin: 10px;
}


.sakaemethodbox,
.sakaemethodbox_hg,
.sakaemethodbox_gr {
  width:700px;
  height:440px;
  background-image: url(/img/sakae_method_bg.jpg);
  background-repeat: no-repeat;
  background-position-x: -10px;
  position: relative;
  margin: 20px 0 30px 0;
}

.sakaemethodbox_gr{
  background-image: url(/img/sakae_methodg_bg.jpg);
}
.sakaemethodbox_hg{
  background-image: url(/img/sakae_methodh_bg.jpg);
}


img.sm_step1 {
  position: absolute;
  left:5px;
  top:20px;
}


img.sm_step2 {
  position: absolute;
  left:180px;
  top:20px;
}


img.sm_step3 {
  position: absolute;
/*  left:352px;*/
  left:524px;
  top:20px;
}


img.sm_step4 {
  position: absolute;
  left:-15px;
  top:320px;
}


img.sm_step5 {
  position: absolute;
  left:180px;
  top:320px;
}


img.sm_step6 {
  position: absolute;
  left:535px;
  top:320px;
}

table.details h3 {
  color:  #333;
  font-size: 24px;
  text-align: center;
}

table.details h3 span {
  background: #e92581;
  padding: 3px 5px;
  color: #fff;
  margin-right: 10px;
  
}


table.details ul {
  list-style-type: none;
}

table.details li{
  background-image: url(/img/li_20.png);
  background-repeat: no-repeat;
  background-position-y: 3px;
  padding-left: 20px;
  margin: 10px;
  font-size: 14px;
}




/*  ブログ・コラム関連  */

.blog-post{
	padding: 5px 0 0px 0;
	width: 753px;
}


.column-post {
	padding: 0;
	width: 745px;
	margin: 0 0 10px 0px
}

#sakaecolumn {
	padding: 0 10px 0 0;
	width: 741px;
	margin: 0 0 10px 0px;
}
.blog-post p{
	line-height: 18px;
	margin: 20px 0 20px 0;
	
}



#sakaecolumn p,
.column-post p {
  font-size: 14px;
	line-height: 22px;
	margin: 0px 0 20px 0;
	
}

.blog-post .entry_txt h2 {
  color: #76ad38;
  font-size: 21px;
  font-weight: normal;
  height: auto;
  min-height: 30px;
  line-height: 1.28em;
  padding-top: 2px;
  margin-top: 10px;
  padding-left: 40px;
  border-bottom: none !important;
  width: auto !important;
  font-family: serif;
  display: block;
  margin-bottom: 0;
  padding-bottom: 0;
  background-image: url(/img/clover.jpg);
  background-repeat: no-repeat;
  background-position-x: 0px;
  
}

.column-post h2 {
  width: 470px !important;
  color: #76ad38;
  font-size: 21px;
  font-weight: normal;
  background-image: none;
  border-left:10px solid #54ad06;
  line-height: 1.28em;
  padding-top: 0px;
  float: none;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-bottom: 0;
  padding-left: 10px;
  border-bottom: none !important;
  white-space: normal;
}

#sakaecolumn h1 {
  width: 700px;
}

#sakaecolumn h2 {
  color: #333;
}

.entry img  {

}

.entry_txt {
  float: right;
  width:70%;
}

.entry_txt p {
  margin-top: 0;
  padding-top: 0;
}

.blog-post h2 a,
.column-post a {
  text-decoration: none;
}

.blog-post h2 a:hover,
.column-post a:hover {
  text-decoration: underline;
  color: #d33131
}




#main h1.blogcategory {
  margin-left: 1px;
  margin-bottom: -1px;
 /* padding: 0.8em 10px 0.8em 1.4em;*/
  font-size: 1.4em;
  width: 733px;
  background: #ffffff url(/img/bg_h2.jpg) repeat-y;
}

#blog h1 {
	color: #76ad38;
	font-size: 20px;
	font-weight: normal;
	background-image: url(/img/clover.jpg);
	background-repeat: no-repeat;
	background-position-x: 40px;
	/*height: 32px;*/
	line-height: 1.28em;
	padding-top: 3px;
	margin-top: 10px;
	padding-left: 80px;
	margin-bottom: 0;
}

.blog-post h2 {
	color: #76ad38;
	font-size: 20px;
	font-weight: normal;
	background-image: url(/img/clover.jpg);
	background-repeat: no-repeat;
	background-position-x: 25px;
	background-position-y: 0px;
	line-height: 1.28em;
	font-family: sans-serif;
	padding-top: 0px;
	margin-top: 10px;
	padding-left: 70px;
}


img.blogtitleborder {
  padding: 0 0 10px 0;
}

div.category {
	height: 16px;
	font-size: 0.8em;
	color: #999;
	text-align: right;
	padding-bottom: 15px;
}


.blog-post div.category img {
	margin-right: 5px;
}

.blog-post div.category a {
	text-decoration: underline;
}


div.post-date {
	border-top:1px dotted #bababa;
	text-align: right;
	padding-top: 5px;
	font-size: 0.8em;
	color: #333;
	margin-top:20px;
	margin-bottom:1em;
}

div.post-date2 {

	text-align: right;
	font-size: 0.8em;
	color: #333;
	float: none;
	
}

img.dateicn {
  vertical-align: top;
  padding-right: 3px;
}


#slideshow {
position: relative;
width: 1004px;
height:290px;
margin-bottom: -13px !important;
}

#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }


#slideshow2 {
position: relative;
width: 790px;
height:214px;
margin-bottom: -13px !important;
}

#slideshow2 img { position:absolute; top:0; left:0; z-index:8; }
#slideshow2 img.active { z-index:10; }
#slideshow2 img.last-active { z-index:9; }

.fukidashi_1 {position: relative;width:455px;float: left;background: #ffe7b8;border: 3px solid #ffe7b8; border-radius: 20px;padding: 10px 20px;margin-left: 10px;margin-bottom: 20px;}
.fukidashi_yoko {width: 90px;margin-left: 20px}
	
	
.fukidashi_1:after{
  content: "";
  position: absolute;
  right: -515px;
  bottom: 0;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #ffe7b8 transparent transparent transparent;
  border-width: 20px 20px  20px 0;
}


/* FAQ */
div#faq_category {
  width: 683px;
  border: 2px solid #e7ae89;
  background: #fff1cc;
  display: block;
}

div#faq_category ul {
  margin: 1px 0 0 4px;
  padding: 0;
}

div#faq_category ul li {
  list-style-type: none;
  float: left;
  background-image: none;
  padding: 0;
  margin: 0;
}


.error {
  font-weight: bold;
  color: red;
}


div#faq_category ul li a{
  width: 125px;
  height: 38px;
  margin: 5px;
  display: block;
  list-style-type: none;
  background-image: url(/img/btn_category1.jpg);
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 17px;
  font-weight: bold;
  font-size: 16px;
  color: #333;
  }
  
  div#faq_category ul li a:hover{
  width: 125px;
  height: 38px;
  margin: 5px;
  display: block;
  list-style-type: none;
  background-image: url(/img/btn_category2.jpg);
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: middle;
  padding-top: 17px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  }
  
  div#faq_category ul li.btn_enabled a{
  width: 125px;
  height: 38px;
  margin: 5px;
  display: block;
  list-style-type: none;
  background-image: url(/img/btn_category3.jpg);
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: middle;
  padding-top: 17px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  }
  
  
  #faq_table th{
    width: 180px;
  }
  #faq_table th,
  #faq_table td{
    padding: 6px;
  }
  
  #faq_table input{
    width: 100%;
    font-size: 14px;
    line-height: 1.4em;
  }
  #faq_table textarea{
    width: 100%;
    padding: 2px 4px;
    font-size: 14px;
    line-height: 1.4em;
  }
  
  p#taglist{
    margin: 0px;
    padding: 2px 4px;
    line-height: 1.8em;
  }
  
  span.atcive{
    background: #99cc66;
  }
  span.nonatcive{
    background: #ff99cc;
  }
  
#main-contents p#toptitle
{
padding-left:10px;
padding-top:8px;
margin-bottom:0px;
width:680px;
height:40px;
background:url(../img/h1_twoc.jpg) no-repeat;
font-size: 1.2em;
font-weight:bold;
/*line-height: 1.0;*/
color: #ffffff;
}
  
  
  div#faq_category ul li.br2 a{
  width: 125px;
  height: 48px;
  margin: 5px;
  display: block;
  list-style-type: none;
  background-image: url(/img/btn_category1.jpg);
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 7px;
  font-weight: bold;
  font-size: 16px;
  color: #333;
  }
  
  
    div#faq_category ul li.br2 a:hover{
  width: 125px;
  height: 48px;
  margin: 5px;
  display: block;
  list-style-type: none;
  background-image: url(/img/btn_category2.jpg);
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: middle;
  padding-top: 7px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  }
  
  h1#faq_ttl,
  h2#faq_ttl {
    background-image: url(/img/icn_scope1.jpg);
    background-repeat: no-repeat;
    font-size: 24px;
    font-weight: bold;
    border-bottom: none;
    height: 40px;
    padding: 0 0 0 50px;
    color: #a54b2d;
    border-bottom: 1px solid #e6e6e6;
    width:630px;
    margin: 10px auto 5px auto;
  }
  ul.qlist1 {
    padding-bottom: 30px;
  }
  ul.qlist1 li {
    list-style-type: none !important;
    list-style-position: outside;
    list-style-image: url(/img/icn_qlist.jpg);
    margin: 10px 0 10px 22px;
    padding: 0 !important;
    background-image: none !important;
  }  
  ul.qlist1 li a  {
    background-image: none !important;
    list-style-type: none;
    font-size: 16px;
  }

#faq ul.qlist2 li{
  background-image: none;
  font-size: 10px;
}

 ul.qlist2 {padding-bottom: 30px;}
  ul.qlist2 li {list-style-type: none; margin: 10px 0;}  
  ul.qlist2 li a  {
    font-size: 16px;
  }
  
  ul.qlist2 li img {
    position:relative;
    top:-2px;
    margin-right: 10px;
  }

  
  h1#q_ttl {
    background-image: url(/img/icn_question.jpg);
    background-repeat: no-repeat;
    padding-left: 47px;
    font-size: 20px;
    font-weight: bold;
    height: auto;
    padding-top: 3px;
    margin: 0 0 0.7em 10px;
    color: #333;
    width:650px;
  }
  
  
  h2#a_ttl {
    background-image: url(/img/icn_answer.jpg);
    background-repeat: no-repeat;
    background-position-y: 0px;
    padding-left: 47px;
    font-size: 20px;
    font-weight: bold;
    font-family: sans-serif;
    height: auto;
    padding-top: 3px;
    margin: 1em 0 0.7em 10px;
    border-bottom: none;
    color: #333;
  }
  
  
  #faqbox div.paragraph {
    width:580px;
    padding-left: 57px;
    margin: 0 0 1em;
    line-height: 24px;
  }
  #faqbox p {
    margin: 0 0 1em;
    line-height: 24px; 
  }
  #faqbox h3 {
    padding-left: 0;
    margin-top: 0.2em;
    display: inline;
    font-size: 18px;
    color: #333;
  }
  
  
.keywordsearch {
	margin-bottom: 10px;
	padding: 15px 0 10px 0;
	background: #f8f8f8;
	overflow: hidden;
	width:690px;
}
/*
*+html #contents .keywordsearch {
	padding-bottom: 0px;
}*/

.keywordsearch h2 {
  padding: 0;
	background-image: none;
	margin: 0 0 10px 10px;
	border-bottom: none;
}

.keywordsearch input.textbox {
	float: left;
	width: 535px;
	height: 29px;
	margin-left: 19px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding-left: 10px;
	color: #bababa;
}
.keywordsearch input.button {
	float: left;
	margin-top: -2px;
}

.same_category {
  border-bottom: 1px dotted #bababa;
  margin: 10px auto;
  padding: 10px 0 8px 0;
  width: 600px;
}

h3#ttl_same_category {
  background-image: url(/img/icn_clipboard.jpg);
  background-repeat: no-repeat;
  padding-left: 70px;
  padding-top: 15px;
  font-size: 22px;
  font-weight: bold;
  width:550px;
  height: 50px;
  color: #333;
  margin: 0 auto;
  border-bottom: 1px  double #bababa;
}

.same_category b {
  font-size: 17px;
  color: #076323;
}

.same_category p {
  margin: 8px 0 0 0;
}

a.icn_more {
  background-image: url(/img/arrow4.gif);
  background-repeat: no-repeat;
  padding-left: 15px;
  background-position: 0 7px;
  float: right;
}


/* sns */
#main div.sns {
  /*border-top: 1px lightgrey solid;*/
  margin: 0;
  padding: 0.5em 0 0 0;
}

#main div.sns img {
  width:20px;
}

div.sns ul.snslist{
  margin: 0 0 0.7em !important;
  padding: 0;
  float: right;
}

div.sns ul.snslist li{
  float: left;
  margin-bottom: 0 !important;
  padding-botton: 0 !important;
  list-style: none !important;
  background: none !important;
}

div.sns ul.snslist li.twitter_button{
/*  width: 64px !important;   数なしver. */
  width: 86px !important;  /* 数ありver. */
}
div.sns ul.snslist li.linebtn{
  width: 80px;
  height: 20px;
/*  width: 86px !important;  数ありver. */
}

div.snssingle {
  margin: 0 0 0.5em!important;
  text-align: right;
}

/* はてブ　ボタンサイズ調整 */
.hatena-bookmark-button-frame{
  width: 80px !important;
}


#container_TOP #title-image {
  margin-bottom: 20px;
}

h4.dicomini {
padding:10px 0 0 10px;
font-weight:bold;
font-size:18px;
color:#ff0000;
margin-bottom: 10px;
word-wrap: break-word;
}

table.table-style8 td {
border:0;
}

table.table-style8 th {

height:21px;
border: 0;
background-color:#ffffff;
}


table.table-style8 td span{
vertical-align: middle;
border: 0;
margin:0;
color:#333;

}

table.table-style8 td select{
color:#999;
}

#listsearch_keyword {
  color: #999;
  width:185px;
}

#highlight_box {
	width:840px;
	padding-left:25px;
	_padding-left:50px;
	padding-top: 10px;
	margin-top: -8px;
	margin-left: 20px;
	background-image: url(/img/highlight_box_bg.jpg);
	background-position-x: 0px;
	background-repeat: repeat-y;
	height: auto;
}

#highlight_box h4 {
 color:#666;
 width:370px;
 font-size: 13px;
 margin-bottom: 10px;
 padding-bottom: 10px;
 border: none;
 margin-left: 0;
}


#highlight_box,  x:-moz-any-link  { margin-left: 5px; margin-top: -9px;}

#highlight_box h3.glaf {
 background-image: url(/img/icn_students.jpg);
 background-repeat: no-repeat;
 color: #aa3111;
 font-weight: bold;
 font-size: 1.5em;
 border: none;
 width: 815px;
 height: 35px;
 padding-bottom: 3px;
 padding-left: 55px;
 padding-top: 2px;
 margin-bottom: 7px;
}



h4#man_woman {
	color: #82ac58;
	font-weight: bold;
	font-size:1.2em;
	border-bottom: none;
	margin-bottom: 0px;
}
h4#ryugakusei {
	color: #ff8307;
	font-weight: bold;
	font-size:1.2em;
	border-bottom: none;
	margin-bottom: 0px;
}

h4#shusshin,
h4#parttime {
	color: #da4547;
	font-weight: bold;
	font-size:1.2em;
	border-bottom: none;
	margin-bottom: 0px;
}

h4#jinshu {
	color: #549295;
	font-weight: bold;
	font-size:1.2em;
	border-bottom: none;
	margin-bottom: 0px;
}

h4#nyuryou {
	color: #cd5179;
	font-weight: bold;
	font-size:1.2em;
	border-bottom: none;
	margin-bottom: 0px;
}



img#hboxtop {
margin-left: 20px;
margin-bottom: 0px;
margin-top: 20px;
}


img#hboxtop,  x:-moz-any-link  { 
  margin-left: 5px;
margin-bottom: 0px;
margin-top: 20px;
 }



img#hboxend {
margin-left: 20px;
margin-top: 0;
}


img#hboxend,  x:-moz-any-link  { 
margin-left: 5px;
margin-top: 0;
}



#highlight_box dt b { color: #333;
}

#box_left {

float: left;
padding-top: 15px;
width:400px;

}

#box_right {

float: right;
padding-top: 15px;

width:400px;

}

#major_title {
 padding-left: 10px;
 color: #333;
 font-weight: bold;
}

div#major_title h1.major_titleh2,
div#major_title h2.major_titleh2{
  clear: both;
  border-bottom: 1px dotted #bababa;
  font-size: 1.6em;
  font-weight: bold;
  background-image: url(/img/img_ribbon.jpg);
  background-repeat: no-repeat;
  width: 640px;
  font-family: serif;
  font-weight: bold;
  color: #1d1d1d;
  background-position: 0 8px;
  margin: 0 0 12px 0!important;
  border-left:none;
  padding: 0.4em 0.9em 0.2em 30px;
  line-height: 1.4em;
  width: 850px;
}

h2.major_name,
h3.major_name {
  clear: both;
  background-image: none!important;
  border: 0!important;
  margin: 0 0 0 1em !important;
  color: #0049a4!important;
  font-family: sans-serif!important;
  font-size: 16px;
  font-weight: bold!important;
  padding: 10px 20px 0 0;
}

p.mj_head_b {

  padding: 0 20px 10px ;
  width:860px;
  font-size:14px;
  color: #333;
  font-weight: normal;
  line-height: 33px;
}

#pd20 {
padding:20px 0 0 10px}

h2#inner_tab2 {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  border-bottom: 2px dotted #bababa; 
  padding: 10px 0 10px 30px;
  margin-left: 10px;
  display: none;
}


#main div.alumni {
  clear: both;
  border: 1px lightgray dashed;
  padding: 1em;
}

.alumni h3{
  display: inline;
}

.alumni p{
  margin-bottom: 0;
}

.newsdate{
  margin-right: 0.5em;
}



/* 新着情報 */

#pickup div{
  overflow-y: scroll;
  height: 8.9em;
}
#pickup div.short{
  overflow-y: scroll;
  height: 3.2em;
}
#pickup a{
  color: #075700;
}
#pickup ul {
  margin: 0 0 0 0;
}
#pickup ul li{
  padding-left: 45px;
  padding-top: 1px;
  line-height: 1.4em;
}

#pickup ul li.event {
  background-image: url(/img/pickup_event.jpg);
  background-repeat: no-repeat;
}

#pickup ul li.qa {
  background-image: url(/img/pickup_qa.jpg);
  background-repeat: no-repeat;
}

#pickup ul li.hot {
  background-image: url(/img/pickup_hot.jpg);
  background-repeat: no-repeat;
}

#pickup ul li.update {
  background-image: url(/img/pickup_update.jpg);
  background-repeat: no-repeat;
}

#pickup ul li.info {
  background-image: url(/img/pickup_info.jpg);
  background-repeat: no-repeat;
}
#pickup ul li.column {
  background-image: url(/img/pickup_column.jpg);
  background-repeat: no-repeat;
}


#pickup ul li.blog {
  background-image: url(/img/pickup_blog.jpg);
  background-repeat: no-repeat;
}

#pickup ul li a {
  color: #333;
}

#pickup ul li a:hover {
  color: #ee0000;
}


#pickup h2,
#pickup p {
  width:744px;
  background-image: none;
  margin-bottom: 0;
  border-left:none;
  padding:5px;
  border-bottom: none;
}


#pickup span.date {
  font-size: 0.9em;
  margin-right: 0.4em;
}

#pickup dl.date {
  margin-bottom: 0em;
}
#pickup dl.date dt,
#pickup dl.date dd {
  display: block;
  margin-bottom: 0;
  font-weight: normal;
}

#pickup dl.date dt {
  font-size: 0.9em;
  margin-right: 0.2em;
  width: 7%;
  float: left;
}
#pickup dl.date dd {
  width: 85%;
  float: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
#news p{
  margin: 2px 0 0;
}
#news p#news-header{
  float: left;
  background: #146c08;
  padding: 2px 16px;
  margin: 0 12px 0 0;
  color: #fff;
  letter-spacing: 0.2em;
}
*/


  a:hover img.hover_opacity {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
  }
  
  
  .graybox {
  background: #f2f2f2;
  color: #333;
  padding: 10px 20px;
  border: 1px solid #bababa;
  margin: 20px 0;
}

#navilink a {
  text-decoration: underline;
  font-size: 16px;
  margin-bottom: -10px;
  padding-bottom: -10px
}

#navilink a:hover {
  text-decoration: underline;
  color: #00a3ff
}

#navilink h3 {
  font-size: 18px;
  color: #164088;
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
}

img.btnitr  {
  margin: -12px 0 0 0;
  padding: 0 0 3px 0;
}

.side_contents a img.btnitr{
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 3px 0;
  
}

img.btniqr  {
  margin:-12px 0 0 0;
  padding: -5px 0 -5px 0;
  width: 255px;
  height:49px;
}

img.btnside {

}

#sidenav2 img {
  margin: 2px 0;
}

#sidebooks h3 {
  background: #1e6c00;
  text-align: center;
}

#sidebooks h3 img {
  width: 154px;
  height: 24px;
}

.bookdtl {
  border-bottom: 1px dotted #bababa;
  margin-bottom: 10px;
}

.bookdtl h4 {
  font-size: 15px;
  margin: 0;
  padding: 0;
}

.bookthumb {
  width:75px;
  float: left;
}

.booktext{
font-size: 11px;
color: #333;
  float: right;
  width:150px;
  line-height: 14px;
}

#main h2.ttl_back span{
  font-size: 13px;
  color: #fff;

}

.faqribbon {
  margin-left: -10px;
}

#faqbtn img {
  margin: 5px 0 5px 20px;
}


.dblinkbox {
  width: 220px;
  float: left;
  border-right:1px solid #e6e6e6;
  padding-left: 20px;
  padding-right: 5px;
  margin-bottom: 10px;
  padding-top: 5px;
}

.dblinkbox b {
  font-size: 14px;
  font-weight: bold;
  font-family: serif;
  line-height: 24px;
  padding: 5px 0;
}

.dblinkbox img {
  margin: 5px 0 0 0;
}

.dblinkbox p {
  font-size: 13px;
  margin: 10px 0 0 0;
}

#counseling h3,
#lec_semi h3 {
  margin-left: -10px;
}


#introduction h3 {
  padding-top: 16px;
  padding-left: 10px;
  background-position-y: 12px;
  height:33px;
  color: #0960da;
}

#introduction p {
  line-height: 26px;
  font-size: 15px;
  padding: 5px 18px 18px 18px;
}

#introduction h2.title {
  border-bottom: none;
  background-image: none;
  font-size: 26px;
  text-align: center;
  margin-right: 20px;
  color: #06307e
}

#introduction img.medal {
  position: relative;
  top:75px;
  margin-top: -70px;
  left:-3px;
}

#introduction p.catch {
  line-height: 26px;
  font-size: 18px;
  text-align: center;
  margin-right: 30px;
}

#introduction a:hover {
  color: #ff0000;
}


.faqboxfit {
  margin-left: 30px;
  margin-bottom: 20px;

}

div.avatar {
  width:645px;
  margin: 0 0 20px 0;
}

div.avatar img {
  float: left;
  padding-right: 10px;
}

div.avatar b.author {
  float: left ;
  margin-left:18px;
  font-size:17px;
  vertical-align: middle;
  padding-top: 40px;
}

div.avatar b.author span {
  font-weight: normal;
  font-size: 14px;
  padding-left: 10px;
}

img.contents_under_bnr {
  margin-top: 0.5em;
}


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

/* サイズ設定は上で */
#sidebar{
}

.side_contents{
  background-color: #fff;
  margin: 0 0 8px 0;
  padding: 5px 10px;
  border: 1px solid #e1e6ea;
}

.side_contents2{
  margin: 0 0 5px 0;
}

.side_contents img{
  margin: 0;
  padding: 0;
}

.side_contents h3{
  margin-left: -6px;
}

.side_contents ul{
  padding-bottom: 0;
  font-size: 1.2em;
}

.side_contents ul li{
  margin-bottom: 0.5em;
  /*padding: 0 1em 0em;*/
  line-height: 1.4em;
  list-style: none;
}

.side_contents ul.arrow_list1 {
  padding-left: 7px;
}

.side_contents ul.arrow_list1 li {
  background-image: url(/img/icn_arrow_list1.jpg);
  background-repeat: no-repeat;
  background-position: 0 5px;
  vertical-align: middle;
  padding: 0 0 0 20px;
  border: none;
}

.side_contents ul.arrow_list1 li.selected {
  background-image: url(/img/icn_arrow_red.jpg);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 20px;
  vertical-align: middle;
}

.side_contents ul.arrow_list1 li a{
  text-decoration: none;
  width: auto;
  font-size: 14px;
  border: none;
  padding-left: 0px;
  background-image: none;
}



.side_contents ul.arrow_list1 li a:hover{
  text-decoration: underline;
  color: #bb1010
}

/*---- 折りたたみメニュー ----*/
/* クリック可能なタイトル */
#acMenu h3{
  display:block;
  cursor:pointer;
/*  border-bottom: blue 1px solid;*/
/*  background: url(/img/sidemenu_ttl_togglebackon.png) no-repeat left center; 
  height: 50px;*/
}
/* アクティブ時のタイトル */
#acMenu h3.active{
/*  border-bottom: none;
  background: url(/img/sidemenu_ttl_toggleback.png) no-repeat left center; */
}
/* デフォルト非表示 */
#acMenu ul,
#acMenu div.acCnt{
  display:none;
	}
/* 強制表示 */
#acMenu .acShow{
  display:block;
}




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

/*●フッターの括り*/
#footer{
  clear: both;
  margin: 0;
  padding: 0;
  font-size: 1.0em;
  line-height: 1.3em;
  color: #666;
}

p.footer_text {
  font-size: 1.1em;
  text-align: center;
}

/*●ページの先頭へ戻る*/
#top_return{
  float: right;
  margin-right: 10px;
  width: 162px;
  background: #397f40;
  font-size: 1.2em;
  font-weight: bold;
}
* html #top_return{ display: none; }
#top_return p{
  margin: 0;
  padding: 0;
}
#top_return a{
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
}


/*●フッター部分*/
#footer-in{
  clear: both;
  background-color: #fff;
  border: 1px solid #e1e6ea;
  padding: 15px 0;
  width:1004px;
  margin: 0 0 0 20px;
}
#footer a:link,
#footer a:visited{ color: #397f40; }
#footer a:hover,
#footer a:active{ color: #397f40; }
#footer-in li{ list-style: none; }
#footer-in p{
  text-align: center;
}


/*●フッターメニュー*/
#footer .footer-menu{
  width: 880px;
  margin: 0 auto;
  padding: 6px 0;
}
#footer .footer-menu ul{
}
#footer .footer-menu ul li{
  float: left;
  margin: 0 0 0.2em;
  padding: 0px 12px 3px;
  background: url(/img/footer_icn_arrow.png) left top no-repeat;
}
.footer-menu ul li.title{
  background: none;
}


/*●コピーライト*/
.copyright{
  color: #666;
  border-top: 1px solid #e6e6e6;
  padding: 15px 0 0;
  text-align: center;
}
.copyright p{
  margin: 0;
}



/*------------------------------------------------------------
ソーシャルボタン
-------------------------------------------------------------*/

#main .sb{
  width:100%;
  margin: 0;
  padding: 0;
}

#main .sb li{
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  list-style: none;
}

* html #main .sb li{
  float: left;
  width: 130px;
  list-style: none;
} /* IE6 */

*+html #main .sb li{
  display: inline;
  list-style: none;
} /* IE7 */

#main iframe.twitter-share-button{ width: 100px!important; }


/*コメントナビ*/
.navigation .alignright{
  float: right;
}
.navigation .alignleft{
  float: left;
}

.navigation:after{ content : ''; display : block; clear : both; height:0; }
.navigation{
  margin-bottom: 30px;
  /zoom : 1;
}


/*  popbox　留学相談用ポップアップ  */

.popbox {
  margin:0 auto;
  position:absolute;
}

.popbox .collapse { position:relative; }

.popbox .open {
  width:362px;
  height: 44px;
  background-image: url(/img/btn_counselingbox1.jpg);
  background-repeat: no-repeat;
  display: block;
  position: relative;
  top:183px; 
  left: 130px;
  }
  
.popbox .open:hover {
  width:362px;
  height: 44px;
  background-image: url(/img/btn_counselingbox1_ov.jpg);
  background-repeat: no-repeat;
  display: block;
  position: relative;
  top:183px; 
  left: 130px;
  }
 
 
.popbox .box_pc {
  display:block;
  display:none;
  background:#FFF;
  border:solid 1px #BBBBBB;
  border-radius:5px;
  box-shadow:0px 0px 15px #999;
  position:absolute;
  padding: 20px;
  width: 500px;
  height: 500px;
  z-index:1;
}

.popbox .box_pc a.close {
   color:red;
   font-size:18px;
   font-family:arial;
   text-decoration:underline;
}

.popbox .arrow {
  	width: 0;
  	height: 0;
  	border-left: 11px solid transparent;
  	border-right: 11px solid transparent;
  	border-bottom: 11px solid #FFF;
  	position:absolute;
  	left:1px;
  	top:-10px;
  	z-index:1001;
}

.popbox .arrow-border {
  	width: 0;
  	height: 0;
  	border-left: 11px solid transparent;
  	border-right: 11px solid transparent;
  	border-bottom: 11px solid #BBBBBB;
  	position:absolute;
  	top:-12px;
  	z-index:1000;
}

.booktitle {
width:240px;float:right;
}

.booktitle_L{
  width:550px;float:right;margin:0 20px 20px
}

.booktitle_L p {
  padding: 10px;
}




#lecture_name_family,
#lecture_name_first,
#lecture_kana_family,
#lecture_kana_first,
#lecture_age,
#lecture_telephone,
#lecture_mail_address,
#lecture_mail_address2 {
  margin: 0 10px;
  width:30% !important;
  padding: 5px;
}



.side_contents h3 span {
  display: block;
  background-image: url(/img/arrowright.png);
  background-repeat: no-repeat;
  background-position: right center;
  border-left: 5px solid #099303;
  padding-right: 14px;
  padding-left: 10px;
  vertical-align: middle;
}

.side_contents h3.active span {
  background-image: url(/img/arrowdown.png) !important;
  background-repeat: no-repeat;
  background-position: right center;
}



.side_contents h3 {
  background: -webkit-linear-gradient(#ffffff 0%, #f6f6f6 50%);
  border: 1px solid #e6e6e6;
  padding: 5px 0 5px 10px;
  font-size: 17px;
  font-family: serif;
  font-weight: bold;
  color: #333;
  width: 227px;
  margin: 3px auto 10px auto; 
  vertical-align: middle;
  
}

#formres {
  width: 100%;
  list-style: none;
  padding: 0;
}



input#seminar_age,
input#seminar_telephone {
  border: 1px solid #333;
}

#formres input.addsearch {
	border: 1px solid #bababa;
	background: #e6e6e6;
	margin-left: 10px;
	padding: 5px 10px
}


#formres input.ipt_small,
#formres input.ipt_large {
  color: #666;
  border: 1px solid #333;
}


#formres2 input.ipt_small,
#formres2 input.ipt_large {
  /*color: #bababa;*/
  color:#666;
  border: 1px solid #333;
}

#formres li.form_ttl {
  width: 30%;
  float: left;
  background: #f6f6f6;
  color: #333;
  padding: 10px;
  border: 1px solid #e6e6e6;
  font-weight: normal;
  margin: 0;
  height: 64px;
  vertical-align: middle;
}

table#formres2 {
  width: 830px;
}

table#formres2_check {
  width: 830px;
}


table#formres2 th {
  width: 30%;
  background: #f6f6f6;
  color: #333;
  padding: 10px;
  border: 1px solid #e6e6e6;
  font-weight: bold;
  margin: 0;
  height: 54px;
  vertical-align: middle;
}

table#formres2 td {
  margin: 0;
  height: 54px;
  width: 60%;
  background: none;
  padding: 10px;
  border: 1px solid #e6e6e6;
  vertical-align: middle;
  color: #333
}

table#formres2_check th {
  width: 30%;
  background: #f6f6f6;
  color: #333;
  padding: 10px;
  border: 1px solid #e6e6e6;
  font-weight: normal;
  margin: 0;
  height: 34px;
  vertical-align: middle;
}

table#formres2_check td {
  margin: 0;
  height: 34px;
  width: 60%;
  background: none;
  padding: 10px;
  font-weight: bold;
  border: 1px solid #e6e6e6;
  vertical-align: middle;
  color: #333
}


#formres li.form_ttl b {
  vertical-align: middle !important;
}

select#request_state,
select#request_subject,
select#request_job {
  font-size: 115%
}

#formres li.form_cts {
  margin: 0;
  height: 64px;
  width: 60%;
  float: left;
  background: none;
  padding: 10px;
  border: 1px solid #e6e6e6;
  vertical-align: middle;
  color: #333
}

#s_method_id,
#s_last_school,
#s_last_school_dept,
#s_school_status_option,
#s_p_telephone,
#s_p_fax,
#s_mail_address,
#s_mail_address2,
#s_fax,
#s_telephone,
#s_p_zip_code1,
#s_p_zip_code2,
#s_zip_code1,
#s_zip_code2,
#request_zip_code1,
#request_zip_code2,
#request_age {
  border: 1px solid #333;
  padding: 5px;
}


#formres li.form_ttlA {
  width: 30%;
  float: left;
  background: #f6f6f6;
  color: #333;
  padding: 10px;
  border: 1px solid #e6e6e6;
  font-weight: normal;
  margin: 0;
  height: 300px;
  vertical-align: middle;
}

#formres li.form_ctsA {
  margin: 0 0 30px 0;
  height: 300px;
  color: #333;
  width: 60%;
  float: left;
  background: none;
  padding: 10px;
  border: 1px solid #e6e6e6;
  vertical-align: middle; 
}


#formres li.form_ttlB {
  width: 30%;
  float: left;
  background: #f6f6f6;
  color: #333;
  padding: 10px;
  border: 1px solid #e6e6e6;
  font-weight: normal;
  margin: 0;
  height: 70px;
  vertical-align: middle;
}

#formres li.form_ctsB {
  margin: 0;
  height: 70px;
  color: #333;
  width: 60%;
  float: left;
  background: none;
  padding: 10px;
  border: 1px solid #e6e6e6;
  vertical-align: middle;
}


#formres input.ipt_large {
width:90%;
padding: 5px;
border: 1px solid #333;
}

#formres2 input.ipt_large {
width:90%;
padding: 5px;
border: 1px solid #333;
}


input.ipt_small{
  margin: 0 10px;
  width:30%;
  padding: 5px;
}

#enquete_title,
#enquetebox {
  height: auto;
}


#formres li.form_ttlC {
  width: 30%;
  float: left;
  background: #f6f6f6;
  color: #333;
  padding: 10px;
  border: 1px solid #e6e6e6;
  font-weight: normal;
  margin: 0;
  height: 180px;
  vertical-align: middle;
}

#formres li.form_ctsC {
  margin: 0 0 20px 0;
  height: 180px;
  color: #333;
  width: 60%;
  float: left;
  background: none;
  padding: 10px;
  border: 1px solid #e6e6e6;
  vertical-align: middle; 
}

#formres li.form_full {

  clear: both;
  padding: 10px 29px;
  list-style-image: none;
  background-image: none;
}


#formres li.form_full2  {
  background: #fafafa ;
  border: 1px solid #e6e6e6;
  width: 88%;
  clear: both;
  padding: 10px 29px;
  list-style-image: none;
  background-image: none;
}

#requestform {
  margin: 0 0 0 -12px;
  padding: 0;
}

input.btn_smp_on {
  background-image: url(/img/smpbtn.png);
  background-repeat: no-repeat;
  width:1030px;
  height: 100px;
  border:none;
}

div.readtime {
  background-image: url(/img/clo.png);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding-left: 20px;
  float: right;
  margin: 0 0 10px 0;
  clear: both;
  color: #144dde;
}


ul.lateral {
  margin: 0 !important;
  padding: 0 !important;
}
ul.lateral li {
  margin-left:0px;
  padding: 1em;
  list-style: none !important;
  background: none !important;
  width: 25%;
  margin-right: 1em;
  float: left;
}
ul.lateral li b a {
  font-weight: bold !important;
}


.image_caption {
  font-size: 11px;
  color: #666;
  text-align: center;
}

img.columnimg {
  padding: 5px 0 0 0;
  margin: 1px 0 -1px 0;
}



/* ブログの関連記事表示 */
img.pc80p{
 width: 80% !important;
}
div.taglist p {
  margin: 0;
}
div.taglist ul {
  margin: 0;
  padding: 0 !important;
  list-style-type: none !important;
}
div.taglist ul li{
  margin: 0 !important;
  padding: 0 0.5em 0 0 !important;
  display:inline-block;
  background: none !important;
  width: 190px;
  vertical-align:top;
}
div.taglist ul li img{
  width: 190px;
  height: 120px;
}

span.red {
  color: #ff0000;
  font-weight: bold;
}

div.contents img.center {
  display: block;
  margin: 0 auto 0.5em auto;
}



/*--------------------------------------------------------
サーチボックス
--------------------------------------------------------*/
#srchBox h3 {
  margin: 0.2em 0 0 1em;
  text-align: left!important;
  background: none;
  border: none;
  color: gray;
}


#srchBox
{
margin-bottom:10px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#EEEEEE;
color:#000000;
text-align:center;
}
#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:6px;
}
#srchBox #srchInput
{
width:60%;
_width:130px;
margin-right: 4px;
}
#srchBox #srchBtn
{
width:30%;
_width:65px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
margin-bottom:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:block;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:center;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark
{
padding-bottom: 6px;
}
#srchBox.watermark #srchInput
{
padding:1px 6px 2px 6px;
border:1px solid #a5acb2;
background: #fff url(https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox #srchInput:focus {
background-image: none;
}

#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}

.highsemi_list {
  background-image: url(/img/ill_highsemi.jpg);
  background-repeat: no-repeat;
  background-position:  right top;
  height: 240px;
  margin-bottom: 10px;
}

.highsemi_list ul {
  margin-left: 0 !important;
}

#sidenav3 img {
  border: 1px solid #bababa;
  padding: 3px;
  background: #fff;
}

h1.check_ttl {
  color: #333;
  font-size: 1.1em;
}

#request_name_family,
#request_name_first,
#request_kana_family,
#request_kana_first,
#request_address_1,
#request_address_2,
#request_telephone


 {
  color: #aaaaaa;
}



table.top_faqbox {
  width: 476px !important;
  border: 1px solid #bababa;
  padding: 0;
  margin-left: 30px !important;
  float: left;
  background: #fff9e8
}

table.top_faqbox td {
   border: none !important;
   padding: 0;
   margin: 0
 }

table.top_faqbox td a {
  width:81px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  background: -webkit-linear-gradient(#f6f6f6 0%, #fcfcfc 50%);
  color: #333;
  height: 30px;
  padding: 10px 0 0 0 !important;
  display: block;
  margin: 0 auto;
  padding:  0;
  text-align: center;
  vertical-align: baseline;
  font-weight: bold;
  text-decoration: none
}

table.top_faqbox td a.faq_longwords {
  width:81px;
  border: 1px solid #e6e6e6;
  background: -webkit-linear-gradient(#f6f6f6 0%, #fcfcfc 50%);
  /* IE 10 */
  background: linear-gradient(to bottom, #f6f6f6, #fcfcfc);
  height: 30px;
  padding: 10px 0 0 0 !important;
  display: block;
  margin: 0 auto;
  padding:  0;
  text-align: center;
  vertical-align: baseline;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none
}

table.top_faqbox td a:hover {
  width:81px;
  border: 1px solid #e6e6e6;
  background: #ceeaff;
  height: 30px;
  padding: 10px 0 0 0 !important;
  display: block;
  margin: 0 auto;
  padding:  0;
  text-align: center;
  vertical-align: baseline;
}


.ttl_top_faqbox {
  background: #cb944c;
  color: #fff;
  font-weight: bold;
  margin: 0 0 0 620px;
  width: 100px;
  display: block;
  text-align: center;
}

#lec_semi a,
#counseling a,
#mokuteki_semi a {
  text-decoration: none;
}

.exp_box {
  width: 213px;
  float: left !important;
  margin: 0 10px 20px 10px;
  position: relative;
  height: 250px;
}

.exp_box b,
.exp_box img {
  display: block;
  margin: 0 auto;
}

.exp_box b {
  font-weight: bold;
  color: #012767;
  text-align: center;
  font-size: 1.15em;
  padding: 0 0 3px 0;
}

.exp_box p {
  font-size: 0.9em;
  line-height: 160%;
}

a.readbtn_ex {
  border: 1px solid #666;
  background: #666;
  color: #fff;
  border-radius: 30px;
  padding:5px 7px;
  text-decoration: none;
  position: absolute;
  right: 0;
  bottom: 0;
}

a.readbtn_ex:hover {
  border: 1px solid #aed0f7;
  background: #aed0f7;
  color: #fff;
  border-radius: 30px;
  padding:5px 7px;
  text-decoration: none;
}


.btn_osaka_seminar_form {
  background: -webkit-linear-gradient(#ffffff 50%, #e6e6e6 100%);
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 10px 20px;
  font-weight: bold;
  color:#333;
  text-decoration: none;
}

.btn_osaka_seminar_form:hover {
  background: #196ecf;
  border: 1px solid #0a3bca;
  border-radius: 10px;
  padding: 10px 20px;
  font-weight: bold;
  color:#fff;
  text-decoration: none;
}


table.lecture_page_th th {
  width:120px !important
}

a.top_inq_btn {
  position: absolute;
  top:220px;
  left:820px;
  z-index: 1110
}

.main-image-slider {
  padding: 0;
  margin-top: -30px !important;
}

img.oc_img1 {width:400px; margin:0 0 50px 0}
img.oc_img2 {width:380px; margin:0 0 30px 0}
p.oc_txt1 {width:380px; float:left; margin:0 10px 30px 0}
p.oc_txt2 {width:380px; float:right; margin:0 10px 10px 0}

.lnk_btn_a {
  background: #292929;
  color: #fff;
  border: 1px solid #292929;
  border-radius: 50px;
  padding: 10px 20px;
  text-decoration: none;
  margin: 20px 0;
}

.lnk_btn_a:hover {
  background: #fbd764;
  border: 1px solid #fbd764;
}


.lnk_btn_b {
font-weight: bold;
text-decoration: underline;
float:right;
margin-top:10px;
color: #08125b;
font-size: 1.1em;
margin: 20px 0;
}

.lnk_btn_b:hover {color: #72de54}



.lnk_btn_c {
  border: 1px solid #bababa;
  background: -webkit-linear-gradient(#ffffff 50%, #ebebeb 100%);
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  display: block;
  margin: 20px auto;
  }


.lnk_btn_c:hover {
  border: 1px solid #bababa;
  background:#5bb0ff;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;

  text-align: center;
  vertical-align: middle;
  }
  
  #onlineC h2 {
    background-image: none;
    border: none;
    font-weight: bold;
    padding-left: 0;
    font-size: 2em;
    color: #333
  }


/* 20181214 Change */
.menu3rd-area{
    margin: 2em auto;
    padding: 1em;
    width: 650px;
    background-color: #f0f0f0;
}

.menu3rd-box{
    margin: 1em auto;
    width: 95%;
    background-color: #fff;
    text-align: right;   
}

.menu3rd-txt{
    display: inline-block;
    width: 65%;
    margin-left: 3%;
    margin-right: 0%;
    float: left;
    text-align:left;
}

.menu3rd-img_smp img{
   display: none;
}       
.menu3rd-img_pc img{
   display: block;
   width: 30%;
   margin: 0%;
}   
    
.menu3rd-box:hover {
   opacity: 0.5 ;
}

.menu3rd-title{
  font-size: 1.6em !important;
  font-weight: normal !important;     
  line-height: 1.2em;
  padding-left: 0px !important;
  font-family: sans-serif;            
  color: #333366 !important;
    
}

.menu3rd-txt p{
  font-size:1.0em;
  color: #333366;
}

/* 20181214 Change end   */   

.leccou-head{
   font-family: sans-serif !important;
   font-weight: normal !important;
   font-size: 1.8em !important;
 }     
    
.leccou-box{
    display: inline-block;
    margin-bottom: 3em;
    padding: 0px;
    width: 100%;
    
}      

.leccou-box-r img{
    /*width: 95%;*/
}  

.leccou-box-l{
    width: 60%;
    float:left;
}
    
.leccou-box-l p{
   margin: 1em;
}       

.leccou-box-l li{
   margin: 0em;
}       
    
.leccou-box-r{
    position: relative;
    display: inline-block;
    width: 40%;
}

 .leccou-box-r a{
   line-height: 1.5em;
/*   color: #146c08; */
   text-decoration: none;
}       
    
.leccou-title{
  font-size: 1.8em !important;
  font-weight: bold !important;
  line-height: 1.25;
  padding: 0.5em !important;
  font-family: serif;
  color: #333366 !important;
    
}    

.leccou-title-s{
    font-size: 0.6em !important;  
    }  
        
.leccou-subtitle{
  font-size: 1.5em !important;
  font-weight: normal!important;
  line-height: 1.5;
  padding-left: 0.7em !important;
  color: #333366 !important;
    
}    
    
.nittei{
    background-color: #8b4513;
    color: #fff;
    width: 30%;
    padding:0.3em;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    font-size: 1.2em !important;
    text-align: center;
    }    

.cou_ex_title{
    background-color: #8b4513;
    color: #fff;
    width: 50%;
    padding:0.3em;
    margin-top: 1.0em;
    margin-bottom: 0.5em;
    font-size: 1.2em !important;
    text-align: center;
    }    

    
 .leccou-box-r li{
     position: relative;
     padding: 0em;
    }
    
    

    
.leccou-btn{
  width: 95%;
  margin-top:1em;
  padding: 0.3em;
  position: a;
  display: inline-block;
  background: #006600;
  text-decoration: none;
  color: #fff;
  transition: 0.4s;
  font-size: 15px;
  font-weight: bold;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  transition: 0.4s;
  box-sizing: border-box;
  text-align: center;
  letter-spacing: 0.1em;
}

.leccou-btn:hover {
  background: #53b348;
}

/*
.leccou-btn:after {
  content: "";
  position: absolute;  
  bottom: 10px;
  right: 4px;
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  margin-top: -1px;
  margin-right: 20px;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}     
   
/* 20181006 Add end */

/* 20181126 Add */

#new_contents h2{
    text-align: center;
    font-size: 1.8em;
    font-family: sans-serif;
    font-weight: normal;
    background-image: none;
}    
    
.twoway{
   display: table;
   table-layout:fixed;
    
}
.waybox p{
    text-align: center;
}
.waybox img{
    width: 100%;
    height: auto;
}
.waybox{
    display: table-cell;
    width: 50%;   
}
.from_text p{
    width:90%;
    margin: 5%;
    text-align: left;
}
.from_h{
    background-color: #5163d6;
    color:#fff;
    width: 90%;
    margin: 5%;
    padding-bottom: 1%;
}
.from_h p{
    margin-top: 5%;
    font-size: 1.0em;
    text-align: center;
    }   
.from_u{
    background-color: #006600;
    color:#fff;
    width: 90%;
    margin: 5%;
    padding-bottom: 1%;
}
.from_u p{
    margin-top: 5%;
    font-size: 1.0em;
    text-align: center;
    }       
    
.ask{
   display: table;
   table-layout:fixed; 
   width:100%;
   margin-bottom: 1%;
}
.ask_box{
    display: table-cell;
    width: 50%;
    padding: 1%;
}
.ask_1{
    background-color: #006600;
    border: solid #f5f5f5;
    padding-top: 0;
}
.ask_1 p{
    text-align: center;
    color: #fff;
}    
.ask_2{
    background-color: #6699cc;
    border: solid #f5f5f5;
    padding: 0;
}
.ask_2 p{
    text-align: center;
    color: #fff;
}
.ask_3{       
    background-color: #003366;
    border: solid #f5f5f5;
    padding: 0;
}
.ask_3 p{
    text-align: center;
    color: #fff;
}
.ask_4{       
    background-color: #cc6600;
    border: solid #f5f5f5;
    padding: 0;
}
.ask_4 p{
    text-align: center;
    color: #fff;
}
.ask_heading{
    height: 20px;
    text-align: center;
    font-size: 1.2em;
    color: #fff !important;
    font-weight: normal !important;
    }  
    
.ask_letter{
    background-color: #fff;
    padding: 5% 5%;
    height: 170px;    /* 20181214 change */
}
.ask_letter p{
    text-align: left;
    color:#000;
}
.ask_link{
    background-color: #fff;
    padding: 1% 5%;
}
.ask_link p{
    text-align: right;
    color: #7a0;        /* 20181214 change */
}
.ask_link p:hover {
   opacity: 0.5 ;
}    
    
.triangle_1{   
 width: 0;
 height: 0;
 margin-top: -20px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 border-left: 15px solid transparent;
 border-right: 15px solid transparent;
 border-top: 15px solid #006600; 
}
.triangle_2{   
 width: 0;
 height: 0;
 margin-top: -20px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 border-left: 15px solid transparent;
 border-right: 15px solid transparent;
 border-top: 15px solid #6699cc; 
}
.triangle_3{   
 width: 0;
 height: 0;
 margin-top: -20px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 border-left: 15px solid transparent;
 border-right: 15px solid transparent;
 border-top: 15px solid #003366; 
}
.triangle_4{   
 width: 0;
 height: 0;
 margin-top: -20px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 border-left: 15px solid transparent;
 border-right: 15px solid transparent;
 border-top: 15px solid #cc6600; 
}
.arrow {
    position: relative;
    display: inline-block;
    padding-right: 5%;
}

    .arrow:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 4px #7a0;     /* 20181214 change */
    border-right: solid 4px #7a0;   /* 20181214 change */
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;                        /* 20181214 change */
    right:1%;
    margin-top: -4px;
}
   

.univ_syuri_lead{
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 3%;
    
}
.univ_syurui{
   display: table;
   table-layout:fixed;
}
.univ_syurui1{
    display: table-cell;
    width: 40%;
    padding: 0% 1%;
    vertical-align: top;
}
.univ_syurui2{
    display: table-cell;
    width: 60%;
    padding: 0% 1%;
}
.univ_syurui2 img{
    width: 100%;
    margin-bottom: 5%;
}
       
/* 20181126 Add end */

    
#semi_thema{
    margin-top: -30px;
    padding-left: 10px;
    background-color: #6699cc;
    }        
#semi_thema p{
    font-size: 1.5em;
    line-height: 5px;
    padding-bottom: 15px; 
    color:#fff;
    }
#semi_thema_triangle{   
 width: 0;
 height: 0;
 margin-top: -30px;
 margin-bottom: 10px;
 margin-left: 50px;
 border-left: 15px solid transparent;
 border-right: 15px solid transparent;
 border-top: 15px solid #6699cc; 
}
#semi_thema_list p{
 font-size: 1.4em;
 font-weight: bold;
 margin-bottom: 10px;
    }   
#semi_thema_list p:before {
 content: url(/img/icon_ck.png);
 margin-right: 5px;
    }
#semi_con{
    margin-top: 30px;
    padding-left: 10px;
    background-color: #003366;
    }  

#semi_con p{
    font-size: 1.5em;
    color:#fff;
    line-height: 2.0em;
    }
#semi_con_list_t{
    margin-top: 20px;
    font-size: 1.4em;
    font-weight: bold;
    color: #003366;
    line-height: 1.5em;
    }
    
#semi_con_list_t:before {
    content: url(/img/icon_ck.png);
    margin-right: 5px;
    }   
#semi_con_list_p {
    margin-left: 30px;
    font-size:1.2em;
    line-height: 2.0em;
    }   
    
    
    
#semi_con_triangle{   
 width: 0;
 height: 0;
 margin-top: -30px;
 margin-bottom: 20px;
 margin-left: 50px;
 border-left: 15px solid transparent;
 border-right: 15px solid transparent;
 border-top: 15px solid #003366; 
}

#semi_voice_1{
    margin-bottom: 10px; 
    background-color: #6699cc;
    width: 140px;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
    border-radius: 20px;       
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    }
 #semi_voice_2{
    margin-bottom: 10px; 
    background-color: #008000;
    width: 140px;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
    border-radius: 20px;       
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    }   
 #semi_voice_3{
    margin-bottom: 10px; 
    background-color: #cc6600;
    width: 140px;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
    border-radius: 20px;       
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    }   
 #semi_voice_p li{
    margin-bottom:1.0em; 
    }    

/* 20190316 Add */
    
.point_high img{
    width: 60%;
    margin: 10px 20% 40px;
    }
.point_high_subt{
    text-align: center;    
    font-size: 0.9em;
    margin-top: -1.5em;
    }
    
/* 20190316 Add end */ 

.mrc img,
.scholarship img {
  margin: 10px 0 20px 0;
}

.mrc h3,
.scholarship h3 {
  margin-left: -10px !important
}

.ugrad_sp_catch h2 {color: #002967 !important;}


} /*@media all end*/


/* FireFoxのみ崩れる部分を修正*/
@-moz-document url-prefix() {
  input.ipt_small2 {
    width: 30%;
  }
}