@charset "shift_jis";

*{
border:0 none;
margin:0;
padding:0;
outline:none;


}

hr {
  display : none;
}


html{
height:100%;

}


body{

height:100%;
font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
font-size:10pt;
line-height:1.3em;

}

/*リンク情報*/
#main  a:link      { color : #556fb5;  text-decoration : none;} 
#main  a:visited   { color : #556fb5;  text-decoration : none;  } 
#main  a:hover     { color : #556fb5;  text-decoration : underline; } 
#main  a:active    { color : #556fb5;  text-decoration : underline; } 


h3{
padding:20px;
font-size:18px;
}
h4{
border-bottom:1px solid #D4D4D4;
font-size:14px;
margin-bottom:5px;
padding-bottom:3px;
color:#717171;
}

/*manaba専用*/

.manaba h3{
color:#9cc716;

}



.manaba{
background:url(body_back.gif) repeat-x top center;

color:#333333;
}

#header{


margin:0 auto;
width:950px;
}


#container{
width:100%;
min-height: 100%;

}
#main{
background:url(main_back.gif) repeat-y center top;
width:950px;
height: auto !important;
height:100%px;
min-height: 800px;
margin :0 auto;
overflow:hidden;

}
#left{
background:transparent url(left_top.gif) no-repeat scroll 0 0;
float:left;
padding:0 10px 0 41px;
width:220px;

}
#center{
background:transparent url(center_top.gif) no-repeat scroll 0 0;
float:right;
padding:20px 48px 0 10px;
width:621px;
height:100%;
}



/* header内*/



#header li{
list-style:none;

}


#header .div1{
width:950px;
height:120px;
margin: 0 auto;
position:relative;
}

.topmenu{
height:0;
text-indent:-9999px;
font-size:0px;
}


/*更新情報box-------------------------------------------------*/
.news-box{
width:100%;
overflow:hidden;
padding-top:30px;
}

.news-box h3{
font-size:0px;
padding:0;
}
.news-box-top{
background:url(news_box_top_manaba.gif) no-repeat top center;
text-indent:-9999px;
height:50px;

}
.folio .news-box-top{
background:url(news_box_top_folio.gif) no-repeat top center;
text-indent:-9999px;
height:50px;

}

.common .news-box-top{
background:url(news_box_top_common.gif) no-repeat top center;
text-indent:-9999px;
height:50px;

}
.news-box-body{
background:url(news_box_body_manaba.gif) repeat top center;
padding-top:10px;
margin: 0 auto;
padding-left:20px;
height:550px;/*ここの値を変える（manaba,folioページ用）*/
}

.common .news-box-body{
background:url(news_box_body.gif) repeat top center;
margin: 0 auto;
padding-left:20px;
height:4650px;/*ここの値を変える（共通ページ用）*/
overflow:hidden;
}

.news-box-bottom{
background:url(news_box_bottom_manaba.gif) no-repeat top center;
height:20px;

}

.common .news-box-bottom{
background:url(news_box_bottom.gif) no-repeat top center;
height:20px;

}


/*manaba専用---------------------------------------------------------------*/

.manaba #header{
height:120px;
background:transparent url(header.gif) no-repeat scroll center top;

}


.manaba .manaba-logo{
background:transparent url(manaba_logo.gif) no-repeat scroll 0 0;
display:block;
height:92px;
left:42px;
position:absolute;
text-indent:-9999px;
top:26px;
width:212px;
}

.manaba .folio-logo a{
background:transparent url(folio_logo_link.gif) no-repeat scroll 0 0;
display:block;
height:116px;
left:273px;
position:absolute;
text-indent:-9999px;
top:4px;
width:239px;
}

.manaba .folio-logo a:hover {
background:transparent url(folio_logo_link.gif) no-repeat scroll 0 -116px;
display:block;
height:116px;
left:273px;
position:absolute;
text-indent:-9999px;
top:4px;
width:239px;
}



.manaba .topnavi{
background:transparent url(top_navi.gif) no-repeat scroll 0 0;
height:68px;
position:absolute;
right:46px;
width:133px;

}


.to-top a{
background:transparent url(navi_totop.gif) no-repeat scroll 0 0;
display:block;
height:18px;
position:absolute;
right:15px;
text-indent:-9999px;
top:10px;
width:108px;

}

.to-top a:hover{
background-position:0 -18px;
}


