@charset "UTF-8";
/* -------------------- Resets --------------------- */
body {
    *font: x-small;
    *font-size: small;
    font: 13px "Trebuchet MS", 'Hiragino Kaku Gothic Pro',Meiryo,"ＭＳ Ｐゴシック", Helvetica, Garuda, sans-serif;
    margin: 0;
    padding: 0;
}
div, h1, h2, h3, h4, h5, h6, p, form, fieldset, ol, ul, li, dl, dt, dd, em, strong {
    font-size: 13px;
    font-style: normal;
    line-height: 1em;
    margin: 0;
    padding: 0;
}

ul { list-style: none }
img {
    border: 0;
    vertical-align: bottom;
}
textarea { resize: vertical }
:focus { outline: 0 }
a {
    color: #442b00;
    text-decoration: none;
}
a:hover {
    color: #3196e1;
    text-decoration: none;
}

/* -------------------- repeat --------------------- */
.rBox2px {
    border: solid 1px #ccc;
}
.shadow {
    -moz-box-shadow: #ccc 0px 1px 5px;
    -webkit-box-shadow: #ccc 0px 1px 5px;
    box-shadow: #ccc 0px 1px 5px;
}

/* -------------------- Button --------------------- */
#login_btn {
    -moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 5px;
    -webkit-box-shadow: rgba(0,0,0, 0.5) 0px 0px 5px;
    background-color: #ca0c38;
    box-shadow: rgba(0,0,0, 0.5) 0px 0px 5px;
    float: right;
    height: 35px;
    margin: 0px 65px 0px 0px;
    text-align: center;
    width: 100px;
}
#login_btn:hover {
    -moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 5px;
    -webkit-box-shadow: rgba(0,0,0, 0.5) 0px 0px 5px;
    background-color: #b60f36;
    box-shadow: rgba(0,0,0, 0.5) 0px 0px 5px;
    cursor: pointer;
    height: 35px;
}
#login_btn p a {
    color: #fff;
    text-shadow: #5c5651 1px 1px 0px;
	display: block;
	height: 35px;
	line-height: 35px;
}
#login_btn p a:hover { text-decoration: none }

div.btnLine {
    background-color: #F1F0DE;
    height: 30px;
    margin: 0px;
    padding: 5px 3px;
    width: 202px;
}
div.btnLine p a {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #efefef;
    background: -webkit-gradient(linear, left top, left 25, from(#dadada), color-stop(6%, #efefef), to(#dadada));
    background: -moz-linear-gradient(top, #dadada, #efefef 2px, #dadada 25px);
    border: 1px solid #999;
    border-radius: 5px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    color: #336699;
    display: block;
    font-size: 12px;
    height: 18px;
    margin: 0px auto;
    padding: 7px 10px 0px;
    text-align: center;
    text-shadow: #fff 1px 1px 0px;
    width: 60px;
}

div.btnLine p a:hover,
div.btnLine p a:focus {
    background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
    background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
    cursor: pointer;
    text-decoration: none;
}
p.btnLine a {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #efefef;
    background: -webkit-gradient(linear, left top, left 25, from(#dadada), color-stop(6%, #efefef), to(#dadada));
    background: -moz-linear-gradient(top, #dadada, #efefef 2px, #dadada 25px);
    border: 1px solid #999;
    border-radius: 5px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    color: #336699;
    font-size: 12px;
    height: 18px;
    padding: 7px 10px 0px;
    text-align: center;
    text-shadow: #fff 1px 1px 0px;
    width: 60px;
	left: 380px;
    position: absolute;
    top: 10px;
}

p.btnLine a:hover,
p.btnLine a:focus {
    background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
    background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
    cursor: pointer;
    text-decoration: none;
}

/* -------------------- H title / font base --------------------- */
h1 {
	color: #442B00;
	font-size: 14px;
	left: 520px;
	position: absolute;
	top: 118px;
	z-index: 100;
}
h2 {
    color: #442B00;
    margin: 0 0 10px 0;
}

h3,h4 {
    color: #442B00;
    font-family:"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}
.fontM { font-family:"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif }

/* -------------------- struttura --------------------- */
#wrapper {
    color: #333;
    z-index: 1;
}
#yield { z-index: 1 }
#wrappaer_contents {
    width: 100%;
    z-index: 1;
    zoom: 1;
}
#wrappaer_contents:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#contents {
    margin: 0 auto;
    width: 960px;
    z-index: 1;
    zoom: 1;
}
#contents:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}



/* -------------------- header --------------------- */
/* -------------------- logo --------------------- */
#logo {
    float: left;
    width: 210px;
    position: relative;
}
#logo:hover {
  -moz-box-shadow:inset 0px 1px 5px #ccc;
	-webkit-box-shadow:inset 0px 1px 5px #ccc;
	box-shadow:inset 0px 1px 5px #ccc;
}
#logo p { 
margin: 10px 0 0 10px;
/*
position: absolute;
top: -17px;
left: -35px;
*/
}

/* -------------------- top --------------------- */
#top_area {
    background-color: #b7ada4;
    height: 35px;
    width: 100%;
    z-index: 15;
}
#top_area div.top_areaBox {
    margin: 0 auto;
    position: relative;
    width: 960px;
    z-index: 15;
}
/* -------------------- user count --------------------- */
#user_count {
    float: left;
    width: 500px;
}
#user_count p {
    color: #333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	line-height: 35px;
}
#user_count p span.cnt_1 {
    font-size: 12px;
    text-shadow: #dedede 1px 1px 0px;
}
#user_count p span.cnt_2 {
    color: #ca0c38;
    font-weight: bold;
    text-shadow: #dedede 1px 1px 0px;
}

/* -------------------- navigation top --------------------- */
#header {
	clear:both;
    border-bottom: 1px solid #b7ada4;
    height: 60px;
    margin: 0 auto;
    width: 960px;
    z-index: 10;
}
#header ul.menu_bar {
    float: right;
    margin: 35px 0px 0px;
    z-index: 15;
}
#header ul.menu_bar li.noline {
    border: none;
    float: left;
    font-size: 14px;
    height: 15px;
    padding: 0px 10px;
    text-align: center;
    z-index: 15;
}
#header ul.menu_bar li {
    border-right: 1px solid #666;
    float: left;
    font-size: 14px;
    height: 15px;
    padding: 0px 10px;
    text-align: center;
    z-index: 15;
}
#header ul.menu_bar li a { color: #5c5651 }
#header ul.menu_bar li a:hover {
    border-bottom: 2px solid #ca0c38;
    color: #000;
    padding: 0px 0px 10px;
    text-decoration: none;
}

