/* CLEARFIX */
div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
a:focus{
overflow:hidden;
}

#ittrain.top {}
#ittrain.top #centercol {}
#ittrain.top #centercol h1 {
background:url("/parts/images/jibun/ittr_title.jpg") no-repeat 0px 0px;
text-indent: -9999px;
width:500px;
height:88px;
}
#ittrain.top form {
margin:0px;
padding:0px;
}
#ittrain.top #headmenu {
margin-bottom: 5px;
}
/* All
--------------------------------------------------- */
.icon { padding: 0px 3px 0px 3px;}
#ittrain.top #centercol #lead ,
#ittrain.top #centercol #pickup ,
#ittrain.top #centercol #info ,
#ittrain.top #centercol #apology,
#ittrain.top #centercol #link,
#ittrain.top #centercol #all  {
margin: 0px 0px 20px 0px;
font-size:0.84em;
color: #444;
}
#ittrain.top #centercol #pickup div p,
#ittrain.top #centercol #info div p,
#ittrain.top #centercol #apology div p,
#ittrain.top #centercol #link div p,
#ittrain.top #centercol #all div p {
padding: 5px 5px 5px 17px;
}
#ittrain.top #centercol #pickup .q-box,
#ittrain.top #centercol #info .q-box,
#ittrain.top #centercol #apology .q-box,
#ittrain.top #centercol #link .q-box,
#ittrain.top #centercol #all .q-box {
margin: 5px 10px 5px 10px;
padding:1px;
border: 1px solid #9C9C9C;
}
#ittrain.top #centercol #lead div a,
#ittrain.top #centercol #pickup div a,
#ittrain.top #centercol #info div a,
#ittrain.top #centercol #apology div a,
#ittrain.top #centercol #link div a,
#ittrain.top #centercol #all div a {
color:#036;
}
#ittrain.top #centercol #lead div a:visited,
#ittrain.top #centercol #pickup div a:visited,
#ittrain.top #centercol #info div a:visited,
#ittrain.top #centercol #apology div a:visited,
#ittrain.top #centercol #link div a:visited,
#ittrain.top #centercol #all div a:visited {
color:#639;
}
#ittrain.top #centercol #pickup .in-box,
#ittrain.top #centercol #info .in-box,
#ittrain.top #centercol #apology .in-box,
#ittrain.top #centercol #link .in-box,
#ittrain.top #centercol #all .in-box {
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
margin-bottom:0px;
}
#ittrain.top #centercol .in-box p {
margin: 0px;
padding: 0px;
}
#ittrain.top #centercol .out-box {
padding-bottom: 3px;
margin-bottom:10px;
background:url("/parts/images/jibun/ittrain_boxfoot.gif") no-repeat left bottom ;
}

#ittrain.top #centercol h1 {border:0px solid #DDD;}
#ittrain.top #centercol h2 {
padding: 0px;
margin: 0px;
text-indent: -9999px;
font-size:12px;
}

/* LEAD
--------------------------------------------------- */
#ittrain.top #centercol #lead {
margin-bottom: 0px;
padding-bottom: 0px;
}
#ittrain.top #centercol #lead div p {
margin: 5px 7px 2px 7px;
padding: 0px;
}
#ittrain.top #centercol #lead ul {
marign:0px;
padding: 0px 7px 0px 7px;
float:right;
}
#ittrain.top #centercol #lead ul li {
background:url("/parts/images/jibun/ittr_icon01.gif") no-repeat 0px 6px;
display: inline;
border: 0px solid red;
padding: 5px 0px 5px 20px;
margin: 0px;
}

