/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
html {
    background: #FEFEFE;
    font-family: "Open Sans", 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
body {
    background: #FFF;
    font-size: 13px;
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
img{
    vertical-align: bottom;
}
a{
    color: #009ED5;
    text-decoration: none;
}

/* wrapper */
.pageWrapper{
    padding-top: 24px;
    background: transparent url(../img/header_top_bg.png) left top repeat-x;
}

/* site head */
.siteHeader{
    overflow: hidden;
    margin: auto;
    width: 962px;
    height: 100px;
    background: transparent url(../img/header_bottom_bg.png) left bottom repeat-x;
}
.siteTitle{
    float: left;
    margin-top: 12px;
    margin-left: 1px;
}
.goAdmin{
    float: right;
    margin-top: 38px;
    margin-right: 1px;
}

/* login header */
.loginFormPage .siteHeader{ /* overwrite */
    height: 85px;
}
.loginFromTitle{
    margin-top: 24px;
    text-align: center;
}

/* toppage main nav */
.topPageNav{
    overflow: hidden;
    margin: auto;
    width: 963px;
}
.topPageNavItem{
    float: left;
    margin-right: 6px;
}
.topPageNavItem a:hover img{
    opacity: 0.6;
}
.topPageNavItem.lastItem{
    margin-right: 0;
}

/* contents page nav */
.contentsPageNav{
    margin: auto;
    padding: 1px 0;
    background: transparent url(../img/cont_nav_repeat_bg.png) left top repeat-x;
}
.contentsPageNavInside{
    overflow: hidden;
    margin: auto;
    width: 961px;
}
.contentsPageNavItem{
    float: left;
}
/*.contentsPageNavItem a:hover img,
.contentsPageNavItem.current img{
    opacity: 0.6;
}
*/
/* main block */
.mainConentBlock{
    overflow: hidden;
    margin: auto;
    width: 960px;
}

/* login */
.loginFormBlock{
    margin: auto;
    padding: 40px;
    width: 622px;
    background: #F7F5E7;
    -webkit-box-shadow: -1px 2px 1px 0 rgba(0,0,0,0.2);
            box-shadow: -1px 2px 1px 0 rgba(0,0,0,0.2);
    border-radius: 6px;
}
.loginFormItem{
    position: relative;
    margin: auto;
    width: 302px;
    font-size: 16px;
}
.loginFormItemLabel{
    position: absolute;
    top: 11px;
    right: 310px;
    width: 100px;
    text-align: right;
}
#loginFormID,#loginFormPASSWD{
    width: 300px;
    border: solid 1px #7E9DBA;
    -webkit-box-shadow: -1px 2px 1px 0 rgba(0,0,0,0.1) inset;
            box-shadow: -1px 2px 1px 0 rgba(0,0,0,0.1) inset;
    font-size: 16px;
    padding: 6px;
}
#loginFromSubmit{
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}
.modError{
    width: 302px;
    margin: auto;
    color: red;
    font-weight: bold;
    margin-bottom: 30px;
}

/* topPage */
.topPageTopicsHead{
    padding-bottom: 8px;
    background: transparent url(../img/dotline.png) left bottom repeat-x;
}

/* contents */
.mainContentHead{
    position: relative;
    border-bottom: solid 1px #8C8B84;
}

.goPostEntryBt{
    position: absolute;
    top: 10px;
    right: 0;
}
.goPostEntryBt a:hover img{
    opacity: 0.6;
}

/* entry */
.topicsEntryBlock{
    width: 678px;
}
.entryItem{
    margin-bottom: 150px;
}
.topicsEntryTitle{
    padding-bottom: 16px;
    background: transparent url(../img/entry_title_bg.png) left bottom no-repeat;
}
.topicEntryBody{
    overflow: hidden;
    margin: auto 30px;
}
.topicEntryBody p{
    margin-bottom: 1em;
}
p.entryImage{
    margin: 0 0 50px 50px;
    -webkit-box-shadow: -1px 2px 1px 0 rgba(0,0,0,0.1);
            box-shadow: -1px 2px 1px 0 rgba(0,0,0,0.1);
}
.topicsImages{ margin-bottom:40px; }
.topicsImages li{
	width: 210px;
	margin-right: 24px;
	float: left;
}
.topicsImages li img{ width:100%; height:auto;}
.topicsImages li.last{
	margin-right: 0px;
}