.to-blog a{
background:transparent url(navi_blog.gif) no-repeat scroll 0 0;
display:block;
height:18px;
position:absolute;
right:15px;
text-indent:-9999px;
top:38px;
width:108px;

}

.to-blog a:hover{
background-position:0 -18px;
}

.manaba #main #center h2{
height:62px;
text-indent:-9999px;
width:620px;
}



/* manaba メニューバー------------------------------------------------------*/

#left li{
list-style:none;

}


#left .main-menu{

border-top:1px solid #E2E2E2;
margin-top:10px;
width:217px;
}
.main-menu li{
text-indent:-9999px;
display :block;
width:217px;
height:50px;

}


.manaba #left .main-menu a{
display:block;
width:217px;
height:50px;
background-image:url(menu_button.gif);
background-repeat:no-repeat;

}
.manaba_about a{
}
.manaba_about a:hover{
background-position:-440px 0;
}

.manaba .about .current a{
background-position:-220px 0;
}

.manaba_function a{
background-position:0 -50px;
}

.manaba .function .current a{
background-position:-220px -50px;
}

.manaba_function a:hover{
background-position:-440px -50px;
}

.manaba_case a{
background-position: 0 -100px;
}

.manaba .case .current a{
background-position: -220px -100px;
}

.manaba_case a:hover{
background-position:-440px -100px;
}

.manaba_version a{
background-position: 0 -150px;
}

.manaba .version .current a{
background-position:-220px -150px;
}

.manaba_version a:hover{
background-position:-440px -150px;
}

.manaba_faq a{
background-position:0 -200px;
}

.manaba .faq .current a{
background-position:-220px -200px;
}

.manaba_faq a:hover{
background-position:-440px -200px;
}

.manaba_inquiry a{
background-position: 0 -250px;
}

.manaba_inquiry a:hover{
background-position:-440px -250px;
}

.demo-menu{
padding-top:50px;
text-indent:-9999px;
}

.manaba_demo a{
background:transparent url(demo_button.gif) no-repeat scroll 0 0;
display:block;
height:60px;
margin:0 auto 0 7px;

width:196px;

}

.manaba_demo a:hover{
background-position: 0 -60px;


}


/* h2 -------------------------------------------------------------------*/
.manaba .about h2{
background:transparent url(h2_aboutmanaba.gif) no-repeat scroll 0 0;

}
.manaba .function h2{
background:transparent url(h2_function.gif) no-repeat scroll 0 0;
}

.manaba .case h2{
background:transparent url(h2_casemanaba.gif) no-repeat scroll 0 0;
}

.manaba .version h2{
background:transparent url(h2_versionmanaba.gif) no-repeat scroll 0 0;
}
.manaba .faq h2{
background:transparent url(h2_faqmanaba.gif) no-repeat scroll 0 0;
}

.manaba .demo h2{
background:transparent url(h2_demomovie.gif) repeat-x scroll 0 0;
}

/* manaba about manabaについて--------------------------------------------*/

div.manaba-image{
  height : 567px;
  margin-left : auto;
  margin-right : auto;
  padding-bottom : 10px;
  position : relative;
  width : 470px;
}

div.image-text-01 {
position : absolute;
top : 130px;
left : 250px;
width: 230px;
height : 110px;
}

div.image-text-02 {
position : absolute;
top : 290px;
left : 10px;
width: 220px;
height : 110px;
}



/* manaba function　機能紹介------------------------------------------------*/


.function-header-01{
height:20px;
background : url("function-header-01.gif") no-repeat;
  color :  #888888 !important;
  font-size : 110%;
  font-weight : bold;
  padding-top:20px;
  margin-bottom:10px;
}

.function-header-02{
height:20px;
background : url("function-header-02.gif") no-repeat;
  color :  #888;
  font-size : 110%;
  font-weight : bold;
  padding-top:20px;
  margin-bottom:10px;
}

.function-header-03{
height:20px;
background : url("function-header-03.gif") no-repeat;
  color :  #888;
  font-size : 110%;
  font-weight : bold;
  padding-top:20px;
  margin-bottom:10px;
}


div.function-chart{
width :500px;
  margin-bottom:20px;
}


div.function-chart-student{
width: 132px;
padding:0 4px;
float:left;
}

div.function-chart-student div{
  font-weight : bold;
  text-align:left;
}

div.function-chart-student img{
  vertical-align:middle;
}



.function-chart-screen{
display : block;
float:left;
}


