/*
-----------------------------------------------
yu-kijuku import
Author:   Haruyuki Morikawa
Version:  02 Nov. 2011
----------------------------------------------- */

/*-------------------------------------------    
    top.css
-------------------------------------------*/


#header #topImage {
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background:#FFF url(common/images/2011062300_bg-main_top-nav.gif) repeat-x 0px 84%;
}

div#flash-mov {
clear:both;
width:595px;
margin:0px auto 10px;
padding-top:5px;
}
#mainText .informations {
    float:left;
    width:625px;

}
#bodyTop #contents {
}
#mainText .informations .infoCol {
    
}

#mainText .informations .infoCol .infoPurpose {
    width: 235px;
    float: left;

}

#mainText .informations .infoCol .infoMain {
    width: 370px;
    float: right;

}

#mainText .informations .infoCol h2 {
    padding: 0px 0px 6px 0px;
    margin: 0px 0px 6px 0px;
    background:url("../images/2010040700_dot-border.gif") repeat-x 0px 100%;
}


#mainText .informations .infoCol .nomList li strong {
    display: block;
    font-weight: bold;
    color: #000;
    padding: 8px 0px 8px 20px;
    background:url("../images/2010040700_bullet.png") no-repeat 0px 50%;
}

#mainText .informations .infoMain h4.blogs-title strong {
    display: block;
    font-weight: bold;
    color: #000;
    padding: 8px 0px 8px 20px;
    background:url("../images/play-01.png") no-repeat 0px 50%;
}



#mainText .informations .infoCol .nomList li ul li {
    background: #fff0f5 url("../images/2011062400-bg_main_top_li_1.png") no-repeat 50% 0px;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}
#mainText .informations .infoCol .nomList li ul li span {
    display: block;
    padding: 0px 0px 5px 0px;
    background: #fff0f5 url("../images/2011062400-bg_main_top_li_2.png") no-repeat 50% 100%;
}


#mainText .informations .infoCol .nomList li ul li a {
    color: #000;
    display: block;
    padding: 0px 10px 0px 20px;
    text-decoration: none;
    background:url("../images/2010051200_bullet.gif") no-repeat 10px 50%;
    line-height: 1.3;
}

#mainText .informations .infoCol .nomList li ul li a:hover {
    text-decoration: underline;
}
/*\*/
* html #mainText .informations .infoCol .nomList li ul li {
    width: 100%;
}
/**/


#mainText .otherInformations {
    width: 245px;
    float: right;

}

#mainText .otherInformations h2 {
    padding: 0px 0px 6px 0px;
    margin: 0px 0px 6px 0px;
    background:url("../images/2010040700_dot-border.gif") repeat-x 0px 100%;
}

#mainText .otherInformations h2#blog {
    padding: 0px 0px 6px 0px;
    margin: 20px 0px 6px 0px;
    background:url("../images/2010040700_dot-border.gif") repeat-x 0px 100%;
}

#mainText .otherInformations .nomList ul {
margin-bottom:25px;
    
}

#mainText .otherInformations .nomList li {

list-style-type:none;
}

#mainText .otherInformations .nomList ul li {

    
list-style-type:none;
}

#mainText .otherInformations .nomList li {
    background: #f0ffff url("../images/2011062401-bg_main_top_li_1.gif") no-repeat 50% 0px;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}
#mainText .otherInformations .nomList li span {
    display: block;
    padding: 0px 0px 5px 0px;
    background: #f0ffff url("../images/2011062401-bg_main_top_li_2.gif") no-repeat 50% 100%;
}


#mainText .otherInformations .nomList li a {
    color: #000;
    display: block;
    padding: 0px 10px 0px 20px;
    text-decoration: none;
    background:url("../images/2010051201_bullet.gif") no-repeat 10px 50%;
    line-height: 1.3;
}

#mainText .otherInformations .nomList li a:hover {
    text-decoration: underline;
}
/*\*/
* html #mainText .otherInformations .nomList ul li {
    width: 100%;
}
/**/

div#top-bana-link-kb p#bana-link-kb {
margin:30px auto 0px;
width:234px;
}

div#top-bana-link-kb p#bana-link-kb a {
color:#000000;
font-size:12px;
text-indent:-10000px;
}

