@charset "utf-8";

/*contents.css*/



/*全ページ共通*/
#page-body h4 {
  color:#38d271;
  font-weight:bold;
  line-height:1em;
  border-left:1em solid #38d271;
  margin-bottom:5px;
  padding-left:3px;
}

.clear {
  clear:both;
  text-indent:-999999px;
  width:0;
  height:0;
  line-height:0;
  position:static;
}
p.pan_navi {
  font-size:0.6em;
  line-height:1em;
  margin-bottom:10px;
}
p.return-top {
  border-bottom:none!important;
  background:url(../images/btn_return-top.gif) no-repeat left 50%;
  clear:both;
  float:right;
  line-height:21px;
  height:21px;
  text-align:right;
  margin-bottom:10px;
  padding-left:20px;
}
p.return-top a {
  line-height:19px;
  height:19px;
}
.right {
  text-align:right;
  margin-right:0;
}
.left {
  text-align:left;
  margin-left:0;
}
.center {
  text-align:center;
}
.flort_right {
  float:right;
  margin-left:10px;
}
.flort_left {
  float:left;
  margin-right:10px;
}
.red {
  color:#f00;
}
.caption {
  font-size:0.8em;
  line-height:1.5em;
}
ul.list {
  margin-bottom:10px;
}
.list li {
  background:url(../images/ya_01.gif) left top no-repeat;
  padding-left:20px;
  line-height:19px;
  height:auto;
  margin-bottom:0.5em;
  font-size : 1.1em;
  font-weight:bold;
}
dl.list {
  margin-bottom:10px;
}
dl.list dt {
  background:url(../images/ya_01.gif) left top no-repeat;
  padding-left:20px;
  line-height:19px;
  height:auto;
  margin-bottom:0.5em;
  font-size : 1.1em;
  font-weight:bold;
}
dl.list dd {
  padding-left:20px;
  line-height:19px;
  height:auto;
  display:block;
  font-size : 1.1em;
  border-bottom:1px dotted #0072fa;
  padding-bottom:0.5em;
  margin-bottom:1em;
}
dl.box {
}
ul.box li {
  background:url(../images/ya_01.gif) left top no-repeat;
  padding-left:20px;
  line-height:19px;
  height:auto;
  margin-bottom:0.5em;
  font-size : 1.1em;
  font-weight:bold;
  border-bottom:1px dotted #0072fa;
  padding-bottom:0.5em;
  margin-bottom:1em;
}
ul.box li span {
  font-weight:normal;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}
*+html .clearfix {
  height: 1px;
}


.more {
  text-align:right;
}

table.table_basic {
  clear:both;
  border-top:1px dotted #0072fa;
  margin:10px 0 20px 0;
  height:auto;
  width:100%;
}
table.table_basic th, table.table_basic td {
  border-bottom:1px dotted #0072fa;
  font-size:0.85em;
  line-height:1.3em;
  padding: 5px;
  text-align:left;
}
table.table_basic th {
  background-color:#aad7ff;
  line-height:1.5em;
}
table.table_basic td {
  width:70%;
}

/*ヘッダー*/
#header {
  text-align:left;
  position:relative;
}
#header h1 {
  margin:19px auto 19px 0;
}
#header em {
  display:block;
  height:26px;
  width:960px;
  background:url(../images/bg_header_description.gif) 0 0 no-repeat;
  color:#fff;
  font-size:0.8em;
  line-height:21px;
  text-indent:10px;
}
#user-info {
  width:246px;
  height:55px;
  background:url(../images/bg_user-info.jpg) center top no-repeat;
  padding:7px 10px 10px 10px;
  position:absolute;
  right:0;
  top:30px;
  text-align:center;
}
#user-info p {
  font-size:0.8em;
  line-height:1.5em;
}
#user-info img {
  vertical-align:middle;
}
#user-info p a#login_btn:link, #user-info p a#login_btn:visited {
  background:url(../images/btn_login_header.png) 0 0 no-repeat;
  display:block;
  height:21px;
  width:129px;
  text-indent:-999999px;
  margin:0 auto;
}
#user-info p a#login_btn:hover {
  background:url(../images/btn_login_header.png) 0 -21px no-repeat;
}
#user-info p a#login_btn:active {
  background:url(../images/btn_login_header.png) 0 -42px no-repeat;
}

