@charset "utf-8";

/***************************************

common  

****************************************/

*{
margin:0;
padding:0;
}

body{
background-color:#80A7C6;
position:relative;
behavior:url("/common/js/csshover3.htc");
background:url("/common/img/newprogram/new_training_bg3.gif") no-repeat fixed center center white;
}


a{
color:#000000;
}

#base{
background-color: transparent;
}

.toTop {
margin-bottom: 10px;
margin-right: 21px;
text-align: right;
}

#header {
background-color:#ffffff;
}

div#header{
margin:0;
padding:0 10px;
}

div.social_button{
background-color: transparent;
/*margin-left: -30px;*/
padding: 5px 10px 0;
width: 980px;
margin:0 0 10px -10px;
}

.r_column_top div.social_button{
background-color: transparent;
left: 350px;
margin: 20px;
padding: 5px 10px 0;
position: absolute;
top: 250px;
}

/***************************************

body

****************************************/


div#headerBox{
position:relative;
margin: 0 10px 10px;
}


p.img_h1{
/*left: 0;*/
position: relative;
/*top: 10px;*/
margin:15px 0 0;
}

#wrapper{
position:relative;
/*margin-bottom: -106px;*/
margin:0 10px;
}

/*
h1{
position:absolute;
top:0;
z-index:1;
left:0;
}
*/

/* ブログ *********************************/

#top_menu .m_box{
margin-bottom:24px;
}

#top_menu .menuBox{
background-image:url("/common/img/international/in_menu_bg.gif");
background-repeat:no-repeat;
background-position:center;
width:304px;
height:304px;
float:left;
display: inline;
cursor:pointer;
position:relative;
opacity:0.8;
-ms-filter: "alpha( opacity=80 )";
filter: alpha( opacity=80 );
}

#top_menu .mar_l{
margin-left:24px;
}

#top_menu img{
cursor:pointer;
}

#top_menu .menuBox:hover{
background-image:url("/common/img/international/in_menu_bg_on.gif");
background-repeat:no-repeat;
background-position:center;
}

#top_menu .marker{
position:relative;
top:30px;
left:14px;
}

#top_menu .img_blog{
margin-left: 14px;
margin-top: 50px;
width: 248px;
}

/* 連載コラム *********************************/

#top_menu #column_box{
padding: 25px 30px;
margin-top:20px;
}

#column_box .text_column{
font-size:27px;
}

#column_box .author{
float:right;
margin-bottom:15px;
}

#column_box .c_1{
clear:both;
}

.c_2{
clear:both;
padding: 15px 30px;
}

/* ツアー *********************************/

#top_menu .img_tour{
margin-left: 35px;
margin-top: 50px;
width: 248px;
}


/* サービス *********************************/

#top_menu .img_service{
margin-left: 35px;
margin-top: 50px;
width: 248px;
}

.memo{
padding: 25px 30px;
}


/* インタビュー *********************************/

#top_menu .img_interview{
margin-left: 35px;
margin-top: 50px;
width: 248px;
}


/* 無料セミナー *********************************/

#top_menu .img_seminar{
margin-left: 14px;
margin-top: 64px;
}

#top_menu .s_date{
color: #E11558;
font-size: 26px;
font-weight: bold;
left: 35px;
letter-spacing: 0.2px;
position: absolute;
top: 70px;
}


/***************************************

連載コラム

****************************************/

/* 右カラム *********************************/

#contents{
margin-bottom:50px;
color:#ffffff;
}

#contents #rightBox{
float:right;
width:304px;
}

#colmun_contents .colbox_r img:hover, .l_backnumber img:hover{
background-color:#BBD8DB;
}

#column_r{
position:relative;
}

/*#leftBox #mainBgImg{
background-image:url("../img/international/main_bg_l2.gif");
height:500px;
opacity:0.5;
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
position:relative;
z-index:5;
padding:15px;
}

#mainBgImg #subBgColor{
background-color:#9D0D03;
height:100%;
opacity:0.5;
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
position:relative;
z-index:10;
}*/


/* test */

.r_column_top{

width:304px;
}

.r_column_middle{
background-image:url("/common/img/newprogram/new_training_box_s_mid.png");
background-repeat:repeat-y;
width:304px;
position:relative;
}

