@charset "utf-8";

/* ロゴ画像 */
#satsui #logo { text-align:center; margin:0 auto 40px auto;}

#satsui .lead { margin: 20px 80px 20px 80px; }

#satsui #signif   { margin:10px 10px 0 10px;}
#satsui #signif p { font-size:1.3em; padding:0 10px;}

#satsui #smu   { margin:30px 10px 10px 10px;}
#satsui #smu p { font-size:1.1em; padding:0 10px;}

#satsui #movie   { margin:35px 10px 0 10px;}
#satsui #movie p { margin:0 0 10px 0; font-size:1.6em; font-weight:bold;}

#satsui #player { margin:0 0 15px 0; width:576px; height:324px;}

#satsui #speech { margin:0 10px 0 10px;}
#satsui #speech #theme { padding:0 10px 0 10px; font-size:1.3em; font-weight:bold;}
#satsui #speech p { padding:0 10px 0 10px; font-size:1.1em;}

#satsui .download { font-size:1.4em; font-weight:bold;}
#satsui .download a {text-decoration:underline;}

#satsui #lecturer              { margin:30px 0 0 0;}
#satsui #lecturer .title       { font-size:1.4em; font-weight:bold;}
#satsui #lecturer .picture     { margin:10px 0 10px 0;}
#satsui #lecturer .picture img { float:left;}
#satsui #lecturer .picture p   { overflow: hidden;}
#satsui #lecturer .pdf p       { margin:0; padding:0; font-size:1em;}
#satsui #lecturer th           { font-size:1.3em; font-weight:bold;}
#satsui #lecturer td           { font-size:1em; font-weight:normal;}

#satsui .distribution { margin:20px 0 0 0;}

#satsui .att { font-size:1.4em; font-weight:bold;}

#satsui #host td { font-size:1.2em; font-weight:bold;}

#satsui #inquiry   { margin:40px 0 0 0;}
#satsui #inquiry p { font-size:1.3em;}

#satsui #article   { margin:20px 10px 0 10px;}
#satsui #article p { padding:10px 0 0 0;}

#satsui .title { font-size:1.8em; font-weight:bold;}

#satsui .course td { padding: 5px 10px 5px 10px; font-size:1.3em; font-weight:bold;}

#satsui .career thead { font-size:1.1em; font-weight:bold;}
#satsui .career td { padding: 5px; font-weight:bold;}

#satsui #main .cf { margin-top:15px;}
#satsui .clear    { clear:both; }
#satsui .clear hr { display:none; }

/* ムービー部分 */
#satsui .main_cinema_movie         { margin-bottom: 20px; /* width: 40%; float: right; margin-top: 20px; position: relative;*/}
#satsui .main_cinema_movie a       { width: 100%; margin: 0; padding: 0; border: none;	transition: all 0.3s;}
#satsui .main_cinema_movie a:hover {	opacity: 0.7;}
#satsui .main_cinema_movie img { width: 100%; /*	position: absolute;*/}

/* ベース */
#satsui #satsui   { /*border:1px solid #ddd;*/}
#satsui #satsui a { color:#b647a8;}

/* 開閉ボタン */
#satsui .toggle_btn h1      { height:14px; background: url("../images/icon_op.png") no-repeat 94% center; font-size:20px; line-height:1.3em; margin:15px 0px 15px 30px; padding:0px 0px 10px 10px; display:block; cursor:pointer; border-left: 6px solid #559d99;}
#satsui .toggle_btn h1 span { vertical-align: middle; font-size:60%; font-weight:normal; color:#666; width:93%}
#satsui .toggle_btn h1 img  { float:left; width:60px; height:60px; margin:-5px 15px 0px 0px;}
#satsui .toggle_btn.on h1   { background:url("../images/icon_cl.png") no-repeat 94% center /*#f4f1ee;*/}
#satsui .toggle_box         { clear:both; padding:4px 40px 20px 40px; /*background:#f4f1ee; border-top:1px solid #e9e4de;*/  }

/* 詳細内容 */
#satsui dl           { position:relative; border:1px solid #ddd; margin:20px 80px 20px 80px;-webkit-border-radius:10px;-moz-border-radius:10px; border-radius:10px; }
#satsui dl dt        { position:absolute; top:30px; left:30px; /*color:#4a352c;*/ }
#satsui dl dt span   { font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:1em; font-weight:bold; margin-left:4px; }
#satsui dl dd ul img { width:20px; height:20px; }

/* 123位スタイル */
#satsui dl#nb_one dt span   { color:#bd9c00; font-size:34px; margin:0px; }
#satsui dl#nb_two dt span   { color:#b6b6b6; font-size:34px; margin:0px; }
#satsui dl#nb_three dt span { color:#944024; font-size:34px; margin:0px; }
#satsui dl#nb_last dt span  { color:#09C; }

