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

.sub-idx-bg01 {
background:url(../subject/images/idx_box_bg01.gif) no-repeat center bottom;
padding:0 14px 0 14px;
margin:0 0 17px 0;
clear:both;
}

.sub-idx-bg02 {
background:url(../subject/images/idx_box_bg02.gif) no-repeat center bottom;
padding:0 14px 0 14px;
margin:0 0 17px 0;
clear:both;
}

.sub-idx-bg03 {
background:url(../subject/images/idx_box_bg03.gif) no-repeat center bottom;
padding:0 14px 0 14px;
margin:0 0 17px 0;
clear:both;
}

.sub-idx-bg04 {
background:url(../subject/images/idx_box_bg04.gif) no-repeat center bottom;
padding:0 14px 0 14px;
margin:0 0 17px 0;
clear:both;
}

.sub-idx-bg05 {
background:url(../subject/images/idx_box_bg05.gif) no-repeat center bottom;
padding:0 14px 0 14px;
margin:0 0 17px 0;
clear:both;
}

.sub-idx-l {
float:left;
width:339px;
padding:0 0 10px 0;
}

.sub-idx-r {
float:right;
width:339px;
padding:0 0 10px 0;
}

.sub-idx-l dl, .sub-idx-r dl {
width:160px;
float:right;
padding:10px 10px 0 0;
}

.sub-idx-l dt, .sub-idx-r dt {
font-size:1.2em;
font-weight:bold;
border-bottom:solid 1px #cacaca;
padding:0 0 3px 0;
}

.sub-idx-l dd, .sub-idx-r dd {
padding:3px 0 0px 0;
line-height:1.3em;
font-size:0.9em;
}

.sub-idx-l dd span, .sub-idx-r dd span {
display:block;
text-align:right;
padding:0;
margin:0;
font-size:0.9em;
}

.sub-idx-photo {
margin:10px 10px 0 10px;
}

.idx-btn {
vertical-align:bottom;
margin-top:10px;
}


/*subject*/
.subject-5p {
position:relative;
}

.subject-5p p {
position:absolute;
top:40px;
left:200px;
font-size:1.2em;
font-weight:bold;
line-height:1.5em;
}

.subject-5p-box {
background:#f6f6f6;
padding:24px 20px;
margin:0 0 30px 0;
}

.subject-5p-box table {
width:100%;
}

.w17 { width:17px; }

.subject-5p-box td.5p-inner {
width:334px;
}

.subject-5p-box td p {
width:304px;
padding:15px;
}

.subject-5p-box td span {
font-size:1.2em;
font-weight:bold;
display:block;
width:304px;
margin:0 0 5px 0;
}



.subject-5p-box td.bg1-01 {background:url(../subject/images/airline_bg01.gif) no-repeat top left; }
.subject-5p-box td.bg1-02 {background:url(../subject/images/airline_bg02.gif) no-repeat top left; }
.subject-5p-box td.bg1-03 {background:url(../subject/images/airline_bg03.gif) no-repeat top left; }
.subject-5p-box td.bg1-04 {background:url(../subject/images/airline_bg04.gif) no-repeat top left; }
.subject-5p-box td.bg1-05 {background:url(../subject/images/airline_bg05.gif) no-repeat top left; }

.subject-5p-box td.bg2-01 {background:url(../subject/images/airport_bg01.gif) no-repeat top left; }
.subject-5p-box td.bg2-02 {background:url(../subject/images/airport_bg02.gif) no-repeat top left; }
.subject-5p-box td.bg2-03 {background:url(../subject/images/airport_bg03.gif) no-repeat top left; }

.subject-5p-box td.bg3-01 {background:url(../subject/images/trade_bg01.gif) no-repeat top left; }
.subject-5p-box td.bg3-02 {background:url(../subject/images/trade_bg02.gif) no-repeat top left; }
.subject-5p-box td.bg3-03 {background:url(../subject/images/trade_bg03.gif) no-repeat top left; }
.subject-5p-box td.bg3-04 {background:url(../subject/images/trade_bg04.gif) no-repeat top left; }