/* -------------------- Left Side--------------------- */
/* -------------------- struttura / title--------------------- */
#leftcolum h3 {
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    background-color: #f1f0de;
    border-radius: 2px 2px 0 0;
    font-size: 15px;
    padding: 15px 0px 10px;
    text-align: center;
    text-shadow: #fff 1px 1px 0px;
}
#leftcolum h3 span {
    color: #666;
    display: block;
    font-size: 11px;
}
/* -------------------- navigation / box / title--------------------- */
#leftcolum div.categoryD {
    margin: 0 0 20px 0;
    zoom: 1;
}
#leftcolum div.categoryD ul.dropdown {
    margin: 0 0 20px;
    zoom: 1;
}
#leftcolum div.categoryD ul.dropdown:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#leftcolum div.categoryD:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#leftcolum div.categoryD h2 {
    border-top: 3px solid #b7ada4;
    color: #442B00;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 6px 0;
}
#leftcolum div.categoryD h2.pickup {
    border-top: 3px solid #b7ada4;
    color: #442B00;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 6px 0;
}
#leftcolum div.categoryD h2.pickup:hover {
    background-color: #D7D2CC;
}
#leftcolum div.categoryD h2.pickup a:hover {
    color: #442B00;
}
/* -------------------- language --------------------- */

#switch_language {
    background-color: white;
	float: right;
	height: 35px;
	text-align: center;
	width: 120px;
	z-index: 500;
}
#switch_language:hover {
    background-color: #e2ddd4;
    cursor: pointer;
    height: 35px;
}
* html #switch_language {
    overflow: hidden;
}
/* -------------------- navigation  / dropdown--------------------- */

.menu ul li {
    height: 35px;
    position: relative;
    text-align: center;
    width: 120px;
    z-index: 500;
}
.menu ul li a {
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
}
.menu ul li table {
    border: none;
    border-collapse: collapse;
    font-size: 12px;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
.menu ul li ul {
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 120px;
}
.menu ul li ul li.up {
    background-color: #E2DDD4;
    border: 1px solid #ccc;
    left: -1px;
    position: relative;
    z-index: 500;
}
.menu ul li ul li.up:hover {
    background-color: #c7c3bd;
    cursor: pointer;
}
.menu ul li ul li {
    height: 35px;
    margin-bottom: 0;
    width: 120px;
}

.menu ul li a:hover { position: relative }
.menu ul li:hover ul,
.menu ul li a:hover ul {
    height: auto;
    overflow: visible;
    visibility: visible;
    z-index: 500;
}
*+html .menu ul li ul {
    height: 0;
    left: 0px;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 120px;
}



/* -------------------- contents slider top--------------------- */
/* -------------------- struttura --------------------- */

.slider {
    clear: both;
    height: 280px;
    margin: 0 0 40px;
    position: relative;
    width: 720px;
    z-index: 1;
}
.sliderContent {
    border-bottom: 1px solid #ccc;
    clear: both;
    height: 280px;
    overflow: hidden;
    position: relative;
    width: 720px;
    z-index: 1;
}
.sliderContent li.support {
    background: url(../images/4rd/slider/slideImg6.png) 0 0 no-repeat #fff;
    height: 260px;
    width: 720px;
    z-index: 10;
}
.sliderContent li.lesson {
    background: url(../images/4rd/slider/slideImg2.png) 0 0 no-repeat #fff;
    height: 260px;
    width: 720px;
    z-index: 10;
}
.sliderContent li.lesson p.testi_en {
    color: #000;
    line-height: 1.2;
    margin: 0 0 0 280px;
    padding: 3px 0 0 2px;
    width: 420px;
}
.sliderContent li.lesson h2.en {
    color: #ca0c38;
    font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
    margin: 5px 0 0 280px;
    padding: 5px 0;
    text-shadow: #fff 1px 1px 0px;
    width: 420px;
}
.sliderContent li.point {
    background: url(../images/4rd/slider/slideImg1.png) 0 0 no-repeat #fff;
    height: 260px;
    width: 720px;
    z-index: 10;
}
.sliderContent li.tutor {
    background: url(../images/4rd/slider/slideImg4.png) 0 0 no-repeat #fff;
    height: 260px;
    width: 720px;
    z-index: 10;
}
.sliderContent li.tutor h2.en {
    color: #ca0c38;
    font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    margin: 5px 0 0 280px;
    padding: 5px 0;
    text-shadow: #fff 1px 1px 0px;
    width: 420px;
}
.sliderContent p.testi {
    color: #000;
    line-height: 1.5;
    margin: 0 0 0 280px;
    padding: 3px 0 0 2px;
    width: 420px;
}
.sliderContent p.title {
    font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    padding: 40px 0 0 280px;
    text-shadow: #fff 1px 1px 0px;
    width: 420px;
}
.sliderContent h2 {
    color: #ca0c38;
    font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3;
    margin: 5px 0 0 280px;
    padding: 5px 0;
    text-shadow: #fff 1px 1px 0px;
    width: 420px;
}
/* -------------------- text / contents --------------------- */
div.slider .sliderArrows a {
    background-image: url(../images/4rd/slider/prev_next.png);
    display: block;
    height: 42px;
    margin-top: -34px;
    outline: none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 42px;
    z-index: 50;
}
div.slider .prev {
    background-position: 0 0;
    left: 15px;
}
div.slider .prev:hover { background-position: 0 -44px }
div.slider .next {
    background-position: -44px 0;
    right: 15px;
}
div.slider .next:hover { background-position: -44px -44px }
div.slider .sliderContent .item {
    background: #fff;
    height: 280px;
    position: absolute;
    width: 720px;
}
div.slider .sliderBullets {
    bottom: -15px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    z-index: 50;
}
div.slider .sliderBullets .active { background-position: 0 -11px }
div.slider .sliderBullets a {
    background: url(../images/4rd/slider/bullets.png) no-repeat;
    display: block;
    float: left;
    height: 11px;
    margin-left: 5px;
    outline: none;
    text-indent: -9999px;
    width: 10px;
}
div.slider .sliderContent a { outline: none }
div.slider p.guidemovie {
    height: 64px;
    position: absolute;
    right: 60px;
    top: 240px;
    width: 220px;
    z-index: 150;
}

/* -------------------- register / button --------------------- */
#register {
    /*
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 5px;
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 5px;
    box-shadow: rgba(0,0,0, 0.3) 0px 0px 5px;
    */
    background-color: #91837D;
    height: 43px;
    width: 208px;
    border:1px solid #6b605c;
    border-bottom:1px solid #4a4442;
    margin: 5px 0px 0px;
}
#register div.bord {
border-top:1px solid #a59b97;
border-bottom:1px solid #837671;
width: 100%;
height: 41px;
}
#register:hover {
    background-color: #6f645f;
    cursor: pointer;
}
#register p.ja {
    color: #fff;
   	font-size: 140%;
	line-height: 1.8;
    position: relative;
    text-align: center;
    text-shadow: #666 0px 1px 0px;
    top: 6px;
}
#register p.en {
    color: #fff;
    font-family: tahoma,"Myriad Pro",sans-serif; 
    font-size: 170%;
	line-height: 1.5;
    position: relative;
    text-align: center;
    text-shadow: #666 0px 1px 0px;
    top: 6px;
}
#register p span {
    /* border-bottom: 1px solid #958E86; */
    border-top: none;
    display: block;
    padding: 0 10px;
}
#register a:hover { text-decoration: none }
.button {
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 1px 1px #e3e2cc;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px #e3e2cc;
    border: 1px solid #ccc;
    border-radius: 2px;
    border-top: 1px solid #ccc;
    box-shadow: 0 1px 1px #e3e2cc;
}
/* --------------------   --------------------- */
p.mypage {
    left: -2px;
    position: absolute;
    top: 180px;
}