#user-info p a#new_btn:link, #user-info p a#new_btn:visited {
  background:url(../images/btn_new_header.png) 0 0 no-repeat;
  display:block;
  height:21px;
  width:119px;
  text-indent:-999999px;
  margin:1px 2px;
  float:left;
}
#user-info p a#new_btn:hover {
  background:url(../images/btn_new_header.png) 0 -21px no-repeat;
}
#user-info p a#new_btn:active {
  background:url(../images/btn_new_header.png) 0 -42px no-repeat;
}


#user-info p span#member_type_01 {
  font-size:1.2em;
  color:#0072fa;
  font-weight:bold;
}
/*メインメニュー*/
#mainmenu {
  width:960px;
  height:48px;
  background:url(../images/bg_mainmenu.gif) left top repeat-x;
}
#mainmenu li {
  position:relative;
  float:left;
}
#mainmenu li a:link, #mainmenu li a:visited {
  height:39px;
  width:87px;
  display:block;
  background:url(../images/btn_mainmenu.jpg) 0 0 no-repeat;
  text-indent:-999999px;
}
#mainmenu li a:hover {
  background-position:0 -39px;
}
#mainmenu li a:active {
  background-position:0 -78px;
}

#mainmenu li#about a:link, #mainmenu li#about a:visited {/*協会概要*/
  background-position:0 0;
}
#mainmenu li#about a:hover, #mainmenu li#about strong a:link, #mainmenu li#about strong a:visited {
  background-position:0 -39px;
}
#mainmenu li#about a:active {
  background-position:0 -78px;
}
#mainmenu li#info a:link, #mainmenu li#info a:visited {/*お知らせ*/
  background-position:-87px 0;
}
#mainmenu li#info a:hover, #mainmenu li#info strong a:link, #mainmenu li#info strong a:visited {
  background-position:-87px -39px;
}
#mainmenu li#info a:active {
  background-position:-87px -78px;
}
#mainmenu li#update a:link, #mainmenu li#update a:visited {/*最新情報*/
  background-position:-174px 0;
}
#mainmenu li#update a:hover, #mainmenu li#update strong a:link, #mainmenu li#update strong a:visited {
  background-position:-174px -39px;
}
#mainmenu li#update a:active {
  background-position:-174px -78px;
}
#mainmenu li#faq a:link, #mainmenu li#faq a:visited {/*Q&A集*/
  width:88px;
  background-position:-261px 0;
}
#mainmenu li#faq a:hover, #mainmenu li#faq strong a:link, #mainmenu li#faq strong a:visited {
  background-position:-261px -39px;
}
#mainmenu li#faq a:active {
  background-position:-261px -78px;
}
#mainmenu li#discussion a:link, #mainmenu li#discussion a:visited {/*ディスカッション*/
  width:88px;
  background-position:-348px 0;
}
#mainmenu li#discussion a:hover, #mainmenu li#discussion strong a:link, #mainmenu li#discussion strong a:visited {
  background-position:-348px -39px;
}
#mainmenu li#discussion a:active {
  background-position:-348px -78px;
}
#mainmenu li#contact a:link, #mainmenu li#contact a:visited {/*質問受付*/
  background-position:-436px 0;
}
#mainmenu li#contact a:hover, #mainmenu li#contact strong a:link, #mainmenu li#contact strong a:visited {
  background-position:-436px -39px;
}
#mainmenu li#contact a:active {
  background-position:-436px -78px;
}

#mainmenu li#modification a:link, #mainmenu li#modification a:visited {/*会員情報*/
  width:88px;
  background-position:-523px 0;
}
#mainmenu li#modification a:hover, #mainmenu li#modification strong a:link, #mainmenu li#modification strong a:visited {
  background-position:-523px -39px;
}
#mainmenu li#modification a:active {
  background-position:-523px -78px;
}
/*----------------サブメニュー----------------*/
#mainmenu li ul {
  display:block;
    position: absolute;
    top: 39px;
    left: 0;
  width:88px;
  height:0;
  overflow:hidden;
}
#mainmenu li:hover ul {
  height:auto;
}
#mainmenu li:hover ul li a:link, #mainmenu li:hover ul li a:visited {
  height:auto;
  width:78px !important;
  padding:10px 5px 7px 5px;
  background-image:none;
  background-color:#000;
  border-top:1px dotted #fff;
  color:#fff;
  display:block;
  text-align:center;
  text-decoration: none;
  text-indent:0;
  line-height:1.3em;
  font-style:normal;
}
#mainmenu li:hover ul li a:hover {
  background-color:#ff8a07;
}
#mainmenu li:hover ul li a:active {
  background-color:#f00;
}
#mainmenu li  {
    z-index: 100;
}