.subject-5p-box td.bg4-01 {background:url(../subject/images/bridal_bg01.gif) no-repeat top left; }
.subject-5p-box td.bg4-02 {background:url(../subject/images/bridal_bg02.gif) no-repeat top left; }
.subject-5p-box td.bg4-03 {background:url(../subject/images/bridal_bg03.gif) no-repeat top left; }
.subject-5p-box td.bg4-04 {background:url(../subject/images/bridal_bg04.gif) no-repeat top left; }
.subject-5p-box td.bg4-05 {background:url(../subject/images/bridal_bg05.gif) no-repeat top left; }

.subject-5p-box td.bg5-01 {background:url(../subject/images/hotel_bg01.gif) no-repeat top left; }
.subject-5p-box td.bg5-02 {background:url(../subject/images/hotel_bg02.gif) no-repeat top left; }
.subject-5p-box td.bg5-03 {background:url(../subject/images/hotel_bg03.gif) no-repeat top left; }
.subject-5p-box td.bg5-04 {background:url(../subject/images/hotel_bg04.gif) no-repeat top left; }

.subject-5p-box td.bg6-01 {background:url(../subject/images/patissier_bg01.gif) no-repeat top left; }
.subject-5p-box td.bg6-02 {background:url(../subject/images/patissier_bg02.gif) no-repeat top left; }
.subject-5p-box td.bg6-03 {background:url(../subject/images/patissier_bg03.gif) no-repeat top left; }
.subject-5p-box td.bg6-04 {background:url(../subject/images/patissier_bg04.gif) no-repeat top left; }
.subject-5p-box td.bg6-05 {background:url(../subject/images/patissier_bg05.gif) no-repeat top left; }

.subject-5p-box td.bg7-01 {background:url(../subject/images/tourism_bg01.gif) no-repeat top left; }
.subject-5p-box td.bg7-02 {background:url(../subject/images/tourism_bg02.gif) no-repeat top left; }
.subject-5p-box td.bg7-03 {background:url(../subject/images/tourism_bg03.gif) no-repeat top left; }
.subject-5p-box td.bg7-04 {background:url(../subject/images/tourism_bg04.gif) no-repeat top left; }
.subject-5p-box td.bg7-05 {background:url(../subject/images/tourism_bg05.gif) no-repeat top left; }

.subject-5p-box td.bg8-01 {background:url(../subject/images/business_bg01.gif) no-repeat top left; }
.subject-5p-box td.bg8-02 {background:url(../subject/images/business_bg02.gif) no-repeat top left; }
.subject-5p-box td.bg8-03 {background:url(../subject/images/business_bg03.gif) no-repeat top left; }
.subject-5p-box td.bg8-04 {background:url(../subject/images/business_bg04.gif) no-repeat top left; }
.subject-5p-box td.bg8-05 {background:url(../subject/images/business_bg05.gif) no-repeat top left; }

.subject-5p-box td.bg9-01 {background:url(../subject/images/comm_bg01.gif) no-repeat top left; }
.subject-5p-box td.bg9-02 {background:url(../subject/images/comm_bg02.gif) no-repeat top left; }
.subject-5p-box td.bg9-03 {background:url(../subject/images/comm_bg03.gif) no-repeat top left; }
.subject-5p-box td.bg9-04 {background:url(../subject/images/comm_bg04.gif) no-repeat top left; }
.subject-5p-box td.bg9-05 {background:url(../subject/images/comm_bg05.gif) no-repeat top left; }

.subject-2col-tb {
width:725px;
margin:0 0 15px 0;
}

.subject-2col-tb td.left-td {
/*width:450px;*/
width:470px;
}

.subject-2col-tb td.right-td {
/*width:275px;*/
width:255px;
}


.time-schedule-note {
width:455px;
font-size:0.9em;
padding:0;
text-align:right;
}

.time-schedule-tit {
border-left: solid 5px #a0d8e5;
padding:0 0 0 5px;
margin:0;
font-weight:bold;
font-size:1.2em;
}

.time-schedule-tb {
width:455px;
clear:both;
margin:0;
font-size:1em;
}

.get-box-tb {
background:#f7f7f7;
padding: 10px 15px 10px 15px;
border:solid 1px #f3f3f3;
}

/*.time-schedule-tb {
width:705px;
clear:both;
margin:0 auto 30px;
}
*/

.time-schedule-tb th {
background:#f7f7f7;
border:solid 1px #333;
text-align:center;
vertical-align:middle;
width:19%;
}