div#top-bana-link-kb p#bana-link-kb a:link, p#bana-link-kb a:visited {
background-image:url("../images/2010061501-bana_konan-b.png");
background-position:center top;
background-repeat:no-repeat;
border-bottom:medium none;
display:block;
height:60px;
width:234px;
}
div#top-bana-link-kb p#bana-link-kb a:link:hover, p#bana-link-kb a:visited:hover {
background-image:url("../images/2010061501-bana_konan-b.png");
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:medium none;
display:block;
height:60px;
width:234px;
}

div#top-bana-link-kg p#bana-link-kg {
margin:10px auto 30px;
width:234px;
}

div#top-bana-link-kg p#bana-link-kg a {
color:#000000;
font-size:12px;
text-indent:-10000px;
}

div#top-bana-link-kg p#bana-link-kg a:link, p#bana-link-kg a:visited {
background-image:url("../images/2010061500-bana_konan-g.png");
background-position:center top;
background-repeat:no-repeat;
border-bottom:medium none;
display:block;
height:60px;
width:234px;
}
div#top-bana-link-kg p#bana-link-kg a:link:hover, p#bana-link-kg a:visited:hover {
background-image:url("../images/2010061500-bana_konan-g.png");
background-position:center bottom;
background-repeat:no-repeat;
border-bottom:medium none;
display:block;
height:60px;
width:234px;
}

#mainText .informations .infoCol .infoMain ul.o-topics {
    list-style: none;
}
#mainText .informations .infoCol .infoMain ul.o-topics li {
    background:url("../images/20101007-topics.png") no-repeat 0 50%;
    padding-left: 10px;
    float:right;
}

/*-------------------------------------------    
    base.css
-------------------------------------------*/

* {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴシック Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
    word-break:break-all;
}

body {
    color: #333;
    font-size: 80%;
}

#header,
#body,
#footer,
#bodyTop {
min-width: 890px;
}

img {
    border: none;
}

a:link {
    color: #00469D;
}

a:hover {
    text-decoration: none;
}

.docSeparate {
    display: block;
    width: 100px;
    position: absolute;
    left: -1000px;
    visibility: hidden;
}

/*
-----------------------------------------------
Layout
----------------------------------------------- */
#header {
}

#contents {
    min-height: 1px;

    /*¥*//*/

    display: inline-table;

    /**/
}

#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*¥*/
* html #contents {
    height: 1px;
    overflow: visible;
}
/**/

#main {
}

#mainContents {
}

#navigation {
}


/*
-----------------------------------------------
#header
----------------------------------------------- */


body#home #header {
    height: 240px;
}

#header #top {
    width: 890px;
    margin: 0px auto;
    text-align: left;
    height: 95px;
}

#header #logo {
    float: left;
    width: 200px;
margin:0px 0px 0px 0px;
    padding: 40px 0px 0px 0px;
}

#header #globalNavi,
#header #globalNaviTop {
    clear:both;
    width: 890px;
    height: 45px;
    margin: 100px auto 0px;
    text-align: left;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

#header #globalNavi ul li,
#header #globalNaviTop ul li {
    float: left;
    list-style: none;
}

#header #globalNaviTop {
margin-top: -5px;
    background: url("../images/bg_navi_t.gif") repeat-x 0px 0px;
}

#header #topImage {
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 5;
}



/*
-----------------------------------------------
#body    #bodyTop
----------------------------------------------- */
#body {
    text-align: center;
}
#body #title {
    background:url("http://yu-kijuku.jp/common/images/2010040800-bg_body.gif") repeat-x 0px 0px;
    border-bottom: 1px solid #DBDBDB;
}

#body #title h1 {
    text-align: left;
    font-size: 180%;
    width: 610px;
    margin: 0px auto;
    padding: 25px 280px 20px 0px;
    line-height: 1.3;
}

/*¥*/
* html #body #title h1 {
    width: 890px;
}
/**/

#bodyTop {
    text-align: center;
    background:#FFF url("http://yu-kijuku.jp/common/images/2011062400-bg_nav_b.png") repeat-x 0px 0px;
}

#body #contents,
#bodyTop  #contents {
    width: 890px;
    text-align: left;
    margin: 0px auto;
    padding: 0px 0px 300px 0px;
    background: url("http://yu-kijuku.jp/common/images/bg_contents.gif") repeat-y 100% 0px;
}

#mainText {
background-color:#FFF;
}