/*ログイン画面*/
#login-win {
  width:370px;
  height:auto;
  padding:20px;
  margin:20px auto;
  background-color: #bad0ec;
  border:1px solid #0072fa;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  font-size:1.1em;
}
#login-win form dl {
  width:370px;
  height:auto;
  margin:0 auto;
}
#login-win form dt {
  float:left;
  width:100px;
}
#login-win form dl dd input {
  width:200px !important;
  margin-bottom:10px;
}
#mainmenu li#report a:link, #mainmenu li#report a:visited {/*レポート回答*/
  width:87px;
  background-position:-611px 0;
}
#mainmenu li#report a:hover, #mainmenu li#report strong a:link, #mainmenu li#report strong a:visited {
  background-position:-611px -39px;
}
#mainmenu li#report a:active {
  background-position:-611px -78px;
}
#mainmenu li#support a:link, #mainmenu li#support a:visited {/*サポート*/
  width:87px;
  background-position:-698px 0;
}
#mainmenu li#support a:hover, #mainmenu li#support strong a:link, #mainmenu li#support strong a:visited {
  background-position:-698px -39px;
}
#mainmenu li#support a:active {
  background-position:-698px -78px;
}
#mainmenu li#link a:link, #mainmenu li#link a:visited {/*リンク集*/
  background-position:-785px 0;
}
#mainmenu li#link a:hover, #mainmenu li#link strong a:link, #mainmenu li#link strong a:visited {
  background-position:-785px -39px;
}
#mainmenu li#link a:active {
  background-position:-785px -78px;
}
#mainmenu li#login a:link, #mainmenu li#login a:visited {/*ログイン*/
  background-position:-872px 0;
}
#mainmenu li#login a:hover, #mainmenu li#login strong a:link, #mainmenu li#login strong a:visited {
  background-position:-872px -39px;
}
#mainmenu li#login a:active {
  background-position:-872px -78px;
}
#mainmenu li#logout a:link, #mainmenu li#logout a:visited {/*ログアウト*/
  background-position:-959px 0;
}
#mainmenu li#logout a:hover, #mainmenu li#logout strong a:link, #mainmenu li#logout strong a:visited {
  background-position:-959px -39px;
}
#mainmenu li#logout a:active {
  background-position:-959px -78px;
}


/*フッター*/
#footer #footer-contents ul {
  float:left;
  width:10em;
  margin-right:20px;
}
#footer #footer-contents address {
  text-align:right;
  line-height:1.5em;
}



/*トップページ*/
#top-contents h2 {
  background:url(../images/bg_topheader.jpg) right 0 no-repeat #38d271;
  border-left:3px solid #0072fa;
  color:#fff;
  height:31px;
  width:466px;
  line-height:31px;
  padding-left:7px;
  position:relative;
  margin-bottom:10px;
}
#top-contents h2 a {
  position:absolute;
  right:7px;
  top:6px;
}
#top-contents h3 {
  background:url(../images/ya_01.gif) left top no-repeat;
  margin-bottom:0.25em;
  padding-left:20px;
  color:#38d271;
  line-height:1.3em;
  height:auto;
}
#top-contents ul.list li {
  border-bottom:1px dotted #8c6239;
}
#top-contents p {
  border-bottom:1px dotted #8c6239;
  padding-left:20px;
  line-height:1.7em;
  margin-bottom:10px;
  padding-bottom:10px;
}

/*一般ページ*/
#pan-navi {
  text-align:left;
  font-size:0.8em;
  line-height:1.3em;
  margin:5px 0;
}
#page-body .read {
  font-size:0.9em;
  line-height:1.5em;
  margin-bottom:1em;
}
#page-body #attention {
  background:#f7f7f7;
  width:760px;
  height:15em;
  margin:10px 0;
  padding:10px;
  overflow:scroll;
}
#page-body #attention p {
  line-height:1.5em;
  margin-bottom:10px;
}
#page-body #attention ul.list li {
  background:url(../images/ya_01_gray.gif) left top no-repeat !important;
}
#page-body #contents-right h2 {
}
#page-body #contents-right h3 {
  background:url(../images/bg_topheader.jpg) right 0 no-repeat #38d271;
  border-left:3px solid #0072fa;
  color:#fff;
  height:31px;
  width:772px;
  line-height:31px;
  padding-left:7px;
  position:relative;
  margin-bottom:10px;
}
#page-body h2#page-header {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  height:55px;
  width:100%;
  margin:10px 0;
}
#page-body #contents-left h2 {
  border-left:3px #38d271 solid;
  color:#38d271;
  font-size:1.1em;
  line-height:2em;
  padding-left:3px;
  margin-bottom:10px;
}