.time-schedule-tb td {
text-align:center;
vertical-align:middle;
padding:5px 3px;
border:solid 1px #333;
}

.time-schedule-tb td.time-top {
background:#f7f7f7;
border:solid 1px #333;
text-align:center;
width:5%;
}

.time-schedule-tb td.time {
background:#C6E3F3;
font-weight:bold;
text-align:center;
vertical-align:middle;
}

.get-box {
  background:#f7f7f7;
width:675px;
margin:5px auto 30px;
padding:15px;
}

.get span {
color:#f7931d;
clear:both;
}

.get span.iq {
color:#fff;
background:#333;
padding:3px 5px 1px 5px;
margin:0 5px 0 0;
font-size:0.9em;
}

.get-box table {
width:100%;
}

.get-box table td {
width:33%;
}

.get li {
text-indent:-1.5em;
margin-left:1.5em;
padding:0 5px 3px 0;
}

.get-box p {
clear:both;
padding:5px 0 0 0;
}

.get-note-blue {
color:#0075BE;
}

.job-box {
  background:#f7f7f7;
width:675px;
margin:0 auto 20px;
padding:15px;
}

.job span {
color:#d7df23;
}

.job span.iq {
color:#fff;
background:#333;
padding:2px 5px 1px 5px;
margin:0 5px 0 0;
font-size:0.9em;
}

.job-box table {
width:100%;
}

.job-box table td {
width:33%;
}

.job li {
text-indent:-1.5em;
margin-left:1.5em;
padding:0 5px 3px 0;
}

.btn-recruit {
width:675px;
text-align:right;
}


/*airline*/
.topics-airline { 
  background:#00a0d4;
padding:15px;
width:675px;
margin:0 auto 20px;
}

.airline-txt-l {
float:left;
width:340px;
color:#fff;
}

.airline-txt-l span {
display:block;
font-size:1.2em;
font-weight:bold;
padding:0 0 3px 0;
margin:0 0 5px 0;
width:340px;
border-bottom:solid 1px #d4effc;
color:#fff;
}

.airline-photo-r {
float:right;
}

.subject-5p-box td span.airline {
color:#00a7d2;
border-bottom:solid 1px #00a7d2;
}