/*
-----------------------------------------------
#bodyTop #contents
----------------------------------------------- */
#bodyTop #contents {
    padding: 10px 0px 30px 0px;
    background-image: none;
}

#contents {
min-height:1px;
}

/*
-----------------------------------------------
 #mainContents
----------------------------------------------- */
#mainContents {
    width: 605px;
    float: left;
}

#mainContents #crumbs {
    padding: 10px 0px;
    margin: 0px 0px 15px 0px;
    font-size: 90%;
}

#mainContents #mainText {
    padding: 0px 0px 30px 0px;
}


/*
-----------------------------------------------
  #navigation
----------------------------------------------- */

#navigation {
    width: 265px;
float:right;
    padding: 0px 0px 0px 0px;
    margin: -63px -10px 0px 0px;
    position: relative;
    z-index: 10;
}

#navigation #catTitle {
    padding: 15px 15px 0px 15px;
    background:url(http://yu-kijuku.jp/common/images/bg_local_01.gif) no-repeat 50% 0px;
    border-bottom:none;
}

#navigation #menus {
    padding: 0px 16px 0px 16px;
}

#navigation #menus li {
    list-style: none;
}

#navigation #menus .menu {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: 1px solid #E5E5E5;
}

#navigation #menus .menu li {
    border-top: 1px solid #E5E5E5;
}

#navigation #menus .menu li a {
    display: block;
    padding: 6px 10px 6px 26px;
    color: #000;
    text-decoration: none;
    background: #FFF url(http://yu-kijuku.jp/common/images/2011062701-bullet.png) no-repeat 6px 50%;
}

/*¥*/
* html #navigation #menus li {
    width: 100%;
}

* html #navigation #menus .menu li a {
    width: 100%;
}
/**/

#navigation #menus .menu li a:hover,
#navigation #menus .menu li a.focus {
    background: #fff0f5 url(http://yu-kijuku.jp/common/images/2011062700-bullet.png) no-repeat 6px 50%;
}

#navigation #menus .menu li ul {
    margin: 0px;
    padding: 0px;
}

#navigation #menus .menu li ul li {
    padding: 0px 0px 0px 0px;
}

#navigation #menus .menu li ul li a {
    padding: 6px 10px 6px 46px;
    display: block;
    background:url("http://yu-kijuku.jp/common/images/2011070801-bullet.png") no-repeat 30px 50%;
}

#navigation #menus .menu li ul li a:hover,
#navigation #menus .menu li ul li a.now {
    background: #FFF0F5 url("http://yu-kijuku.jp/common/images/2011070800-bullet.png") no-repeat 30px 50%;
}

#navigation #menus .menu li ul li.now {
    background: #FFF0F5;
}

#navigation #menus .index {
    margin: 10px 0px 20px 0px;
    border-bottom: 1px solid #E5E5E5;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

/*¥*/
* html #navigation #menus .index {
    width: auto;
}
/**/

#navigation #menus .index td {
    padding: 6px;
    border-top: 1px solid #E5E5E5;
    color: #999999;
    text-align: center;
}

#navigation #menus .index td a {
    
}


/*
-----------------------------------------------
#footer
----------------------------------------------- */

#footer {
clear:both;
    text-align: center;
    background: url("http://yu-kijuku.jp/common/images/2011062400_bg-footer.png") repeat-x 0px 0px;
}


#footNaviTop  {

}

#footNavi, #footNaviTop {

clear:both;
height:34px;
margin:0 auto;
text-align:left;
width:890px;
}

#footNavi ul, #footNaviTop ul {
padding:1px 6px 0 0;
}

#footNavi ul li, #footNaviTop ul li {
float:left;
list-style:none outside none;
}

#footNavi ul li#toTop, #footNaviTop ul li#toTop {
float:right;
list-style:none outside none;
}

/*
-----------------------------------------------
#siteInfo
----------------------------------------------- */


#siteInfo {
    width: 890px;
    padding: 15px 0px 20px 0px;
    margin: 0px auto;
    text-align: left;
    font-size: 90%;
}

#siteInfo #address {
    float: left;
    width: 300px;
    font-style: normal;
    color: #666;
}

#siteInfo #address img {
    float: left;
    margin: -5px 10px 10px 0px;
}

#siteInfo #smallNavi {
    float: right;
    width:590px;
}

