/****************************************/
/************ index elements ************/
/****************************************/

#subcontents {
clear:both;
margin:0px 10px 20px;
}
#subcontents2 {
clear:both;
margin:0px 30px 20px;
}
#subcontents3 {
clear:both;
width:621px;
margin:0px auto 20px;
}
.imgleft {
margin-right:12px;
margin-bottom:10px;
float:left;
}
.imgright {
margin-left:12px;
margin-bottom:10px;
float:right;
}
.mainleft {
float:left;
}
.mainright {
float:right;
}
.clr {
clear:both;
}

/* 高校生の先生方へ
---------------------------------------- */

.history-box {
padding:0 10px;
width:550px;
float:left;
}

.history-box dl {
padding-left:0px;
}
.history-box dt {
float:left;
width:10em;
line-height:1.6em;
clear: both;
text-indent: 0.5em;
padding:5px 0 5px 0;
}
.history-box dd {
line-height:1.6em;
padding: 5px 10px 5px 10em;
border-bottom:solid 1px #CCC;
}

.history-koukun {
width:150px;
float:right;
position:relative;
}

.history-koukun p {
position:absolute;
top:232px;
left:10px;
font-size:0.9em;
line-height:1.4em;
color:#fff;
width:135px;
}

.txtbox {
padding:0 10px;
}

#in_banner {
width:625px;
margin:30px auto 0 auto;
padding:10px 0 20px 0;
}
#in_banner .rightbox a{
float:right;
width:298px;
height:90px;
text-indent:-9999px;
display:inline;
margin: 0 8px 10px 0;
}
#in_banner .leftbox a{
float:left;
width:298px;
height:90px;
text-indent:-9999px;
display:inline;
margin: 0 0 10px 8px;
}
#ba1 a{background:url(../teachers/images/seminar.gif) no-repeat;}
#ba2 a{background:url(../teachers/images/helping.gif) no-repeat;}
#ba3 a{background:url(../teachers/images/manners.gif) no-repeat;}
#ba4 a{background:url(../opencampus/images/about.gif) no-repeat;}


/*#tea_title {
background:url(../teachers/images/teachers/title.png) no-repeat;
width:644px;
height:161px;
margin:0 auto 15px;;
text-indent:-9999px;
}
#tea {
width:644px;
margin:0 auto;
}
.round_content {
padding:0 !important;
background:url(../teachers/images/bg.gif) repeat-y;
border-bottom:#dddddd 1px solid;
width:644px;
margin:0 auto 20px;
}
.round_top {
height:0 !important;
}
#tea-fram {
width:620px;
margin:0 auto;
}
#tea-left {
width:155px;
float:left;
margin-bottom: 50px;
}
#tea-right {
border-left: 1px solid #adb4b8;
padding-left:5px;
float:right;
width: 456px;
}*/

/* 左
---------------------------------------- */
/*.round_br_box {
width:150px;
text-align:center;
margin-bottom: 60px;
}
.round_br_box p {
font-size:90%;
color:#FFFFFF;
text-align:justify;
margin-top: 5px;
}
#tea-leftimg img {
margin:0 0 30px 5px;
}
*/
/* 右
---------------------------------------- */
/*#tea-right p {
font-size:100%;
text-align:justify;
}
#history h3{
background:url(../teachers/images/teachers/history.gif) no-repeat;
width:456px;
height:28px;
text-indent:-9999px;
margin:40px 0 10px 0;
}
#history dt {
float:left;
width:10em;
line-height:1.8;
clear: both;
padding-bottom: 1px;
text-indent: 0.5em;
}
#history dd {
padding-left:10em;
border-bottom: 1px dotted #adb4b8;
line-height:1.8;
margin:3px 0;
}


#in_banner {
width:625px;
margin:30px auto 0 auto;
padding:10px 0 5px 0;
border-top:1px dotted #adb4b8;
}
#in_banner .rightbox a{
float:right;
width:298px;
height:90px;
text-indent:-9999px;
display:inline;
margin: 0 8px 10px 0;
}
#in_banner .leftbox a{
float:left;
width:298px;
height:90px;
text-indent:-9999px;
display:inline;
margin: 0 0 10px 8px;
}
#ba1 a{background:url(../teachers/images/seminar.gif) no-repeat;}
#ba2 a{background:url(../teachers/images/helping.gif) no-repeat;}
#ba3 a{background:url(../teachers/images/manners.gif) no-repeat;}
#ba4 a{background:url(../opencampus/images/about.gif) no-repeat;}*/


