@charset "UTF-8";

/**
@prefix : <http://purl.org/net/ns/doas#> .
</common/css/layout.css> a :CSSstylesheet;
 :shortdesc "layout.css";
 :dependencies [
 :name "Yahoo";
    :title "YUI Fonts CSS";
    :description "ブラウザ間のフォントサイズを揃えるライブラリ";
    :revisiton "YUI 3.5.0pr2 (build 4560)";
    :homepage <http://yuilibrary.com/>;
    :license <http://yuilibrary.com/license/>;
    :note "
        Font-size Adjustment.
            77% = 10px     |    123.1% = 16px    |    167% = 22px
            85% = 11px     |    131% =  17px     |    174% = 23px
            93% = 12px     |    138.5% = 18px    |    182% = 24px
            100% = 13px    |    146.5% = 19px    |    189% = 25px
            108% = 14px    |    153.9% = 20px    |    197% = 26px
            116% = 15px    |    161.6% = 21px    |
            "
    ] .
*/

/*----------------------------------------------------
    common
----------------------------------------------------*/
html, body { background: url(http://img.cdn.kendo.jp/common/img/bg_body_all.jpg) repeat left top; }


/*----------------------------------------------------
    #wrapper
----------------------------------------------------*/
#wrapper { width: 100%; background: url(http://img.cdn.kendo.jp/common/img/bg_nav_all_off.gif) repeat-y left top; }


/*----------------------------------------------------
    #nav
----------------------------------------------------*/
#nav { position:absolute; top: 0; left: 0; height: 100%; width: 218px; padding-right: 6px; background: url(/common/img/bg_nav_all.png) repeat-y 0 0; z-index: 100; }
#nav p, #nav h1 { margin: 30px 30px 50px; }
* html #nav { background: url(/common/img/bg_nav_all.gif) repeat-y 0 0; }


/*    #gnav
----------------------------------------------------*/
#gnav { margin-bottom: 32px; }

/*    #bnrList
----------------------------------------------------*/
#bnrList { width: 186px; margin: 0 16px; }
#bnrList li { margin-bottom: 2px; line-height: 0; text-align: center; }

/*    #minNav
----------------------------------------------------*/
#minNav { position: fixed; overflow: hidden; top: 0; left: -60px; height: 100%; width: 50px; cursor: pointer; padding-right: 10px; background: url(/common/img/bg_minnav_all.gif) repeat-y right top; z-index: 110; }
#minNavShadow { display: none; position: absolute; top: 0; left: 0; background: #000; z-index: 90; }
* html #minNav { position:absolute; top: 0; left: -60px; background: url(/common/img/bg_minnav_all.gif) repeat-y right top; }

/*----------------------------------------------------
    #header
----------------------------------------------------*/
#header { width: 100%; z-index: 80; background: #1f1405; }
#headerNav { width: 1000px; height: 30px; }
#headerNav ul { float: right; }
#headerNav ul li { float: left; line-height: 0; }

/*    #viArea
----------------------------------------------------*/
#viArea { overflow: hidden; height: 159px; background: #000; }
#viArea ul { margin-left: 218px; }
#viArea ul li { float: left; }
#viArea ul li a { display: block; background: #fff; }
#viArea ul li a img { vertical-align: bottom; }
#viArea ul li a:hover img { opacity: 0.8; filter: alpha(opacity=80); }

/*    #topicPath
----------------------------------------------------*/
#topicPath { width: 1000px; background: #dcd9c7; padding: 10px 0; }
#topicPath ul { margin-left: 265px; }
#topicPath ul li { float: left; margin-right: 7px; padding-right: 16px; font-size: 93%; background: url(/common/img/icon_topicpath_all.gif) no-repeat right center; }
#topicPath ul li.current { margin-right: 0; padding-right: 0; background: none; }

/*    #pageTitle
----------------------------------------------------*/
#pageTitle { width: 1000px; position: relative; background: #efede2; }
#pageTitleInner { position: relative; width: 688px; margin-left: 265px; padding: 35px 0 35px; }
#pageTitle h1 { margin-bottom: 5px; font-size: 230%; font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro W3', 'ＭＳ Ｐ明朝', 'MS PMincho', serif; }
#pageTitle p.subTitle { font-size: 108%; font-weight: bold; font-family: 'Times New Roman', serif; color: #a89b5b; }
#pageTitle p.listBtn { position: absolute; top: 3px; right: -6px; }

#pageTitleNav { position: relative; margin: 25px -5px 0; }
#pageTitleNav ul { padding: 6px; }
#pageTitleNav ul li { float: left; line-height: 0; }

#pageTitleInner ul.listBtn { margin-bottom: 20px; }
#pageTitleInner ul.listBtn li { float: left; }


/*----------------------------------------------------
    #contents
----------------------------------------------------*/
#contents { position: relative; width: 688px; padding: 40px 47px 20px 265px; z-index: 0; background: #fdfbf5; }

/*    #contentFooter
----------------------------------------------------*/
#contentFooter { margin: 0 14px;}
#contentFooter div { float: left; }
#contentFooter div div { margin-right: 20px; }
#contentFooter p { float: right; }


/*----------------------------------------------------
    #bnrArea
----------------------------------------------------*/
#bnrArea { width: 1000px; padding: 20px 0; background: #efede2; z-index: 0; }
#bnrAreaList01 { width: 702px; margin: 0 0 25px 265px; }
#bnrAreaList01 li { float: left; width: 220px; margin-right: 14px; }
#bnrAreaList02 { width: 688px; margin: 0 0 0 280px; }
#bnrAreaList02 li { float: left; width: 154px; margin: 0 14px 14px 0; }
#bnrAreaList01 li a, #bnrAreaList02 li a { display: block; background: #fff; zoom:1; }
#bnrAreaList01 li a img, #bnrAreaList02 li a img { vertical-align: bottom; }
#bnrAreaList01 li a:hover img, #bnrAreaList02 li a:hover img { opacity: 0.7; filter: alpha(opacity=70); }


/*----------------------------------------------------
    #footer
----------------------------------------------------*/
#footer { width: 1000px; background: #000; z-index: 0; }
#footer ul { display: inline; float: left; margin-left: 272px; }
#footer ul li { float: left; }
#footer p { display: inline; float: right; margin: 19px 49px; font-size: 100%; font-family: 'Times New Roman', serif; color: #a18f68; }


/*----------------------------------------------------
    clearfix
----------------------------------------------------*/
#wrapper:before, #wrapper:after,
#nav:before, #nav:after,
#contents:before, #contents:after,
#headerNav:before, #headerNav:after,
#viArea:before, #viArea:after,
#topicPath:before, #topicPath:after,
#pageTitleNav ul:before, #pageTitleNav ul:after,
#contentFooter:before, #contentFooter:after,
#bnrArea ul:before, #bnrArea ul:after,
#footer:before, #footer:after
{ content: ""; display: block; overflow: hidden; }
#wrapper:after,
#nav:after,
#contents:after,
#headerNav:after,
#viArea:after,
#topicPath:after,
#pageTitleNav ul:after,
#contentFooter:after,
#bnrArea ul:after,
#footer:after
{ clear: both; }
#wrapper,
#nav,
#contents,
#headerNav,
#viArea,
#topicPath,
#pageTitleNav ul,
#contentFooter,
#bnrArea ul,
#footer
{ zoom: 1; }