#siteInfo #smallNavi li {
    float: right;
    list-style: none;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 10px;
    background: url("../images/border_01.gif") no-repeat 0px 50%;
}

#siteInfo #smallNavi li a {
    text-decoration: none;
    color: #000;
}

#siteInfo #smallNavi li a:hover {
    color: #969696;
}


#siteInfo #copy {
    padding: 10px 0px 0px 0px;
    clear: both;
    font-style: normal;
    color: #666;
}

#siteInfo address {
    font-family: sans-serif;
}

/*-------------------------------------------    
    component.css
-------------------------------------------*/

/*
-----------------------------------------------
#mainContents
----------------------------------------------- */
#mainContents p,
#mainContents ul,
#mainContents ol,
#mainContents dl {
line-height: 1.5;
margin: 0px 0px 1em 0px;
}
#mainContents ol#pp-open {
padding-left:20px;
}
#mainContents dl dt.rules {
line-height: 1.5;
margin: 0px 0px 1em 0px;
}


/*
-----------------------------------------------
headers
----------------------------------------------- */
div#logo a img {
margin:-10px 0px 0px 0px;
}

div#header #top h1 {
margin:15px 0px 0px 0px;
padding:15px 0px 0px 0px;
color:#794296;
}
div#header #top p {
padding:5px 0px 0px 0px;
font-size:12px;
}

div#header #top p#tel-num {
background-image:url(http://yu-kijuku.jp/common/images/2011111800-header_bg.png);
background-repeat:no-repeat;
background-position:0% 0%;
margin:15px 0px 0px 200px;
padding:0px 0px 0px 0px;
width:685px;
height:70px;
font-weight:bold;
text-indent:-9999px;
}

/*
-----------------------------------------------
headers fire fox hack
----------------------------------------------- */
div#header #top h1, x:-moz-any-link {
margin:15px 0px 0px 0px;
padding:15px 0px 0px 0px;
color:#794296;
}
div#header #top p, x:-moz-any-link {
padding:5px 0px 0px 0px;
font-size:12px;
}

div#header #top p#tel-num, x:-moz-any-link {
background-image:url("http://yu-kijuku.jp/common/images/2011111800-header_bg.png");
background-repeat:no-repeat;
background-position:0% 0%;
margin:15px 0px 0px 200px;
padding:0px 0px 0px 0px;
width:685px;
height:70px;
font-weight:bold;
text-indent:-9999px;
}


/*
-----------------------------------------------
default
----------------------------------------------- */
#mainText table {
margin: 1em 0px;
}


/*
-----------------------------------------------
-----------------------------------------------
#mainText 
-----------------------------------------------
----------------------------------------------- */

#mainText h2 {
padding: 4px 0px 10px 0px;
margin: 1em 0px;
font-size: 130%;
color: #1B1B1B;
font-weight: bold;
background:url("http://yu-kijuku.jp/common/images/2011070800-bg_hd.png") no-repeat 0px 100%;
}
#mainText h3 {
font-size: 120%;
padding: 4px 0px 6px 0px;
margin: 1em 0px;
color: #1B1B1B;
font-weight: bold;
background:url("http://yu-kijuku.jp/common/images/2011070801-bg_hd.png")no-repeat 0px 100%;
}

#mainText dt.entries {
font-size: 120%;
padding: 4px 0px 6px 0px;
margin: 1em 0px;
color: #1B1B1B;
font-weight: bold;
background:url("http://yu-kijuku.jp/common/images/2011110400-bg_hd.png")no-repeat 0px 100%;
}
#mainText p#courses-img {
width:485px;
margin-left:auto;
margin-right:auto;
}
#mainText p#courses-detail-img {
width:545px;
margin-left:auto;
margin-right:auto;
}


/*
-----------------------------------------------
#mainText .instructors
----------------------------------------------- */

#mainText div.instructors dl {  
 border:1px solid #606;  
 width:250px;
margin:50px 0px 0px 50px;
}  
#mainText div.instructors dt {  
 float:left;  
 width:100px;  
 padding:5px 0 5px 10px;  
   
 font-weight:bold;  
}  
#mainText div.instructors dd {  
 width:150px;  
 margin-left:80px;  
 padding:5px 5px 5px 10px;  
 border-left:1px solid #606;  
}  
#mainText div.instructors img {
float:right;
margin:0px 50px 0px 0px;
padding:30px 0px 0px 0px;
}