.pager {
  display:block;
  width:50%;
  height:23px;
  text-align:center;
  margin:20px auto;
  position:relative;
}
.pager a {
  text-decoration:none;
  margin-right:5px;
  line-height:1em;
}
.pager a.btn_pre:link, .pager a.btn_pre:visited {
  display:block;
  background:url(../images/btn_list_pre.gif) 0 0 no-repeat;
  width:72px;
  height:23px;
  text-indent:-9999999px;
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
}
.pager a.btn_pre:hover {
  background:url(../images/btn_list_pre.gif) 0 -23px no-repeat;
}
.pager a.btn_pre:active {
  background:url(../images/btn_list_pre.gif) 0 -46px no-repeat;
}
.pager a.btn_next:link, .pager a.btn_next:visited {
  float:right;
  display:block;
  background:url(../images/btn_list_next.gif) 0 0 no-repeat;
  width:72px;
  height:23px;
  text-indent:-9999999px;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
}
.pager a.btn_next:hover {
  background:url(../images/btn_list_next.gif) 0 -23px no-repeat;
}
.pager a.btn_next:active {
  background:url(../images/btn_list_next.gif) 0 -46px no-repeat;
}

.pager a.page:link, .pager a.page:visited {
  height:auto;
  width::auto;
  padding:3px 5px;
  border:1px solid #dadada;
  background-color:#f7f7f7;
}
.pager a.page:hover {
  border:1px solid #0072fa;
  background-color:#b4d6ff;
}
.pager strong a.page:link, .pager strong a.page:visited {
  border:1px solid #0072fa;
  background-color:#b4d6ff;
}
table.table-list02 {
  width:100%;
  height:auto;
  margin-bottom:10px;
  border-left:1px dotted #0072fa;
}
table.table-list02 tr {
}
table.table-list02 th, table.table-list02 td {
  padding:5px;
  text-align:left;
  border-bottom:1px dotted #0072fa;
  border-right:1px dotted #0072fa;
  /*font-size:0.85em;*/
  line-height:1.2em;
  vertical-align:middle;
  text-align:center;
}
table.table-list02 th {
  background-color:#0072fa;
  border-left:1px dotted #fff;
  color:#fff;
  border-bottom:none;
  font-size:1em;
}
table.table-list02 td.right {
  text-align:right;
}
table.table-list02 td.cellheader {
  background:#e5e5e5;
}
dl.supplementation dt {
  font-weight:bold;
}
dl.supplementation dd {
  line-height:1.5em;
  margin-left:2em;
  border-left:3px solid #0072fa;
  padding-left:4px;
}
div.column {
  width:738px;
  height:auto;
  padding:10px;
  border:1px solid #0072fa;
  margin:10px 0 10px 20px;
}

/*ディスカッション*/
table.table-list {
  width:100%;
  height:auto;
  margin-bottom:10px;
}
table.table-list tr {
}
table.table-list th, table.table-list td {
  padding:10px 10px 5px 10px;
  text-align:left;
  border-bottom:1px dotted #0072fa;
  /*font-size:0.85em;*/
  line-height:1.5em;
  vertical-align:top;
}
table.table-list th.list-header, table.table-list th.list-count, table.table-list th.list-date {
  background-color:#0072fa;
  color:#fff;
  border-bottom:none;
  font-size:1em;
}
table.table-list th.list-header {
  width:60%;
}
.entry_description {
  font-weight:normal;
}


/*エントリ*/
.entry_title_mark {
  color:#fff;
}
.entry_body {
  color:#38d271;
  font-weight:bold;
}