/*  麻生塾でできるお手伝い
---------------------------------------- */
#round_w_content{
width:644px;
margin:0 auto 20px;
}

#ass_title {
background:url(../teachers/images/assistance/title.png) no-repeat;
width:642px;
height:160px;
margin:0 auto 15px;
text-indent:-9999px;
}
#ass {
width:626px;
margin:0 auto;
}

#cooperation {
background:url(../teachers/images/assistance/cooperation.gif) no-repeat;
width:626px;
height:34px;
text-indent:-9999px;
}

/*     example共通
---------------------------------------- */
#example01,
#example02,
#example03,
#example04 {
background:url(../teachers/images/assistance/bc-line.png) repeat-y;
margin-top: 15px;
}
.page-top {
clear:both;
background:url(../teachers/images/assistance/page-top.png) no-repeat;
height:20px;
padding: 0 0 0 0;
margin:0;
display: block;
}
.page-top a {
display:block;
width:85px;
height:20px;
font-size:80%;
text-indent:-9999px;
margin:0 0 0 535px;
  overflow:hidden;
  outline:none;
}

/*     example01
---------------------------------------- */
#example01 h5{
background:url(../teachers/images/assistance/example01/title.png) no-repeat;
width:626px;
height:43px;
text-indent:-9999px;
}
#exa01-left {
float:left;
width:400px;
margin: 10px 0 10px 10px;
display: inline;
}
#exa01-left p {
text-align:center;
font-size:90%;
margin-top: 5px;
}
#exa01-right {
float:right;
width:200px;
margin: 10px 10px 10px 0;
font-size:100%;
display: inline;
}

/*     example02
---------------------------------------- */
#example02 h5{
background:url(../teachers/images/assistance/example02/title.png) no-repeat;
width:626px;
height:43px;
text-indent:-9999px;
}
#exa02-01,
#exa02-02,
#exa02-03,
#exa02-04,
#exa02-05 {
width:177px;
display: inline;
background:url(../teachers/images/assistance/example02/bc-line.png) repeat-y;
}
.exa02-bo {
background:url(../teachers/images/assistance/example02/bottom.png) center bottom no-repeat;
height:5px;
text-indent:-9999px;
font-size:1%;
}
#example02 ul {
width:168px;
margin:3px auto;
text-align:justify;
min-height:65px;
_height:65px;
}
#example02 li{
font-size:100%;
*font-size:x-small;
line-height:1.3;
padding-left:1em;
list-style-type:none;
background:url(../teachers/images/assistance/example02/dot.gif) left 15% no-repeat;
}
#exa02-arrow {
background:url(../teachers/images/assistance/example02/123.png) no-repeat;
width:580px;
height:88px;
margin:0 auto;
clear:both;
text-indent:-9999px;
}
/*
#exa02-01
*/
#exa02-01 {
float:left;
margin: 15px 0 0 50px;
}
#exa02-01 h6 {
background:url(../teachers/images/assistance/example02/sub01.png) no-repeat;
height:25px;
text-indent:-9999px;
}
/*
#exa02-02
*/
#exa02-02 {
float:right;
margin: 15px 200px 0 0;
}
#exa02-02 h6 {
background:url(../teachers/images/assistance/example02/sub02.png) no-repeat;
height:25px;
text-indent:-9999px;
}
/*
#exa02-03
*/
#exa02-03 {
float:left;
margin: 0 0 15px 35px;
}
#exa02-03 h6 {
background:url(../teachers/images/assistance/example02/sub03.png) no-repeat;
height:25px;
text-indent:-9999px;
}
/*
#exa02-04
*/
#exa02-04 {
float:left;
margin: 0 0 15px 25px;
}
#exa02-04 h6 {
background:url(../teachers/images/assistance/example02/sub04.png) no-repeat;
height:25px;
text-indent:-9999px;
}
/*
#exa02-05
*/
#exa02-05 {
float:right;
margin: 0 20px 15px 0;
}
#exa02-05 h6 {
background:url(../teachers/images/assistance/example02/sub05.png) no-repeat;
height:25px;
text-indent:-9999px;
}