.r_column_bottom{
width:304px
}

#colmun_contents{
/*position: absolute;*/
/*top: 40px;*/
width: 100%;
/*z-index: 15;*/
height:100%;
padding:15px 0;
}

#colmun_contents #goindex {
color: #FFE2EB;
font-size: 14px;
left: 210px;
position: absolute;
text-align: right;
top: -22px;
}

#colmun_contents #goindex a{
color:#6D4B35;
}

#colmun_contents p.cr_title{
margin:-35px 35px 0;
}

#colmun_contents .colbox{
margin:0px 15px 15px;
}

#colmun_contents .bg_line{
background-image: url("/common/img/newprogram/td_divider_line.gif");
background-position: 120px center;
background-repeat: repeat-y;
}

#colmun_contents .colbox_r .tag{
height:70px;
}

#colmun_contents .colbox_r p{
width:115px;
}

#colmun_contents .colbox .colbox_r{
float:left;
width:115px;
display:inline;
}

#colmun_contents .colbox .colbox_r{
/*background-image:url("../img/international/divider_line.gif");
background-position:left top;
background-repeat:repeat-y;*/
display:inline;
float: right;
width: 154px;
}

.colbox_r .r_backnumber{
line-height: 150%;
margin-top: 16px;
text-align: center;
}

.colbox_l .l_backnumber{
line-height: 150%;
margin-top: 16px;
text-align: center;
}


/* testバックナンバー */

#colmun_contents .colbox .backnumber{
clear: both;
margin-left: 20px;
margin-right:25px;
/*padding-top: 30px;*/
line-height:16px;
}

#colmun_contents .l_np a{
color:#6D4B35;
}

#colmun_contents .l_np a:hover{
background-color:#FFE2EB;
}

#colmun_contents .colbox .backnumber dl{
margin-bottom:12px;
}

#colmun_contents .colbox .backnumber dt{
color:#6D4B35;
font-size:14px;
margin-bottom:5px;
}

#colmun_contents .colbox .backnumber dd{
font-size: 14px;
/*margin: -16px 10px 0 112px;*/
line-height:125%;
}

#colmun_contents .colbox .backnumber dd a{
color:#6D4B35;
}

#colmun_contents .colbox .backnumber dd a:hover{
background-color:#FFE2EB;
}


#colmun_contents .colbox .colbox_r p.title{
padding-left:13px;
height:70px;
}

#colmun_contents .colbox_r .b_side{
height:120px;
}

#colmun_contents .colbox .colbox_l p.b_side{
height:120px;
}

#colmun_contents .colbox .tour{
margin-left: 20px;
margin-top: 15px;
}

/* カテゴリーメニュー */

#colmun_contents .cat{
margin-left:130px;
}

#colmun_contents .colbox h2{
color:#6D4B35;
margin-left:20px;
margin-bottom:5px;
font-size:16px;
}

#colmun_contents .colbox ul{
margin:0 40px;
color:#6D4B35;
}


#colmun_contents .colbox li{
list-style-type:square;
font-size:14px;
margin-bottom:5px;
}


#colmun_contents .colbox li a{
color:#6D4B35;
}

#colmun_contents .colbox li a:hover{
background-color:#FFE2EB;
}

/* 左カラム *********************************/

#contents #leftBox{
float:left;
width:632px;
color:#000000;
overflow:hidden;
}

#leftBox h2{
font-size:31px;
margin:0 40px 20px;
}

#leftBox .blog_title {
font-size: 20px;
}

#leftBox .blog_title .titleInfo{
font-size: 18px;
margin-bottom: 0;
padding: 33px 30px 0;
line-height:130%;
font-weight:bold;
}

/** html #leftBox .blog_title .titleInfo{
padding: 70px 36px 33px;
}*/

#leftBox .blog_title a,
#leftBox p.postinfo a{
color:#6D4B35;
}

#leftBox .blog_title a:hover,
#leftBox p.postinfo a:hover{
background-color:#FFE2EB;
}


#leftBox .l_column_top{
background-image:url("/common/img/newprogram/new_trainig_box_b_top.gif");
background-position:top center;
*background-position:left top;
background-repeat:no-repeat;
width:632px;
}

#leftBox .l_column_middle{
background-image:url("/common/img/newprogram/new_trainig_box_b_mid.gif");
background-repeat:repeat-y;
width:632px;
}

