@charset "UTF-8";
/* CSS Document */

/* visual---------------------------- */
#contents h2 {
height: 245px;
width: 690px;
margin: 0 0 20px 0;
padding: 0px;
display:block;
}
/* box-left ---------------------------- */
#box-left {
height: auto;
width: 400px;
margin: 0px;
padding: 0px;
float:left;
}
#box-left .banner-top {
width:400px;
height:105px;
margin:0 0 20px 0;
}
#box-left h2 {
background-repeat: no-repeat;
background-position: left top;
padding: 0px;
margin: 0px;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
overflow: hidden;
display:block;
clear:both;
}
#box-left .recruit {
background-image: url(../images/title_recruit.gif);
height: 25px;
width: 203px;
}
#box-left .event {
background-image: url(../images/title_event.gif);
height: 25px;
width: 161px;
}
#box-left .intern {
background-image: url(../images/title_intern.gif);
height: 25px;
width: 200px;
}
#box-left .new {
background-image: url(../images/title_news.gif);
height: 25px;
width: 112px;
}
#box-left .pick {
background-image: url(../images/title_pickup.gif);
background-repeat: no-repeat;
background-position: left top;
height: 35px;
width: 145px;
display:block;
}
/* new  */
#box-left table {
margin:0 0 10px 0;
height: auto;
width: 400px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;
}
#box-left table a, #box-left table a:visited {
color: #555555;
text-decoration: underline;
cursor:pointer;
}
#box-left table a:hover, #box-left table a:active { color: #FF9900; }
#box-left th {
height: auto;
width: 80px;
color: #ed6d00;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
vertical-align: top;
font-weight: normal;
}
#box-left td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
}
#box-left .btn {
width:73px;
height:15px;
padding: 0px;
margin: 0 0 20px 0;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
display:block;
float:right;
}
#box-left .btn a {
background-image: url(../images/btn_news.gif);
background-repeat: no-repeat;
background-position: left top;
width:73px;
height:15px;
overflow: hidden;
display:block;
}
#box-left .look a { background-image: url(../images/btn_lookmore.gif); }
#box-left .btn a:hover { background-position: left bottom; }
/* banner */
#box-left h3 {
width:400px;
height:auto;
padding: 0px;
margin: 0 0 25px 0;
display:block;
clear:both;
}
/* pickup  */
#box-left .package { margin:0 0 20px 0; }
#box-left .box1 {
width:126px;
height:auto;
padding: 0px;
margin: 0 11px 0 0;
display:block;
float:left;
}
#box-left .box2 {
width:126px;
height:auto;
padding: 0px;
margin:0px;
display:block;
float:left;
}
#box-left .box1 div, #box-left .box2 div {
width:126px;
height:165px;
padding: 0px;
margin:0 0 5px 0;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
overflow: hidden;
}
#box-left a .pmenu1 {
background-image: url(../images/photo_picup1.jpg);
background-repeat: no-repeat;
background-position: left top;
width:126px;
height:165px;
display:block;
}
/* 0128 shusei */
#box-left a .pmenu2 {
background-image: url(../images/photo_picup7.gif);
background-repeat: no-repeat;
background-position: left top;
width:126px;
height:165px;
display:block;
}
#box-left a .pmenu3 {
background-image: url(../images/photo_picup3.jpg);
background-repeat: no-repeat;
background-position: left top;
width:126px;
height:165px;
display:block;
}
#box-left a .pmenu4 {
background-image: url(../images/photo_picup4.jpg);
background-repeat: no-repeat;
background-position: left top;
width:126px;
height:165px;
display:block;
}
#box-left a .pmenu5 {
background-image: url(../images/photo_picup5.jpg);
background-repeat: no-repeat;
background-position: left top;
width:126px;
height:165px;
display:block;
}
#box-left a .pmenu6 {
background-image: url(../images/photo_picup6.jpg);
background-repeat: no-repeat;
background-position: left top;
width:126px;
height:165px;
display:block;
}
#box-left a:hover .pmenu1, #box-left a:hover .pmenu2, #box-left a:hover .pmenu3, #box-left a:hover .pmenu4, #box-left a:hover .pmenu5, #box-left a:hover .pmenu6 { background-position: left bottom; }
#box-left .banner {
width:400px;
height:105px;
margin:0px;
clear:both;
}
/* link  */
#box-left a, #box-left a:visited {
color: #555555;
text-decoration: none;
cursor:pointer;
}
#box-left a:hover, #box-left a:active {
color: #FF9900;
text-decoration: underline;
}
/* box-right ---------------------------- */
#box-right {
height: auto;
width: 270px;
margin: 0 0 0 20px;
padding: 0px;
float:left;
}
#box-right h2 {
padding: 0px;
margin: 0px;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
overflow: hidden;
clear:both;
}
#box-right h2.school {
background-image: url(../images/title_school.gif);
background-repeat: no-repeat;
background-position: left top;
height: 25px;
width: 222px;
display:block;
}
#box-right h2.blog {
background-image: url(../images/title_blog.gif);
background-repeat: no-repeat;
background-position: left top;
height: 25px;
width: 168px;
display:block;
}
#box-right h2.blog-staff {
background-image: url(../images/title_staffblog.gif);
background-repeat: no-repeat;
background-position: left top;
height: 25px;
width: 211px;
display:block;
}
/* blog */
#box-right .box {
height: auto;
width: 270px;
padding: 0 0 10px 0;
float:left;
}
#box-right .box-mb20 {
height: auto;
width: 270px;
padding: 0 0 20px 0;
float:left;
}
/* boxcrearfix */
#box-right .box:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#box-right .box { zoom: 100%; }
#box-right .box { display: inline-table; }
/* Hides from IE-mac ￥*/
* html #box-right .box { height: 1%; }
#box-right .box { display: block; }
/* End hide from IE-mac */