/* -------------------- Center --------------------- */
/* -------------------- Center colum --------------------- */

#container {
    float: right;
    margin: 1px 0 0;
    width: 720px;
    z-index: 1;
    zoom: 1;
}

/* -------------------- special_corner --------------------- */

#container div.special_corner {
height: 245px;
position: relative;
z-index: 1;
}


/* Buttons */

.button-wrapper {
	width: 185px;
	background: #E0E0E0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#D7D7D7');
	background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#D7D7D7)); 
	background: -moz-linear-gradient(top,  #E9E9E9,  #D7D7D7); 
	padding: 7px;
	-webkit-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	-o-border-radius: 50px; 
	-khtml-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	right: 70px;
	top: 30px;
	z-index: 10;
}

a.button {
	display: block;
	width: 185px;
	height: 30px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	line-height: 32px;
	text-decoration: none;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	-o-border-radius: 50px; 
	-khtml-border-radius: 50px;
	border-radius: 50px;
	font-weight: bold;
}

a.button:hover, a.button:active {
	border: none;
}

/* Ocean */

a.ocean {
	background: #4AD4EE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4AD4EE', endColorstr='#278FAC');
	background: -webkit-gradient(linear, left top, left bottom, from(#4AD4EE), to(#278FAC)); 
	background: -moz-linear-gradient(top,  #4AD4EE,  #278FAC); 
	color: #125267;
	text-shadow: 0px 1px 0px #60ACC1;
	-webkit-box-shadow: inset 0px 1px 0 #197A9D;
	-moz-box-shadow: inset 0px 1px 0 #197A9D;
	-o-box-shadow: inset 0px 1px 0 #197A9D;
	-khtml-box-shadow: inset 0px 1px 0 #197A9D;
	box-shadow: inset 0px 1px 0 #197A9D;
}

a.ocean:hover {
	color: #125267;
	background: #3BB7D2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ADDF5', endColorstr='#218DB0');
	background: -webkit-gradient(linear, left top, left bottom, from(#5ADDF5), to(#218DB0)); 
	background: -moz-linear-gradient(top,  #5ADDF5, #218DB0); 
}

a.ocean:active {
	color: #125267;
	background: #33A4BC;
	-webkit-box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
	-moz-box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
	-o-box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
	-khtml-box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
	box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
}

/* Tangerine */

a.tangerine {
	background: #F48E10;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7A50F', endColorstr='#EC6D0B');
	background: -webkit-gradient(linear, left top, left bottom, from(#E7A50F), to(#EC6D0B)); 
	background: -moz-linear-gradient(top,  #E7A50F,  #EC6D0B); 
	color: #904108;
	text-shadow: 0px 1px 0px #E9C14D;
	-webkit-box-shadow: inset 0px 1px 0 #CB5D0B;
	-moz-box-shadow: inset 0px 1px 0 #CB5D0B;
	-o-box-shadow: inset 0px 1px 0 #CB5D0B;
	-khtml-box-shadow: inset 0px 1px 0 #CB5D0B;
	box-shadow: inset 0px 1px 0 #CB5D0B;
}

a.tangerine:hover {
	background: #871A4D;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4AA11', endColorstr='#EC6D0B');
	background: -webkit-gradient(linear, left top, left bottom, from(#F4AA11), to(#EC6D0B)); 
	background: -moz-linear-gradient(top,  #F4AA11,  #EC6D0B); 
	color: #904108;
}

a.tangerine:active {
	color: #904108;
	background: #F48910;
	-webkit-box-shadow: inset 0px 2px 3px #432304, inset 0px 1px 0 #CB5D0B;
	-moz-box-shadow: inset 0px 2px 3px #432304, inset 0px 1px 0 #CB5D0B;
	-o-box-shadow: inset 0px 2px 3px #432304, inset 0px 1px 0 #CB5D0B;
	-khtml-box-shadow: inset 0px 2px 3px #432304, inset 0px 1px 0 #CB5D0B;
	box-shadow: inset 0px 2px 3px #432304, inset 0px 1px 0 #CB5D0B;
}



#container div.special_corner li {
float: left;
border: 1px solid #ccc;
width: 230px;
margin: 0 8px 0 0;
height:125px;
}
#container div.special_corner li.ban01 {
background-image: url(/images/4rd/special/ban01_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban02 {
background-image: url(/images/4rd/special/ban02_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban03 {
background-image: url(/images/4rd/special/ban03_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban04 {
background-image: url(/images/4rd/special/ban04_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban05 {
background-image: url(/images/4rd/special/ban05_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban06 {
background-image: url(/images/4rd/special/ban06_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban08 {
background-image: url(/images/4rd/special/ban08_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban09 {
background-image: url(/images/4rd/special/ban09_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban10 {
background-image: url(/images/4rd/special/ban10_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban11 {
background-image: url(/images/4rd/special/ban11_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban13 {
background-image: url(/images/4rd/special/ban13_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban14 {
background-image: url(/images/4rd/special/ban14_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban16 {
background-image: url(/images/4rd/special/ban16_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban17 {
background-image: url(/images/4rd/special/ban17_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban_travel {
cursor: pointer;
}

#container div.special_corner li.ban01:hover {
background-image: url(/images/4rd/special/ban01_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban02:hover {
background-image: url(/images/4rd/special/ban02_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban03:hover {
background-image: url(/images/4rd/special/ban03_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban04:hover {
background-image: url(/images/4rd/special/ban04_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban05:hover {
background-image: url(/images/4rd/special/ban05_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban06:hover {
background-image: url(/images/4rd/special/ban06_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban07 {
background-image: url(/images/4rd/special/ban07_bg.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban07:hover {
background-image: url(/images/4rd/special/ban07_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban08:hover {
background-image: url(/images/4rd/special/ban08_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}

#container div.special_corner li.ban09:hover {
background-image: url(/images/4rd/special/ban09_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban10:hover {
background-image: url(/images/4rd/special/ban10_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban11:hover {
background-image: url(/images/4rd/special/ban11_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban13:hover {
background-image: url(/images/4rd/special/ban13_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban14:hover {
background-image: url(/images/4rd/special/ban14_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}

#container div.special_corner li.ban15:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #ffffff;
cursor: pointer;
}
#container div.special_corner li.ban16:hover {
background-image: url(/images/4rd/special/ban16_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban17:hover {
background-image: url(/images/4rd/special/ban17_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.special_corner li.ban_travel:hover {
cursor: pointer;
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #ffffff;
cursor: pointer;
}
/* -------------------- guide_corner --------------------- */

#container div.guide_corner {
width: 386px;
float: left;
}
#container div.guide_corner p.startguide {
float: left;
width: 255px;
height:105px;
margin: 0 2px 10px 0;
background-image: url(/images/4rd/special/startguide_bg.png);
background-position: top left;
background-repeat: no-repeat;
}
#container div.guide_corner p.startguide_it {
float: left;
width: 255px;
height:105px;
margin: 0 2px 10px 0;
background-image: url(/images/4rd/special/it/startguide_bg.png);
background-position: top left;
background-repeat: no-repeat;
}
#container div.guide_corner p.blog {
float: right;
width: 124px;
height:105px;
background-image: url(/images/4rd/special/monitorblog2_bg.png);
background-position: top left;
background-repeat: no-repeat;
}
#container div.guide_corner p.startguide:hover {
background-image: url(/images/4rd/special/startguide_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.guide_corner p.startguide_it:hover {
background-image: url(/images/4rd/special/it/startguide_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.guide_corner p.blog:hover {
background-image: url(/images/4rd/special/monitorblog2_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
}
#container div.guide_corner ul {
clear: both;
}
#container div.guide_corner li {
float: left;
width: 124px;
height: 44px;
margin: 0 0 5px 0;
}
#container div.guide_corner li a {
font-size: 13px;
font-weight: bold;
margin: 8px 0 0 40px;
display: block;
}
#container div.guide_corner li a.text1 {
font-size: 14px;
font-weight: bold;
margin: 16px 0 0 40px;
}
#container div.guide_corner li a.text2 {
font-size: 13px;
margin: 16px 0 0 40px;
}

#container div.guide_corner li.cafe {
background: url(/images/4rd/special/cafe.png)top left no-repeat;
margin: 0 7px 0 0;
}
#container div.guide_corner li.online {
background: url(/images/4rd/special/online.png)top left no-repeat;
margin: 0 7px 0 0;
}
#container div.guide_corner li.course {
background: url(/images/4rd/special/course.png)top left no-repeat;
}
#container div.guide_corner li.price {
background: url(/images/4rd/special/price.png)top left no-repeat;
margin: 0 7px 0 0;
}
#container div.guide_corner li.support {
background: url(/images/4rd/special/support.png)top left no-repeat;
margin: 0 7px 0 0;
}
#container div.guide_corner li.faq {
background: url(/images/4rd/special/faq.png)top left no-repeat;
}
#container div.guide_corner li.cafe:hover {
background: url(/images/4rd/special/cafe.png)bottom left no-repeat;
margin: 0 7px 0 0;
}
#container div.guide_corner li.online:hover {
background: url(/images/4rd/special/online.png)bottom left no-repeat;
margin: 0 7px 0 0;
}
#container div.guide_corner li.course:hover {
background: url(/images/4rd/special/course.png)bottom left no-repeat;
}
#container div.guide_corner li.price:hover {
background: url(/images/4rd/special/price.png)bottom left no-repeat;
margin: 0 7px 0 0;
}
#container div.guide_corner li.support:hover {
background: url(/images/4rd/special/support.png)bottom left no-repeat;
margin: 0 7px 0 0;
}
#container div.guide_corner li.faq:hover {
background: url(/images/4rd/special/faq.png)bottom left no-repeat;
}


/* -------------------- accordion slider --------------------- */

#container div.description h2.ac {
	border: none;
	padding: 0px 0px 0px 10px;
	text-align: left;
	width: 270px;
}
#container div.description h2.ac a {
	color: #000;
	font-family: verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
	position: relative;
	text-shadow: #fff 0px 0px 2px;
}
#container div.description h2.ac_en a {
	color: #000;
	font-family: verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1;
	position: relative;
	text-shadow: #fff 0px 0px 2px;
}
#container div.acordion {
	clear:both;
    margin: 0 0 20px;
    position: relative;
    padding: 10px 0px 0 10px;
    outline:1px solid #ccc;
    border:1px solid #fff;
    background: url(../images/4rd/BG/centerBack.gif) 0 0 repeat-x;
}
*+html #container div.acordion {
    border:1px solid #ccc;
}
/* For modern browsers */
#container div.acordion:before,
#container div.acordion:after {
    content:"";
    display:table;
}
 
#container div.acordion:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
#container div.acordion {
    zoom:1;
}


#container div.acordion h2.title {
	font-family: 'Yanone Kaffeesatz', 'Myriad Pro', sans-serif;
	font-size: 320%;
	font-weight: normal;
	margin:5px 0 0;
	color: #9D958C;
	text-shadow: white 1px 1px 0px;
}
#container div.acordion p.title {
    background: none;
    color: white;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    line-height: 1.2;
    margin: 0px 0px 0px 20px;
    position: absolute;
    right: 15px;
    text-align: left;
    text-shadow: black 0px 0px 2px;
    top: 135px;
    width: 195px;
}
#container div.acordion p.top {
    color: #B60F36;
	text-shadow: #DEDEDE 1px 1px 0px;
    font-size: 15px;
    position: absolute;
    top: 20px;
    right: 10px;
}
#container:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
/*  Accordion  */
*+html #container div.acordion p.title {
    position: absolute;
    right: 15px;
    top: 235px;
    width: 240px;
}
*+html #container div.acordion p.title_ja {
    position: absolute;
    right: 15px;
    top: 235px;
    width: 240px;
}
div.box_acc {
    background: url(../images/4rd/acc/bg.jpg) right 0 no-repeat;
    margin: 10px 0px;
    height: 230px;
}
ul.accordion {
    position: absolute;
    right: 5px;
    width: 700px;
}
ul.accordion li.bg5 {
    background-image: url(../images/4rd/acc/business.jpg);
    border-left: 1px solid #ccc;
}
ul.accordion li.bg4 { background-image: url(../images/4rd/acc/bilingual.jpg) }
ul.accordion li.bg1 { background-image: url(../images/4rd/acc/kids.jpg) }
ul.accordion li.bg2 { background-image: url(../images/4rd/acc/japanese.jpg) }
ul.accordion li.bg3 { background-image: url(../images/4rd/acc/abroad.jpg) }
ul.accordion li {
    -moz-box-shadow: 3px 1px 3px #ccc;
    -webkit-box-shadow: 3px 1px 3px #ccc;
    background-color: white;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-bottom: 2px solid white;
    border-left: 1px solid #DEDEDE;
    border-right: 2px solid white;
    border-top: 1px solid #DEDEDE;
    box-shadow: 3px 1px 3px #ccc;
    display: block;
    float: left;
    height: 225px;
    overflow: hidden;
    position: relative;
    width: 94px;
}
ul.accordion li div.bgDescription {
    background: transparent url(../images/4rd/acc/bgDescription.png) repeat-x top left;
    bottom: 0px;
    display: none;
    height: 225px;
    left: 0px;
    position: absolute;
    width: 100%;
}
ul.accordion li div.description {
    display: none;
    left: 0px;
    position: absolute;
    top: 80px;
}
ul.accordion li div.description p.actext a {
    color: white;
    font-family: 'Trebuchet MS', sans-serif;
    line-height: 1.4;
}
ul.accordion li div.description div.actext {
    background-color: black;
    opacity: 0.7;
    padding: 5px 10px 5px 5px;
	width: 293px;
}
ul.accordion li div.description a:hover { text-decoration: none }

ul.accordion li div.heading {
    background-color: #fff;
    margin-top: 20px;
    opacity: 0.9;
}


ul.accordion li div.heading p {
    color: #000;
	font-weight: bold;
    font-family: 'Trebuchet MS', sans-serif;
    padding: 3px 1px 3px 0;
    text-align: right;
	font-size: 12px;
}


/* -------------------- wrap box --------------------- */
#container div.wbox01 { border:1px solid #fff;padding: 8px 0px 10px 10px;width: 367px; }
/* For modern browsers */
#container div.wbox01:before,
#container div.wbox01:after {
    content:"";
    display:table;
}
 
#container div.wbox01:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
#container div.wbox01 {
    zoom:1;
}

#container div.wbox02 { border:1px solid #fff;padding: 8px 0px 0 8px;width: 311px; }
#container div.wrapbox { position:relative; }
/* For modern browsers */
#container div.wrapbox:before,
#container div.wrapbox:after {
    content:"";
    display:table;
}
 
#container div.wrapbox:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
#container div.wrapbox div.startinguide {
    zoom:1;
}


/* -------------------- cafetalk news --------------------- */
#container div.cafenews { width:321px; float:right; border:1px solid #ccc;margin: 0 0 20px;background: url(../images/4rd/BG/centerBack.gif) 0 0 repeat-x;height: 209px; }
*+html #container div.cafenews {
    border:1px solid #ccc;
}
#container div.cafenews h2 {
	font-family: 'Yanone Kaffeesatz', 'Myriad Pro', sans-serif;
	font-size: 320%;
	font-weight: normal;
	margin:5px 0 0;
	color: #9D958C;
	text-shadow: white 1px 1px 0px;
}
#container div.cafenews p {
	color: #CA0C38;
	margin: 2px 0px 5px;
	font-size: 14px;
}
#container div.cafenews ul {
	height: 120px;
	margin: 5px 5px 0px 0px;
	overflow: hidden;
}
#container div.cafenews li {
	background: url(/images/4rd/bullet_cup_14x12.png) no-repeat 3px 5px;
	border-bottom:1px dashed #FFF7EA;
	font-size: 12px;
	line-height: 1.6;
	padding: 5px 0 0;
	text-indent: 19px;
}

/* -------------------- starting guide --------------------- */
#container div.startinguide { width: 379px;float:left; border:1px solid #ccc;margin: 0 0 20px;background: url(../images/4rd/BG/centerBack.gif) 0 0 repeat-x;}
*+html #container div.startinguide {
    border:1px solid #ccc;
}
/* For modern browsers */
#container div.startinguide:before,
#container div.startinguide:after {
    content:"";
    display:table;
}
 
#container div.startinguide:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
#container div.startinguide {
    zoom:1;
}

#container div.startinguide h2 {
	font-family: 'Yanone Kaffeesatz', 'Myriad Pro', sans-serif;
	font-size: 320%;
	font-weight: normal;
	margin:5px 0 0;
	color: #9D958C;
	text-shadow: white 1px 1px 0px;
}
#container div.startinguide ul.top {
	left: 162px;
	position: absolute;
	top: 22px;
}
#container div.startinguide ul.down {

}
#container div.startinguide li {
	float: left;
	margin: 0px 6px 0px 0px;
	text-align: center;
	width: 67px;
}
#container div.startinguide li.blog {
	float: left;
	margin: 0px 6px 0px 0px;
	width: 68px;
}
#container div.startinguide li.skype {
	float: left;
	margin: 0;
	width: 68px;
}

#container div.startinguide li a span {
    color: #4A4442;
	display: block;
	font-size: 12px;
	margin: 2px 0px 0px;
}
#container div.startinguide li a span span {
	font-size: 11px;
	margin:0;
}
#container div.startinguide li a span:hover {
    color:#3196E1;
}
#container div.startinguide li a span span:hover {
	color:#3196E1;
}
#container div.startinguide li img {     
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width:57px;
    height:57px;
}
#container div.startinguide li.blog img {     
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width:68px;
    height:86px;
    border:1px solid #ccc;
}


#container div.startinguide li img:hover {     
    -moz-box-shadow:inset 0 1px 5px #ccc;
	-webkit-box-shadow:inset 0 1px 5px #ccc;
	box-shadow:inset 0 1px 5px #ccc;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border:1px solid #ccc;
    width:55px;
    height:55px;
}
#container div.startinguide li.blog img:hover {     
    -moz-box-shadow:inset 0 1px 5px #ccc;
	-webkit-box-shadow:inset 0 1px 5px #ccc;
	box-shadow:inset 0 1px 5px #ccc;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width:67px;
    height:85px;
    border: 2px solid #666;
}
#container div.startinguide p {
	color: #CA0C38;
	font-size: 115%;
	line-height: 1.2;
	margin: 5px 0px 20px;
	width: 145px;
}
#container div.startinguide p span {
    display: block;
    font-family: tahoma,sans-serif;
    font-size: 85%;
    color:#70675E;
}

/* -------------------- learning tips --------------------- */


p.museo {
    color: #9D958C;
    font-family: 'Yanone Kaffeesatz',Tahoma, sans-serif;
    font-size: 26px;
    padding: 0px 0px 0px 10px;
    text-shadow: #fff 1px 1px 0px;
}
div.contents_from_tutor {
    background: #EAE7E0;
    border-top: 1px solid white;
    margin: 0px 0px 30px;
    outline: 1px solid #DDD;
    padding: 10px 0;
    position: relative;
}
div.contents_from_tutor li {
    background: url(../images/4rd/bullet_cup_14x12.png) 7px 11px no-repeat #fff;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #FFF7EA;
    padding: 10px 9px;
}
div.contents_from_tutor li dd {
    color: #666;
    font-size: 11px;
    line-height: 1.4;
    margin: 6px 0 0;
    text-align: right;
}
div.contents_from_tutor li dd span {
    font-size: 13px;
    font-style: italic;
    padding: 0 3px;
    text-align: right;
}
div.contents_from_tutor li dt {
    font-size: 13px;
	font-weight:bold;
    line-height: 1.3;
    text-indent: 17px;
}

/* -------------------- Left colum --------------------- */
#leftcolum {
    float: left;
    width: 210px;
}
/* -------------------- support --------------------- */
#leftcolum ul.support li.skype p:hover {
    background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
    background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
    cursor: pointer;
}
/* -------------------- official blog --------------------- */
#leftcolum div.newTopics {
    border-top: 3px solid #70675E;
    margin: 0 0 20px;
}
#leftcolum div.newTopics li {
    background: url(../images/4rd/bullet_cup_14x12.png) 7px 11px no-repeat;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #FFF7EA;
    font-size: 12px;
    line-height: 1.3;
    padding: 10px 9px;
    text-indent: 17px;
}
#leftcolum div.newTopics li span {
    color: #666;
    font-size: 12px;
}
/* -------------------- online support skype --------------------- */

#leftcolum ul.skypetext {
    background-color: #F1F0DE;
    border: 1px solid #CCC;
    border-top: none;
    margin: 0px 0px 20px;
    padding: 0px 10px 10px;
    text-align: center;
    width: 188px;
}
#leftcolum ul.skypetext li {
    font-size: 12px;
}
#leftcolum ul.skypetext li.text_center {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #CCC;
    line-height: 1.4;
    padding: 10px 0px;
    text-align: center;
}
#leftcolum ul.skypetext li.text_bottom {
    border-bottom: 1px solid white;
    border-top: none;
    line-height: 1.4;
    padding: 10px 0px;
    text-align: center;
}
#leftcolum ul.skypetext li.text_top {
    background: url(../images/4rd/BG/cart.png) center 10px no-repeat;
    border-top: 1px solid #CCC;
    line-height: 1.4;
    padding: 45px 0px 0px;
    text-align: center;
    text-align: center;
}
/* -------------------- banner --------------------- */
#leftcolum ul.banner { margin: 0 0 10px }
#leftcolum ul.banner li.walk {
    background-color: #e0ddc8;
    height: 82px;
    margin: 0 0 10px;
}
#leftcolum ul.banner li.tutor_interview {
    background-color: #e0ddc8;
    height: 84px;
    margin: 0 0 10px;
}
#leftcolum ul.banner li.it {
background-color: #fff;
    height: 92px;
    margin: 0 0 10px;
}
#leftcolum ul.banner li { border: 1px solid #ccc }
#leftcolum ul.banner li img { border: 1px solid #f4f4f4 }
/* -------------------- ken's blog --------------------- */
#leftcolum ul.banner li.blog_ken {
    background-color: #fff;
    height: 132px;
	margin: 0px 0px 10px;
	text-align: center;
}
/* -------------------- summer campaign --------------------- */
#leftcolum ul.banner li.summer2011 {
    background-color: #fff;
    height: 99px;
    margin: 0px 0px 10px;
    text-align: center;
}