/*
-----------------------------------------------
#mainText .about-us
----------------------------------------------- */

#mainText div.about-us dl {  
 border:none;  
 width:500px;
margin:50px 0px 0px 50px;
}  
#mainText div.about-us-h dl {  
 border:none;  
 width:500px;
margin:0px 0px 0px 50px;
}  
#mainText div.about-us dt {  
 float:left;  
 width:100px;  
 padding:5px 0 5px 10px;  
   
 font-weight:bold;  
}  
#mainText div.about-us-h dt {  
 float:left;  
 width:100px;  
 padding:5px 0 5px 10px;  
   
 font-weight:bold;  
}  
#mainText div.about-us dd {  
 width:350px;  
 margin-left:80px;  
 padding:5px 5px 5px 10px;  
 
}  
#mainText div.about-us-h dd {  
 width:350px;  
 margin-left:80px;  
 padding:5px 5px 5px 10px;  
 
}  
#mainText div.about-us img {
float:right;
margin:0px 50px 0px 0px;
padding:30px 0px 0px 0px;
}
#mainText div.about-us-h img {
float:right;
margin:0px 50px 0px 0px;
padding:30px 0px 0px 0px;
}

/*
-----------------------------------------------
#mainText .site-map
----------------------------------------------- */

#mainText div.site-map dl {  
 border:none;  
 width:500px;
margin:10px 0px 30px 50px;
}  
#mainText div.site-map dt {  
 float:left;  
 width:100px;  
 padding:5px 0 5px 10px;  
   
 font-weight:bold;  
}  
#mainText div.site-map dd {  
 width:350px;  
 margin-left:100px;  
 padding:5px 5px 5px 10px;  
 
}  
#mainText div.site-map img {
float:right;
margin:0px 50px 0px 0px;
padding:30px 0px 0px 0px;
}


/*
-----------------------------------------------
#mainText .blogs
----------------------------------------------- */

#mainText div.blogs{
width: 605px;
background:url("../images/2010050300-courses_bg.png") no-repeat bottom;
margin-bottom: 40px;
}
div.blogs .inner{
background:url("../images/2010041300-courses_bg.png") no-repeat;
padding: 25px 20px 20px;
}

#mainText div.blogs2{
width: 605px;
background: url("../images/2010041300-courses_bg.png") no-repeat;
margin-bottom: 40px;
padding-top: 25px;
}
div.blogs2 .inner{
background: url("../images/2010041304-courses_bg.png") no-repeat bottom;
padding: 0 20px 20px;
}

#mainText div.blogs div.inner h4 {
background:url("../images/2010040700_bullet.png") no-repeat scroll 0 50% transparent;
display:block;
padding:10px 10px 8px 24px;
margin:0px 0px 0px 15px;
}
#mainText div.blogs div.inner h5  {
padding-left:50px;
padding-right:50px;
}
#mainText div.blogs div.inner ul {
margin-left:30px;
}
#mainText div.blogs div.inner p  {
padding-left:50px;
padding-right:50px;
}
#mainText div.blogs div.inner ul li {
color: #000;
    display: block;
    padding: 0px 10px 0px 20px;
    text-decoration: none;
    background:url("../images/2010040701_bullet.gif") no-repeat 10px 40%;
list-style-type:none;
    line-height: 1.8;
}
#mainText div.blogs div.inner ul li ul li {
color: #000;
    display: block;
    padding: 0px 10px 0px 20px;
    text-decoration: none;
    background:url("../images/2010041302-bullet.png") no-repeat 10px 40%;
    line-height: 1.8;
}

/*
-----------------------------------------------
#mainText .courses
----------------------------------------------- */

#mainText div.courses{
width: 605px;
background:url("../images/2010052100-courses_bg.png") no-repeat bottom;
margin-bottom: 40px;
}
div.courses .inner{
background:url("../images/2010041300-courses_bg.png") no-repeat;
padding: 25px 20px 20px;
}

#mainText div.courses2{
width: 605px;
background: url("../images/2010041300-courses_bg.png") no-repeat;
margin-bottom: 40px;
padding-top: 25px;
}
div.courses2 .inner{
background: url("../images/2010041304-courses_bg.png") no-repeat bottom;
padding: 0 20px 20px;
}