#box-right .box a,#box-right .box-mb20 a { text-decoration: none; }
#box-right .box p,#box-right .box-mb20 p { font-size:10px; }
#box-right .box .photo,#box-right .box-mb20 .photo {
width: 80px;
margin: 0px;
padding: 0px;
float:left;
}
#box-right .box .photo img,#box-right .box-mb20 .photo img { margin:0 0 6px 0; }
#box-right .box .photo ul.icons,#box-right .box-mb20 .photo ul.icons {
margin: 0px;
padding: 0 0 0 5px;
height: auto;
width: auto;
overflow: hidden;
}
#box-right .box .photo ul.icons li,#box-right .box-mb20 .photo ul.icons li {
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 18px;
width: 15px;
margin:0 3px 0 0;
overflow: hidden;
list-style-type: none;
float:left;
}
/* each icons */
ul.icons li.cn { background-image: url(../../support/images/icon_chinese.gif); }
ul.icons li.en { background-image: url(../../support/images/icon_english.gif); }
ul.icons li.fr { background-image: url(../../support/images/icon_france.gif); }
ul.icons li.gr { background-image: url(../../support/images/icon_german.gif); }
ul.icons li.it { background-image: url(../../support/images/icon_italy.gif); }
ul.icons li.jp { background-image: url(../../support/images/icon_japan.gif); }
ul.icons li.kr { background-image: url(../../support/images/icon_korea.gif); }
ul.icons li.ru { background-image: url(../../support/images/icon_russia.gif); }
ul.icons li.sp { background-image: url(../../support/images/icon_spain.gif); }
ul.icons li.etc { background-image: url(../../support/images/icon_other.gif); }
/* each icons end */

/* banner */
#box-right .banner1{margin:0 0 10px 0; display:block;}
#box-right .banner2{margin:0 0 20px 0; display:block;}
/* banner end */

#box-right .box .text,#box-right .box-mb20 .text {
height: auto;
width: 180px;
margin: 0 0 0 10px;
padding: 0px;
float:left;
}
/* only for school block */
#box-right .box a .text p.school-explain,#box-right .box a:visited .text p.school-explain {

}
#box-right .box a:hover .text p.school-explain,#box-right .box a:active .text p.school-explain {
color: #F00;
text-decoration: none;
}
#box-right .box a .text p.school-name,#box-right .box a:visited .text p.school-name {
font-size: 12px;
font-weight: bold;
color: #262626;
margin: 0 0 5px 0;
padding: 0px;
}
#box-right .box a:hover .text p.school-name,#box-right .box a:active .text p.school-name {
color: #F00;
text-decoration: underline;
}
/* -------------------- */