div.entry_response {
  margin:20px 0 20px 30px;
}
div.entry_response h4 {
  background:#80b9fc;
  border-left:3px solid #0072fa !important;
  color:#fff !important;
  line-height:1.2em;
  margin-bottom:10px;
  padding:7px 5px 5px 5px;
}
#contents-right h3 a#btn_newentry:link, #contents-right h3 a#btn_newentry:visited {
  background:url(../images/btn_discussion_entry.gif) 0 0 no-repeat;
  width:223px;
  height:25px;
  display:block;
  overflow:hidden;
  text-indent:-999999px;
  position:absolute;
  right:10px;
  top:5px;
}
#contents-right h3 a#btn_newentry:hover {
  background:url(../images/btn_discussion_entry.gif) 0 -25px no-repeat;
}
#contents-right h3 a#btn_newentry:active {
  background:url(../images/btn_discussion_entry.gif) 0 -50px no-repeat;
}
p.add_comment a:link, p.add_comment a:visited {
  background:url(../images/btn_comment.gif) 0 0 no-repeat;
  width:194px;
  height:35px;
  display:block;
  overflow:hidden;
  text-indent:-999999px;
  margin:10px auto;
}
p.add_comment a:hover	{
  background:url(../images/btn_comment.gif) 0 -35px no-repeat;
}
p.add_comment a:active	{
  background:url(../images/btn_comment.gif) 0 -70px no-repeat;
}

form p {
  font-size:1em;
}
form input {
  margin-right:10px;
}
form input.title_area {
  background-color:#c7e1ff;
  border:1px solid #80b9fc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
form input.title_area, form textarea {
  background-color:#c7e1ff;
  border:1px solid #80b9fc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
form input.title_area:hover, form textarea:hover {
  background-color:#fff;
  border:1px solid #f00;
}
form input.title_area:active, form input.title_area:focus, form textarea:active, form textarea:focus {
  background-color:#fff;
  border:1px solid #80b9fc;
}



/*Q&A集*/
#contents-right h3 a#btn_newfaqentry:link, #contents-right h3 a#btn_newfaqentry:visited {
  background:url(../images/btn_faq_entry.gif) 0 0 no-repeat;
  width:223px;
  height:25px;
  display:block;
  overflow:hidden;
  text-indent:-999999px;
  position:absolute;
  right:10px;
  top:5px;
}
#contents-right h3 a#btn_newfaqentry:hover {
  background:url(../images/btn_faq_entry.gif) 0 -25px no-repeat;
}
#contents-right h3 a#btn_newfaqentry:active {
  background:url(../images/btn_faq_entry.gif) 0 -50px no-repeat;
}
#page-body h4.q_title {
  color:#000;
  background:#f7f7f7;
  font-weight:bold;
  line-height:1em;
  border-left:3px solid #38d271;
  margin-bottom:5px;
  padding:10px 0 10px 3px;
}
#page-body h4.q_title span.entry_title_mark {
  color:#38d271;
  margin-right:0.5em;
}
h4.a_title span.entry_title_mark {
  margin-right:0.5em;
}



/*質問受け付け*/
form#contact_form {
  border-top: 1px dotted #38d271;
  width:100%;
  height:auto;
  font-size:inherit;
  margin:20px 0;
}
form#contact_form table {
  margin-bottom:10px;
}
form#contact_form table th, form#contact_form table td {
  padding:0.5em;
  border-bottom: 1px dotted #38d271;
  margin-bottom:0.5em;
}
form#contact_form table th {
  width:250px;
}
form#contact_form p input, form#contact_form p select {
  margin-left:0.5em;
}
form#contact_form textarea#question, form#contact_form input#mail, form#contact_form input#tel, form#contact_form input#fax {
  width: 490px;
  background-color:#c7e1ff;
  border:1px solid #80b9fc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
form#contact_form textarea#question:hover, form#contact_form input#mail:hover, form#contact_form input#tel:hover, form#contact_form input#fax:hover {
  background-color:#fff;
  border:1px solid #f00;
}
form#contact_form textarea#question:focus, form#contact_form input#mail:focus, form#contact_form input#tel:focus, form#contact_form input#fax:focus {
  background-color:#fff;
  border:1px solid #80b9fc;
}

/*レポート・問題回答*/
#page-body h5.q_title {
  color:#000;
  background:#f7f7f7;
  font-size:1.2em;
  font-weight:bold;
  line-height:1em;
  border-left:3px solid #38d271;
  margin-bottom:5px;
  padding:10px 0 10px 3px;
}
#page-body p.q_content {
  line-height:1.5em;
  margin-left:1em;
}
p.answer {
  margin:1em 0;
  padding:0 0 0.5em 1em;
  border-bottom: 1px dotted #38d271;
}
p.answer textarea.area_answer {
  width:99%;
}

/*contents.css*/