/* INFO
--------------------------------------------------- */
#ittrain.top #centercol #info h2 {background:url("/parts/images/jibun/ittrain_info_t.gif") no-repeat 0px 0px #FAFAFA; height: 25px;}
#ittrain.top #centercol #info dl ,
#ittrain.top #centercol #info dl dt ,
#ittrain.top #centercol #info dl dd {
padding: 0px;
margin: 0px;
}
#ittrain.top #centercol #info dl {padding: 2px 5px 2px 10px;}
#ittrain.top #centercol #info dl dt {
background:url("/parts/images/icon/speaker.gif") no-repeat 0px 3px ;
font-weight:bold;
padding-left: 15px;
margin: 2px 0px 2px 0px;
}
#ittrain.top #centercol #info dl dd {
padding-left: 15px;
padding-bottom: 5px;
}
#ittrain.top #centercol #info dl dd small { color:#777;}
#ittrain.top #centercol #info span {
display: block;
text-align:right;
}
#ittrain.top #centercol #info ul {
padding: 0px;
margin: 0px;
text-align:right;
}
#ittrain.top #centercol #info ul li {
background:url("/parts/images/jibun/ittr_icon01.gif") no-repeat 0px 6px;
display: inline;
border: 0px solid red;
margin: 5px;
padding: 5px 0px 5px 20px;
}


/* Q-BOX common
--------------------------------------------------- */
#ittrain.top #centercol .q-box .theme-box {
height: 100%;
}
#ittrain.top #centercol .q-box .theme-box strong{
display: block;
float: left;
width: 350px;
margin-left: 5px;
color: #336;
}
#ittrain.top #centercol .q-box .theme-box span {
display: block;
float: right;
margin: 2px;
text-indent: -9999px;
background-color: #DDD;
}
#ittrain.top #centercol .q-box .theme-box span.b-rss {
background:url("/parts/images/jibun/ittr_rss.gif") no-repeat 0px 0px;
}
#ittrain.top #centercol .q-box .theme-box span.b-close {
background:url("/parts/images/jibun/ittr_close_off.gif") no-repeat 0px 0px;
}
#ittrain.top #centercol .q-box .theme-box span.b-close a.on {
background:url("/parts/images/jibun/ittr_close.gif") no-repeat 0px 0px;
}
#ittrain.top #centercol .q-box .theme-box span.b-open {
background:url("/parts/images/jibun/ittr_open_off.gif") no-repeat 0px 0px;
}
#ittrain.top #centercol .q-box .theme-box span.b-open a.on {
background:url("/parts/images/jibun/ittr_open.gif") no-repeat 0px 0px;
}
#ittrain.top #centercol .q-box .theme-box span a {
display: block;
width : 13px;
height: 13px;
}
#ittrain.top #centercol .q-box .theme-box span.b-rss a {
width : 22px;
}
#ittrain.top #centercol .q-box .menu-box {
height: 100%;
background-color: #F7F7F7;

}
#ittrain.top #centercol .q-box .menu-box ul {
margin-left   : auto;
margin-right  : auto;
margin-top    : 0px;
margin-bottom : 0px;
padding : 0px;
width: 99%;
list-style: none;
border-top: 1px solid #CCC;
}
#ittrain.top #centercol .q-box .menu-box ul li {
margin-top: 2px;
height: 17px;
border-left: 1px solid #FFF;
float: left;
}
#ittrain.top #centercol .q-box .menu-box ul li.b-past {
text-indent: -9999px;
width: 30%;
background:url("/parts/images/jibun/ittr_b_past.gif") no-repeat 0px 0px;
margin-left: 3px;
}
#ittrain.top #centercol .q-box .menu-box ul li.b-past a {
display: block;
width: 100%;
}
#ittrain.top #centercol .q-box .menu-box ul li.b-day {
width: 35%;
padding-left: 10px;
}
#ittrain.top #centercol .q-box .menu-box ul li.b-day span {
text-indent: -9999px;
display: block;
float:left;
height: 17px;
width : 44px;
margin: 0px 3px 0px 3px;
}
#ittrain.top #centercol .q-box .menu-box ul li.b-day span a {
display: block;
height: 17px;
width : 44px;

}
#ittrain.top #centercol .q-box .menu-box ul li.b-day span.b-before {
background:url("/parts/images/jibun/ittr_b_before.gif") no-repeat 0px 0px;
}
#ittrain.top #centercol .q-box .menu-box ul li.b-day span.b-before a.off {
background:url("/parts/images/jibun/ittr_b_before_off.gif") no-repeat 0px 0px;
}
#ittrain.top #centercol .q-box .menu-box ul li.b-day span.b-today {
background:url("/parts/images/jibun/ittr_b_today.gif") no-repeat 0px 0px;
}
#ittrain.top #centercol .q-box .menu-box ul li.b-day span.b-today a.off {
background:url("/parts/images/jibun/ittr_b_today_off.gif") no-repeat 0px 0px;
}
#ittrain.top #centercol .q-box .menu-box ul li.b-day span.b-next {
background:url("/parts/images/jibun/ittr_b_next.gif") no-repeat 0px 0px;
}
#ittrain.top #centercol .q-box .menu-box ul li.b-day span.b-next a.off {
background:url("/parts/images/jibun/ittr_b_next_off.gif") no-repeat 0px 0px;
}
#ittrain.top #centercol .q-box .menu-box ul li.b-theme {
text-indent: -9999px;
width: 30%;
background:url("/parts/images/jibun/ittr_b_theme.gif") no-repeat right top;
}
#ittrain.top #centercol .q-box .menu-box ul li.b-theme a {
display: block;
width: 100%;
}