#mainText div.courses div.inner h4 {
background:url("common/images/2012020700-play.png") no-repeat scroll 0 50% transparent;
display:block;
padding:10px 10px 8px 24px;
margin:0px 0px 0px 15px;
}
#mainText div.courses div.inner h5  {
padding-left:50px;
padding-right:50px;
}
#mainText div.courses div.inner ul {
margin-left:30px;
}
#mainText div.courses div.inner p  {
padding-left:50px;
padding-right:50px;
}
#mainText div.courses div.inner ul li {
color: #000;
    display: block;
    padding: 0px 10px 0px 25px;
    text-decoration: none;
    background:url("common/images/2012020701-play.png") no-repeat 10px 40%;
list-style-type:none;
    line-height: 1.8;
}
#mainText div.courses div.inner ul li ul li {
color: #000;
    display: block;
    padding: 0px 10px 0px 20px;
    text-decoration: none;
    background:url("../images/2010041302-bullet.png") no-repeat 10px 40%;
    line-height: 1.8;
}
#mainText div.courses div.inner ul li ul li.adj-000 {
color: #000;
    display: block;
    padding: 0px 10px 0px 20px;
    text-decoration: none;
    background:url("../images/2010041302-bullet.png") no-repeat 10px 17%;
    line-height: 1.8;
}

#mainText div.courses div.inner ul li.adj-00 {
color: #000;
    display: block;
    padding: 0px 10px 0px 20px;
    text-decoration: none;
    background:url("../images/2010040701_bullet.gif") no-repeat 10px 15%;
    line-height: 1.8;
}
#mainText div.courses div.inner ul li.adj-01 {
color: #000;
    display: block;
    padding: 0px 10px 0px 20px;
    text-decoration: none;
    background:url("../images/2010040701_bullet.gif") no-repeat 10px 5%;
    line-height: 1.8;
}
#mainText div.courses div.inner ul li.adj-02 {
color: #000;
    display: block;
    padding: 0px 10px 0px 20px;
    text-decoration: none;
    background:url("../images/2010040701_bullet.gif") no-repeat 10px 9%;
    line-height: 1.8;
}
#mainText div.courses div.inner ul li.adj-03 {
color: #000;
    display: block;
    padding: 0px 10px 0px 20px;
    text-decoration: none;
    background:url("../images/2010040701_bullet.gif") no-repeat 10px 7%;
    line-height: 1.8;
}
#mainText div.courses div.inner ul li.adj-04 {
color: #000;
    display: block;
    padding: 0px 10px 0px 20px;
    text-decoration: none;
    background:url("../images/2010040701_bullet.gif") no-repeat 10px 2%;
    line-height: 1.8;
}



#mainText div.courses2 div.inner h4 {
background:url("../images/2010040700_bullet.png") no-repeat scroll 0 50% transparent;
display:block;
padding:10px 10px 8px 24px;
margin:0px 0px 0px 15px;
}

#mainText div.courses2 div.inner ul {
margin-left:30px;
}
#mainText div.courses2 div.inner p  {
padding-left:50px;
padding-right:50px;
}
#mainText div.courses2 div.inner ul li {
color: #000;
    display: block;
    padding: 0px 10px 0px 20px;
    text-decoration: none;
    background:url("../images/2010040701_bullet.gif") no-repeat 10px 14%;
    line-height: 1.8;
}

/*
-----------------------------------------------
#mainText .access
----------------------------------------------- */

#mainText div.access{
width: 605px;
background:url("../images/2010041304-courses_bg.png") no-repeat bottom;
margin-bottom: 40px;
}
div.access .inner{

padding: 25px 0px 20px;
}

#mainText div.access2{
width: 605px;
background: url("../images/2010041300-courses_bg.png") no-repeat;
margin-bottom: 40px;
padding-top: 25px;
}
div.access2 .inner{
background: url("../images/2010041304-courses_bg.png") no-repeat bottom;
padding: 0 20px 20px;
}

#mainText div.access div.inner dl {  
 border:1px solid #8685AF;  
 width:330px;
