@charset "utf-8";
/*
information{
    file name : /css/styles/modules.css;
    site name : クリエーションライン株式会社 (CREATIONLINE, INC.) ;
    copyrihgt : CREATIONLINE, INC.;
    explanation : 画面のモジュール（パーツ）を定義;
}
*/
/* contents
--------------------------------------------------------------------------

--------------------------------------------------------------------------
*/
/* [div.letterArticle] #archivesArea
-----------------------------------------------    */
#contentsSection div.letterArticle #archivesArea, #contentsSection div.letterArticle #archivesArea01 {
 float: left;
 width: 95px;
 margin: 70px 0 20px 20px;
}
#contentsSection div.letterArticle #archivesArea h2, #contentsSection div.letterArticle #archivesArea01 h2 {
 margin-bottom: 15px;
 font-family: 'Lucida Grande', Lucida, sans-serif;
 font-size: 77%;
 letter-spacing: 0.05em;
 color: #12408f;
}
#contentsSection div.letterArticle #archivesArea ul.archivesList li, #contentsSection div.letterArticle #archivesArea01 ul.archivesList li {
 font-family: 'Lucida Grande', Lucida, sans-serif;
 font-size: 77%;
 line-height: 1.6;
 letter-spacing: 0.05em;
 color: #12408f;
}
#contentsSection div.letterArticle #archivesArea ul.labContentsList li, #contentsSection div.letterArticle #archivesArea01 ul.labContentsList li {
 margin-bottom: 0.5em;
 font-size: 77%;
 line-height: 1.3;
 letter-spacing: 0.05em;
 color: #12408f;
}
#contentsSection div.letterArticle #archivesArea ul li a, #contentsSection div.letterArticle #archivesArea ul li a:link, #contentsSection div.letterArticle #archivesArea ul li a:visited, #contentsSection div.letterArticle #archivesArea ul li a:active, #contentsSection div.letterArticle #archivesArea01 ul li a, #contentsSection div.letterArticle #archivesArea01 ul li a:link, #contentsSection div.letterArticle #archivesArea01 ul li a:visited, #contentsSection div.letterArticle #archivesArea01 ul li a:active {
 text-decoration: none;
 color: #333333;
}
#contentsSection div.letterArticle #archivesArea ul li a:hover, #contentsSection div.letterArticle #archivesArea01 ul li a:hover {
 text-decoration: none;
 color: #ff6666;
}
/* [div.letterArticle] #entryListBlock
-----------------------------------------------    */
#contentsSection div.letterArticle #entryListBlock {
 float: right;
 width: 505px;
 margin: 20px 0;
}
/* [div.letterArticle] Header
-----------------------------------------------    */
#entryBlock h1 {
 font-size: 2em;
 line-height: 1.4em;
 margin: 1.5em 0 0.7em 0;
}
#entryBlock h5 {
 font-size: 1.1em;
 border-left: 10px #12408f solid;
 color: #12408f;
 margin: 1em 0 0.5em;
 padding: 0 0 0 10px;
}
#entryBlock h6 {
 font-size: 1.1em;
 color: #12408f;
 margin: 1em 0 0.5em;
 background-color: #ddeaff;
 padding: 5px 10px;
 font-weight: bold;
}
#contentsSection div.letterArticle h2 {
 margin-bottom: 60px;
}
#contentsSection div.letterArticle #entryBlock h3, #contentsSection div.letterArticle #entryBlockevent h3 {
 margin: 0 40px 40px 0;
 font-size: 131%;
 font-weight: bold;
 line-height: 1.5em;
}
/* [div.letterArticle] p
-----------------------------------------------    */
#contentsSection div.letterArticle p {
 margin-bottom: 1.5em;
 line-height: 1.8;
}
#contentsSection div.letterArticle > p, #contentsSection div.letterArticle #entryBlock > p, #contentsSection div.letterArticle #entryBlockevent > p {
 margin-right: 40px;
}
#contentsSection div.letterArticle #entryBlock > p, #contentsSection div.letterArticle #entryBlockevent > p {
 font-size: 104%;
}
#contentsSection div.letterArticle p.alignright {
 text-align: right;
}
#contentsSection div.letterArticle p.leadText {
 margin-bottom: 1.5em;
 line-height: 1.6;
 font-size: 131%;
 font-weight: bold;
 color: #12408f;
}
#contentsSection div.letterArticle #entryBlock p.date, #contentsSection div.letterArticle #entryBlockevent p.date {
 margin-bottom: 26px;
 line-height: 1.5;
 text-align: right;
 font-family: 'Lucida Grande', Lucida, sans-serif;
 font-size: 93%;
 letter-spacing: 0.05em;
 color: #339900;
}
/* [div.letterArticle] strong
-----------------------------------------------    */
#contentsSection div.letterArticle strong {
 font-weight: bold;
}
#contentsSection div.letterArticle #entryBlock strong, #contentsSection div.letterArticle #entryBlockevent strong {
 font-weight: bold;
 color: #12408f;
}
/* [div.letterArticle] div.sidelineBox
-----------------------------------------------    */
#contentsSection div.letterArticle div.sidelineBox {
 padding-left: 17px;
 border-left: 2px solid #12408f;
}
/* [div.letterArticle] ul.entrySummuryList
-----------------------------------------------    */
#contentsSection div.letterArticle ul.entrySummuryList {
 margin: 0 40px 0 0;
}
#contentsSection div.letterArticle ul.entrySummuryList li {
 margin-bottom: 20px;
 padding-bottom: 15px;
 border-bottom: 1px solid #e5e5e5;
}
#contentsSection div.letterArticle ul.entrySummuryList li span.date {
 display: block;
 margin-bottom: 3px;
 color: #339900;
 font-family: 'Lucida Grande', Lucida, sans-serif;
 font-size: 77%;
 letter-spacing: 0.05em;
 line-height: 1.5;
}
#contentsSection div.letterArticle ul.entrySummuryList li h3 {
 margin-bottom: 8px;
 font-size: 108%;
 line-height: 1.5;
}
#contentsSection div.letterArticle ul.entrySummuryList li p {
 margin: 0;
 font-size: 85%;
 line-height: 1.6;
}
/* [div.letterArticle] ul.bgDotList
-----------------------------------------------    */
#contentsSection div.letterArticle ul.bgDotList {
 background-color: #f3f5f9;
 padding: 18px 18px 3px 18px;
}
#contentsSection div.letterArticle ul.bgDotList li {
 margin: 0 0 0.5em 1em;
 text-indent: -1em;
 font-size: 85%;
 line-height: 1.6;
}
/* [div.letterArticle] ul.socialButtonList
-----------------------------------------------    */
#contentsSection div.letterArticle ul.socialButtonList, #contentsSection div.letterArticle #entryBlock ul.socialButtonList, #contentsSection div.letterArticle #entryBlockevent ul.socialButtonList {
 margin: 25px 0;
 padding: 0;
}
#contentsSection div.letterArticle ul.socialButtonList li, #contentsSection div.letterArticle #entryBlock ul.socialButtonList li, #contentsSection div.letterArticle #entryBlockevent ul.socialButtonList li {
 display: inline;
 margin: 0;
 padding: 0;
 list-style: none;
}
#contentsSection div.letterArticle ul.socialButtonList li, #contentsSection div.letterArticle #entryBlock ul.socialButtonList li.hatena, #contentsSection div.letterArticle #entryBlockevent ul.socialButtonList li.hatena {
 display: inline;
 margin-left: -20px;
 padding: 0;
 list-style: none;
}
#contentsSection div.letterArticle ul.socialButtonList li, #contentsSection div.letterArticle #entryBlock ul.socialButtonList li.facebook, #contentsSection div.letterArticle #entryBlockevent ul.socialButtonList li.facebook {
 display: inline;
 margin-left: 25px;
 padding: 0;
 list-style: none;
}
/* [div.letterArticle] dl.expDef
-----------------------------------------------    */
#contentsSection div.letterArticle dl.expDef {
 margin-bottom: 1em;
}
#contentsSection div.letterArticle dl.expDef dt {
 font-weight: bold;
 font-size: 131%;
 line-height: 1.6;
 color: #12408f;
}
#contentsSection div.letterArticle dl.expDef dd {
 font-size: 85%;
 line-height: 1.6;
}
/* [div.letterArticle] dl.mapDef
-----------------------------------------------    */
#contentsSection div.letterArticle dl.mapDef {
 margin: 0 40px 40px 0;
}
#contentsSection div.letterArticle dl.mapDef dt {
 margin-bottom: 10px;
}
#contentsSection div.letterArticle dl.mapDef dt iframe {
 width: 455px;
 height: 455px;
 border: 0;
 scroll: none;
 border: 0;
}
#contentsSection div.letterArticle dl.mapDef dd {
 font-size: 85%;
 text-align: right;
}
/* [#entryBlock] MODULES
-----------------------------------------------    */
#contentsSection div.letterArticle #entryBlock strong.nocolor {
 color: #333333;
}
#contentsSection div.letterArticle #entryBlock em {
 margin-right: 0.1em;
 font-style: italic;
}
#contentsSection div.letterArticle #entryBlock blockquote {
 margin-bottom: 1.5em;
 margin-right: 40px;
 padding: 15px 15px 1px 15px;
 background-color: #f3f5f9;
 font-size: 93%;
}
#contentsSection div.letterArticle #entryBlock del {
 text-decoration: line-through;
}
#contentsSection div.letterArticle #entryBlock ins {
 text-decoration: underline;
 color: #666666;
}
#contentsSection div.letterArticle #entryBlock span.underline {
 text-decoration: underline;
}
#contentsSection div.letterArticle #entryBlock ul, #contentsSection div.letterArticle #entryBlock ol {
 margin-bottom: 1.5em;
}
#contentsSection div.letterArticle #entryBlock ul li {
 margin: 0 0.5em 0 2em;
 list-style-type: disc;
 line-height: 1.6;
}
#contentsSection div.letterArticle #entryBlock ol li {
 margin: 0 0.5em 0 2em;
 list-style-type: decimal;
 line-height: 1.6;
}
#contentsSection div.letterArticle #entryBlock ol.lower-alpha li {
 list-style: lower-alpha;
}
#contentsSection div.letterArticle #entryBlock ol.lower-latin li {
 list-style: lower-latin;
}
#contentsSection div.letterArticle #entryBlock pre {
 display: block;
 width: 433px; /* 455px */
 overflow-x: scroll;
 margin-bottom: 1.5em;
 padding: 10px;
 border: 1px solid #cccccc;
 background-color: #eeeeee;
 line-height: 1.3;
 color: #000000;
}
#contentsSection div.letterArticle #entryBlock code {
 display: inline-block;
 width: auto;
 overflow: auto;
 padding: 2px 8px 1px 8px;
 border: 1px solid #cccccc;
 background-color: #eeeeee;
 line-height: 1.3;
 color: #000000;
 box-sizing: border-box;
 border-radius: 2px;
 position: relative;
 top: 3px;
}
#entryBlock dt {
 font-weight: bold;
 font-size: 1.1em;
 margin: 0 0 0.7em 0;
}
#entryBlock dd {
 margin: 0 0 1em 1em;
}
#entryBlock dl {
 margin-bottom: 1.5em;
}