div.function-chart-teacher{
width: 132px;
padding:0 4px;
float:left;
}

div.function-chart-teacher div{
  font-weight : bold;
  text-align:right;
}

div.function-chart-teacher img{
  vertical-align:middle;
}


dl.list-function {
  padding-left :2em;
}

.list-function dt{
  color : #8cc62b;
  font-weight : bold;
border-bottom: 1px dashed #8cc62b;
}

.list-function dd{
margin-bottom: 1em;
  padding-left :2em;
}


/*
導入事例ページ用-------------------------------------------------------
*/
div.case_logo {
  position: relative;
}

span.case_logo {
position:absolute;
right:20px;
top:-25px;
}

.q_a_box_top {
  background: url("q_a_box_top.gif") top center no-repeat;
  padding: 10px 10px 0 10px;
  margin: 20px 0 0 0;
}

.q_a_box_bottom {
  background: url("q_a_box_bottom.gif") bottom center no-repeat;
  padding: 0 10px 1px 10px;
  min-height:30px; 
  height:auto !important; 
  height:30px;
}

.question {
  padding: 0 0 5px 30px;
  color : #888;
  font-weight : bold;
  border-bottom: 1px dashed #8cc62b;
  background: url("question.gif") top left no-repeat;
  font-size : 100%;
  margin :0;
}

.answer {
  padding: 5px 0 0 30px;
  background: url("answer.gif") top left no-repeat;
}

.manabacase02 img{
text-align:right;
padding-top : 10px !important;
}

.relationpage {
  text-align:right;
}

.q_a_end {
  border-bottom: 1px dashed #8cc62b;
  margin: 0 0 30px 0;
}


.case .case_list{
border:1px dotted #8CC62B;
padding:5px 10px;
width:548px;
}

.case .case_list th span{
color:#8CC62B;
font-size:15px;
font-weight:bold;
padding-right:25px;
}
.case .case_list th{
padding-bottom:5px;
text-align:left;
}



/*
導入事例：インタビューの文字
*/


.manabacase01 {
text-align:right;
width : 436px;
  line-height : 1.1em !important;
  padding-right:50px;
}


.manabacase02 {
text-align:right;
width : 214px;
  line-height : 1.1em !important;
}

.manaba .case .msg-header{
margin-bottom:10px;

}



/*よくあるご質問---------------------------------------------------*/

dl.list-faq{
  margin-bottom : 1.3em;
}

dl.list-faq dt{
  color : #888;
  font-weight : bold;
  text-indent : 2em;
}

dl.list-faq dd{
  margin-bottom : 10px;
}

dl.list-faq ul{
  color : #556fb5;
  padding-left : 5em;
  list-style-type : decimal;
  list-style-position : outside;
}






/*msg box内--------------------------------------------------------*/
.msg-box{
padding-bottom:40px;
padding-left:30px;
width:590px;

}
.msg-text{
color:#888888;
line-height:1.5em;
padding-right:20px;

}

.msg-text p {
margin-bottom:1.3em;
}

.msg-text strong {
color:#8CC62B;
font-weight:bold;
}


/*その他共通設定--------------------------------------------------------*/

.align {
clear:both;
float:none;
}

.pic-right {
display:block;
float:right;
padding-bottom:10px;
padding-left:10px;
}

.pic-left {
display:block;
float:left;
padding-bottom:10px;
padding-right:10px;
}

.pic-center {
display:block;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
}

.to-pagetop {
clear:both;
float:none;
margin-right:10px;
text-align:right;
}

/*画像コンテナ*/
div#test1container {
 /* 必須設定 - height, width で初期表示サイズを確定、position:relative は画像の相対位置決定用 */ 
height: 240px; 
position: relative; 
width: 220px;  /* 追加設定(もしあれば) */ 
float:left;
}


img#test1 {
display:block;
position:absolute;
visibility:hidden;
}

div#test2container {
height:128px;
margin:0 auto;
position:relative;
width:440px;
}
img#test2 {
display:block;
position:absolute;
visibility:hidden;
}



dl.list-function {
padding-left:2em;
}

.list-function dt {
border-bottom:1px dashed #8CC62B;
color:#8CC62B;
font-weight:bold;
}

.list-function dd {
margin-bottom:1em;
padding-left:2em;
}







/*ここからfooter*/



#footer{
background:transparent url(footer_back.gif) repeat-x scroll 0 0;
clear:both;
height:100px;
min-width:950px;
width:auto !important;
}