/* PICKUP
--------------------------------------------------- */
#ittrain.top #centercol #pickup h2 {
background:url("/parts/images/jibun/ittrain_pickup_t.gif") no-repeat 0px 0px;
height: 33px;
}
#ittrain.top #centercol #pickup .q-box {}
#ittrain.top #centercol #pickup .q-box .theme-box {
border-bottom: 1px solid #CCC;
background:url("/parts/images/jibun/ittr_all_qbox_bar.gif") repeat-x 0px bottom;
}
#ittrain.top #centercol #pickup .q-box .theme-box strong {margin-top: 2px;}

#ittrain.top #centercol .quiz-box {height: 110px ; _height: 100px ;}

#ittrain.top #centercol #pickup .quiz-box {padding: 0px 5px 0px 5px;}
#ittrain.top #pickup .quiz-box {
border-left: 1px solid #BBB;
border-right: 1px solid #BBB;
padding: 10px !important;
background-color: #EFF7FF;
}
#ittrain.top #pickup .theme-box {
border: 1px solid #BBB;
border-bottom: none;
padding: 3px 3px 3px 2px !important;
}
#ittrain.top #pickup .menu-box {
border: 1px solid #BBB;
border-top: none;
padding:2px;
}

/* ALL 
--------------------------------------------------- */
#ittrain.top #centercol #all h3 {
margin : 10px 10px 0px 10px;
padding: 4px 0px 0px 8px;
font-size:1.00em;
color: #FFF;
height: 18px;
}
#ittrain.top #centercol #all h3.t-db { background:url("/parts/images/jibun/ittr_tb4_title_db.gif") no-repeat 0px 0px;}
#ittrain.top #centercol #all h3.t-lg { background:url("/parts/images/jibun/ittr_tb4_title_lg.gif") no-repeat 0px 0px;}
#ittrain.top #centercol #all h3.t-nw { background:url("/parts/images/jibun/ittr_tb4_title_nw.gif") no-repeat 0px 0px;}
#ittrain.top #centercol #all h3.t-os { background:url("/parts/images/jibun/ittr_tb4_title_os.gif") no-repeat 0px 0px;}
#ittrain.top #centercol #all h3.t-bz { background:url("/parts/images/jibun/ittr_tb4_title_bz.gif") no-repeat 0px 0px;}
#ittrain.top #centercol #all .q-box {
border:1px solid #DEDEDE;
margin:1px 10px;
padding:1px;
font-size:0.82em;
background:url("/parts/images/jibun/ittr_all_qbox_bar.gif") repeat-x 0px bottom;
}
#ittrain.top #centercol #all h2 {
background:url("/parts/images/jibun/ittrain_all_t.gif") no-repeat 0px 0px;
height: 33px;
}
#ittrain.top #centercol #all .q-box .theme-box {}
#ittrain.top #centercol #all .q-box .theme-box strong {margin-top: 4px;}
#ittrain.top #centercol #all .quiz-box {padding: 0px 5px 0px 5px;}
#ittrain.top #all .quiz-box {
padding: 10px !important;
background-color: #F7F7F7;
}
#ittrain.top .quiz-box .untie {
border: 0px;
padding-top:2px;
}
#ittrain.top #all .theme-box {
padding: 3px 3px 3px 2px !important;
}
#ittrain.top #all .menu-box {
padding:2px;
}
#ittrain.top #all .menu-box,
#ittrain.top #all .quiz-box
{
}