/*     example03
---------------------------------------- */
#example03 h5{
background:url(../teachers/images/assistance/example03/title.png) no-repeat;
width:626px;
height:43px;
text-indent:-9999px;
}
#example03 ul {
width:160px;
margin:3px auto;
text-align:justify;
}
#example03 li{
font-size:100%;
*font-size:x-small;
padding-left:1em;
list-style-type:none;
background:url(../teachers/images/assistance/example03/dot.gif) left 15% no-repeat;
}
.another {
text-align:right;
padding-right: 10px;
}
.kome {
background:url(../teachers/images/assistance/example03/bottom.png) center bottom no-repeat;
text-indent:-9999px;
height:5px;
}
#exa03-01 {
width:170px;
background:url(../teachers/images/assistance/example03/bc-line.png) repeat-y;
float:left;
margin:15px 0 15px 30px;
display: inline;
}
#exa03-01 h6 {
background:url(../teachers/images/assistance/example03/sub01.png) no-repeat;
height:33px;
text-indent:-9999px;
width: 170px;
}
#exa03-2-3 {
width:370px;
float:right;
margin:15px 30px 15px 0;
display: inline;
}
#exa03-02 {
width:170px;
background:url(../teachers/images/assistance/example03/bc-line.png) repeat-y;
float:left;
}
#exa03-01-1 {
background:url(../teachers/images/assistance/example03/sub01-1.png) no-repeat;
width:150px;
height:18px;
text-indent:-9999px;
margin: 0 auto;
}
#exa03-01-2 {
background:url(../teachers/images/assistance/example03/sub01-2.png) no-repeat;
width:150px;
height:18px;
text-indent:-9999px;
margin: 0 auto;
}
#exa03-02 h6 {
background:url(../teachers/images/assistance/example03/sub02.png) no-repeat;
height:33px;
text-indent:-9999px;
}

#exa03-03 {
width:170px;
background:url(../teachers/images/assistance/example03/bc-line.png) repeat-y;
float:right;
}
#exa03-03 h6 {
background:url(../teachers/images/assistance/example03/sub03.png) no-repeat;
height:33px;
text-indent:-9999px;
}
/*#exa03-02 ul,
#exa03-03 ul {
min-height:250px;
}*/
#red {
clear:both;
color:#B50000;
font-size: 100%;
text-indent: -1em;
display: block;
margin: 1em 0 0 1em;
}