#footer .div1{
background:transparent url(footer_top.gif) no-repeat scroll 0 0;
height:100px;
margin:0 auto;
width:950px;
position:relative;
}

#footer .inc{
bottom:3px;
position:absolute;
right:10px;
color:#707070;
font-size:11px;
}


/*デモムービー用ページ*/

.movieflv{
display:block;
margin:0 auto;
width:480px;
}




/*インデックスページ*/
.toppage{

background:transparent url(index_back01.gif) repeat-x scroll 0 0;
}

.toppage #header{
position:relative;
height:60px;
width:860px;
}


.toppage .main-top{
margin:44px auto 0;
padding-top:0px;
width:860px;

}
.toppage .to-language {
background:transparent url(to-language.gif) no-repeat scroll 0 0;
height:37px;
position:absolute;
right:3px;
text-indent:-9999px;
top:0;
width:129px;
}

.toppage .to-language a{
background:transparent url(navi_toenglish.gif) no-repeat scroll 0 0;
display:block;
height:18px;
position:absolute;
right:11px;
text-indent:-9999px;
top:10px;
width:108px;
}

.toppage .to-language a:hover{
background-position:0 -18px;
}

.toppage .product-manaba{
background:transparent url(index_manaba.gif) no-repeat scroll 0 0;
float:left;
height:404px;
text-indent:-9999px;
width:429px;
position:relative;
font-size:0;
}

.toppage .product-folio{
background:transparent url(index_folio.gif) no-repeat scroll 0 0;
float:right;
height:404px;
text-indent:-9999px;
width:429px;
position:relative;
font-size:0;
}

.toppage .enter-button{
bottom:28px;
display:block;
height:55px;
left:130px;
position:absolute;
width:166px;

}


.toppage .products{
height:404px;
padding-bottom:20px;
}

.toppage .product-manaba a{

background:transparent url(manaba_enter.gif) no-repeat scroll 0 0;
}

.toppage .product-manaba a:hover{

background:transparent url(manaba_enter.gif) no-repeat scroll 0 -55px;
}

.toppage .product-folio a{
background:transparent url(folio_enter.gif) no-repeat scroll 0 0;

}

.toppage .product-folio a:hover{
background:transparent url(folio_enter.gif) no-repeat scroll 0 -55px;

}


.toppage .logoimage{
clear:both;
display:block;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
}
.toppage .isms-logo{
position:absolute;
right:20px;
top:30px;
}

.toppage #footer{
background:transparent url(index_back02.gif) repeat-x scroll 0 0;

}


.toppage #footer .div01{
background:transparent url(index_back02.gif) repeat-x scroll 0 0;
height:120px;
margin:0 auto;
text-align:center;
width:860px;
position:relative;
}


.toppage a{
color:#556FB5;
text-decoration:underline;
}

.toppage a:hover{
text-decoration:underline;

}





/*folio のみの設定*/


.folio{
background:url(folio_body_back.gif) repeat-x top center;

color:#333333;
}

.folio h3{
color:#FE6F41;

}


.folio .topnavi{
background:transparent url(folio_top_navi.gif) no-repeat scroll 0 0;
height:68px;
position:absolute;
right:46px;
width:133px;

}

.folio #header{
height:120px;
background:transparent url(folio_header.gif) no-repeat scroll center top;

}


.folio .folio-logo{
background:transparent url(folio_logo.gif) no-repeat scroll 0 0;
display:block;
height:92px;
left:42px;
position:absolute;
text-indent:-9999px;
top:26px;
width:212px;
}



.folio .manaba-logo a{
background:transparent url(manaba_logo_link.gif) no-repeat scroll 0 0;
display:block;
height:116px;
left:273px;
position:absolute;
text-indent:-9999px;
top:4px;
width:239px;
}

.folio .manaba-logo a:hover {
background:transparent url(manaba_logo_link.gif) no-repeat scroll 0 -116px;
display:block;
height:116px;
left:273px;
position:absolute;
text-indent:-9999px;
top:4px;
width:239px;
}

.folio .msg-text strong {
color:#FE6F41;
font-weight:bold;
}

.folio span.case_logo {
position:absolute;
right:20px;
top:-30px;
}



/*folio メニューバー*/

.folio #left .main-menu a{
display:block;
width:217px;
height:50px;
background-image:url(folio_menu_button.gif);
background-repeat:no-repeat;
}


.folio_about a{
background-position:0 0;
}