/* -------------------- student blog --------------------- */
#leftcolum ul.banner li.studentblog {
    background-color: #fff;
    height: 98px;
    margin: 0px 0px 10px;
    text-align: center;
}
/* -------------------- mobile cafe --------------------- */
#leftcolum ul.banner li.mobileCafe {
    background-color: #276c90;
    height: 94px;
    text-align: center;
}
/* -------------------- iPhone --------------------- */
#leftcolum ul.banner li.iphone {
    background-color: #aa1b36;
    height: 80px;
    margin: 10px 0;
    text-align: center;
}

/* -------------------- mobile cafe --------------------- */
#rightSide ul.banner li.mobileCafe {
    background-color: #276c90;
    height: 94px;
    text-align: center;
    margin:0 0 5px;
}
/* -------------------- right side Banner --------------------- */
#rightSide ul.banner li.iphone {
background-color: white;
height: 52px;
margin: 10px 0px;
}
#rightSide ul.banner li.app {
background-color: white;
height: 73px;
margin: 10px 0px;
}

#rightSide ul.banner li { border: 1px solid #ccc }
#rightSide ul.banner li img { border: 1px solid #f4f4f4 }

/* -------------------- social --------------------- */
#leftcolum dl.social { margin: 0 0 20px }
#leftcolum dl.social dd {
    margin: 2px 0 0;
    padding: 2px 0px 1px 3px;
}
#leftcolum dl.social dt {
    border-bottom: 3px solid #B7ADA4;
    color: #70675E;
    font-size: 13px;
    padding: 0 0 3px;
}