/* info */
#satsui #info    { margin:30px; padding:30px; background:#f2ecf5; border:2px solid #c4a7cc; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#satsui #info h1 { font-size:93%; font-weight:normal; color:#986fa3; letter-spacing:0.5em; }
#satsui #info p  { font-size:116%; margin:10px 0px 20px 0px;}

#satsui .sub_title { font-size:1.2em; color:#bd6126;}

#satsui ol { margin-bottom:1em;}
#satsui ol li { margin-left:1.7em; line-height:1.3em; list-style:decimal; margin-bottom:7px;}

#satsui .free { color:#FFF; padding:0px 4px 0px 4px; border: 1px solid #ac505b; border-radius:3px; background-color:#ac505b;}

#satsui .cf { min-height: 1px;}


#satsui .profile         { margin-bottom:30px;}
#satsui .profile .name   { font-size:1.2em; font-weight:bold;}
#satsui .profile .career { font-size:1.2em; line-height:1.4em;}

#satsui .seminar_title    { font-size:1.2em; font-weight:bold;}
#satsui .speaker_status p { line-height:1.2}
#satsui .speech_wrap      { margin-bottom:20px; border-top: 1px solid #999; border-bottom: 1px solid #999;}
#satsui .speech_box       { width:45%; margin-right:5%; float:left; margin-bottom:12px;}
#satsui .speech_part p    { display:inline-block; margin-right:10px; margin-bottom:10px; line-height:1em; border:1px solid #666; border-radius:3px; padding:6px 8px 4px 8px;}
#satsui .speech_title     { border-left:5px solid #ac505b; font-weight:bold; margin-left:4px; margin-bottom:10px;}
#satsui .speech_title h5  { padding-left:10px; padding-top:2px; padding-bottom:2px; font-size:1.2em; line-height:1.35;}

#satsui .instructor_box {}
#satsui .instructor_box img { float:left; margin-right:10px;}

#satsui .speech_wrap2     { margin-bottom: 20px; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 20px 0;}
#satsui .speech_box2      { width:96%; margin-right:5%; float:left; margin-bottom:12px;}
#satsui .speech_part2 p   { display:inline-block; margin-right:10px; margin-bottom:10px; line-height:1em; border:1px solid #666; border-radius:3px; padding:6px 8px 4px 8px;}
#satsui .speech_wrap2 h5  { font-size:1.2em; font-weight:bold; margin-bottom:10px;}

#satsui .instructor_box2 {}
#satsui .instructor_box2 img { float:left; margin-right:20px; max-width:50%;}


#satsui .exec_committee_box {}
#satsui .exec_committee_box p{ line-height:1.5;}

#satsui .pdf_box { margin-top:30px;}
#satsui .pdf_box img{ width:150px;}

/* インタビュー */
#satsui .interview { margin: 30px 0;}
#satsui .interview .interviewer { color:#009933; font-weight:bold;}
#satsui .interview .interviewee { color:#C39; font-weight:bold;}
#satsui .interview .question    { color:#963; font-size:1.1em; margin:20px 0 10px;}
#satsui .interview .answer      { font-size:1.1em;}

/* screens smaller than 680 -----------------------------------------------------------------------------------------*/
@media screen and (max-width: 680px) {

/* スマホ用上書き部分 */
#satsui #logo { text-align:center; margin:0 auto 24px auto;}

#satsui .sub_title { font-size:1.1em; color:#bd6126;}

#satsui .main_cinema_movie         { margin-bottom: 10px; /* width: 40%; float: right; margin-top: 20px; position: relative;*/}

#satsui .profile         { margin-bottom:10px;}
#satsui .profile p.name   { margin: 0; font-size:1.1em; font-weight:bold;}
#satsui .profile p.career { margin: 0 0 1em; font-size:1.1em; line-height:1.2em;}

#satsui .toggle_btn h1     { height:auto; background: url("../images/icon_op.png") no-repeat 94% center; font-size:20px; margin:10px 0px 10px 14px; padding:0px 10% 0px 10px; font-size:1.1em; background-position:97% center; -moz-background-size:12px 12px; background-size:12px 12px; cursor:pointer; border-left: 4px solid #ac505b; }
#satsui .toggle_btn h1 img { width:40px; height:14px; margin:8px 15px 0px 0px; }
#satsui .toggle_btn.on h1  { background-position:97% center; -moz-background-size:12px 12px; background-size:12px 12px;}
#satsui .toggle_box        { clear:both; padding:4px 1em 20px 1em; /*background:#f4f1ee; border-top:1px solid #e9e4de;*/  }
#satsui dl                 { position:relative; border:1px solid #ddd; margin:10px 2px 10px 2px;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px; }
#satsui dl dt              { left:20px; }
#satsui #info              { margin:15px; padding:15px; }

#satsui .interview { margin: 20px 0;}

}

@media screen and (max-width: 480px) {

}