.folio .about .current a{
background-position:-220px 0;
}

.folio_about a:hover{
background-position:-440px 0;
}

.folio_function a{
background-position:0 -50px;

}
.folio .function .current a{
background-position:-220px -50px;

}

.folio_function a:hover{
background-position:-440px -50px;
}

.folio_case a{
background-position:0 -100px;
}

.folio .case .current a{
background-position:-220px -100px;
}

.folio_case a:hover{
background-position:-440px -100px;
}

.folio_faq a{
background-position:0 -150px;
}

.folio .faq .current a{
background-position:-220px -150px;
}

.folio_faq a:hover{
background-position:-440px -150px;
}


.folio_version a{
background-position:0 -200px;
}

.folio .version .current a{
background-position:-220px -200px;
}

.folio_version a:hover{

background-position:-440px -200px;
}

.folio .manaba_inquiry a{
background-position:no-repeat 0 -250px;
}

.folio .manaba_inquiry a:hover{
background-position:-440px -250px;
}


.folio_blanc{
display:block;
width:217px;
height:50px;
background:url(folio_menu_button.gif) no-repeat 0 -200px;
}



.folio_demo a{
background:transparent url(folio_demo_button.gif) no-repeat scroll 0 0;
display:block;
height:60px;
margin:0 auto 0 7px;
width:196px;

}

.folio_demo a:hover{
background-position:0 -60px;
}



/* folio h2*/

.folio #main #center h2{
height:62px;
text-indent:-9999px;
width:620px;
}

/* folio about*/
.folio .about h2{
background:transparent url(h2_aboutfolio.gif) no-repeat scroll 0 0;

}

.folio .version h2{
background:transparent url(h2_versionfolio.gif) no-repeat scroll 0 0;
}

/* folio function*/
.folio .function h2{
background:transparent url(h2_functionfolio.gif) no-repeat scroll 0 0;
}

/* folio caset*/
.folio .case h2{
background:transparent url(h2_casefolio.gif) no-repeat scroll 0 0;

}

.folio .case .case_list{
border:1px dotted #FE6F41;
}

.folio .case .case_list th span{
color:#FE6F41;
}


/* folio faq*/
.folio .faq h2{
background:transparent url(h2_faqfolio.gif) no-repeat scroll 0 0;

}

/* folio demo*/
.folio .demo h2{
background:transparent url(h2_demomovie_folio.gif) no-repeat scroll 0 0;
}


/*共通ページ用--------------------------------------*/

.common{
  background :url(demo_body_back.gif) repeat-x  #ffffff;
  font-family : "ＭＳ Ｐゴシック",Osaka,sans-serif;
  font-size : 10pt;
  line-height : 1.3em;
}
.common #header{
background:transparent url(blog_header_back.gif) no-repeat scroll center top;
height:120px;
margin:0 auto;
width:950px;
}

.common #main{
background-image:url(main_back_common.gif)
}

.common #left{
background:transparent url(left_top_common.gif) no-repeat scroll 0 0;

}

.common #header li{
list-style:none;

}
.common #center{
background:transparent url(center_top_common.gif) no-repeat scroll 0 0;

}
.common #footer .div1{

background:transparent url(footer_top_common.gif) no-repeat scroll 0 0;
}



.common #header .div1{
width:950px;
height:120px;
margin: 0 auto;
position:relative;
}

.common .topmenu{
height:0;
text-indent:-9999px;
font-size:0px;
}

.common .topnavi{
background:transparent url(blog_topnavi.gif) no-repeat scroll 0 0;
height:68px;
position:absolute;
right:46px;
width:133px;

}


.common .to-top a{
background:transparent url(navi_totop.gif) no-repeat scroll 0 0;
display:block;
height:18px;
position:absolute;
right:15px;
text-indent:-9999px;
top:10px;
width:108px;

}
.common .to-top a:hover{
background:transparent url(navi_totop.gif) no-repeat scroll 0 -18px;

}



.common .to-blog a{
background:transparent url(navi_blog.gif) no-repeat scroll 0 0;
display:block;
height:18px;
position:absolute;
right:15px;
text-indent:-9999px;
top:38px;
width:108px;

}
.common .to-blog a:hover{
background:transparent url(navi_blog.gif) no-repeat scroll 0 -18px;
}



.common .manaba-logo a{
background:transparent url(manaba_logo_link_common.gif) no-repeat scroll 0 0;
display:block;
height:116px;
left:33px;
position:absolute;
text-indent:-9999px;
top:4px;
width:239px;
}