#link_more span,
#more_category span {
    display: block;
    margin: 0 0 5px;
    padding: 3px;
    position: relative;
    text-align: center;
    top: -12px;
}
p.euros {
    color: #b7ada4;
    font-family: tahoma,sans-serif;
    font-size: 13px;
    padding: 0 0 2px 0;
    text-align: right;
}
p.euros span { color: #70675e }
/* -------------------- #centercolum --------------------- */
/* -------------------- struttura --------------------- */
#centercolum {
    float: left;
    margin: 0 0 20px 0;
    width: 480px;
    zoom: 1;
}
#centercolum:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#centercolum h2 {
    color: #B60F36;
    font-size: 16px;
    font-weight: normal;
    margin: 15px 0px 10px 10px;
    text-shadow: #DEDEDE 1px 1px 0px;
}
/* -------------------- #mssage_from_tutor --------------------- */
#mssage_from_tutor {
    background: #EAE7E0;
    border-top: 1px solid white;
    margin: 0px 0px 30px;
    outline: 1px solid #DDD;
    padding: 10px 0;
    position: relative;
}
#mssage_from_tutor ul {
    background-color: #fff;
    padding: 0px 10px 10px;
}
#centercolum h2 a { color: #B60F36 }

/* -------------------- #user_feedback --------------------- */
#user_feedback {
    background: #EAE7E0;
    border-top: 1px solid white;
    margin: 0px 0px 30px;
    outline: 1px solid #DDD;
    padding: 10px 0;
    position: relative;
}
#centercolum h2 a:hover { color: #442B00 }
#user_feedback ul {
    background-color: #fff;
    height: 296px;
    overflow: hidden;
    padding: 0px 10px 10px;
    position: relative;
}
div.mssage_feed ul li {
    border-bottom: 1px solid #CCC;
    padding: 15px 0px 10px;
    position: relative;
}
div.mssage_feed ul li dd.mitt {
    color: #666;
    font-size: 12px;
    text-align: right;
}
div.mssage_feed ul li dd.imgs {
    background-color: #fff;
    border: 1px solid #ccc;
    left: 0;
    margin: 0;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 14px;
}
div.mssage_feed ul li dd.imgs:hover { border: 1px solid #666 }
div.mssage_feed ul li dt.feed { margin: 5px 0 5px 55px }
div.mssage_feed ul li dd.feed { margin: 0 0 0 55px }
div.mssage_feed ul li dd.rank {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #fff;
    border: 1px solid #c7b299;
    border-radius: 6px;
    height: 40px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 14px;
    width: 40px;
}
div.mssage_feed ul li dd.rank span.rate {
    height: 30px;
    left: 7px;
    position: relative;
    top: 8px;
    width: 30px;
}
div.mssage_feed ul li dd {
    color: #42210B;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 0 0 65px;
}
div.mssage_feed ul li dt {
    font-weight: bold;
    margin: 5px 0 5px 65px;
}
div.mssage_feed ul li dt span.mes {
    display: block;
    margin: 0 0 5px;
}
div.mssage_feed ul li dt span {
    color: #666;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 5px;
}
div.mssage_feed ul li dt span a {
    font-size: 13px;
    font-style: italic;
    margin: 0 5px 5px 0;
}
/* -------------------- Online tutor --------------------- */
#online_pros { margin: 0 0 20px }
#online_pros h3 {
    background: url(../images/4rd/BG/nowOnline.png) 0 0 no-repeat;
    font-weight: normal;
    height: 51px;
    margin: 0 5px 0 0;
    text-align: right;
    width: 480px;
}
#online_pros h3 span {
    position: relative;
    right: 7px;
    top: 22px;
}
/* -------------------- social share --------------------- */
#rightSide {
    float: right;
    width: 210px;
}
#rightSide ul.social_share {
    height: 50px;
    text-align: center;
}
#rightSide ul.social_share li.mx {
    float: left;
    margin: 0px 4px 0px 0px;
    width: 76px;
}
#rightSide ul.social_share li.tw {
    float: left;
    width: 55px;
}
#rightSide ul.social_share li.tw iframe { border: none }
#rightSide ul.social_share li.fb {
    display: block;
    float: right;
    height: 25px;
    overflow: hidden;
    position: relative;
    width: 71px;
}
#rightSide ul.social_share li.fb span {
    position: relative;
    top: -40px;
}
/* -------------------- contactform --------------------- */
#rightSide div.contactform {
    background-color: #f1f0de;
    border: 1px solid #ccc;
    border-top: 3px solid #70675E;
    margin: 0 0 20px;
    padding: 20px 0 0 0;
    text-align: center;
}
#rightSide div.contactform form { padding: 7px }
#rightSide div.contactform h4 {
    font-size: 13px;
    text-shadow: #fff 1px 1px 0px;
}
#rightSide div.contactform p {
    font-size: 12px;
    padding: 5px 10px;
}