/* for WYSWYG */
.userInputContent {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.userInputContent b,
.userInputContent strong {
  font-weight: bold;
}
.userInputContent h1 {
  font-size: 2em;
  margin: 0.83em 0;
  font-weight: bold;
}
.userInputContent h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
  font-weight: bold;
}
.userInputContent h3 {
  font-size: 1.4em;
  margin: 0.83em 0;
  font-weight: bold;
}
.userInputContent h4 {
  font-size: 1.33em;
  margin: 0.83em 0;
  font-weight: bold;
}
.userInputContent h5 {
  font-size: 1.2em;
  margin: 0.83em 0;
  font-weight: bold;
}
.userInputContent h6 {
  font-size: 1.15em;
  margin: 0.83em 0;
  font-weight: bold;
}
.userInputContent small {
  font-size: 80%;
}
.userInputContent p{
  margin: 0.83em 0;
}
.userInputContent ul{
  list-style-type: disc;
  padding-left: 40px;
}
.userInputContent ol{
  list-style-type: decimal;
  padding-left: 40px;
}
.userInputContent li{
  list-style-type: disc;
  margin: 0.83em 0;
}

/* comment */
.commentPostBlock{
    overflow: hidden;
    background: #F0EFBE;
    -webkit-box-shadow: -1px 2px 1px 0 rgba(0,0,0,0.1);
            box-shadow: -1px 2px 1px 0 rgba(0,0,0,0.1);
}
.commentPostLabel{
    margin: 12px 0 0 12px;
}
.commentPostFromBlock{
    margin-top: 20px;
    margin-right: 20px;
    width: 440px;
}
.commentPostItem{
    position: relative;
    width: 440px;
}
.commentPostItemLabel{
    position: absolute;
    top: 8px;
    right: 450px;
    display: block;
    width: 60px;
    text-align: right;
}
.commentPostFormName{
    width: 350px;
    border: solid 1px #7E9DBA;
    -webkit-box-shadow: -1px 2px 1px 0 rgba(0,0,0,0.1) inset;
            box-shadow: -1px 2px 1px 0 rgba(0,0,0,0.1) inset;
    font-size: 16px;
    padding: 6px;
}
.commentPostFormBody{
    width: 400px;
    border: solid 1px #7E9DBA;
    -webkit-box-shadow: -1px 2px 1px 0 rgba(0,0,0,0.1) inset;
            box-shadow: -1px 2px 1px 0 rgba(0,0,0,0.1) inset;
    font-size: 16px;
    padding: 6px;
}
.commentItemMeta{
    position: relative;
    padding: 10px 160px 10px 10px;
    background: #E1E7E8;
}
.commentPostDatetime{
    position: absolute;
    top: 10px;
    right: 10px;
}
.commentItemBody{
    padding: 10px;
    border-bottom: solid 1px #B1B1B1;
    line-height: 1.6;
}
.commentItemBody.lastItem,
.commentItemBody:last-child{
    border-bottom: none;
}

.bottomPagingNavi ul,
.bottomPagingNavi li{
    display: inline-block;
}

/* topics area nav */
.topicsAreaNav{
    width: 208px;
    background: #F6F5D9;
}
.topicsAreaNavList{
    padding: 0 0 60px 10px;
}

/* site foot */
.siteFooter{
    height: 82px;
    background: #FFF url(../img/footer_bg.png) left bottom repeat-x;
}
.siteFooterInside{
    position: relative;
    margin: auto;
    padding-top: 8px;
    width: 963px;
    height: 74px;
}
.footGoPageTop{
    position: absolute;
    top: -25px;
    right: 0;
}
#footGoPageTopBt{
    cursor: pointer;
}

/* disable color */
.disableItem{
    color: silver;
}

/* color class */
.color-red{
    color: #FF3000;
}

/* font-size class */
.fs-20{
    font-size: 20px;
}

/* font-weight class */
.fw-b{
    font-weight: bold;
}
.fw-n{
    font-weight: normal;
}

/* columns class */
.colParent{
    overflow: hidden;
}

/* float class */
.fl-l{
    float: left;
}
.fl-r{
    float: right;
}

/* margin class */
.mt-18{
    margin-top: 18px;
}
.mb-4{
    margin-bottom: 4px;
}
.mb-8{
    margin-bottom: 8px;
}
.mb-12{
    margin-bottom: 12px;
}
.mb-15{
    margin-bottom: 15px;
}
.mb-18{
    margin-bottom: 18px;
}
.mb-21{
    margin-bottom: 21px;
}
.mb-31{
    margin-bottom: 31px;
}
.mb-36{
    margin-bottom: 36px;
}
.mb-42{
    margin-bottom: 42px;
}
.mb-50{
    margin-bottom: 50px;
}
.mb-54{
    margin-bottom: 54px;
}
.mb-200{
    margin-bottom: 200px;
}

/* padding class */
.pdg-1{
    padding: 1px;
}

/* border class */
.gray-bdr{
    border: solid 1px #B1B1B1;
}

/* text-align class */
.ta-r{
    text-align: right;
}
.ta-c{
    text-align: center;
}
.ta-l{
    text-align: left;
}

/* line-height class */
.lh-16{
    line-height: 1.6;
}