.common .manaba-logo a:hover{
background:transparent url(manaba_logo_link_common.gif) no-repeat scroll 0 -116px;
}
.common .folio-logo a{
background:transparent url(folio_logo_link_common.gif) no-repeat scroll 0 0;
display:block;
height:116px;
left:273px;
position:absolute;
text-indent:-9999px;
top:4px;
width:239px;
}

.common .folio-logo a:hover{
background:transparent url(folio_logo_link_common.gif) no-repeat scroll 0 -116px;
}
.common #left .main-menu{

margin-top:40px;
}




.common .manaba_inquiry a{
display:block;
width:217px;
height:50px;
background:url(menu_button_common.gif) no-repeat 0 0;

}

.common .current a{
display:block;
width:217px;
height:50px;
background:url(menu_button_common.gif) no-repeat -220px 0;

}

.common .manaba_inquiry a:hover{
display:block;
width:217px;
height:50px;
background:url(menu_button_common.gif) no-repeat -440px 0;

}




/* 共通ページ：ニュース用*/

.common .news h2{
background:transparent url(h2_news.gif) no-repeat scroll 0 0;
height:62px;
text-indent:-9999px;
width:620px;
}

/* 共通ページ：お問い合わせ用*/

.mon-msg-error{
color:#ff0000;

}

.common .inquiry h2{
background:transparent url(h2_inquiry.gif) no-repeat scroll 0 0;
height:62px;
text-indent:-9999px;
width:620px;
}

.inquiry tbody{
}

.inquiry th{
  font-weight : normal;
  text-align : left;
  width : 180px;
}

.inquiry td{
  width : 300px;
}



.inquiry .msg-right{
float:right;
padding-top:10px;
width:220px;
}
.inquiry .msg-left{
 float:left;
 width:350px;
}

input{ 
  border : 1px solid #888;
  padding : 1px 4px;
}

.radio input{ 
  border : none;
  padding : 1px 4px;
}

textarea{
  border : 1px solid #888;
  font-family : "ＭＳ Ｐゴシック",Osaka,sans-serif;
  font-size : 10pt;
  padding : 2px 4px;
  line-height : 1.3em;
  width : 320px;
  height:121px;
}

select {
  border : 1px solid #888;
}

.common .msg-text strong {
color:#888888;
font-weight:bold;
}


/*共通ページニュースリスト*/
.news-list{
background:transparent;
color:#888888;
height:auto;
}

.news-list a{
color:#556FB5;
text-decoration:none;
}
.news-list a:hover{
text-decoration:underline;
}


/*インデックスニュース*/
.index-news{
color:#888888;
margin:0 auto;
/*width:590px;*/
width: 690px;
padding-bottom:10px;
}
.index-news img{
float:left;
padding-right:5px;
}
.index-text{
padding-top:3px;
}



/*=======ENGLISH=================*/

/*共通*/

.en,
.mailform-en{
font-family:Verdana,arial,sans-selif ;
}

.en .to-top a,
.mailform-en .to-top a{
background: url(navi_totop-en.gif) no-repeat scroll 0 0 ;
}
.en .to-top a:hover,.mailform-en .to-top a:hover{
background:transparent url(navi_totop-en.gif) 0 -18px !important;
}
.en .to-language a{
background:transparent url(navi_tojapanese.gif) no-repeat scroll 0 0 !important;
}

.en .to-language a:hover{
background:transparent url(navi_tojapanese.gif) no-repeat scroll 0 -18px !important;
}
.en .msg-box{
padding-bottom:40px !important;
padding-left:30px !important;
width:auto ;

}

.toppage .en .enter-button {
bottom:40px;
display:block;
height:55px;
left:130px;
position:absolute;
width:166px;
}


.toppage .en .product-manaba a {
background-image:url("manaba_enter-en.gif") ;
}
.toppage .en .product-manaba a:hover {
background: url("manaba_enter-en.gif") 0 -55px;
}

.toppage .en .product-folio a {
background-image:url("folio_enter-en.gif") ;
}
.toppage .en .product-folio a:hover {
background:url("folio_enter-en.gif") 0 -55px;
}


/* course */

.manaba .en  .topnavi{
background:transparent url(top_navi-en.gif) no-repeat scroll 0 0 !important;
height:37px;
position:absolute;
right:46px;
text-indent:-9999px;
top:0;
width:133px;
}

