@charset "UTF-8";

/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 *
 *  -- Alexander Limi, http://www.plonesolutions.com
 */
 
/* <!-- compression status: 1 --> (this is for http compression) */
/*  (do not remove this :) */
/*  (not this either :) */

/* ****************************************_end_**************************************** */

/* レイアウト構造 */

#study-paper{
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 10px auto;
    width: 95%;
}

* html #study-paper{
    margin: 10px;
}

/* ****************************************_end_**************************************** */

/* ヘッダーのスタイル定義 */
/* *
#study-paper h1, 
.springeight #sectionheader h3{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    background: #fff;
    color: #000;
    font-size: 1.8em;
    margin: 0;
    padding: 10px;
}
* */
.springeight #sectionheader h3 span{
    background: #fff;
    padding: 0;
}
#study-paper h2{
    border-left: 5px solid #3366CC;
    font-size: 1.3em;
    margin: 0 0 10px 0;
    padding: 0 0 0 7px;
}
#study-paper h2.edit-header{
    border-left: 5px solid #74AE0B;
}
#study-paper h3{
    font-size: 1.2em;
    padding: 0;
    margin: 0 0 5px 15px;
}
/* ****************************************_end_**************************************** */

/* マークの表示方法 */
div.documentmark{
    background: #efefef url("../media/bg-dm1.gif") no-repeat 0 100%;
    margin: 0 0 20px 0;
}
div.documentmark ul{
    background: transparent url("../media/bg-dm2.gif") no-repeat 100% 100%;
    list-style: none;
    padding: 5px 20px;
    margin: 0;
}
div.documentmark ul li{
    display: inline;
    margin: 0;
}
/* ****************************************_end_**************************************** */

/* 文章関連 */
#study-paper p{
    margin: 0 0 20px 0;
    padding: 0 25px;
    text-indent: 1em;
}
#study-paper strong{
    background: #ffcccc;
}
/* ****************************************_end_**************************************** */

/* 項目／詳細構造のスタイル */
#study-paper dl{
    margin: 0 0 20px 0;
    padding: 0;
}
#study-paper dl dt{
    float: left;
    font-weight: bold;
    margin: 0 20px 0 0;
}
#study-paper dl dd{
    margin: 0;
    padding: 0;
}
/* ****************************************_end_**************************************** */

/* 表組関連 */
#study-paper table{
    border: 1px solid #666;
    border-collapse: collapse;
    font-size: 0.9em;
    margin: 10px auto 20px auto;
    width: 90%;
}
#study-paper table th{
    background: #efefef;
    border: 1px solid #666;
    border-right: 3px double #666;
    padding: 3px 7px;
    text-align: left;
}
#study-paper table td{
    border: 1px solid #666;
    border-right: 3px double #666;
    padding: 3px 7px;
}
/* ****************************************_end_**************************************** */

/* その他の要素 */
#study-paper div.divider{
    border-top: 1px dotted #ccc;
    margin: 10px auto;
    width: 90%;
}
/* ****************************************_end_**************************************** */

/* フッター部分要素 */

#study-paper div.study-footer{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    font-size: 0.9em;
    margin: 0 0 20px 0;
    padding: 10px;
    text-align: right;
}
#study-paper div.study-footer ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
/* ****************************************_end_**************************************** */

/* チェックボックスのフォーマット */
div.checkarea{
/*  border-right: 1px solid #ccc;*/
    display: block;
    float: left;
    margin: 0 3px 5px 0;
    padding: 0 0px 0 0;
    width: 32%;
/*  width: 48%;*/
}

/* チェックボックスのビームラインフォーマット */
div.checkarea_BL{
    display: block;
    float: left;
    margin: 0 10px 5px 0;
    padding: 0 10px 0 0;
    width: 100%;
}

div.checkarea input{
    vertical-align: middle;
}

div.checkarea-after{
    clear:left;
}
div.checkarea{
/*IE用に文字の改行を抑制*/
    white-space: nowrap;
}
/* ****************************************_end_**************************************** */

#link_macro a{
   link: #436976 - the color used on normal links
   active: Red - color used on active links
   visited: Purple - color used on visited links
}

#study-paper .kwother{
    color: red;
}

#study-paper h2{
        /*ボールドにして下線を消す*/
        font-weight:bold;
        border-bottom: none;
}

#study-paper .clear-cheekarea-float{
    clear:left;
}

#study-paper p{
    text-indent: 0em; 
}

#study-paper ul, 
#study-paper ol{
    padding: 10px 40px; 
}


#study-paper div.checkarea{
/*IE用に文字の改行を抑制*/
        white-space: nowrap;
}

/*override Plone's 100% setting*/
textarea{
  width:auto;
}

/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo. 
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines.
   
   headingFontBaseSize - the base size used when calculating the different headline sizes
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   discreetColor:string=#999999
   helpBackgroundColor:string=#ffffe1
 
 */