/* -------------------- counselor --------------------- */
#rightSide ul.support {
    background-color: #F1F0DE;
    border-top: 3px solid #70675E;
    margin: 0 0 20px;
}
#rightSide ul.support li.croce {
    background: url(../images/4rd/BG/croce.png) center 7px no-repeat #f1f0de;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    margin: 0 10px 0px;
    padding: 35px 5px 10px;
    text-align: center;
    width: 180px;
}
#rightSide ul.support li.croce p.btn a {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #efefef;
    background: -webkit-gradient(linear, left top, left 25, from(#dadada), color-stop(6%, #efefef), to(#dadada));
    background: -moz-linear-gradient(top, #dadada, #efefef 2px, #dadada 25px);
    border: 1px solid #66868f;
    border-radius: 6px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    color: #336699;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 6px auto;
    padding: 7px 2px;
    text-shadow: #fff 1px 1px 0px;
    
}


#rightSide ul.support li.croce p.btn a:hover,
#rightSide ul.support li.croce p.btn a:focus {
    background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
    background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
    cursor: pointer;
    text-decoration: none;
}
#rightSide ul.support li.croce h3 {
    font-size: 15px;
    text-shadow: #fff 1px 1px 0px;
}
#rightSide ul.support li.croce p {
    font-size: 12px;
    line-height: 1.1;
    padding: 5px 0px;
}
/* -------------------- skype --------------------- */
#rightSide ul.support li.phone{
    background: url(../images/4rd/BG/phone.png) center 10px no-repeat;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #ccc;