margin:10px 0px 10px 10px;
}  
#mainText div.access div.inner dt {  
 float:left;  
 width:100px;  
 padding:5px 0 5px 10px;  
   
 font-weight:bold;  
}  
#mainText div.access div.inner dd {  
 width:200px;  
 margin-left:100px;  
 padding:5px 5px 5px 10px;  
 border-left:1px solid #8685AF;  
}  
#mainText div.access div.inner img {
float:right;
margin:0px 40px 0px 0px;
padding:40px 0px 0px 0px;
}
#mainText div.access2 div.inner p {
width:503px;
margin:0px auto;
}

/*
-----------------------------------------------
#mainText .table
----------------------------------------------- */
#mainText table.table01,
#mainText table.table02,
#mainText table.table03,
#mainText table.table04 {
border: none;
border-collapse:collapse;
border-spacing: 0px;
}
#mainText table.table01 th,
#mainText table.table01 td,
#mainText table.table02 th,
#mainText table.table02 td,
#mainText table.table04 th,
#mainText table.table04 td {
border: 1px solid #DBDBDB;
padding: 6px;
}

#mainText table.full {
width: 100%;
}
#mainText table.table02 th {
text-align: left;
white-space: nowrap;
vertical-align:top;
}
#mainText table .cell02 {
background-color:lavenderBlush;
}
#mainText table.table02 td {
word-wrap: break-word;
}


/*
-----------------------------------------------
Utility
----------------------------------------------- */

#mainText .clf {
overflow: hidden;
}

#mainText p.pic-adj {
width:350px;
margin:10px auto;
overflow: hidden;
}
#mainText img.pic-adj-r {
float:right;
margin:0px 0px 0px 20px;
}
#mainText img.picFan-adj-r {
float:right;
margin:50px 0px 0px 0px;
padding-left:20px;
}
#mainText img.pic-c {
margin:20px 0px 0px 0px;
}
#mainText div.courses img.pic-courses {
	margin-left:32px;
	margin-top:20px;
	
}


/*--- // 角丸設定 // ---*/
#mainText div.instructors {
width:605px;
height:auto;
padding:10px 0px 0px 0px;
margin:10px 0px 0px 0px;
background:#fffafa no-repeat;
border: 1px solid #606;
}

#mainText div.courses {
width:565px;
height:auto;
padding:20px 20px 30px 20px;
background:#fffafa no-repeat;
border: 1px solid #606;
}

#mainText div.instructors h4.profile {
padding:30px 0px 0px 0px;
margin:10px 0px 10px 50px;
}

#mainText div.instructors p.profile {
padding:20px 20px 20px 0px;
margin:10px 0px 10px 50px;
}

#mainText div.instructors1 {
border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

#mainText div.courses1 {
border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}



#mainText table.table01,
#mainText table.table02,
#mainText table.table03,
#mainText table.table04 {
border: none;
border-collapse:collapse;
border-spacing: 0px;
}
#mainText table.full {
width: 100%;
}

/*
-----------------------------------------------
#mainText div.archive-content
----------------------------------------------- */

#mainText div.archive-content li {
background:url(../images/play.png) no-repeat scroll 6px 50% #FFFFFF;
display:block;
padding:6px 10px 6px 26px;
text-decoration:none;
}

/*
-----------------------------------------------
#mainText div.entry-tags
----------------------------------------------- */

#mainText div.entry-tags li {
background:url(../images/play.png) no-repeat scroll 6px 50% #FFFFFF;
display:block;
padding:6px 10px 6px 26px;
text-decoration:none;
}

/*
-----------------------------------------------
#mainText dd.date-comm
----------------------------------------------- */
#mainText dd.date-comm {
margin-bottom:10px;
}

/*
-----------------------------------------------
#mainText div.asset-meta
----------------------------------------------- */
#mainText div.asset-meta {
margin-bottom:10px;
}

/*
-----------------------------------------------
#mainText .entryTable-news
----------------------------------------------- */
#mainText .entryTable-news dd {
border-bottom:1px solid #CCCCCC;
margin:0 0 15px;
padding:0 0 15px;
}

/*
-----------------------------------------------
#mainText .entryTable
----------------------------------------------- */
#mainText .entryTable dd {
border-bottom:1px solid #CCCCCC;
margin:0 0 5px;
padding:0 0 5px;
}



/*** set the width and height to match your images **/
 
#slideshow {
    position:relative;
    height:290px;
}
 
#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 290px;
    background-color: #FFF;
}
 
#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow DIV.last-active {
    z-index:9;
}
 
#slideshow DIV IMG {
    height: 275px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}