#leftBox .l_column_bottom{
background-image:url("/common/img/newprogram/new_trainig_box_b_btm.gif");
background-position:bottom center;
*background-position:left bottom;
background-repeat:no-repeat;
width:632px;
}

#leftBox .l_contents{
padding:35px 14px;
}

#leftBox .tag_l{
width:126px;
height:20px;
color:#FFFFFF;
font-size:15px;
text-align:center;
line-height:20px;
}

#leftBox .col{
background-color:#418FB6;
}

#leftBox .col_c{
background-color:#C9050B;
}

#leftBox .tag_country{
height:21px;
margin: 20px 40px 15px;
}

#leftBox .underTitle{
margin:0 40px;
}

#leftBox .underTitle span{
margin-left: 15px;
position: relative;
top: 5px;
font-size:14px;
}

#leftBox .main_text{
/*margin: 0 25px 0 10px;*/
overflow:hidden; 
}

#leftBox .main_text .titleBox{
background-image: url("/common/img/newprogram/new_training_titlebg.gif");
background-position: center center;
background-repeat: no-repeat;
height: 120px;
width: 558px;
margin: 0 25px 20px 21px;
}

#leftBox .main_text p, h3{
font-size:14px;
line-height:140%;
margin-bottom:20px;
}

#leftBox .main_text p.postinfo {
color: #6D4B35;
font-size: 14px;
margin: 5px 30px 0;
line-height:100%;
}


#leftBox .main_text p span.bold{
font-weight:bold;
}

#leftBox .l_contents .blog_main{
border-bottom: 1px solid #000000;
margin-bottom: 30px;
padding-bottom: 70px;
}

#leftBox .l_contents .blog_main span{
font-size:16px;
}

#leftBox .blog_main h3{
background-image:url("/common/img/newprogram/icon_pencil.gif");
background-position: left center;
background-repeat: no-repeat;
color: #3DAFAF;
font-size: 23px;
font-weight: normal;
padding-left: 45px;
margin-bottom:20px;
}





/* #footer */

div#footer {
background-color: #FFFFFF;
font-size: 12px;
margin: 0;
padding: 0 18px;
/*position:absolute;*/
}

.ftContacTell , .ftContacMail , img.ftVarie{
margin-left:10px;
}






/* ▼「研修プログラム例」部分*/.ibox {
width:500px;
}.ibox table#programTable{
border-collapse: separate;
border-spacing: 1px;
width: 100%;
}

.ibox table#programTable td {
padding: 4px;
border-width:0px;
background-color:white;
text-align:center;
}

.ibox table#programTable td.tblTitle {
background-color:transparent;
color:white;
text-align:left;
height:29px;
padding:0px 0.5em;
}

.ibox table#programTable td.tblSubTitle1{
height:2em;
width: 35px;
padding:1px;
vertical-align:middle;
}

.ibox table#programTable td.tblSubTitle2{
height:2em;
width:406px;
padding:1px;
vertical-align:middle;
}

.ibox table#programTable td.tblSubTitle3{
height:2em;
width: 55px;
padding:1px;
vertical-align:middle;
}

.ibox table#programTable td * {
text-align:left;
}

.ibox table#programTable td center {
text-align:center;
}

table#programTable ul{
list-style:none outside;
line-height:1.6em;
margin-left:0px;
padding-left:0px;
}

table#programTable ul li{
list-style:none outside;
margin-left:0.5em;
padding-left:0px;
}

table#programTable ol{
list-style:decimal outside;
margin-left:0px;
padding-left:2.2em;
}

table#programTable ol li{
list-style:decimal outside;
margin-left:0px;
padding-left:0px;
}

table#programTable .style1,
table#programTable .emphasis{
line-height:1.6em;
font-weight:bolder;
}

.ibox table#programTable{background-color: #6D4B35;margin-bottom:20px;}
.ibox table#programTable td.tblSubTitle1,
.ibox table#programTable td.tblSubTitle2,
.ibox table#programTable td.tblSubTitle3{background-color: #CEB1AB;}
.ibox table#programTable .style1,
.ibox table#programTable .emphasis{color: #666666}

div.global_link {
position: absolute;
top: 2px;
left: 884px;
}