.manaba .en #left .main-menu a{
background-image:url(menu_button-en.gif) !important;
}

.en .manaba_demo a{
background:transparent url(demo_button-en.gif) no-repeat scroll 0 0;
}
.en .manaba_demo a:hover{
background-position:0 -60px;
}

.en .news-box-top {
background:url("news_box_top_manaba-en.gif") no-repeat scroll center top transparent !important;
}

/*h2*/
.manaba .en .about h2{
background:transparent url(h2_aboutmanaba-en.gif) no-repeat scroll 0 0 !important;

}
.manaba .en .function h2{
background:transparent url(h2_function-en.gif) no-repeat scroll 0 0 !important;
}

.manaba .en .case h2{
background:transparent url(h2_casemanaba-en.gif) no-repeat scroll 0 0 !important;
}

.manaba .en .version h2{
background:transparent url(h2_versionmanaba-en.gif) no-repeat scroll 0 0 !important;
}
.manaba .en .faq h2{
background:transparent url(h2_faqmanaba-en.gif) no-repeat scroll 0 0 !important;
}

.manaba .en .demo h2{
background:transparent url(h2_demomovie-en.gif) repeat-x scroll 0 0 !important;
}

.manaba .en div.function-chart-student img{
display:block;
}

/* about */
.en div.image-text-01 {
height:110px;
left:250px;
position:absolute;
top:120px;
width:230px;
}

.en div.image-text-02 {
position : absolute;
top : 275px;
left : 10px;
width: 220px;
height : 110px;
}
/*function */

.en div.function-chart{
width :571px;
  margin-bottom:20px;
}


.en div.function-chart-teacher {
padding-left:10px;
width:170px;
}
.en div.function-chart-teacher div {

font-weight:bold;
text-align:center;
}


/*folio */

.folio .en  .topnavi{
background:transparent url(folio_top_navi-en.gif) no-repeat scroll 0 0 !important;
height:37px;
position:absolute;
right:46px;
text-indent:-9999px;
top:0;
width:133px;
}

.folio .en #left .main-menu a{
background-image:url(folio_menu_button-en.gif) !important;
}

.en .folio_demo a{
background:transparent url(folio_demo_button-en.gif) no-repeat scroll 0 0;
}
.en .folio_demo a:hover{
background:transparent url(folio_demo_button-en.gif) no-repeat scroll 0 -60px;
}

.folio .en .news-box-top {
background:url("news_box_top_folio-en.gif") no-repeat scroll center top transparent !important;
}


.folio .en .about h2{
background:transparent url(h2_aboutfolio-en.gif) no-repeat scroll 0 0 !important;
}
.folio .en .version h2{
background:transparent url(h2_versionfolio-en.gif) no-repeat scroll 0 0 !important;
}
.folio .en .function h2{
background:transparent url(h2_functionfolio-en.gif) no-repeat scroll 0 0 !important;
}
.folio .en .case h2{
background:transparent url(h2_casefolio-en.gif) no-repeat scroll 0 0 !important;
}
.folio .en .faq h2{
background:transparent url(h2_faqfolio-en.gif) no-repeat scroll 0 0 !important;
}
.folio .en .demo h2{
background:transparent url(h2_demomovie_folio-en.gif) no-repeat scroll 0 0 !important;
}


.folio .en  .msg-text ol.ol-folio{
margin-left: 120px;
}

/* mailform*/

.common .mailform-en #center h2{
background:url("h2_inquiry-en.gif") no-repeat scroll 0 0 transparent !important;
}

.common .mailform-en #left .main-menu a{
background-image:url(menu_button_common-en.gif) !important;
}
.common .mailform-en  .topnavi{
background:transparent url("to-language.gif") no-repeat scroll 0 0 !important;
height:37px;
position:absolute;
right:46px;
text-indent:-9999px;
top:0;
width:133px;
}

.common .mailform-en  .radio input{
margin-right:5px;
}
.common .mailform-en  .radio{
line-height:1.6;
vertical-align:middle;
}

.common .mailform-en  .radio label{
height: 15px;
vertical-align:middle;
}
/* english toppage*/
.toppage .en .product-manaba{
background:transparent url(index_manaba-en.gif) no-repeat scroll 0 0 !important;
}

.toppage .en .product-folio{
background:transparent url(index_folio-en.gif) no-repeat scroll 0 0 !important;
}