@charset "UTF-8";

@import url(../../shared/css/import.css);
@import url(../../shared/css/section/thickbox.css);


#main {
    float: right;
    width: 700px;
}

/* @group summary */

#summary {
    margin-top: 28px;
    overflow: hidden;
    width: 700px;
}

#summary .txtBlock {
    margin-right: auto;
}

#summary .txtBlock h2 {
    margin: 10px 0 25px;
}

#summary .txtBlock p {
    font-size: 108%;
    font-weight: bold;
}

#summary .txtBlock p strong {
    font-weight: bold;
}

#summary .ImgBlock {
    float: right;
    width: auto;
    padding-left: 10px;
}

#summary .ImgBlock a {
    display: block;
    position: relative;
    left: 68px;
    top: -56px;
    margin-bottom: -56px;
    width: 285px;
    height: 114px;
    z-index: 2;
}


/* @end */

/* @group Section */

#content.Tour .Section {
    margin-top: 50px;
    overflow: hidden;
    width: 700px;
}


#content.Tour .Section h3 {
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 123.1%;
    line-height: 1.4;
}

#content.Tour .Section div h3 {
    margin-top: 30px;
}

#content.Tour .Section div ul {
    margin-bottom: 1em;
}

#content.Tour .Section img.ImgRight {
    float: right;
    padding-left: 10px;
}

#content.Tour .Section img.ImgLeft {
    float: left;
    padding-right: 10px;
}

#content.Tour .Section div {
    margin-top: -20px;
}





/* @group ul.IconTtl */

#content.Tour .Section ul.IconTtl {
    overflow: hidden;
    width: 700px;
}

#content.Tour .Section ul.IconTtl li {
    float: left;
    width: 320px;
    padding: 7px 30px 7px 0;
}

#content.Tour .Section ul.IconTtl li h3 {
    margin-top: 0;
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 123.1%;
    line-height: 1.4;
    width: 315px;
}

#content.Tour .Section ul.IconTtl li h3 img {
    float: left;
    padding-top: 3px;
    padding-right: 7px;
}

#content.Tour .Section ul.IconTtl li h3 span {
    display: block;
    float: left;
}


/* @end */




/* @group nextPrevNav */

#content.Tour ul#nextPrevNav {
    margin: 40px 0;
    padding: 0 15px;
    overflow: hidden;
}

#content.Tour ul#nextPrevNav li {
    text-align: center;
    width: 200px;
    background: url(../img/bg_next_prev_nav.png) no-repeat;
}

#content.Tour ul#nextPrevNav li a {
    display: block;
    width: 200px;
    height: 34px;
    line-height: 34px;
    font-size: 108%;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

#content.Tour ul#nextPrevNav li a:hover {
    text-decoration: underline;
}

* html #content.Tour ul#nextPrevNav {
    height: 1%;
}

#content.Tour ul#nextPrevNav li.Next {
    float: right;
}

#content.Tour ul#nextPrevNav li.Next a span {
    padding-right: 16px;
    background: url(../../shared/img/icon_arrow06.png) no-repeat right center;
}


#content.Tour ul#nextPrevNav li.Prev {
    float: left;
}

#content.Tour ul#nextPrevNav li.Prev a span {
    padding-left: 16px;
    background: url(../../shared/img/icon_arrow07.png) no-repeat left center;
}



/* @end */





/* @end */






#sub {
    float: left;
    width: 220px;
}

/* @group subNav */

#subNav {
    padding-bottom: 4px;
}

#subNav h2 {
    width: 220px;
    height: 0px;
    padding-top: 38px;
    background: url(../img/subnav/ttl_tour.png) no-repeat 0 0;
    overflow: hidden;
}

#subNav ul {
    margin: 0 5px;
}

#subNav ul li {
    display: inline;
}


#subNav ul li a {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    font-size: 108%;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    padding: 10px 14px;
}

#subNav ul li a img {
    padding-right: 7px;
    vertical-align: middle;
}

#subNav ul li a:hover,
#subNav ul li.Current a {
    background-color: #F1F4E1;
}

#subNav ul li.Last a:hover,
#subNav ul li.Last.Current a {
    background: none;
    background: url(../img/subnav/bg_last_hover.png) no-repeat left bottom;
}

/* @end */



/* @group Trial */

#sub .Trial {
    margin-top: 12px;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

#sub .Trial h2 {
    width: 220px;
    height: 0px;
    padding-top: 38px;
    background: url(../img/trial/ttl_trial.png) no-repeat 0 0;
    overflow: hidden;
}

#sub .Trial p {
    margin: 15px 20px;
}

#sub .Trial ul {
    margin-bottom: 15px;
}

#sub .Trial li {
    text-align: center;
}


/* @end */




/* @group mail */

#main.Mail ul.IconTtl h3 span {
    padding-top: .7em;
}

#main.Mail .Thumb h3 {
    margin-top: 10px;
}

#main.Mail .Thumb h3 {
    margin-top: 10px;
}

#main.Mail .Thumb div {
    margin-top: 0;
    background: url(../img/mail/bg_thumb_btm.png) no-repeat 0 bottom;
}

#main.Mail .Thumb div ul {
    padding: 15px 7px;
    overflow: hidden;
    background: url(../img/mail/bg_thumb_top.png) no-repeat 0 top;
}

* html #main.Mail .Thumb div ul {
    height: 1%;
}

#main.Mail .Thumb div ul li {
    float: left;
    width: 113px;
    text-align: center;
}

#main.Mail .Thumb div ul li a {
    text-decoration: none;
    color: #333;
}

#main.Mail .Thumb div ul li a span {
    font-size: 77%;
    _font-size: 8px;
    *font-size: 8px;
    padding-left: 13px;
    background: url(../../shared/img/icon_arrow03.png) no-repeat left center;
}


/* @end */


/* @group Wiki,Subversion */

#main.Wiki .Section ul.IconTtl li h3 span,
#main.File .Section ul.IconTtl li h3 span,
#main.Subversion .Section ul.IconTtl li h3 span {
    padding-top: 1.2em;
}

/* @end */