padding: 45px 5px 10px;
margin: 0px 10px;
text-align: center;
width: 180px;
}
#rightSide ul.support li.phone p{
    line-height: 1.2;
    font-size:90%;
    margin:0 0 3px 0;
}
#rightSide ul.support li.phone p span{
color: #B60F36;
display:block;
font-weight: bold;
font-size:20px;
font-family: "Trebuchet MS", Helvetica, Garuda, sans-serif;
text-shadow: white 1px 1px 0px;
padding: 2px 0;
margin: 3px 0;
border:1px solid #B7ADA4;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #EAE7E0;
}
#rightSide ul.support li.phone h3{
font-size: 15px;
margin: 5px 0px;
text-shadow: white 1px 1px 0px;
}
#rightSide ul.support li.skype {
    background: url(../images/4rd/BG/bg_skype.png) center 10px no-repeat;
    border-bottom: 1px solid #fff;
    margin: 0px 10px;
    padding: 45px 5px 10px;
    text-align: center;
    width: 180px;
}


#rightSide ul.support li.skype span {
    font-size: 12px;
    line-height: 1.3;
}

#rightSide ul.support li.skype span.sk {
    font-size: 12px;
    line-height: 1.3;
	margin:5px 0 0;
	display:block;
}
#rightSide ul.support li.skype span.sk a {
    color:#990000;
	font-weight:bold;
}



