@charset "utf-8";

/*基本設定*/
/*リセット------------------------------------------------------------------------------------*/
body,div,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p, th, td, img {
	margin:0;
	padding:0;
	line-height:2;
	text-align:left;
	font-weight:normal;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	z-index:0;
}

/*テーブル*/
table {border-collapse:separate;border-spacing:1;background-color:#cccccc;}
th    {background-color:#efefef;vertical-align:top;}
td    {background-color:#ffffff;vertical-align:top;}


/*画像・オブジェクト--------------------------------------------------------------------------*/
img         {border:0 none;vertical-align:bottom;}
object	    {text-decoration:none;border:none;margin:0px;padding:0px;vertical-align:bottom;}
.img_left   {float:left;padding:0px 15px 10px 0px;}
.img_right  {float:right;padding:0px 0px 10px 15px;}
.img_bottom {padding:20px 0px 20px 0px;text-align:center;}

/*リスト*/
ol, ul, li{
list-style-image:none;
list-style-position:inside;
list-style-type:none;
}

ol li{list-style-type:decimal;}
ol{background-color:#efefef;border:1px solid #cccccc;padding:10px;margin-bottom:15px;}

/*基本リンク*/
a:link,a:visited	{}
a:focus,a:hover		{text-decoration:underline;}
a:hover img,a:focus img	{opacity:1;filter:alpha(opacity=100);}


/*リンク文字色----------未設定*/
a:link    {color:#336699;}
a:visited {color:#336699;}
a:hover   {color:#0066cc;}


/*クリア*/
.clear	{clear:both;size:0;}

/*文字制御*/
.stext90{font-size:90%;}
.indent_0{text-indent: 0em;}


/*背景設定*/
body		  {text-align:center;color:#333333;background:#fff no-repeat left top;}
/*  body		  {text-align:center;color:#333333;background-color:#ffffff;background-image:url(../../cmn_images/bg_body.jpg);background-position:left top;background-repeat:no-repeat;} */



/*↑↑↑↑　　　基本設定ここまで　　　↑↑↑↑↑*/
/*レイアウト*/

/*イメージ*/
#topphoto          {clear:both;background-image:url(../images/bg_topphoto.jpg);background-position:left top;background-repeat:repeat-x;}
#topphoto_area     {width:775px;margin:0 auto;}

/*コンテンツ領域*/
#header2     {width:775px;margin:8px auto;height:auto;}
#btn_gmenu   { display:none; }
#header2 p.taiken{
	float:right;
	margin-top:10px;
	font-size:12px;
	width:150px;
	line-height:1.5;
}
#header2 #btn_siryo{ float:right; margin:5px 0; }
#header2 h1 { clear:both; background:#fff url(../images/header_logo.jpg) no-repeat left top; }
#header2 h1 a{ display:block; overflow:hidden; height:60px; text-indent:-9999px; }


#wrapper	{width:775px;margin:0 auto;}
#main       {width:100%;max-width:545px;float:left;}
#side       {width:180px;float:right;margin-top:30px;}
#footer		  {clear:both;margin-top:30px;background-image:url(../images/bg_footer.jpg);background-position:center top;background-repeat:repeat-x;}
#footer_area{width:775px;margin:0 auto; padding-bottom:30px;}
/* #footer_area{width:775px;margin:0 auto;background-image:url(../../cmn_images/bg_footer_area.jpg);background-position:center bottom;background-repeat:repeat-y;padding-bottom:30px;} */

/*グランドメニュー*/
#global_menu{clear:both;height:35px;background-image:url(../images/bg_gmenu.jpg);background-repeat:repeat-x;background-position:center top;}
#global_menu ul{width:775px;margin:0 auto;}
#global_menu li  {float:left;}
#global_menu li a{height:35px;display:block;background-repeat:no-repeat;background-position:center top;text-indent:-9999px;overflow:hidden;}
#gmenuh{display:none;}
#global_menu li#gmenua a{width:117px;background-image:url(../images/gmenua_01.jpg);}
#global_menu li#gmenub a{width:139px;background-image:url(../images/gmenub_01.jpg);}
#global_menu li#gmenuc a{width:124px;background-image:url(../images/gmenuc_01.jpg);}
#global_menu li#gmenud a{width:133px;background-image:url(../images/gmenud_01.jpg);}
#global_menu li#gmenue a{width:143px;background-image:url(../images/gmenue_01.jpg);}
#global_menu li#gmenuf a{width:119px;background-image:url(../images/gmenuf_01.jpg);}



/*サイド*/
#side_photo {margin-bottom:10px;}
#side_info    {font-size:85%;line-height:1.4;text-align:right;}
#side_name{font-size:160%;text-align:right;}
#side_name{font-family:"HGP明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",細明朝,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","MS PMincho",serif;}




.side_banner  {margin-bottom:15px;}
#side_olympics  {margin-bottom:0px;}
#side_olympics_text  {margin:3px 3px 15px 3px;font-size:75%;line-height:1.5;}

#side_group    {background-color:#cccccc;padding:1px;margin-bottom:15px;}
#side_group ul {border:3px solid #FFFFFF;background-color:#efefef;
	background-image:url(../images/side_group_ul.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding:45px 0px 10px 20px;
}

#side_group li {padding:0px 5px 0px 0px;font-size:85%;line-height:1.5;margin-bottom:10px;
list-style-image:url(../images/icon_list01.jpg);
list-style-position:outside;}

#side_link  {background-color:#efefef;padding-bottom:5px;}
.link_banner{padding:5px 0px 0px 5px;}

/*フッター*/
#footer_area ul{width:775px; padding: 20px 0;}
#footer_area li{float:left;margin:10px 20px 0 0;}
#footer_area ul:after { content: ""; display: block; clear: both;}
#footer_area a:link,#footer_area a:visited,#footer_area a:hover{color:#666666;font-size:85%;}
#copy{text-align:right;font-size:75%;}
/*hタグ制御*/

/*文字制御*/


/*理事長通信------------------------------------------------------------------------------------*/
.news     {clear:both;display:block;}
#news h3  {margin-top:10px;}
.news_date {font-size:85%;}
.news_title{}
.news_photo{float:right;margin:10px 0px 10px 10px;}
.news hr{clear:both;border:0px;border-bottom:1px dotted #cccccc;}
.news_text{margin:15px 0px;}
#news_next{text-align:center;margin:35px 0px;}

#page{margin-top:30px;}
#news{margin-top:30px;}

#book {margin:10px 0px;display: flex;flex-wrap: wrap;}

.caption{font-size:80%;text-align:right;font-weight:bold;margin-bottom:10px;background-color:#f3f3f3;}

@charset "utf-8";

.page{margin:10px 0px 40px 15px;}
h2,h3{font-weight:bold;}
h2{margin:0px 0px 0px 0px;font-size:150%;}
h3{text-indent:15px;font-size:130%;line-height:25px;background-repeat:no-repeat;background-position:left top;background-image:url(../images/bg_h3.jpg);clear:both;margin:25px 0px 10px 0px;color:#cc0000;}
h3.catch{text-indent:0px;font-size:140%;margin-bottom:20px;background-repeat:no-repeat;background-position:left top;background-image:url();clear:both;margin-top:25px;}
h4{text-indent:0px;font-size:115%;margin-bottom:5px;background-repeat:no-repeat;background-position:left top;background-image:url(../images/bg_h4.jpg);clear:both;margin-top:25px;font-weight:bold;color:#fff;background-color:#cc0000;padding-left:25px;}
/*p{text-indent:1em;}*/

a.blank {background-repeat:no-repeat;background-position:right center;background-image:url(../images/icon_blank.gif);padding:0px 20px 0px 0px;}

.mb{margin-bottom:20px;}

/*トップページ------------------------------------------------------------------------------------*/
#index_left       {width:775px;margin-top:15px;border-left:1px solid #ccc;}
#index_right      {width:775px;margin-top:15px;border-left:1px solid #ccc;}
#index_main div{background-repeat:no-repeat;background-position:top left;}
#index_main h2 {background-repeat:no-repeat;background-position:center top;margin-bottom:15px;}
#index_main #news{padding-left:15px;}
#index_main #news_more {text-align:right;margin-top:20px;}
#index_main #news_more a{text-decoration:none;padding:3px 5px;font-size:90%;background-color:#000;color:#fff;}
#index_message{padding-left:15px;}
#index_message_name{
  text-align:right;
  font-family:"HGP明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",細明朝,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","MS PMincho",serif;
}
#index_message_name strong{font-size:140%; }


/*学園について------------------------------------------------------------------------------------*/
#index_aisatsu{width:460px;float:right;}
#index_aisatsu1{line-height:2.3;}
#index_aisatsu2{
	font-family:"HGP明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",細明朝,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","MS PMincho",serif;
	font-size:200%;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:15px;
}
#index_aisatsu3{background-color:#efefef;font-size:85%;padding:10px;}

.index_riji{border-bottom:1px dotted #cccccc;margin:10px 0px;}
.index_riji1{line-height:2.3;width:470px;float:left;}
.index_riji2{
	float:left;
	width:470px;
	font-family:"HGP明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",細明朝,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","MS PMincho",serif;
	font-size:170%;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:10px;
}
hr{}
#index_riji3{width:470px;background-color:#efefef;font-size:85%;padding:10px;float:left;}


dl {width:545px;padding:10px 0px;}  
dt {float:left;width:115px;padding:5px 0px 5px 0px;clear:both;border-bottom:1px dotted #cccccc;text-indent:10px;color:#009900;}  
dd {width:430px;float:right;padding:5px 0px 5px 0px;border-bottom:1px dotted #cccccc;} 
.noline{border-bottom:0px;}

.index_history   {border-collapse:separate;border-spacing:0;background-color:#ffffff;}
.index_history td{border-bottom:1px dotted #cccccc;padding:8px 0px;}


/*メッセージ　------------------------------------------------------------------------------------*/

#message_info    {margin-top:20px;font-size:80%;line-height:1.2;text-align:right;}
#message_name{font-size:170%;text-align:right;}
#message_name{font-family:"HGP明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",細明朝,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","MS PMincho",serif;}


/*お問い合わせ------------------------------------------------------------------------------------*/
table.contact_list {margin-bottom:15px;}
.contact_list th{padding:5px 10px;}
.contact_list td{padding:5px 10px;line-height:1.7;font-size:90%;}

table.contact_photo th{padding:0px;background-color:#ffffff;}
table.contact_photo td{padding:3px 5px;font-size:75%;}


/*就職進路実績------------------------------------------------------------------------------------*/
.employment_list li{width:310px;margin-right:20px;float:left;font-size:85%;list-style-type: disc;}


/*プロフィール*/
ul.profile{margin-bottom:5px;}
ul.profile li{border-bottom:1px dotted #cccccc;padding:5px 0px 5px 0px;}

table#senseki   {border-collapse:collapse;}
table#senseki th,table#senseki td{background-repeat:repeat-x;background-position:left bottom;background-image:url(../images/bg_border_dotted.gif);}
table#senseki th{text-indent:10px;color:#009900;padding:3px 0;background-color:#fff;}
table#senseki td{text-indent:10px;padding:3px 0;}


/*資料請求・体験入学------------------------------------------------------------------------------------*/
.btn_s {background-color:#990000;color:#ffffff;padding:3px 3px;}
.btn_t a{background-color:#0066cc;color:#ffffff;padding:3px 3px;}



/*トピックス------------------------------------------------------------------------------------*/
ul.past_topics li{line-height:1.5;padding:6px 0px;border-bottom:1px dotted #efefef;list-style-position:outside;}
.past_topics .style5{font-size:90%;}

/* トピックス ボディ */
#news img { margin:2px; }
div.i_l { float:left;  width:300px; margin-right:10px; text-align:center; }
div.i_c { clear:both;  text-align:center; }
div.i_r { float:right; width:300px; margin-left:10px;  text-align:center; }


/*メディア紹介------------------------------------------------------------------------------------*/
.media{border:0px;padding:15px 0px;width:370px;float:left;margin-right:15px;}
.media_photo{text-align:center;}
.media_title{font-weight:bold;text-align:center;}
.media_hr{clear:both;border:0px;border-bottom:1px dotted #cccccc;}

dl#media_link dt{line-height:20px;float:left;width:135px;padding:5px 0px 5px 0px;clear:both;border-bottom:1px dotted #cccccc;text-indent:10px;color:#89ae59;}
dl#media_link dd {line-height:20px;width:640px;float:right;padding:5px 0px 5px 0px;border-bottom:1px dotted #cccccc;font-size:90%;} 

.book_set {/*float:left;*/margin-right:5px;margin-bottom:5px;width: calc(100% / 6 - 5px);}
.book_set img { width: 100%; max-width: 124px; height: auto;}

/*プロフィール------------------------------------------------------------------------------------*/
table#profile td{padding:5px 0px;}
#profile_name{font-family:"HGP明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",細明朝,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","MS PMincho",serif;font-size:180%;font-weight:bold;line-height:1;}
.caption_instructor{width:386px;font-size:80%;text-align:center;font-weight:bold;margin:0px auto 10px auto;background-color:#f3f3f3;}


/*授業内容*/
.class_keyword_outer{margin-bottom:15px;border:1px solid #ccc;}
.class_keyword_outer::after { content:""; display:block; clear:both; }
.class_keyword { float:left;width:50%; }
.class_keyword div{padding:3px 5px;background-color:#f5e2e2;text-align:center;font-weight:bold;border-bottom:1px solid #ccc;}
.class_keyword:first-child div { border-right:1px solid #ccc; }
.class_keyword:first-child ul { border-right:1px solid #ccc; }
.class_keyword li{padding:3px 5px;list-style:disc;margin-left:25px;}

table.class_syllabus {margin-bottom:15px;}
table.class_syllabus th{padding:3px 5px;background-color:#f5e2e2;text-align:center;font-weight:bold;}
table.class_syllabus td{padding:3px 5px;}

.td_center{text-align:center;}


/*よくある質問*/
table.faq_tbl{margin-bottom:15px;}
table.faq_tbl th{padding:3px 5px;background-color:#f5e2e2;}
table.faq_tbl td{padding:3px 8px;}


/*アクセス------------------------------------------------------------------------------------*/
table#map_photo   {background-color:#fff;}
table#map_photo th{text-align:center;font-size:85%;}

.img_map{text-align:center;margin-top:20px;}
.map_text1{line-height:1.5;margin-left:30px;}
.map_text2{line-height:1.5;color:#f00;margin-left:30px;}
.txt_big{font-size:110%;}

/*大会スケジュール------------------------------------------------------------------------------------*/
li.odd,li.even{
padding:10px 40px 10px 10px;
list-style-type: none;
line-height:2.2;
border-bottom:1px dotted #cccccc;
background-image: url(../images/icon_next_01.png);
background-repeat: no-repeat;
background-position: 98% 50%;
}
.event_day{font-size:14px;padding-bottom:10px;}
.odd{background-color:#ffffff;}
.even{background-color:#f2f2f2;}
.sch_date{padding-right:10px;color:#89ae59;}

/*新着情報*/
.newsNav { margin:20px 0; text-align:center; }
.news_detail img{margin:20px 0;}
.news_detail img.i_l{ float:left; margin:20px 20px 20px 0;}
.news_detail img.i_r{ float:right; margin:20px 0 20px 20px;}
.news_detail img.i_c{ display:block; margin:20px auto;}


#sform table { width:100%; }
#sform th,#sform td { padding:1px 5px; vertical-align:middle; }
#sform .info { margin:10px 0; }
#sform .emes { margin:10px 0; }
#sform .emes ul li{ color:red; line-height:1.3; }
#sform .needMark { color:red; }
#sform .needMark::before { content:"*"; }
#sform .formVp, #sform .formIp { margin-right:3px; display:inline-block; }
#sform .formVe, #sform .formIe { margin-left:3px; display:inline-block; }
#sform .formNe { font-size:90%; line-height:1.3; }
#sform .alp { width:6em; ime-mode:inactive; }
#sform .alm { width:10em; ime-mode:inactive; }
#sform .all { width:20em; ime-mode:inactive; }
#sform .txs { width:6em; ime-mode:active; }
#sform .txt { width:20em; ime-mode:active; }
#sform .txl { width:95%; ime-mode:active; }
#sform .nms { width:3em; ime-mode:disabled; }
#sform .num { width:6em; ime-mode:disabled; }
#sform .nml { width:20em; ime-mode:disabled; }
#sform optgroup { font-weight:normal; font-style:normal; }
#sform textarea.tip { width:95%; line-height:1.2em; height:5em; ime-mode:active; }
#sform .formRadio label { display:inline-block; margin-right:10px; }
#sform .formRadio input { vertical-align: middle; }
#sform .formRadio:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
#sform label.sformID_scl9k { margin-left:10px; }
#sform label.sformID_add9k, #sform label.sformID_spt9k { display:block; }
#formNavi   { margin:20px; text-align:center; }
#formNavi input { padding:5px 10px; }
#formNavi .send { margin-left:20px; width:12em; }


.movie_bnr { max-width: 724px; margin:40px auto;}
.movie_bnr img { width: 100%; height: auto;}

.bnr_area{text-align:center;margin-top:40px;}
.bnr_area.col2 li{width:46%;display:inline-block;margin:0 1.5% 20px;}
.bnr_area img{width:100%;}