/* apology
--------------------------------------------------- */
#ittrain.top #centercol #apology h2 {background:url("/parts/images/jibun/ittrain_apology_t.gif") no-repeat 0px 0px #FAFAFA; height: 25px;}
#ittrain.top #centercol #apology dl ,
#ittrain.top #centercol #apology dl dt ,
#ittrain.top #centercol #apology dl dd {
padding: 0px;
margin: 0px;
}
#ittrain.top #centercol #apology dl {padding: 2px 5px 2px 10px;}
#ittrain.top #centercol #apology dl dt {
background:url("/parts/images/icon/speaker.gif") no-repeat 0px 3px ;
font-weight:bold;
padding-left: 15px;
margin: 2px 0px 2px 0px;
}
#ittrain.top #centercol #apology dl dd {
padding-left: 15px;
padding-bottom: 5px;
}
#ittrain.top #centercol #apology dl dd small { color:#777;}
#ittrain.top #centercol #apology span {
display: block;
text-align:right;
}
#ittrain.top #centercol #apology ul {
padding: 0px;
margin: 0px;
text-align:right;
}
#ittrain.top #centercol #apology ul li {
background:url("/parts/images/jibun/ittr_icon01.gif") no-repeat 0px 6px;
display: inline;
border: 0px solid red;
margin: 5px;
padding: 5px 0px 5px 20px;
}

/* LINK
--------------------------------------------------- */
#link h2 {background:url("/parts/images/jibun/ittrain_link_t.gif") no-repeat 0px 0px #FAFAFA; height: 25px; text-indent: -9999px; font-size: 12px ; padding:0px; margin: 0px;}
#link p img {float: left; padding: 0px 2px 0px 0px;}
#link {
margin: 0px 0px 20px 0px;
font-size:0.84em;
color: #444;
}
#link div p {
padding: 5px 5px 5px 17px;
}
#link .q-box {
margin: 5px 10px 5px 10px;
padding:1px;
border: 1px solid #9C9C9C;
}
#link div a {
color:#036;
}
#link div a:visited {
color:#639;
}
#link .in-box {
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
margin:0px;
padding:0px;

}
.in-box p {
margin: 0px;
padding: 0px;
}
.out-box {
padding-bottom: 3px;
margin-bottom:10px;
background:url("/parts/images/jibun/ittrain_boxfoot.gif") no-repeat left bottom ;
}



/* LINK
--------------------------------------------------- */
#ittrain.top #centercol .filler-box {
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
height: 100%;
}
#ittrain.top #centercol .filler-box img {
border: 0px ;
float: left;
padding:2px;
}


