@charset "shift_jis"; /* ■　アイコン系　■ */ /* □アイコン付加用リストマーク消去クラス */ #cont ul.clear_ulmark, #cont ul.clear_ulmark li{margin-left:0;padding-left:0;list-style:none; background:none; } /* ■■全体設定■■ */ .cop_category #leftside{padding-bottom:0px;} #cont h2 img.edu_icon_new{display:inline-block;vertical-align:top;margin:0;padding:0.35em 0 0 7px; font-size:13px; line-height:1;} *+html #cont h2 img.edu_icon_new{ padding:0.3em 0 0.5em 7px; vertical-align:middle;} * html #cont h2 img.edu_icon_new{ padding:0.4em 0 0.5em 7px; vertical-align:middle;} #cont ul li img.edu_icon_new{display:inline-block; vertical-align:top; margin:0;padding:0.35em 0 0 0; } *+html #cont ul li img.edu_icon_new{ padding:0.4em 0 0.5em 0; vertical-align:middle;} * html #cont ul li img.edu_icon_new{ padding:0.5em 0 0.5em 0; vertical-align:middle;} #cont h3{ padding:4px 4px 4px 16px; border:none; border:1px solid #CCCCCC; background:url(/products/education/common_n/img/edu_h3_bg.gif) no-repeat left center; } .cop_category #cont h4{ border-bottom:none; padding:0; } /* □区切り線□ */ #cont hr.edu_separator-line{ display: block; margin:1.5em 0 0 0; border:0px; border-bottom:solid 1px #747474;} /* ■エレメント設定■ */ /* ■ table_nomal設定 */ #cont .table_normal th.t_head { text-align:center; font-weight:bold; background:#D9D9D9; } #cont table.table_normal th { vertical-align:middle; } #cont .table_normal td ul { margin-top:0; } #cont .table_normal td ol { margin-top:0; } /* □均等割り付け□ */ /* 172pxの画像を均等に　「class="element_3columnbox"」 */ #cont .h2section .element_3columnbox{ margin-right:-10px;} #cont .h2section .element_3columnbox:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .h2section .element_3columnbox { min-height:1px;} * html #cont .h2section .element_3columnbox {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ position:relative;} #cont .h2section .element_3columnbox .box{ float:left; width:172px; padding-right:10px;} @media print{ * html #cont .h2section .element_3columnbox .box{padding-right:9px;} *+html #cont .h2section .element_3columnbox .box{padding-right:9px;} } /* 125pxの画像を均等に　「class="element_4columnbox"」 */ #cont .element_4columnbox { margin-right:-15px;} #cont .element_4columnbox:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .element_4columnbox { min-height:1px;} * html #cont .element_4columnbox {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ position:relative;} #cont .element_4columnbox .box{ float:left; width:125px; padding-right:15px;} /* h2section内 */ #cont .h2section .element_4columnbox { margin-right:-12px;} #cont .h2section .element_4columnbox .box{ float:left; width:125px; padding-right:12px;} @media print{ * html .h2section .element_4columnbox .box{padding-right:11px;} *+html .h2section .element_4columnbox .box{padding-right:11px;} } /* 267pxの画像を均等に　「class="element_2columnbox"」 */ #cont .element_2columnbox{ margin-right:-12px;} #cont .element_2columnbox:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .element_2columnbox { min-height:1px;} * html #cont .element_2columnbox {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ position:relative;} #cont .element_2columnbox .box{ float:left; width:267px; padding-right:12px;} /* h2section内 */ #cont .h2section .element_2columnbox{ margin-right:-30px;} #cont .h2section .element_2columnbox .box{ float:left; width:253px; padding-right:30px;} @media print{ * html #cont .h2section .element_2columnbox .box{padding-right:29px;} *+html #cont .h2section .element_2columnbox .box{padding-right:29px;} } /* ■　画像配置系　■ */ /* □左右に画像を配置するクラス群。 ・テキストの方のdivに「class="text"」 ・画像がある方のdivに「class="pic"」 ・囲む親divに、下記のクラスを。 */ /* 右に130pxの画像用　「class="element_img130_right"」 */ #cont .element_img130_right{} #cont .element_img130_right:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .element_img130_right { min-height:1px;} * html #cont .element_img130_right {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .element_img130_right .text{ float:left; width:403px;} #cont .h2section .element_img130_right .text{ width:393px;} #cont .element_img130_right .pic{ float:right; width:130px;} /* 左に130pxの画像用　「class="element_img130_left"」 */ #cont .element_img130_left{} #cont .element_img130_left:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .element_img130_left { min-height:1px;} * html #cont .element_img130_left {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .element_img130_left .text{ float:right; width:403px;} #cont .h2section .element_img130_left .text{ width:393px;} #cont .element_img130_left .pic{ float:left; width:130px;} /* 左に152pxの画像用　「class="element_img152_left"」 */ #cont .edu_course_detail .detailbox .element_img152_left{ width:504px;} #cont .edu_course_detail .detailbox .element_img152_left:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_course_detail .detailbox .element_img152_left { min-height:1px;} * html #cont .edu_course_detail .detailbox .element_img152_left {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_course_detail .detailbox .element_img152_left .text{ float:right; width:330px;} #cont .edu_course_detail .detailbox .element_img152_left .pic{ float:left; width:152px;} /* 右に152pxの画像用　「class="element_img152_left"」 */ #cont .edu_course_detail .detailbox .element_img152_right{ width:504px;} #cont .edu_course_detail .detailbox .element_img152_right:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_course_detail .detailbox .element_img152_right { min-height:1px;} * html #cont .edu_course_detail .detailbox .element_img152_right {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_course_detail .detailbox .element_img152_right .text{ float:left; width:330px;} #cont .edu_course_detail .detailbox .element_img152_right .pic{ float:right; width:152px;} /* ■ (IT関連コース)エレメント */ /* コースラインナップエリア */ #cont .edu_lineup_list { width:546px; margin:1em 0 0 0; padding:0; text-align:center; border-top:1px dashed #cccccc; border-bottom:1px dashed #cccccc;} #cont .edu_lineup_list ul:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_lineup_list ul { min-height:1px;} * html #cont .edu_lineup_list ul {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_lineup_list ul { width:525px; margin:10px 0; padding:0; display:inline-block; } * html #cont .edu_lineup_list ul { display:inline; height:1%; } *+html #cont .edu_lineup_list ul { display:inline; height:1%; } #cont .edu_lineup_list ul li {width:165px; margin:0; padding:0 5px; float:left; list-style:none; } /* コース詳細エリア */ #cont .edu_course_detail{margin-top:1.2em;} /* タブ(6つ) */ #cont .edu_course_detail .tab:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_course_detail .tab { min-height:1px;} * html #cont .edu_course_detail .tab {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_course_detail .tab{ margin:0; padding:0; height:39px; background: url(/products/education/common_n/img/edu_course_tab_bg.gif) repeat-x left bottom; } #cont .edu_course_detail .tab li{ margin:0; padding:0 5px 0 0;list-style:none; float:left; width:86px; border:none;} /* タブ(7つ) */ #cont .edu_course_detail .tab7:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_course_detail .tab7 { min-height:1px;} * html #cont .edu_course_detail .tab7 {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_course_detail .tab7{ margin:0; padding:0; height:39px; background: url(/products/education/common_n/img/edu_course_tab_bg.gif) repeat-x left bottom; } #cont .edu_course_detail .tab7 li{ margin:0; padding:0;list-style:none; float:left; width:78px; border:none;} #cont .edu_course_detail .detailbox { padding:1px 15px 15px 15px; border-left:1px solid #ff9900; border-right:1px solid #ff9900; border-bottom:1px solid #ff9900;} @media print{ *+html #cont .edu_course_detail .detailbox { position:relative; height:1%;} * html #cont .edu_course_detail .detailbox { position:relative; height:1%;} } #cont .edu_course_detail .detailbox p.detailbox_title { border:none; background:none; padding:0 0 0 8px; border-left:4px solid #000000; line-height:1.5em; font-weight:bold; } #cont .edu_course_detail .detailbox p.detailbox_title img { vertical-align:text-top; } #cont .edu_course_detail .detailbox p.detailbox_subtitle { border-bottom:1px solid #d1d1d1; border-top:1px solid #fdfdfd; background-color:#fafafa; padding:2px 0 0 8px; line-height:1.5em; font-weight:bold; } #cont .edu_course_detail .detailbox table th , #cont .edu_course_detail .detailbox table td { vertical-align:middle; } #cont .edu_course_detail .detailbox table td.cource_icon { padding:0;} #cont .edu_course_detail .detailbox table td a.sample_link{color:#333333;text-decoration:none;} #cont .edu_course_detail .detailbox table td img { display:inline-block; margin:0 5px; } * html #cont .edu_course_detail .detailbox table td img { display:inline; } *+html #cont .edu_course_detail .detailbox table td img { display:inline; } /* 152pxの画像を均等に　「class="element_img152"」 */ #cont .edu_course_detail .detailbox .element_img152{ width:528px; margin:0.5em -24px 0 0; padding:0;} #cont .edu_course_detail .detailbox .element_img152:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_course_detail .detailbox .element_img152 { min-height:1px;} * html #cont .edu_course_detail .detailbox .element_img152 {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_course_detail .detailbox .element_img152 .pic{width:152px; margin:0 24px 0 0; padding:0; float:left;display: inline; } /* 右に100pxの画像用　「class="element_img100_right"」 */ #cont .edu_course_detail .detailbox .element_img100_right{ width:504px;} #cont .edu_course_detail .detailbox .element_img100_right:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_course_detail .detailbox .element_img100_right { min-height:1px;} * html #cont .edu_course_detail .detailbox .element_img100_right {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_course_detail .detailbox .element_img100_right .text{ float:left; width:394px;} #cont .edu_course_detail .detailbox .element_img100_right .pic{ float:right; width:100px;} /* 左に100pxの画像用　「class="element_img100_left"」 */ #cont .edu_course_detail .detailbox .element_img100_left{ width:504px;} #cont .edu_course_detail .detailbox .element_img100_left:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_course_detail .detailbox .element_img100_left { min-height:1px;} * html #cont .edu_course_detail .detailbox .element_img100_left {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_course_detail .detailbox .element_img100_left .text{ float:right; width:394px;} #cont .edu_course_detail .detailbox .element_img100_left .pic{ float:left; width:100px;} /* 241pxのボックスを均等に　「class="element_box241"」 */ #cont .edu_course_detail .detailbox .element_box241{ width:526px; margin-right:-22px; } #cont .edu_course_detail .detailbox .element_box241:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_course_detail .detailbox .element_box241 { min-height:1px;} * html #cont .edu_course_detail .detailbox .element_box241 {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_course_detail .detailbox .element_box241 .box{ float:left; width:241px; margin-right:22px; display: inline;} @media print{ * html #cont .edu_course_detail .detailbox .element_box241 .box{width:240px; margin-right:21px;} *+html #cont .edu_course_detail .detailbox .element_box241 .box{width:240px;} } /* 動画で見るコース内容 */ #cont .edu_course_detail .detailbox .detail_movie_box { width:514px;} #cont .edu_course_detail .detailbox .detail_movie_box .logo { width:241px; display:inline-block; } #cont .edu_course_detail .detailbox .detail_movie_box .movie { width:263px; padding-left:8px; display:inline-block; } #cont .edu_course_detail .detailbox .detail_movie_box .movie p.a_right { padding-right:8px; } * html #cont .edu_course_detail .detailbox .detail_movie_box .logo {display:inline;} *+html #cont .edu_course_detail .detailbox .detail_movie_box .logo {display:inline;} * html #cont .edu_course_detail .detailbox .detail_movie_box .movie {display:inline;} *+html #cont .edu_course_detail .detailbox .detail_movie_box .movie {display:inline;} /* logo & 動画で見るコース内容 */ #cont .edu_course_detail .detailbox .detail_logo_box { width:514px;} #cont .edu_course_detail .detailbox .detail_logo_box .logo { width:241px; display:inline-block; vertical-align:bottom; } #cont .edu_course_detail .detailbox .detail_logo_box .movie { width:263px; padding-left:8px; display:inline-block; vertical-align:bottom; } #cont .edu_course_detail .detailbox .detail_logo_box .movie p.a_right { padding-right:8px; } * html #cont .edu_course_detail .detailbox .detail_logo_box .logo {display:inline;} *+html #cont .edu_course_detail .detailbox .detail_logo_box .logo {display:inline;} * html #cont .edu_course_detail .detailbox .detail_logo_box .movie {display:inline;} *+html #cont .edu_course_detail .detailbox .detail_logo_box .movie {display:inline;} /* ボタン横並び */ #cont .edu_course_detail .detailbox .course_btn_list { width:516px; } #cont .edu_course_detail .detailbox .course_btn_list ul { width:528px; margin:0.5em -12px 0 0; padding:0; } #cont .edu_course_detail .detailbox .course_btn_list ul li { width:120px; margin:0.5em 12px 0 0; padding:0; float:left; display:inline; list-style-type:none; } /* logo & 動画で見るコース内容（枠外用） */ #cont .edu_course_detail_outbox .detail_logo_box { width:546px;} #cont .edu_course_detail_outbox .detail_logo_box:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_course_detail_outbox .detail_logo_box { min-height:1px;} * html #cont .edu_course_detail_outbox .detail_logo_box {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_course_detail_outbox .detail_logo_box .logo { width:241px; float:left; } #cont .edu_course_detail_outbox .detail_logo_box .movie { width:287px; float:right; } /* お問い合わせ・資料請求エリア */ #cont .edu_contact { margin:0; padding:0;} #cont .edu_contact dl { margin:0; padding:0; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; } #cont .edu_contact dl dt{ padding:10px 10px 0 10px; margin:0; display:block; font-weight:bold;} #cont .edu_contact dl dd { padding:0 10px 5px 10px; margin:0; border-bottom:1px solid #CCCCCC; } #cont .edu_contact dl dd p { margin:5px 0 0 0; padding:0; } #cont .edu_contact dl dd ul:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_contact dl dd ul { min-height:1px;} * html #cont .edu_contact dl dd ul {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_contact dl dd ul { width:430px; margin:8px 0; padding:0; display:inline-block; vertical-align:top; } * html #cont .edu_contact dl dd ul { display:inline; height:1%; width:440px; } *+html #cont .edu_contact dl dd ul { display:inline; height:1%; } @media print{ * html #cont .edu_contact dl dd ul{ width:445px;} *+html #cont .edu_contact dl dd ul{ width:445px;} } #cont .edu_contact dl dd ul li { width:195px; margin:0 10px; padding:0; float:left; list-style:none; } /* お問い合わせエリア */ #cont .edu_inquiry_outer { margin:1em 0 0 0; background: url(/products/education/common_n/img/edu_inquiry_bg_outer.gif) no-repeat left bottom; } #cont .edu_inquiry_outer dl.edu_inquiry { margin:0; padding:5px 15px 10px 15px; background: url(/products/education/common_n/img/edu_inquiry_bg.gif) no-repeat left top; } * html #cont .edu_inquiry_outer dl.edu_inquiry { padding-bottom:15px;} *+html #cont .edu_inquiry_outer dl.edu_inquiry{ padding-bottom:15px;} @media print{ * html #cont .edu_inquiry_outer{ position:relative; height:1%; } * html #cont .edu_inquiry_outer dl.edu_inquiry{ position:relative; height:1%; } } #cont .edu_inquiry_outer dl.edu_inquiry dt { font-weight:bold; } #cont .edu_inquiry_outer dl.edu_inquiry dd { margin:0; padding:0; text-align:right; } #cont .edu_inquiry_outer dl.edu_inquiry dd p { padding:0; margin:5px 0 0 0; } #cont .edu_inquiry_outer dl.edu_inquiry dd p.inquiry_text { text-align:left; } #cont .edu_inquiry_outer dl.edu_inquiry dd p.inquiry_btn { display:inline-block; margin-left:15px; } * html #cont .edu_inquiry_outer dl.edu_inquiry dd p.inquiry_btn { display:inline; height:1%; } *+html #cont .edu_inquiry_outer dl.edu_inquiry dd p.inquiry_btn { display:inline; height:1%; } /* お問い合わせエリア h2配下 */ #cont .h2section .edu_inquiry_outer {background: url(/products/education/common_n/img/edu_inquiry_h2_bg_outer.gif) no-repeat left bottom;} #cont .h2section .edu_inquiry_outer dl.edu_inquiry {background: url(/products/education/common_n/img/edu_inquiry_h2_bg.gif) no-repeat left top;} /* お申し込みエリア */ #cont .edu_application_outer { margin:1em 0 0 0; padding-bottom:20px; background: url(/products/education/common_n/img/edu_inquiry_bg_outer.gif) no-repeat left bottom;} * html #cont .edu_application_outer { height:1%; } *+html #cont .edu_application_outer { height:1%; } #cont .edu_application_outer .edu_application { padding:10px 15px 0 15px; position:relative; background: url(/products/education/common_n/img/edu_inquiry_bg.gif) no-repeat left top; } * html #cont .edu_application_outer .edu_application { padding-top:20px; height:1%; } *+html #cont .edu_application_outer .edu_application { padding-top:20px; height:1%; } #cont .edu_application_outer .edu_application p { padding:0 200px 0 0; } #cont .edu_application_outer .text-instructions { padding:0 15px;} #cont .edu_application_outer .edu_application input.apprication_btn { position:absolute; top:50%; right:25px; margin-top:-13px; } /* キーワード検索エリア(edu_search) */ #cont .edu_search{ padding:0; background:url(/products/education/common_n/img/edu_search_bg.gif) no-repeat left bottom;} @media print{ * html #cont .edu_search{ height:1%; position:relative; } } #cont .edu_search p { margin:0; padding:10px 10px 0 10px; } /* 検索ボックス */ #cont .edu_search form .outer_search_box{ width:526px; margin:8px 0 0 0; padding:0 10px; } #cont .edu_search form .outer_search_box:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_search form .outer_search_box { min-height:1px;} * html #cont .edu_search form .outer_search_box {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_search .title{ width:80px; padding:0 0 0 30px; margin:0; float:left; font-size:16px; line-height:36px; color:#676767; background:url(/products/education/common_n/img/edu_search_icon.gif) no-repeat left top;} #cont .edu_search form .search_box{ width:416px;float:right; padding:0; margin:0; background:url(/products/education/common_n/img/edu_search_input_bg.gif) no-repeat left top; } #cont .edu_search form .search_box .search_input { padding:0; margin:0; display:inline-block; border:0px solid #ffffff; width:219px; margin:6px; padding:1px; height:17px; font-size:16px; vertical-align:middle; } * html #cont .edu_search form .search_box .search_input { display:inline; } *+html #cont .edu_search form .search_box .search_input { display:inline; } #cont .edu_search form .search_box .search_btn{ display:inline-block; vertical-align:middle; } * html #cont .edu_search form .search_box .search_btn { display:inline; margin-top:-1px; } *+html #cont .edu_search form .search_box .search_btn { display:inline; margin-top:-1px; } /* リンク */ #cont .edu_search ul { width:526px; margin:5px 0 0 0; padding:0 10px 15px 10px; background:url(/products/education/common_n/img/edu_search_bg.gif) no-repeat left bottom; } #cont .edu_search ul:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_search ul { min-height:1px;} * html #cont .edu_search ul {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_search ul li { list-style:none; display:block; margin-right:10px; padding:0; float:left; white-space:nowrap; } #cont .edu_search ul li a { padding-left:12px; display:inline-block; background:url(/common/img/parts/icon/icon_arrow_r.gif) no-repeat 2px 7px;} /* 教育コースエリア（edu_education_course） */ #cont .edu_education_course{} #cont .h2section div.edu_education_course ul{ margin-right:-10px; padding:0; width:546px;} #cont .h2section div.edu_education_course ul:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .h2section div.edu_education_course ul { min-height:1px;} * html #cont .h2section div.edu_education_course ul{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ position:relative;} #cont .h2section div.edu_education_course ul li { margin:0; padding:0; float:left; width:172px; margin:0 10px 0 0; list-style:none; } #cont .h2section div.edu_education_course ul li a { padding:0; margin:0; background:none; } @media print{ * html #cont .h2section div.edu_education_course ul li { margin-right:9px;} *+html #cont .h2section div.edu_education_course ul li { margin-right:9px;} } /* ●７● */ #cont #edu_outer_index_list{width:563px;overflow:hidden;} #cont #edu_index_list{margin-right:-10px;} #cont #edu_index_list:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont #edu_index_list { min-height:1px;} * html #cont #edu_index_list{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont #edu_index_list .box{ width:263px; float:left; margin-right:10px;} #cont #edu_index_list .box .h3_detail_link{ margin:-2em 10px 0 0; padding:0 0 0 0; text-align:right; line-height:1.7em;} #cont #edu_index_list .box .h3_detail_link a{ display:inline-block; padding:0 0 0 15px; background:url(/common/img/parts/icon/icon_arrow_r_box.gif) no-repeat left 0.4em;} /* 第1階層 */ #cont #edu_index_list .box ul{ margin:0.5em 0 0 0; padding:0 0 0 0;} #cont #edu_index_list .box ul li{ margin:0 0 0 0; padding:0.1em 0 0 0; list-style:none; font-weight:bold; line-height:1.5em;} #cont #edu_index_list .box ul li a{ display:inline-block; padding:0 0 0 17px; background:url(/common/img/parts/icon/icon_arrow_r_box.gif) no-repeat left 6px;} /* 第2階層 */ #cont #edu_index_list .box ul li ul{ width:263px; margin:0 0 0 0;padding:3px 0 7px 0;} #cont #edu_index_list .box ul li ul:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont #edu_index_list .box ul li ul { min-height:1px;} * html #cont #edu_index_list .box ul li ul {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont #edu_index_list .box ul li ul li{ margin:0 0 0 0; padding:0 0 0 10px; display:inline-block; line-height:1.3em; font-weight:normal;} * html #cont #edu_index_list .box ul li ul li{display:inline; height:1%;} *+html #cont #edu_index_list .box ul li ul li{display:inline; height:1%;} #cont #edu_index_list .box ul li ul li a{ padding:0 0 0 11px; line-height:1.5em; background:url(/common/img/parts/icon/icon_arrow_r.gif) no-repeat 2px 7px;} /* ●８● */ #cont .edu_course_categorylist{} #cont .edu_course_categorylist ul{margin:0.7em 0 0 0; padding:0 0 0 0;} #cont .edu_course_categorylist li{ margin:0 0 0 0; padding:0.3em 0 0 0; list-style:none; font-weight:bold;} #cont .edu_course_categorylist li:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_course_categorylist li { min-height:1px;} * html #cont .edu_course_categorylist li {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_course_categorylist li a{ display:inline-block; padding:0 0 0 17px; background:url(/common/img/parts/icon/icon_arrow_r_box.gif) no-repeat left 6px;} #cont .edu_course_categorylist li span.description{ display:inline-block; padding:0 0 0 17px; line-height:1.3em;font-weight:normal;} /* バナー１７ */ #cont .edu_opencourse_area{ margin-top:1em; } #cont .edu_opencourse_area:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_opencourse_area { min-height:1px;} * html #cont .edu_opencourse_area { height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } @media print{ * html #cont .edu_opencourse_area{overflow:hidden;} } #cont .edu_opencourse_area ul{margin:0; padding:0;} #cont .edu_opencourse_area ul li{margin:0; padding:0; list-style:none;} /* マップ */ #cont .edu_opencourse_area .edu_opencourse_map{width:288px; height:235px; float:left; position:relative;} #cont .edu_opencourse_area .edu_opencourse_map p{margin:0;padding:0 0 0 55px;} #cont .edu_opencourse_area .edu_opencourse_map ul{ position:absolute; left:0; top:0;} #cont .edu_opencourse_area .edu_opencourse_map ul li.point_sapporo{position: absolute;top:20px;left:155px;} #cont .edu_opencourse_area .edu_opencourse_map ul li.point_sendai{position: absolute;top:108px;left:221px;} #cont .edu_opencourse_area .edu_opencourse_map ul li.point_shutoken{position: absolute;top:154px;left:213px;} #cont .edu_opencourse_area .edu_opencourse_map ul li.point_nagoya{position: absolute;top:190px;left:158px;} #cont .edu_opencourse_area .edu_opencourse_map ul li.point_hanshin{position: absolute;top:130px;left:86px;} #cont .edu_opencourse_area .edu_opencourse_map ul li.point_hiroshima{position: absolute;top:150px;left:30px;} #cont .edu_opencourse_area .edu_opencourse_map ul li.point_fukuoka{position: absolute;top:183px;left:0;} #cont .edu_opencourse_area .edu_opencourse_map ul li a{ display:inline-block; padding:0 0 0 15px; background: url(/common/img/parts/icon/icon_arrow_r_box.gif) no-repeat 0 5px; white-space:nowrap;} /* リスト */ #cont .edu_opencourse_area .edu_opencourse_list{width:232px; float:right; position:relative;} #cont .edu_opencourse_area .edu_opencourse_list ul{} #cont .edu_opencourse_area .edu_opencourse_list ul li{padding:0.1em 0 0 0;line-height:1.5em;} #cont .edu_opencourse_area .edu_opencourse_list ul li a{ display:inline-block; padding:0px 3px 0 12px; background: url(/common/img/parts/icon/icon_arrow_r.gif) no-repeat 2px 8px;} #cont .edu_opencourse_area .edu_opencourse_list ul li p{margin:0;padding:0 0 0 12px;} /* バナー１８ */ #cont .edu_corporate_training_program{ width:536px; overflow:hidden;} * html #cont .edu_corporate_training_program{ position:relative;} #cont .edu_corporate_training_program ol{margin:1em -35px 0 0; padding:0;} #cont .edu_corporate_training_program ol:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_corporate_training_program ol { min-height:1px;} * html #cont .edu_corporate_training_program ol{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ position:relative;} #cont .edu_corporate_training_program ol li{ float:left; width:36px; margin:0; padding:0 35px 0 0; list-style:none; background:url(/products/education/common_n/img/edu_corporate_training_program_bg.gif) no-repeat 46px center;} /* バナー１９ */ #cont .edu_service_human_dev{margin:1em 0 0 0; width:536px; overflow:hidden; position:relative;} #cont .edu_service_human_dev ul{ width:536px;margin:-15px 0 0 ;padding:0 0 7px 0; background:url(/products/education/common_n/img/edu_service_human_dev_bg.gif) no-repeat left bottom;} #cont .edu_service_human_dev ul li{ margin:0 0 0 ;padding:35px 10px 10px 5px; width:521px;list-style:none; background:url(/products/education/common_n/img/edu_service_human_dev_bg_outer.gif) no-repeat left top;} #cont .edu_service_human_dev ul li:after {content:"."; display:block; clear:both; height:0px; visibility:hidden;} #cont .edu_service_human_dev ul li{ min-height:1px;} * html #cont .edu_service_human_dev ul li {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ } #cont .edu_service_human_dev ul li em{display:inline-block; vertical-align:middle; width:176px; float:left;} #cont .edu_service_human_dev ul li .text{ display:inline-block; vertical-align:middle; width:320px; float:left; padding-left:12px;} #cont .edu_service_human_dev ul li .text p{margin:0; padding:0 0 0 0;line-height:1.5em;} /* ■□■右サイド設定■□■ */ #cont #rightside{ width:158px; float:right;} #cont #rightside *{margin:0; padding:0;} /* ■1つ前のページに戻る */ #cont #rightside .historyback { margin:0 0 0.7em 0; } /* ■初めての方へ */ #cont #rightside #beginners_area { padding:4px 4px 8px 4px; border:1px solid #bfbfbf; } #cont #rightside #beginners_area .supplement { margin-top:0.5em; padding-left:10px; line-height:1.2em; } #cont #rightside #beginners_area dl dt { margin-top:8px; padding:5px 7px 3px 7px; background:#d3d3d3; font-weight:bold; } #cont #rightside #beginners_area a { display:block; margin:4px 0 0 0; padding:0 3px 0 11px; background: url(/common/img/parts/icon/icon_arrow_r.gif) no-repeat 3px 5px; line-height:1.3em; } /* ↓削除予定 2014/01/10 */ #cont #rightside #beginner_area{ padding:10px 1px 0 0;} #cont #rightside #beginner_area dl{ margin:0 0 8px 0; padding:4px 4px 6px 4px; border:1px solid #bfbfbf;} #cont #rightside #beginner_area dt{ margin:0; font-weight:bold;} #cont #rightside #beginner_area dt.gray{ padding: 5px 7px 3px 7px; background:#d3d3d3;} #cont #rightside #beginner_area dd{ margin:2px 0 0 0; padding:0 5px 0 0; line-height:1.3em;} #cont #rightside #beginner_area dd p.supplement{line-height: 1.2em; padding:5px 0 10px 10px;} #cont #rightside #beginner_area a{ display:block; margin:4px 0 0 0; padding:0 3px 0 11px; background: url(/common/img/parts/icon/icon_arrow_r.gif) no-repeat 3px 5px; line-height:1.3em;} /* ■セクション */ #cont #rightside .rightside_section{margin:1.8em 0 0 0;} /* セクションタイトル */ #cont #rightside .rightside_section p.title{ padding:2px 0 2px 6px; border-left: 3px solid #666666; border-bottom: 1px solid #666666; line-height: 130%;font-weight: bold;} /* セクション - お問い合わせ・資料請求 */ #cont #rightside .rightside_section dl.contact{} #cont #rightside .rightside_section dl.contact dt{ margin:0.7em 0 0 0; padding:4px 6px 2px 8px; background:#def3a6; line-height: 1.3em;} #cont #rightside .rightside_section dl.contact dd{ margin:0; padding: 4px 0 5px 7px; background: url(/products/education/common_n/img/rightside_section_border.gif) repeat-x 0 bottom;} #cont #rightside .rightside_section dl.contact dd p{line-height:1.2em;} #cont #rightside .rightside_section dl.contact dd p.tel{ font-weight:bold; padding-bottom:5px;} #cont #rightside .rightside_section dl.contact dd p.tel img{display:inline-block; margin-right:4px; vertical-align:0%;} #cont #rightside .rightside_section dl.contact dd a{ display: inline-block; padding:0px 2px 0 12px; background: url(/common/img/parts/icon/icon_arrow_r.gif) no-repeat 2px 5px; line-height: 1.3em;} #cont #rightside .rightside_section dl.contact dd a.blank{ background: url(/common/img/parts/icon/icon_blank.gif) no-repeat 0 5px;} /* セクション - 受講したいコースが見つかったら */ #cont #rightside .rightside_section p.course{ margin:0.7em 0 0 0; padding: 0 0 9px 0; background: url(/products/education/common_n/img/rightside_section_border.gif) repeat-x 0 bottom;} #cont #rightside .rightside_section p.course a{ display: inline-block; padding:0px 2px 0 12px; background: url(/common/img/parts/icon/icon_arrow_r.gif) no-repeat 2px 5px; line-height: 1.3em;} #cont #rightside .rightside_section p.course a.blank{ background: url(/common/img/parts/icon/icon_blank.gif) no-repeat 0 5px;} /* セクション - 大塚商会が提供するその他のサービス */ #cont #rightside .rightside_section .service{} #cont #rightside .rightside_section .service p{margin:0.5em 0 0 0;} #cont #rightside .rightside_section .service ul{ padding: 5px 0 9px 0; background: url(/products/education/common_n/img/rightside_section_border.gif) repeat-x 0 bottom;} #cont #rightside .rightside_section .service ul li{padding:0.2em 0 0 0; list-style:none;} #cont #rightside .rightside_section .service ul li a{ display: inline-block; padding:0px 2px 0 12px; background: url(/common/img/parts/icon/icon_arrow_r.gif) no-repeat 2px 7px; line-height: 1.3em;} #cont #rightside .rightside_section .service ul li a.blank{ background: url(/common/img/parts/icon/icon_blank.gif) no-repeat 0 5px;} /* ■バナーエリア */ #cont #rightside .edu_rigthside_bnr{margin:0;padding:18px 0 0 0;} #cont #rightside .edu_rigthside_bnr ul{margin:0; padding:0;} #cont #rightside .edu_rigthside_bnr li{margin-top:8px;list-style:none;} /* ■common.css */ /* imgのmiddle設定 */ #cont img.nw { display:inline-block; margin-right: 3px; margin-bottom: 3px; }