.subject-5p p span.airline { border-bottom:solid 1px #00a0d4; }


/*airport*/
.topics-airport { 
  background:#0075be;
padding:15px;
width:675px;
margin:0 auto 30px;
}

.airport-txt span {
display:block;
font-size:1.2em;
font-weight:bold;
padding:0 0 3px 0;
margin:0 0 5px 0;
border-bottom:solid 1px #d3def1;
color:#fff;
}
.airport-txt {
color:#fff;
}

.subject-5p-box td span.airport {
color:#0075be;
border-bottom:solid 1px #0075be;
}

.subject-5p p span.airport { border-bottom:solid 1px #0075be; }


/*trade*/
.topics-trade { 
  background:#00a59f;
padding:15px;
width:675px;
margin:0 auto 20px;
}

.trade-txt-l {
float:left;
width:300px;
color:#fff;
}

.trade-txt-l span {
display:block;
font-size:1.4em;
font-weight:bold;
padding:0 0 3px 0;
margin:0 0 5px 0;
width:300px;
border-bottom:solid 1px #d9f1f1;
color:#fff;
}

.trade-photo-r {
float:right;
}

.subject-5p-box td span.trade {
color:#00a59f;
border-bottom:solid 1px #00a59f;
}

.subject-5p p span.trade { border-bottom:solid 1px #00a59f; }



/*bridal*/
.topics-bridal { 
  background:#ffe4e4;
padding:15px;
width:675px;
margin:0 auto 30px;
}

.bridal-txt-l {
float:left;
width:300px;
}

.bridal-txt-l span.topics-tit {
display:block;
font-size:1.2em;
font-weight:bold;
padding:0 0 3px 0;
margin:0 0 5px 0;
width:300px;
border-bottom:solid 1px #e4007f;
color:#e4007f;
}

.bridal-txt-l span.topics-lead {
display:block;
font-weight:bold;
padding:3px 0 5px 0;
width:300px;
}

.bridal-photo-r {
float:right;
}

.subject-5p-box td span.bridal {
color:#f18e1d;
border-bottom:solid 1px #f18e1d;
}

.subject-5p p span.bridal { border-bottom:solid 1px #f18e1d; }



/*bridal*/
.topics-bridal { 
  background:#ffe4e4;
padding:15px;
width:675px;
margin:0 auto 20px;
}

.bridal-txt-l {
float:left;
width:300px;
}

.bridal-txt-l span.topics-tit {
display:block;
font-size:1.2em;
font-weight:bold;
padding:0 0 3px 0;
margin:0 0 5px 0;
width:300px;
border-bottom:solid 1px #e4007f;
color:#e4007f;
}

.bridal-txt-l span.topics-lead {
display:block;
font-weight:bold;
padding:3px 0 5px 0;
width:300px;
}

.bridal-photo-r {
float:right;
}

.subject-5p-box td span.bridal {
color:#f18e1d;
border-bottom:solid 1px #f18e1d;
}

.subject-5p p span.bridal { border-bottom:solid 1px #f18e1d; }



/*hotel*/
.subject-5p p span.hotel { border-bottom:solid 1px #d5b329; }

.subject-5p-box td span.hotel {
color:#cfa90f;
border-bottom:solid 1px #cfa90f;
}

.topics-hotel { 
  /*background:#d5b329;*/
padding:0 10px;
margin:0 auto 20px;
}

.topics-hotel-tit {
font-size:1.4em;
line-height:1.5em;
font-weight:bold;
}

.topics-hotel-box1 {
background:#e4007f;
padding:20px 25px;
margin:10px 0 0 0;
}

.topics-hotel-box1 img.photo-r {
float: right;
}

.topics-hotel-box1 p.txt-l {
color:#fff;
width:450px;
float: left;
}

.topics-hotel-box1 p.txt-l span {
display:block;
width:440px;
font-size:1.3em;
font-weight:bold;
padding:0 0 10px 0;
margin:5px 0 10px 0;
border-bottom:dotted 1px #fff;
}

.topics-hotel-photo {
clear:both;
position:relative;
}

.topics-hotel-photo .c01 {
position:absolute;
top:148px;
left:30px;
font-weight:bold;
}

.topics-hotel-photo .c02 {
position:absolute;
top:148px;
left:234px;
font-weight:bold;
}




/*patissier*/
.subject-5p p span.patissier { border-bottom:solid 1px #ec6d5e; }

.subject-5p-box td span.patissier {
color:#ec6d5e;
border-bottom:solid 1px #ec6d5e;
}

.topics-patissier { 
  background:#ec6d5e;
padding:25px;
width:655px;
margin:0 auto 20px;
}

.patissier-txt-l {
float:left;
width:300px;
color:#fff;
}

.patissier-txt-l span.topics-tit {
display:block;
font-size:1.2em;
font-weight:bold;
padding:0 0 3px 0;
margin:0 0 5px 0;
width:300px;
border-bottom:solid 1px #fff;
color:#fff;
}

.patissier-txt-l span.patissier-lead {
display:block;
font-weight:bold;
padding:3px 0 5px 0;
width:300px;
}

.patissier-photo-r {
float:right;
}




/*tourism*/
.subject-5p p span.tourism { border-bottom:solid 1px #9ec317; }

.subject-5p-box td span.tourism {
color:#91b706;
border-bottom:solid 1px #91b706;
}

.topics-tourism {
width:705px;
margin:0 auto 20px;
}



/*business*/
.subject-5p p span.business { border-bottom:solid 1px #1eac4b; }

.subject-5p-box td span.business {
color:#1eac4b;
border-bottom:solid 1px #1eac4b;
}

.topics-business { 
  background:#1eac4b;
padding:20px;
width:655px;
margin:0 auto 20px;
}

.business-txt-l {
float:left;
width:300px;
color:#fff;
}

.topics-business span.topics-tit {
display:block;
font-size:1.2em;
font-weight:bold;
padding:0 0 5px 0;
margin:10px 0 10px 0;
width:315px;
border-bottom:solid 1px #fff;
color:#fff;
}

.business-tbox-l {
width:315px;
float:left;
}

.business-tbox-r {
width:315px;
float:right;
}

.business-tbox-l p, .business-tbox-r p {
color:#fff;
}

.business-lead {
display:block;
font-weight:bold;
padding:3px 0 5px 0;
width:300px;
}

.get span.business-small {
font-size:0.9em;
color:#333;
}



/*comm*/
.subject-5p p span.comm { border-bottom:solid 1px #e84478; }

.subject-5p-box td span.comm {
color:#e84478;
border-bottom:solid 1px #e84478;
}

.topics-comm { 
  background:#e84478;
padding:20px;
width:665px;
margin:0 auto 20px;
}


.topics-comm-tit01 {
clear:both;
background:#fff;
border-left:solid 7px #fec1bc;
padding:5px 10px;
font-weight:bold;
line-height:1.4em;
}

.topics-comm-tit01 span {
color:#e84478;
font-weight:bold;
text-align:left;
padding:0 20px 0 0;
margin:0 0 -2px 0;
font-size:1.4em;
}

.topics-comm table.toeic-tb01 {
background:#fff;
width:100%;
}

.topics-comm table td.toeic-tit01 {
color:#e84478;
font-size:1.5em;
font-weight:bold;
width:20%;
padding:0 10px;
text-align:left;
vertical-align:middle;
border-left:solid 7px #fec1bc;
}

.topics-comm table td.toeic-txt01 {
width:80%;
padding:5px 0;
font-weight:bold;
}

.toeic-stepup {
color:#fff;
font-size:1.2em;
font-weight:bold;
padding:0 0 10px 0;
}

.toeic-box01 {
clear:both;
color:#fff;
padding:15px;
margin:0 0 15px 0;
border-bottom: dotted 1px #fff;
}

.toeic-p-r01 {
width:190px;
float:right;
padding: 20px 0 20px 20px;
}

.toeic-l01 {
width:420px;
}

.toeic-txt02 {
margin:15px 0 0 0;
width:410px;
}

.toeic-txt02 span {
width:410px;
display:block;
font-weight:bold;
}

.toeic-note01 {
text-align:right;
font-size:0.9em;
padding:10px 0 0 0;
}

.toeic-score {
  background:#ffe877;
padding:15px 35px;
border:solid 2px #fff;
margin:0 0 15px 0;
}

.score01 {
  font-weight:bold;
padding:5px 70px 5px 0;
vertical-align:middle;
}

.score01 span {
font-weight:normal;
}

.score02 {
vertical-align: middle;
color:#f64594;
font-size:1.2em;
font-weight:bold;
padding:0 10px 0 0;
white-space:nowrap;
}

.score03 {
vertical-align: middle;
color:#f64594;
font-size:1.2em;
font-weight:bold;
}

.score03 span {
  font-size:3.4em;
line-height:1.1em;
}

.topics-comm table.toeic-tb02 td {
padding:3px 10px;
border:solid 1px #fff;
}

.topics-comm-tit02 {
clear:both;
background:#fff;
border-left:solid 7px #fec1bc;
padding:5px 10px;
font-weight:bold;
}

.topics-comm-inner {
padding:15px;
}

.topics-comm-inner img {
float:right;
}

.topics-comm-inner p {
  width:290px;
float:left;
padding:15px 0 0 0;
  color:#fff;
  font-weight:bold;
  font-size:1.2em;
  line-height:1.4em;
}

.topics-comm-inner p span.comm-inner-txt01 {
font-size:1.6em;
color:#fff87f;
line-height:1.2em;
display:block;
width:290px;
padding:5px 0;
}

.topics-comm-inner p span.comm-inner-txt02 {
  font-size:0.7em;
line-height:1.1em;
font-weight:normal;
display:block;
width:290px;
padding:10px 0 0 0;
}



/************************************************/
/************ relatedSubject elements ************/
/************************************************/

#relatedSubject{
border:dotted 1px #333;
padding:2px 15px 10px 15px;
*margin-top:20px;
margin-bottom:10px;
float:left;
clear:both;
}

#relatedSubject p{
text-align: left;
font-weight:bold;
margin-bottom:7px;
margin-top:10px;
}

#relatedSubject ul{
width:695px;
}


#relatedSubject li{
padding-right:20px;
padding-top:3px;
float:left;
white-space:nowrap;
}

#relatedSubject li a{
background:url(../images/icon_arrow_gray.gif) no-repeat 0 center;
padding-left:10px;
}

#relatedSubject li span{
font-size:0.8em;
}