/* RSS
--------------------------------------------------- */
#ittrain.top #centercol #rss-box {
border: 1px solid #DDD !important;
padding: 0px !important;
margin: 15px 0px !important;
background-color: #F4F4EC;
}
#ittrain.top #centercol #all table tbody td.past,
#ittrain.top #centercol #all table tbody td.theme,
#ittrain.top #centercol #all table tbody th.past,
#ittrain.top #centercol #all table tbody th.theme {
text-align:center;
}
#ittrain.top #centercol #rss-box h3 {
border-bottom: 1px solid #DDD ;
background: url("/parts/images/jibun/rss_bg.jpg") repeat-x 0px 0px;
padding: 3px 3px 3px 5px;
font-size:small;
margin: 0px;
color: #FFF;
}
#ittrain.top #centercol #rss-box ul ,
#ittrain.top #centercol #rss-box ul li {
padding: 0px;
marign: 0px;
}
#ittrain.top #centercol #rss-box ul {
padding: 3px;
margin: 3px !important;
list-style: none;
font-size: 1.13em;
border: 0px solid red;
background-color:#FFFFEA;
}
#ittrain.top #centercol #rss-box ul li {
margin: 4px ;
padding-left:45px;
background: url("/parts/images/icon/rss.gif") no-repeat 0px 0px;
}
#ittrain.top #centercol #link-box {
padding: 0px 10px 10px 18px !important;
margin-top: 0px !important;
}
#ittrain.top #centercol #link-box div {
border: 1px solid #DDD;
padding:0px !important;
marign: 0px 10px 10px 18px !important;
background-color: #F4F4EC;
}
#ittrain.top #centercol #link-box p {
font-size: 1.10em;
display: block;
border: 0px solid #DDD !important;
padding: 3px !important;
margin: 3px !important;
background-color: #FFF;
}
#ittrain.top #centercol #link-box h3 {
border-bottom: 1px solid #DDD ;
background-color: #FFF;
padding: 3px 3px 3px 5px;
font-size:small;
margin: 0px;
}


/* CLIPPING 080609
------------------------------------------------------------------------------*/
.clipBox {
border:1px solid #82aeeb;
font-family:Arial, Helvetica, sans-serif;
}
.clipBox .outer {
border:3px solid #c3d7f7;
}
.clipBox .heading {
background:#f3f7fb;
padding:6px;
font-size:12px;
color:#2f3065;
}
.clipBox .heading span {
color:#C00;
}
.clipBox .inner {
padding:8px;
}
.clipBox .inner p {
margin:0px;
font-size:12px;
color:#656565;
}
.clipBox .inner p small {
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
font-size:10px;
}
.clipTbl {
font-family:Arial, Helvetica, sans-serif;
}
.clipTbl .tmpl {
border-top:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
background:#efefef;
position:relative;
height:30px;
}
.clipTbl .tmpl .btn {
display:block;
height:20px;
text-indent:-9999px;
margin:0px;
padding:0px;
border:none;
position:absolute;
top:5px;
}
.clipTbl .tmpl .btn#allCheck {
background:url(/scenter/ittrain/images/btn_clip_all_select.gif) no-repeat 0px 0px;
width:82px;
left:5px;
}
.clipTbl .tmpl .btn#allReset {
background:url(/scenter/ittrain/images/btn_clip_all_unselect.gif) no-repeat 0px 0px;
width:60px;
left:92px;
}
.clipTbl .tmpl .btn#delite {
background:url(/scenter/ittrain/images/btn_clip_delete.gif) no-repeat 0px 0px;
width:45px;
left:157px;
}
.clipTbl .tmpl a.arrow {
position:absolute;
top:5px;
right:5px;
font-size:12px;
background:url(/scenter/ittrain/images/btn_clip_toppage.gif) no-repeat 0px 4px;
padding-left:14px;
}
.clipTbl table {
border-collapse:collapse;
}
.clipTbl table thead td {
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
font-size:x-small;
text-align:center;
color:#656565;
background:#f7f7f7;
padding:3px 10px;
}
.clipTbl table tbody td {
font-size:12px;
text-align:left;
color:#454545;
padding:5px 10px;
border-top:1px solid #efefef;
border-bottom:1px solid #efefef;
}
.clipTbl table tbody td strong {
color:#2f3065;
}
.clipTbl .noSave {
background:#f7f7f7;
padding:10px 20px;
}
.clipTbl .noSave p {
margin:0px 0px 10px;
font-size:12px;
color:#656565;
}
.clipTbl .noSave .inner {
background:#FFF;
padding:10px;
}
.clipTbl .noSave .inner p {
margin:0px;
font-size:14px;
font-weight:bold;
color:#656565;
line-height:150%;
}

.colBoxGoogleAd{
margin: 15px 0px 0px;
text-align: center;
}