#box-right .box .text .day,#box-right .box-mb20 .text .day {
margin: 0px;
color:#666666;
}
#box-right .box .text .name, #box-right .box .text .name-staff,#box-right .box-mb20 .text .name-staff { margin:2px 0 4px 0; }
#box-right .box .text .name a {
color:#0099ff;
line-height: 1.2em;
text-decoration: underline;
}
#box-right .box .text .name-staff a,#box-right .box-mb20 .text .name-staff a {
color:#66C;
line-height: 1.2em;
text-decoration: underline;
}
#box-right .box .text .name a:hover,#box-right .box-mb20 .text .name a:hover { color: #00CCFF; }
#box-right .box .text .name-staff a:hover,#box-right .box-mb20 .text .name-staff a:hover { color: #C3C; }
#box-right .box .text .title,#box-right .box-mb20 .text .title { margin: 0 0 5px 0; }
#box-right .box .text .title a,#box-right .box-mb20 .text .title a {
margin: 0px;
color:#333333;
font-weight: bold;
font-size: 12px;
line-height: 1em;
text-decoration: underline;
}
#box-right .box .text .title a:hover,#box-right .box-mb20 .text .title a:hover { color: #666666; }
#box-right .btn {
width:73px;
height:15px;
float:right;
margin:0 0 20px 0;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
overflow: hidden;
}
#box-right .btn a {
width:73px;
height:15px;
background-image: url(../images/btn_blog.gif);
background-repeat: no-repeat;
background-position: left top;
display:block;
}
#box-right .btn a:hover { background-position: left bottom; }
/* mame */
#box-right .mame {
background-image: url(../images/bg_mametop.gif);
background-repeat: no-repeat;
background-position: left top;
background-color: #f8e9c1;
height: auto;
width: 270px;
margin: 0px;
padding: 20px 0 0 0;
clear:both;
}
#box-right .mame a {
color: #555555;
text-decoration: none;
}
#box-right .mame a:hover {
color: #FF9900;
text-decoration: underline;
}
#box-right .mame h3 {
padding: 0px;
margin: 0px;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
overflow: hidden;
}
#box-right h3.mame1 {
background-image: url(../images/title_mame.gif);
background-repeat: no-repeat;
background-position: left top;
height: 65px;
width: 250px;
display:block;
margin:0 0 0 10px;
}
#box-right h3.mame2 {
background-image: url(../images/title_mame2.gif);
background-repeat: no-repeat;
background-position: left top;
height: 25px;
width: 250px;
display:block;
margin:0 0 0 10px;
}
/* new  */
#box-right .mame table {
margin:0 0 0 10px;
height: auto;
width: 250px;
}
#box-right .mame th {
font-size: 10px;
font-weight: normal;
height: auto;
text-align: left;
vertical-align: top;
width: 150px;
}
#box-right .mame td { padding-left: 10px; }
#box-right .mame td img { margin:0 2px 0 0; }
#box-right .mame .colored th, #box-right .mame .colored td { background-color: #fcf4e0; }
#box-right .mamebtm {
background-image: url(../images/bg_mamebtm.gif);
background-repeat: no-repeat;
background-position: left bottom;
background-color: #f8e9c1;
height: auto;
width: 270px;
margin: 0 0 20px 0;
padding: 10px 0;
float:left;
}
#box-right .mamebtm ul {
margin: 0px auto;
padding: 0px;
height: 44px;
width: 248px;
}
#box-right .mamebtm li {
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
display: block;
float: left;
height: 44px;
width: 124px;
list-style-type: none;
overflow: hidden;
}
#box-right .mamebtm li a {
background-repeat: no-repeat;
background-position: left top;
height: 44px;
width: 124px;
display:block;
}
#box-right .mamebtm li a:hover { background-position: left bottom; }
#box-right .mamebtm li.btn1 a { background-image: url(../images/btn_entry.gif); }
#box-right .mamebtm li.btn2 a { background-image: url(../images/btn_average.gif); }
/* banner */
#box-right .banner-right { }
#box-right .banner-right p { margin:0 0 5px 0; }