/*     example04
---------------------------------------- */
#example04 h5{
background:url(../teachers/images/assistance/example04/title.png) no-repeat;
width:626px;
height:43px;
text-indent:-9999px;
}
#exa04-1 p,
#exa04-2 p,
#exa04-3 p,
#exa04-4 p,
#exa04-5 p,
#exa04-6 p {
font-size:100%;
width:160px;
margin:0 auto;
text-align:justify;
text-indent:1em;
}
#exa04-1,
#exa04-2,
#exa04-3,
#exa04-4,
#exa04-5,
#exa04-6 {
background:url(../teachers/images/assistance/example04/bottom.png) 0% 100% no-repeat;
width:170px;
min-height: 200px;
_height:200px;
display:inline;
}
#exa04-1 {
float:left;
margin:15px 0 0 25px;
}
#exa04-1 h6{
background:url(../teachers/images/assistance/example04/sub01.png) no-repeat;
height:33px;
text-indent:-9999px;
}
#exa04-2 {
float:left;
margin:15px 0 0 35px;
}
#exa04-2 h6{
background:url(../teachers/images/assistance/example04/sub02.png) no-repeat;
height:33px;
text-indent:-9999px;
}
#exa04-3 {
float:right;
margin:15px 25px 0 0;
}
#exa04-3 h6{
background:url(../teachers/images/assistance/example04/sub03.png) no-repeat;
height:33px;
text-indent:-9999px;
}
#exa04-4 {
float:left;
margin:15px 0 0 25px;
}
#exa04-4 h6{
background:url(../teachers/images/assistance/example04/sub04.png) no-repeat;
height:33px;
text-indent:-9999px;
}
#exa04-5 {
float:left;
margin:15px 0 0 35px;
}
#exa04-5 h6{
background:url(../teachers/images/assistance/example04/sub05.png) no-repeat;
height:33px;
text-indent:-9999px;
}
#exa04-6 {
float:right;
margin:15px 25px 0 0;
}
#exa04-6 h6{
background:url(../teachers/images/assistance/example04/sub06.png) no-repeat;
height:33px;
text-indent:-9999px;
}


#balloon {
background:url(../teachers/images/assistance/example04/balloon.png) no-repeat;
width:368px;
clear: both;
margin: 0 0 10px 25px;
padding-top: 15px;
background-color:#EB610F;
}
#balloon p {
width:358px;
margin:0 auto;
color:#FFFFFF;
text-indent:0em;
}
#balloon div {
background:url(../teachers/images/assistance/example04/bc-balloon.png) no-repeat;
height:3px;
overflow: hidden;
}


/* 高校の先生方対象 各種セミナーのご案内
---------------------------------------- */
#sem_title {
background:url(../teachers/images/seminar/title.png) no-repeat;
width:642px;
height:160px;
margin:0 auto 15px;
text-indent:-9999px;
}
#sem {
width:626px;
margin:0 auto;
}


/*     テーブル内テキスト
---------------------------------------- */
#sem h4 {
background:url(../teachers/images/seminar/subtitle.gif) no-repeat;
padding-left:25px;
line-height:23px;
_padding-top:3px;
height:23px;
color:#FFFFFF;
font-weight:bold;
}
#sem h5 {
font-weight:bold;
}

#sem img {
vertical-align:middle;
}
.block {
display:block;
font-weight:bold;
}
.color03 {
color:#ff0000;
}
h5 .color03 {
color:#ff0000;
font-weight:bold;
}


/*     テーブルレイアウト
---------------------------------------- */
#sem table {
width:580px;
margin:10px auto 20px auto;
border-collapse:collapse;
font-size:100%;
border: 1px solid #e3c489;
}
.ta-under { margin:10px auto 0 auto!important; 
}
#sem th,
#sem td { padding: 3px 5px; 
}
#sem th {
color: #fff;
background-color: #e3c489;
}
#sem td {
border: 1px solid #e3c489;
}
.color01 {
background-color:#e3c489;
}
.color02 {
background-color:#f7eddd;
width:150px;
letter-spacing:3em;
}
.color02-sp {
background-color:#f7eddd;
width:150px;
letter-spacing:1em;
}

/* round5
---------------------------------------- */
.round_br_box { background: #796256;}
.round_br_top div { background: url(../outline/images/round_br_tl.png) no-repeat top left;}
.round_br_top { background: url(../outline/images/round_br_tr.png) no-repeat top right;}
.round_br_bottom div { background: url(../outline/images/round_br_bl.png) no-repeat bottom left;}
.round_br_bottom { background: url(../outline/images/round_br_br.png) no-repeat bottom right;}
.round_br_top div, .round_br_top, 
.round_br_bottom div, .round_br_bottom {
   width: 100%;
   height: 8px;
   font-size: 1px;
}
.round_br_content { margin: 0 8px; }