@charset "utf-8";

/*==================================
  BASIC
==================================*/
html, body{height:100%; margin:0; padding:0; text-align:center; background:url(../images/container_bg.png) top left repeat-x; font-family: verdana, "Arial", "Helvetica", "sans-serif";}

/*==================================
  LINK
==================================*/
a{text-decoration:none;color:#258274;}

/*==================================
  CONTAINER
==================================*/
#container{min-height:100%; height: auto !important; height:100%; position: relative; background:url(../images/headers/header_bg04.png) top center no-repeat;}
#screen{ width:100%; min-width:1040px; margin:0 auto; text-align: left; padding-bottom: 100px;}

/*==================================
  header
==================================*/
#header{width:1040px; min-width:1040px; height: 235px; margin:0 auto; /*background: url(../images/header_bg.png) top center no-repeat;*/}
#header_head{height:28px; width:1040px; min-width:980px; margin:0 auto;}
#header_head table{float:right;}
#header_head table td{padding:2px 5px;}
#header_head table img{vertical-align:middle;}
#header_innner{width:1040px; height:235px;}
#main_logo{height:129px; width:982px;}
#main_logo h1 img{margin:42px 139px 42px 0;}
#main_navi{height:42px; width:982px; margin:0 auto; background:url(../images/main_navi_bg.png) top center no-repeat; padding:22px 29px 13px;}
#main_navi_wrapper{width:966px; height:42px; padding:0 7px; background:url(../images/main_menu_bg01.png) top center no-repeat; overflow:hidden;}
.main_menu_variable{height:42px; width:183px; float:left; margin:0 auto; cursor:pointer; background:url(../images/main_menu_delimiter.png) top right no-repeat;}
.main_menu_variable a{color:#000; font-weight:bold;}
.main_menu_variable a:hover{color:#060;}
.main_menu_variable p{height:42px; line-height:42px; font-size:80%; margin:0 12px 0 3px; vertical-align:middle; display:inline;}
#main_menu_right_corner,
#main_menu_left_corner{height:42px; width:7px; float:left;}
.main_menu_list{height:42px; width:auto; background:url(../images/main_menu_li_list_style.png) top left no-repeat; padding-left:32px; float:left;}
#main_menu_bg_adjustment_first{width:100px !important;}
#main_menu_bg_adjustment_end{background:none !important; width:130px !important;}

/*==================================
  CONTENTS
==================================*/
#contents{background:url(../images/contents_bg.jpg) top center no-repeat; height:auto; margin:0 auto;}
#contents2nd{background:url(../images/contents_bg.jpg) top center no-repeat; height:auto; margin:0 auto;}
#contents_inner{width:980px; margin:0 auto; padding:10px 30px;}

/*==================================
  FONT SIZE
==================================*/
#contents p{font-size:85%; color:#404040; line-height:18px;}
#contents h3{font-size:100%; color:#262626; line-height:18px; font-weight:bold;}
#contents ul{ font-size:85%; line-height:18px;}
#contents2nd p{font-size:85%; color:#404040; line-height:18px;}
#contents2nd h3{font-size:100%; color:#262626; line-height:18px; font-weight:bold;}
#contents2nd ul{font-size:85%; line-height:18px;}


/*==================================
  INDEX
==================================*/

/*-- TOPIX --*/
#topix_wrapper{ width:980px; height:auto; margin-bottom:0;}
#box_right{ width:660px/*--900px--*/; float:left; margin-right:10px;}
p.news_text{ background:url(../images/news_list_style.png) left top no-repeat; padding-left:20px; vertical-align:middle;}
p.news_text span img{ vertical-align:middle;}
p.old_news{text-align:right; margin-top:10px;}
p.old_news a{text-decoration:none; color:#258274;}

/*-- TIME TABLE --*/
.timetable_title_etc{height:53px; width:980px;}
#tametable_h2 h2{ font-size:100%; font-weight:bold; line-height:53px;}
#timetable_img{ float:left; width:250px;}
#timetable_img table{ width:220px; height:41px; border:#258274 1px solid;}




#timetable_img table td{ border-right:1px dotted #258274; border-bottom:1px dotted #258274; text-align:center;}
#timetable_img table p{ font-size:50%;}
#timetable_text{ float:left; width:280px;}
.timetable_margin { height:20px;width:980px;}
#timetable_text p{ font-size:60%;}
#timetable_box{ width:980px; height:auto; margin-bottom:15px;}
#f_box{ width:980px; height:auto; margin:0 auto;}
#f_box table{ margin:0 auto;}
table.table_style01{ border:3px solid #258274; font-size:85%; color:#262626; margin-bottom:20px;}
table.table_style01 th,table.table_style01 td{ padding:5px;}
table.table_style01 a{ text-decoration:none;}
.bg_green th{ text-align:center; font-weight:bold; background:#93C1BA; border-left:1px solid #258274; border-bottom:1px solid #258274;}
.th_bg_glay th{ background:#F2F2F2; text-align:center; border-right:1px solid #258274; border-bottom:2px solid #258274;}
table.table_style01 tr.t_line01 td{ border-bottom:1px solid #258274 !important;}
table.table_style01 td.t_line02{ border-right:1px solid #258274 !important;}
table.table_style01 td{ border-right:1px dotted #258274 !important; border-bottom:1px dotted #258274 !important; padding:0 !important; width:68px; height:30px;}
th.non_pad{ padding:0 !important; font-weight:bold; color:#262626;}
/*
.subject_frame_yellow{ height:26px; border:#DFC900 2px solid; background:#FFF; cursor: pointer;}
.subject_frame_green{ height:26px; border:#A8C000 2px solid; background:#FFF; cursor: pointer;}
.subject_frame_purple{ height:26px; border:#BFA4C9 2px solid; background:#FFF; cursor: pointer;}
.subject_frame_blue{ height:26px; border:#A0C6CB 2px solid; background:#FFF; cursor: pointer;}
.subject_bg_yellow{ height:32px; border:#DFC900 2px solid; background:#DFC900; cursor: pointer;}
.subject_bg_green{ height:32px; border:#A8C000 2px solid; background:#A8C000; cursor: pointer;}
.subject_bg_purple{ height:32px; border:#BFA4C9 2px solid; background:#BFA4C9; cursor: pointer;}
.subject_bg_blue{ height:32px; border:#A0C6CB 2px solid; background:#A0C6CB; cursor: pointer;}
*/
.subject_frame_yellow{ height:26px; border:#ffff 2px solid; background:#FFF;}
.subject_frame_green{ height:26px; border:#F2F2F2 2px solid; background:#FFF;}
.subject_frame_purple{ height:26px; border:#ffff 2px solid; background:#FFF;}
.subject_frame_blue{ height:26px; border:#F2F2F2 2px solid; background:#FFF;}
.subject_bg_yellow{ height:32px; border:#ffff 2px solid; background:#ffff; padding: 4px 0 8px 0;}
.subject_bg_green{ height:32px; border:#F2F2F2 2px solid; background:#F2F2F2; padding: 4px 0 8px 0;}
.subject_bg_purple{ height:32px; border:#ffff 2px solid; background:#ffff; padding: 4px 0 8px 0;}
.subject_bg_blue{ height:32px; border:#F2F2F2 2px solid; background:#F2F2F2; padding: 4px 0 8px 0;}
.subject_bg_gray{ background:#ddd; }
.link { cursor: pointer; }
.s_p {overflow:hidden; font-size:110% !important;}
.s_p p{ text-align:center;line-height:13px !important; font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "メイリオ", Meiryo, Osaka;}
.empty_class { color:#aaa; text-align:center;}
#classroom{font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*-- LINKBOX --*/
#link_box_wrapper{ width:980px; height:auto; margin-bottom:20px;}
.link_box_right{ width:314px; border:1px solid #D6D6D6; background:#fff; float:left;}
.link_box h3,
.link_box_right h3{ background: url(../images/list_style01.png) left no-repeat; padding-left: 20px;}
.link_box ul,
.link_box_right ul{ padding:0 0 10px 10px;}
#link_box_wrapper a{ color:#258274; text-decoration:none;}
#box_left{ width:298px; float:left;}
#a_box{ background:#FFF; border:#D6D6D6 solid 1px; height:auto; margin-bottom:21px; height:133px;}
#a_box_title{ background:url(../images/topics.png) top left no-repeat; width:256px; height:39px; padding-left:40px;}
#a_box_title h2{ line-height:39px; font-weight:bold}

p#topix_text01{ font-size:75%; margin-bottom:15px;}
#more_link01{ text-align:right; margin:10px 16px 16px 16px !important;}
#b_box_title{ background:url(../images/link_img.png) top left no-repeat; width:271px; height:39px; padding-left:40px;}
#b_box_title h2{ line-height:39px; font-weight:bold}
#c_box{ padding:10px; border:#258274 solid 3px; background:#fff;}
#c_box_title{ background:url(../images/news.png) top left no-repeat; height:29px; padding-left:35px;}
#c_box_title h2{ line-height:23px; font-weight:bold}
#d_box_button01{ background:url(../images/d_button01.png) top center no-repeat; width:268px; height:39px; padding-left:40px; float:left;}
#d_box_button02{ background:url(../images/d_button02.png) top center no-repeat; width:268px; height:39px; padding-left:40px; float:right;}
#d_box_button01 h3,
#d_box_button02 h3{ line-height:39px; font-weight:bold; font-size:80%; color:#fff;}
#d_box_button01 a,
#d_box_button02 a{ line-height:39px; font-weight:bold; color:#fff; text-decoration:none;}

/*-- トラブル受け付けフォーム CALL教室を見学したい LINK --*/
#linkbutton_wrapp{ width:268px; height:88px; float:left; margin:0 !important; padding:0 !important;}
#linkbutton_wrapp h3{ margin:0 !important;}
#link_button01{ background:url(../images/d_button01.png) top center no-repeat; width:268px; height:39px; padding-left:40px; margin-bottom:10px; cursor:pointer;}
#link_button02{ background:url(../images/d_button02.png) top center no-repeat; width:268px; height:39px; padding-left:40px; cursor:pointer;}
#link_button01 h3,#link_button02 h3{ line-height:39px; font-weight:bold; font-size:80%; color:#fff;}
#linkbutton_wrapp a,
#linkbutton_wrapp a{ line-height:39px; font-weight:bold; color:#fff; text-decoration:none;}


/*==================================
  template.tpl
==================================*/

/*-- pankuzu --*/
.p_margin{ margin:20px 0;}
#pankuzu{ height:30px; width:980px; margin:0 auto;}
#pankuzu li{ display:inline;}
#pankuzu a,
#pankuzu li{ color:#258274; text-decoration:none;}

/*-- link -*/
#g_box{ width:980px;}
#h2_bg_2nd{ width:980px; height:58px; background:url(../images/2nd/title_bg01.png) top center no-repeat;}
#h2_2nd{ line-height:58px; font-weight:bold; font-size:100%; padding-left:30px;}
#contents_list{ background:url(../images/2nd/contents_list_bg.png) top center repeat; width:980px; height:auto;/*追記*/ margin-bottom:20px;}
#contents_list ul{ padding-left:112px;}
#contents_list li{ background:url(../images/news_list_style.png) left no-repeat; padding-left:20px; display:inline; line-height:41px;}
#contents_list a{ color:#258274; text-decoration:none;}

/* --LINK to TOP-- */
.go_to_top_textbox{ width:980px; height:46px;}
.go_to_top_textbox p{ line-height:46px !important; vertical-align:middle; text-align:right;}
.go_to_top_textbox img{ vertical-align:middle; margin-left:7px;}
.go_to_top_textbox a{ text-decoration:none; color:#258274;}

/*-- common_contents_box --*/
.common_contents_box{ width:978px; border:#D6D6D6 1px solid; background:#fff; height:auto;}
.h3_2nd{ font-weight:bold; font-size:100%; padding:20px 40px; color:#262626;}
.box_contents{ padding:20px 40px;}
.h4_2nd_bg{ height:27px; background:url(../images/2nd/h4_list_style.png) left no-repeat;}
.h4_2nd{ line-height:27px; padding-left:20px; font-size:100%; font-weight:bold;}
.image_text_box{ width:900px; margin-bottom:20px; height: auto; }
.image_text_left{ float:left; padding:0 20px 20px 0; width:334px;}
.image_text_right{ float:right; width:546px;}
.image_text_left02{ float:left; width:657px;}
.image_text_right02{ float:left; padding:0 0 10px 20px; width:143px;}
#section_box01{ background:#F9F1E0; border:#E2BB66 2px solid; width:860px; height:auto; padding:20px;}
#section_h4_bg{ background:url(../images/2nd/mark01.png) left no-repeat; padding-left:30px; height:20px; margin-bottom:10px;}
#section_h4_bg h4{ font-size:80%; font-weight:bold; color:#262626; line-height:20px;}
table.table_style02{ border:3px solid #258274; font-size:85%; color:#262626; margin-bottom:20px;}
table.table_style02 th{padding:5px 5px; border:1px solid #258274;}
table.table_style02 td{ padding:2px 5px; border:1px solid #258274;}
table.table_style03{ font-size:85%; color:#262626;}
table.table_style03 tr{}
table.table_style03 th{ padding:10px; font-weight:bold;}
table.table_style03 td{ padding:10px 20px; background:url(../images/2nd/table03_icon01.png) left center no-repeat;}
table.table_style03 td table td { padding:0px; background:none;}
#yuubin{ vertical-align:top; margin-right:5px;}
#send_button01{ margin:0 250px; text-align:center;}
.button_send{ width:253px; height:42px; background:url(../images/2nd/send_button_bg.png) top center no-repeat; padding-left:36px; line-height:42px; color:#fff; font-size:150%; margin:0 auto; cursor: pointer;}
#button_send{ width:253px; height:42px; background:url(../images/2nd/send_button_bg.png) top center no-repeat; padding-left:107px; line-height:42px; color:#fff; font-size:150%; margin:0 auto; cursor: pointer;}
#button_send a{ width:253px; height:42px; text-align:center; line-height:42px; text-decoration:none; color:#fff;}

.image_text_left_map{ float:left; padding-right:10px; width:440px;}
.image_text_right_map{ float:left; padding-left:10px; width:440px;}
.image_text_center_map{ width:450px; margin:0 auto;}

/*--AJAX--*/
.top_bg{ background:url(../images/bg/tp_top.png) top center no-repeat; width:980px; height:5px; margin:0; padding:0;}
.bottom_bg{ background:url(../images/bg/tp_bottom.png) top center no-repeat; width:980px; height:5px; margin:0 0 20px 0; padding:0;}
#div_files table{ margin-top:5px; border:1px solid #258274;}
#div_files th{ padding:4px 4px 4px 8px; font-size:80%; font-weight:bold; border:1px solid #258274; background:#93C1BA; /*color:#404040;*/}
#div_files td{ padding:2px; font-size:80%; border:1px solid #258274; text-align:center;}
#div_files input{ margin:0 auto;}
.upload_files{ background:url(../images/bg/files_attach_img.png) left center no-repeat; padding:5px 4px 5px 25px !important; text-align:left !important;}
#div_files a{ color:#258274;}
#view_uploader{ margin:5px 0;}
.border_adjustment{border-top:none !important; border-bottom:none !important;}

/* 追記20110830 START */
#view_uploader{ padding-left:35px; background:url(../images/icons/fileup_icon01.png) top left no-repeat;height:26px; line-height:26px;}
#view_uploader p{line-height:26px;}

#last_next_week a{color:#fff; font-size:75%; font-weight:normal;}
#last_week{ float:left; background:url(../images/last_next_bg.png) top center no-repeat; width:60px; height:30px; line-height:29px; text-align:center; margin-right:15px; cursor: pointer;}
#next_week{ float:left; background:url(../images/last_next_bg.png) top center no-repeat; width:60px; height:30px; line-height:29px; text-align:center; cursor: pointer;}
.nextweek{cursor: pointer;}
.lastweek{cursor: pointer;}
.div_check_box table{ margin-top:20px; border:1px solid #258274; margin-bottom:15px;}
.div_check_box th{ padding:4px 4px 4px 8px; font-size:80%; font-weight:bold; border:1px solid #258274; background:#93C1BA; /*color:#404040;*/}
.div_check_box td{ padding:2px; font-size:80%; text-align:center; vertical-align:middle; border-bottom:1px solid #258274; text-align:left; color:#404040;}
.div_check_box input{ margin:0 auto;}
.upload_files{ background:url(../images/bg/files_attach_img.png) left center no-repeat; padding:5px 4px 5px 25px !important; text-align:left !important;}
.div_check_box a{ color:#258274;}
.div_check_box td.checkbox_td{padding:4px 4px; width:15px;}
.div_check_box td.checkbox_td input{vertical-align:middle;}

#mail_register{ padding-left:30px; height:25px; margin-bottom:20px; background:url(../images/icons/mail_icon01.png) top left no-repeat;}
#mail_register a{ line-height:25px; font-size:80%; color:#258274;}
.p_date{text-align:right;}
.teachers_page{float:right; padding-left:30px; height:25px; background:url(../images/icons/setup_icon02.png) top left no-repeat;}
.teachers_page a{ line-height:24px; font-size:110%; color:#258274;}
/* 追記20110830 END */
/* no_curvy */
.section_curvy_top{ width:900px; height:7px; background:url(../images/curvy/section_top.png) top center no-repeat; margin:0 !important; padding:0 !important;}
.section_curvy_bottom{ width:900px; height:7px; background:url(../images/curvy/section_bottom.png) top center no-repeat; margin:0 !important; padding:0 !important;}
.c_box_curvy_top{ width:660px; height:6px; background:url(../images/curvy/news_box_top.png) top center no-repeat; margin:0 !important; padding:0 !important;}
.c_box_curvy_bottom{ width:660px; height:6px; background:url(../images/curvy/news_box_bottom.png) top center no-repeat; margin:0 !important; padding:0 !important; margin-bottom:17px;}
.link_box_curvy_wrapper{width:316px; height:auto; margin-right:15px; float:left;}
#link_box_curvy_wrapper{ width:316px; height:auto; margin-right:0; float:left;}
.link_box_curvy_top{width:316px; height:4px; background:url(../images/curvy/link_box_curvy_top.png) top left no-repeat; margin:0 !important; padding:0 !important;}
.link_box_curvy_bottom{ width:316px; height:4px; background:url(../images/curvy/link_box_curvy_bottom.png) top left no-repeat; margin:0 !important; padding:0 !important;}

/* no_curvy */

/*教員向け*/
.teachers_page02{float:right; padding-left:30px; height:25px; background:url(../images/icons/setup_icon02.png) top left no-repeat;}
.teachers_page02 a{ line-height:24px; font-size:80%; color:#258274;}
#teachers_page02_wrap{width:980px; height:25px;}
/*教員向け*/

/*icons*/
.manual_icon_bg01{background:url(../images/admin_h4bg01.png) top left no-repeat; padding-left:40px; height:43px;}
.manual_icon_bg01 h2{line-height:43px !important; font-size:100%; font-weight:bold;}
.manual_icon_bg02{background:url(../images/admin_h4bg02.png) top left no-repeat; padding-left:40px; height:43px;}
.manual_icon_bg02 h2{line-height:43px !important; font-size:100%; font-weight:bold;}
#teachers_pass_icon_wrap{width:980px; height:25px;}
#teachers_pass_icon01{float:right; background:url(../images/key_icon02.png) top left no-repeat; padding-left:31px; height:25px;}
#teachers_pass_icon02{float:right; background:url(../images/key_icon01.png) top left no-repeat; padding-left:31px; height:25px; margin-right:15px;}
#teachers_pass_icon01 a,#teachers_pass_icon02 a{line-height:25px; font-size:80%;}
.manual_dl_liststyle{margin-left:20px;}
.manual_dl_liststyle li{padding-left:25px; background:url(../images/news_list_style.png) top left no-repeat; line-height:20px;}
.manual_dl_liststyle li a{color:#258274;}
/*icons*/
.light_light_green{background:#B6D4CF !important;}
span.teacher_name{margin-top:5px; font-size:95%; color: #777;}

/*==================================
  footer
==================================*/
#footer { height:56px; width:100%; min-width:1040px; position: absolute; bottom: 0; background:url(../images/footer_bg.png) bottom center repeat-x; margin:0 auto;}
#copyright{ width:1040px; height:28px; margin:0 auto;}
#copyright p{ text-align:center; line-height:28px; font-size:50%; color:#404040;}




/*timezone*/
.timezone_wrap{width:720px; height:53px; margin-bottom:15px; float:left;}
.timezone_wrap p{font-weight:bold;}
.timezone_wrap ul{}
.timezone_wrap li{background:url(../images/2nd/h4_list_style.png) left top no-repeat; display:inline; line-height:53px; padding-left:10px; width:150px !important; font-size:85%;}
.timezone_wrap span{font-weight:bold;}
.timezone_wrap span.timezone_star{color:#258274;}
/*timezone*/

#a_box p,#link_box_wrapper p,#link_box_wrapper h3{ margin:10px 16px 0 16px;}
#link_box_wrapper ul{ margin:0 16px 0 16px;}
.link_box{ width:314px; margin-right:10px; border:1px solid #D6D6D6; background:#fff; float:left; height:140px}
.page_bottom_link li{background:url(../images/news_list_style.png) left top no-repeat;line-height:20px; padding-left:25px; margin-bottom:2px;}
.tametable_bottom_h2{background:url(../images/portal.png) left top no-repeat; padding-left:30px; margin-bottom:10px; height:19px;}
.tametable_bottom_h2 h2{font-weight:bold; line-height:19px;}
.p_margin02{ margin:10px 0 20px 0; text-align:right;}
#last_next_week{width:135px; height:41px; float:right; text-align:right; padding:12px 0 0 0;}
#tametable_h2{ float:left; width:70px; height:53px; background:url(../images/time_icon.png) top left no-repeat; padding-left:30px; margin-left:0;}
.tametable_bottom_h2_02{background:url(../images/portal02.png) left top no-repeat; padding-left:30px; margin-bottom:10px; height:19px;}
.tametable_bottom_h2_02 h2{font-weight:bold; line-height:19px;}
*:first-child+html table#new_table .empty_class{width:167px;}
*:first-child+html table#new_table .s_p{width:167px;}

/*==================================
  edit    add20120411
==================================*/
.edit_box{ background: #fff; font-size: 13px; margin-bottom: 15px; margin-top:15px; padding: 30px 50px 50px 50px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #ccc; behavior: url(/common/js/PIE.htc); line-height:20px;}
.edit_box *{ line-height:20px;}
.edit_box hr{ height:7px; border:none; background:url(https://www.cll.hokudai.ac.jp/pagefiles/2/border03.png) top center repeat-x; margin:20px 0; width:980px; position:relative; left:-50px;}
.edit_box h2{ font-weight:bold; font-size:16px; position:relative; left:-20px;}
.edit_box h3,.box h4,.box h5,.box strong,.box b{ font-weight:bold; font-size:16px; border-left:6px solid #258274; padding-left:10px; margin:20px 0; line-height:20px; position:relative; left:-20px;}
a[href="#top"]{ margin:0 0 20px 820px; font-size:14px;}
.edit_box .table_style02{margin:10px 0;}
.edit_box .table_style02 *{ font-size:14px;}
.edit_box .float_wrap01 iframe{ margin-left:20px;}
.edit_box .float_wrap01 small{ margin-left:20px;}
.edit_box .float_wrap01 img{ float:left;}
.edit_box .float_wrap02 img{ float:right;}
.edit_box .float_wrap01,.edit_box .float_wrap02{ font-size:14px !important;}

/*==================================
  Smartphone
==================================*/
@media screen and (max-width: 767px){
	*{
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		box-sizing:border-box;
	}
	#screen,
	#header,
	#header_head,
	#main_logo,
	#main_navi,
	#main_navi_wrapper,
	#contents_inner,
	#topix_wrapper,
	#box_right,
	#linkbutton_wrapp,
	#link_button01,
	#b_box_title,
	#f_box,
	.timetable_title_etc,
	.timezone_wrap,
	#timetable_box,
	#last_next_week,
	#footer,
	#copyright,
	#pankuzu,
	.go_to_top_textbox,
	#teachers_page02_wrap{
		width:100%;
		min-width:0;
	}
	#header{
		height:auto;
	}
	#header_head{

	}
	#header_head table{
		float:none;
	}
	#main_logo{
		height:60px;
	}
	#main_logo h1 img {
		margin: 0;
		height: 33px;
		margin-top: 12px;
		margin-left: 5px;
	}
	#main_navi,
	#main_navi_wrapper{
		height:auto;
		padding:0;
	}
	#main_menu_bg_adjustment_first,
	#main_menu_bg_adjustment_end,
	.main_menu_variable{
		width:100% !important;
	}
	.main_menu_variable,
	#main_menu_bg_adjustment_end{
		height: 30px;
		float: none;
		background: url(../images/main_menu_bg01.png) top center no-repeat !important;
	}
	#main_navi{
		padding:0;
		background:#fff;
	}
	.main_menu_list{
		background-image: url(../images/main_menu_li_list_style.png);
		background-size:17px;
		background-repeat:no-repeat;
		background-position:5px center;
		float:none;
		height:30px;
	}
	.main_menu_variable p{
		height:auto;
		line-height:30px;
	}
	#contents_inner{
		padding:10px;
		box-sizing:border-box;
	}
	#box_right{
		float:none;
		margin-right:0;
		padding:10px;
		border:2px solid #258274;
		margin-bottom:10px;
	}
	#linkbutton_wrapp{
		height:auto;
		float:none;
	}
	.curvycorner,
	.curvycorner > div{
		border:none !important;
		width:auto !important;
		height:auto !important;
		position:static !important;
	}
	.autoPadDiv{
		padding:0 !important;
	}
	#link_button01 {
		background: #E4BE45;
		height:auto;
		line-height:normal;
		padding-left: 0;
		margin-bottom: 10px;
		padding:10px;
		border-radius: 3px;
		box-shadow: inset -1px -1px 2px #AF7C32;
	}
	#link_button01 h3,
	#link_button02 h3{
		line-height:normal;
	}
	#link_button01:focus,
	#link_button01:active,
	#link_button01:hover{
		background:#F7C96C;
	}
	#link_box_wrapper{
		width:100%;
	}
	.link_box{
		display:block;
		float:none;
	}
	#b_box_title{
		background:#f9f9f9;
		padding-left:0;
		padding:7px;
	}
	#b_box_title h2{
		line-height:normal;
		font-size:14px;
	}
	#link_box_wrapper ul{
		margin:0;
		padding:7px;
		border: 1px solid #f9f9f9;
	}
	.link_box_right{
		float:none;
	}
	#link_box_wrapper{
		margin-bottom:0;
	}
	.timetable_title_etc{
		height:auto;
	}
	#tametable_h2{
		float: none;
		width: auto;
		height:auto;
		background-image: url(../images/time_icon.png);
		background-repeat:no-repeat;
		background-position:1px center;
	}
	#tametable_h2 h2{
		line-height: 36px;
	}
	.timezone_wrap{
		height:auto;
		float:none;
	}
	.timezone_wrap li{
		width:auto !important;
		line-height:normal;
	}
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	.table-responsive > table > thead > tr > th,
	.table-responsive > table > tbody > tr > th,
	.table-responsive > table > tfoot > tr > th,
	.table-responsive > table > thead > tr > td,
	.table-responsive > table > tbody > tr > td,
	.table-responsive > table > tfoot > tr > td {
		white-space:nowrap;
	}
	.table-responsive > table{
		margin-top:0;
	}
	#last_next_week{
		float:none;
		margin-bottom:5px;
	}
	#screen{
		padding-bottom:0;
	}
	#footer{
		position:static;
		margin-top:20px;
		background:none;
		border-top:1px solid #eee;
	}
	#copyright p{
		font-size:10px;
	}
	html body #container #screen .box_contents{
		padding:0 !important;
	}
	.h4_2nd_bg{
		background:none;
		border-left:5px solid #258274;
		line-height:normal;
		margin-bottom:10px;
		height:auto;
	}
	.h4_2nd_bg *{
		line-height:normal;
	}
	#contents2nd p{
		line-height:1.7;
	}
	.image_text_left,
	.image_text_right{
		float:none;
		padding:0;
		width:auto;
	}
	.image_text_left img,
	.image_text_right img{
		margin:10px 0;
	}
	#contents2nd img{
		width:100%;
	}
	.image_text_box{
		float:none;
		width:auto;
	}
	.go_to_top_textbox,
	#teachers_page02_wrap{
		height:auto;
	}
	.go_to_top_textbox img,
	img[alt="↑"],
	img[src="/pagefiles/2/go_to_top_icon.png"]{
		width:auto !important;
	}
	#teachers_page02_wrap{
		display:block;
		text-align:left;
		margin-top:20px;
	}
	.teachers_page02{
		float:none;
		height:auto;
	}
	#h2_bg_2nd,
	#g_box{
		width:100%;
		height:auto;
		background:none;
	}
	#h2_2nd{
		line-height:normal;
		padding-left: 0;
	}
	#h2_bg_2nd{
		padding:7px;
		border:2px solid #258274;
		background:rgba(81, 155, 144, 0.16);
		border-radius:3px;
		margin-bottom:15px;
	}
	#contents_list{
		display:none;
	}
	.edit_box h2{
		color:#258274;
		font-weight:900;
	}
	table.table_style03{
		width:100%;
	}
	table.table_style03 *{
		display:block;
	}
	table.table_style03 th{
		padding:0;
	}
	.h3_2nd{
		padding:0;
	}
}
.table-responsive {
	min-height: .01%;
	overflow-x: auto;
	width:100%;
}


#contents2nd .td-adjust ul,
#contents2nd .td-adjust ul li{
	list-style-type: disc;
}
#contents2nd .td-adjust ul{
	padding-left: 30px;
}
#contents2nd .td-adjust p,
#contents2nd .td-adjust li{
	font-size: 12px;
	line-height: 1.7;
	margin-bottom: 15px;
	color: #404040;
}
#contents2nd .td-adjust ul{
	margin-bottom: 15px;
}
#contents2nd .td-adjust ul li{
	margin-bottom: 5px;
}
#contents2nd .td-adjust input[type="checkbox"]{
	position: relative;
	top: 2px;
}
#contents2nd .td-adjust .mt-adjust{
	margin-top:25px;
}
#contents2nd .td-adjust .well{
	background-color: #f9f9f9;
	padding: 15px;
	border: 1px dotted #ccc;
	min-width: 630px;
	max-width: 630px;
}
/*
#contents2nd .td-adjust .td-adjust{
	padding-right:0 !important;
}
*/
#contents2nd .td-adjust p.mb-none{
	margin-bottom:0;
}

#contents2nd .about-styles p{
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 20px;
}
#contents2nd .about-styles .h4_2nd{
	border-left: 6px solid #258274;
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 1.7;
}
#contents2nd .about-styles .img-float-right{
	float:right;
	margin: 10px 0 20px 20px;
	width: 215px;
}