#rightSide ul.support li.skype p a {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #efefef;
    background: -webkit-gradient(linear, left top, left 25, from(#dadada), color-stop(6%, #efefef), to(#dadada));
    background: -moz-linear-gradient(top, #dadada, #efefef 2px, #dadada 25px);
    border: 1px solid #66868f;
    border-radius: 6px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    color: #336699;
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin: 6px auto;
    padding: 5px;
    text-shadow: #fff 1px 1px 0px;
    width: 150px;
}
#rightSide ul.support li.skype p a:hover,
#rightSide ul.support li.skype p a:focus {
    background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
    background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
    cursor: pointer;
}
#rightSide ul.support li.skype h3 {
    color: #336699;
    font-size: 15px;
    margin: 5px 0 0;
    text-shadow: #fff 1px 1px 0px;
}
#rightSide ul.support li { padding: 7px }



/* -------------------- social --------------------- */
#main_twitter {
    background: #d4c7ae;
    margin: 0 0 20px;
    padding: 0px 3px 0px 7px;
    text-align: center;
    width: 200px;
}
#main_facebook {
    height: 285px;
    margin: 0 0 10px;
}

div.detail {
    height: 35px;
    position: relative;
    text-align: center;
}
/* -------------------- mobile --------------------- */
div#mobile_popup {
    -webkit-box-shadow: #333 5px 5px 10px;
    background-color: white;
    border: 5px solid #F6B22B;
    border-bottom-left-radius: 12px 12px;
    border-bottom-left-radius: 12px 12px;
    border-bottom-right-radius: 12px 12px;
    border-bottom-right-radius: 12px 12px;
    border-top-left-radius: 12px 12px;
    border-top-left-radius: 12px 12px;
    border-top-right-radius: 12px 12px;
    border-top-right-radius: 12px 12px;
    display: none;
    height: 138px;
    left: -80px;
    padding: 10px;
    position: absolute;
    width: 340px;
    z-index: 10;
}
/* -------------------- skype download --------------------- */
#skype_download li {
    background: url(../images/4rd/logo/skype.png) center 7px no-repeat #F1F0DE;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 3px solid #369;
    color: #369;
    padding: 40px 10px 10px;
    text-align: center;
}
#skype_download li span a {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #efefef;
    background: -webkit-gradient(linear, left top, left 25, from(#dadada), color-stop(6%, #efefef), to(#dadada));
    background: -moz-linear-gradient(top, #dadada, #efefef 2px, #dadada 25px);
    border: 1px solid #66868f;
    border-radius: 6px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    color: #336699;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 10px auto 0;
    padding: 7px 5px;
    text-shadow: #fff 1px 1px 0px;
    width: 150px;
}
#skype_download li span a:hover,
#skype_download li span a:focus {
    background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
    background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
    cursor: pointer;
}

/* -------------------- bottom / footer --------------------- */
#bottom {
    background:url(../images/4rd/BG/bg_foot.png) 0 0 repeat #CEC7BD;
    font-weight: normal;
    position: relative;
    top: 6px;
    width: 100%;
    z-index: 1;
}
#bottom h3.en {
	background-color:none;
	background-image:none;
    font-size: 22px;
	height: 30px;
    margin: 0px auto;
    padding: 35px 0px 0px;
    width: 960px;
	color: #CA0C38;
	font-weight: normal;
	text-shadow: #DEDEDE 1px 1px 0px;
}
#bottom h3 {
	background:url(../images/4rd/BG/bg_bottom.png) right 5px no-repeat;
    font-size: 22px;
	height: 30px;
    margin: 0px auto;
    padding: 35px 0px 0px;
    width: 960px;
	color: #CA0C38;
	font-weight: normal;
	text-shadow: #DEDEDE 1px 1px 0px;
}

*+html #bottom {
    background-color: #CEC7BD;
    left: 0;
    position: relative;
    top: 20px;
    width: 100%;
    z-index: 1;
}
#groups {
    clear: both;
    margin: 0 auto;
    padding: 30px 0;
    width: 960px;
    zoom: 1;
}
#groups ul.col {
    float: left;
    width: 240px;
}
#groups ul.col li {
    border-bottom: 1px solid #ABA7A5;
    border-top: 1px solid #D6D3D2;
    font-size: 12px;
    line-height: 1.4;
    margin: 0px 0px 0px 25px;
    padding: 5px;
}
#groups:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
/* dropdownmenu */
ul.dropdown-vertical *.dir {
    background-image: url(../images/4rd/BG/nav-arrow-right.gif);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 20px;
}


#floatdiv {
    height: 300px;
    left: -2px;
    position: absolute;
    top: 0;
    width: 44px;
    z-index: 30;
}

/* ------------------------------------------------------- *
    Footer Section
* --------------------------------------------------------*/
#footer {
    background-color: #6D6561;
    background: url(/resources/images/background/footer_bg.png);
    color: #f0eee1;
    padding: 0px 0px 25px;
    position: relative;
    top: 5px;
    width: 100%;
}
#footer .left_section {
    float: left;
	margin-right: 15px;
	min-height: 141px;
	width: 240px;
	padding: 0 10px 0 0;
}
#footer #copyright {
    clear: both;
    padding-top: 30px;
    text-align: center;
}
#footer div.box {
    height: 281px;
    margin: 0 auto;
    width: 960px;
}
#footer .right {
    float: right;
    margin-top: 25px;
    width: 125px;
}
#footer .left {
    float: left;
    margin-top: 44px;
    width: 820px;
}
#footer .left .notice {
    float: left;
    width: 310px;
}
#footer .left .notice li { margin-bottom: 3px }
#footer .left .notice li span {
    color: #999;
    font-size: 9px;
}
#footer h3 { margin-bottom: 6px }
#footer ul { list-style-type: none }
#footer ul li { 
	margin-bottom: 10px;
}
#footer ul li a { color: #f0eee1 }
#footer ul li a:hover { color: #3196e1 }
#footer a {
    color: #f0eee1;
    text-decoration: none;
}
#footer a:hover {
    color: #3196e1;
    text-decoration: underline;
}
.footer_wrapper {
    margin: 0 auto;
    width: 960px;
}
.social_icons a img { padding-top: 1px }
.social_icons a img:hover {
    -moz-border-radius: 6px;
    -moz-box-shadow: 0px 0px 6px #a19c7d;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0px 0px 6px #ccc;
    /*#dcd7bc; _NO__DOTCOMMA__AFTER__*/
    border-radius: 6px;
    box-shadow: 0px 0px 6px #ccc;
    nowhitespace: afterproperty;
}
.credit_mark { margin-top: 0px }