/* CSS Document */

@charset "UTF-8";

/* =============================================
common
header
header menu
header img
content_left
content_right
footer
============================================= */



/* =============================================

common

============================================= */

* {
    margin: 0px;
    padding: 0px;
    font-style: normal;
    line-height: 1.6;
    color:#333333;
    font-size:100%;
    }

html{
    overflow-y: scroll;
    }

body{
    background-image: url(http://www.joc.gr.jp/image/common/back.jpg);
    background-repeat: repeat-x; 
    background-attachment: fixed; 
    background-color: #ebf7fd;
    }

a:link { color: #0066cc; text-decoration: underline; } 
a:visited { color: #0066cc; text-decoration: underline; }
a:hover { color: #006699; text-decoration: underline; font-weight: bold; } 
a:active { color: #0066cc; text-decoration: underline; } 

img {
    border: none;
    }

.clear_both {
    clear: both;
    }

#content_right .margin10 {
    margin: 10px 0px 0px 0px;
    }
#content_right .margin-10 {
    margin: 0px 0px 10px 0px;
    }
#content_right .margin20 {
    margin: 20px 0px 0px 0px;
    }
#content_right .margin-20 {
    margin: 0px 0px 20px 0px;
    }


#content {
    width:860px;
    background-color: #ffffff;
    margin: auto;
    padding: 0px 20px 0px 20px;
    }






/* =============================================

header

============================================= */

#header {
    width:860px;
    }

#header_logo {/* JOCロゴ */
    float:left;
    width:362px;
    }
#header_info {/* 京信ロゴ */
    float:right;
    width:498px;
    }

.kyoshin {
    margin:0px 0px 22px 392px;
    }



/* 事務局へのお問い合せ */
#header_info .info1 a span {
    display:none;
    }
#header_info .info1 a {
    float:left;
    display:block;
    width:221px;
    height:21px;
    background-image: url(http://www.joc.gr.jp/image/common/header_info1.jpg);
    background-repeat: no-repeat;
    }
#header_info .info1 a:hover {
    background-image: url(http://www.joc.gr.jp/image/common/header_info1_on.jpg);
    background-repeat: no-repeat;
    }


/* JOCとは */
#header_info .info2 a span {
    display:none;
    }
#header_info .info2 a {
    float:left;
    display:block;
    width:105px;
    height:21px;
    background-image: url(http://www.joc.gr.jp/image/common/header_info2.jpg);
    background-repeat: no-repeat;
    }
#header_info .info2 a:hover {
    background-image: url(http://www.joc.gr.jp/image/common/header_info2_on.jpg);
    background-repeat: no-repeat;
    }


/* プライバシーポリシー */
#header_info .info3 a span {
    display:none;
    }
#header_info .info3 a {
    float:left;
    display:block;
    width:172px;
    height:21px;
    background-image: url(http://www.joc.gr.jp/image/common/header_info3.jpg);
    background-repeat: no-repeat;
    }
#header_info .info3 a:hover {
    background-image: url(http://www.joc.gr.jp/image/common/header_info3_on.jpg);
    background-repeat: no-repeat;
    }




/* =============================================

header menu

============================================= */

#header_menu {
    clear: both;
    height: 30px;
    margin:0px 0px 0px 0px;
    }
* html #header_menu {/* IEハック */
    clear: both;
    height: 30px;
    margin:-22px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    }
 *+html #header_menu {/* IEハック */
    clear: both;
    height: 30px;
    margin:-22px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    }



/* HOME */
#header_menu .menu1 a span {
    display:none;
    }
#header_menu .menu1 a {
    float:left;
    display:block;
    width:143px;
    height:30px;
    background-image: url(http://www.joc.gr.jp/image/common/header_menu1.jpg);
    background-repeat: no-repeat;
    }
#header_menu .menu1 a:hover {
    background-image: url(http://www.joc.gr.jp/image/common/header_menu1_on.jpg);
    background-repeat: no-repeat;
    }


/* 基本方針 */
#header_menu .menu2 a span {
    display:none;
    }
#header_menu .menu2 a {
    float:left;
    display:block;
    width:143px;
    height:30px;
    background-image: url(http://www.joc.gr.jp/image/common/header_menu2.jpg);
    background-repeat: no-repeat;
    }
#header_menu .menu2 a:hover {
    background-image: url(http://www.joc.gr.jp/image/common/header_menu2_on.jpg);
    background-repeat: no-repeat;
    }


/* 組織図 */
#header_menu .menu3 a span {
    display:none;
    }
#header_menu .menu3 a {
    float:left;
    display:block;
    width:143px;
    height:30px;
    background-image: url(http://www.joc.gr.jp/image/common/header_menu3.jpg);
    background-repeat: no-repeat;
    }
#header_menu .menu3 a:hover {
    background-image: url(http://www.joc.gr.jp/image/common/header_menu3_on.jpg);
    background-repeat: no-repeat;
    }


/* インフォメーション */
#header_menu .menu4 a span {
    display:none;
    }
#header_menu .menu4 a {
    float:left;
    display:block;
    width:143px;
    height:30px;
    background-image: url(http://www.joc.gr.jp/image/common/header_menu4.jpg);
    background-repeat: no-repeat;
    }
#header_menu .menu4 a:hover {
    background-image: url(http://www.joc.gr.jp/image/common/header_menu4_on.jpg);
    background-repeat: no-repeat;
    }


/* スケジュール */
#header_menu .menu5 a span {
    display:none;
    }
#header_menu .menu5 a {
    float:left;
    display:block;
    width:144px;
    height:30px;
    background-image: url(http://www.joc.gr.jp/image/common/header_menu5.jpg);
    background-repeat: no-repeat;
    }
#header_menu .menu5 a:hover {
    background-image: url(http://www.joc.gr.jp/image/common/header_menu5_on.jpg);
    background-repeat: no-repeat;
    }


/* レポート */
#header_menu .menu6 a span {
    display:none;
    }
#header_menu .menu6 a {
    float:left;
    display:block;
    width:144px;
    height:30px;
    background-image: url(http://www.joc.gr.jp/image/common/header_menu6.jpg);
    background-repeat: no-repeat;
    }
#header_menu .menu6 a:hover {
    background-image: url(http://www.joc.gr.jp/image/common/header_menu6_on.jpg);
    background-repeat: no-repeat;
    }





/* =============================================

header img

============================================= */

#header_img {
    clear: both;
    width:860px;
    height: 175px;
    }


/* =============================================

content_left

============================================= */

#content_left {
    float:left;
    width:180px;
    margin: 20px 20px 0px 0px;
    }
#content_left div {
    margin: 0px 0px 0px 0px;
    }


/* 代表幹事ブログ　メニュー */
#content_left .menu1 a span {
    display:none;
    }
#content_left .menu1 a {
    display:block;
    width:180px;
    height:62px;
    background-image: url(http://www.joc.gr.jp/image/left_menu/menu1.jpg);
    background-repeat: no-repeat;
    }
#content_left .menu1 a:hover {
    background-image: url(http://www.joc.gr.jp/image/left_menu/menu1_on.jpg);
    background-repeat: no-repeat;
    }


/* 幹事団ブログ　メニュー */
#content_left .menu2 a span {
    display:none;
    }
#content_left .menu2 a {
    display:block;
    width:180px;
    height:62px;
    background-image: url(http://www.joc.gr.jp/image/left_menu/menu2.jpg);
    background-repeat: no-repeat;
    }
#content_left .menu2 a:hover {
    background-image: url(http://www.joc.gr.jp/image/left_menu/menu2_on.jpg);
    background-repeat: no-repeat;
    }


/* ====== 委員会ブログ＆支部会ブログのメニューは ====== */
/* ====== sddm.css、menu.cssへ ====== */



/* 事業報告ブログ　メニュー */

#content_left .menu5 a span {
    display:none;
    }
#content_left .menu5 a {
    margin: 10px 0px 10px 0px;
    display:block;
    width:180px;
    height:62px;
    background-image: url(http://www.joc.gr.jp/image/left_menu/menu5.jpg);
    background-repeat: no-repeat;
    }
#content_left .menu5 a:hover {
    margin: 10px 0px 10px 0px;
    background-image: url(http://www.joc.gr.jp/image/left_menu/menu5_on.jpg);
    background-repeat: no-repeat;
    }








/* JOC オフィシャルリンク */
.table_offilink {
    width:100%;
    margin: 10px 0px 10px 0px;
    }
.table_offilink .middles {
    background-image: url(http://www.joc.gr.jp/image/left_menu/table_offilink_middle.jpg);
    background-repeat: repeat-y;
    }
.table_offilink .middles div {
    padding: 0px 0px 0px 2px;
    }


/* JOC オフィシャルリンク　16期 */
.table_offilink .link16 a span {
    display:none;
    }
.table_offilink .link16 a {
    display:block;
    width:177px;
    height:35px;
    background-image: url(http://www.joc.gr.jp/image/left_menu/offilink16.jpg);
    background-repeat: no-repeat;
    }
.table_offilink .link16 a:hover {
    background-image: url(http://www.joc.gr.jp/image/left_menu/offilink16_on.jpg);
    background-repeat: no-repeat;
    }


/* JOC オフィシャルリンク　15期 */
.table_offilink .link15 a span {
    display:none;
    }
.table_offilink .link15 a {
    display:block;
    width:177px;
    height:35px;
    background-image: url(http://www.joc.gr.jp/image/left_menu/offilink15.jpg);
    background-repeat: no-repeat;
    }
.table_offilink .link15 a:hover {
    background-image: url(http://www.joc.gr.jp/image/left_menu/offilink15_on.jpg);
    background-repeat: no-repeat;
    }


/* JOC オフィシャルリンク　14期 */
.table_offilink .link14 a span {
    display:none;
    }
.table_offilink .link14 a {
    display:block;
    width:177px;
    height:35px;
    background-image: url(http://www.joc.gr.jp/image/left_menu/offilink14.jpg);
    background-repeat: no-repeat;
    }
.table_offilink .link14 a:hover {
    background-image: url(http://www.joc.gr.jp/image/left_menu/offilink14_on.jpg);
    background-repeat: no-repeat;
    }


/* JOC オフィシャルリンク　13期 */
.table_offilink .link13 a span {
    display:none;
    }
.table_offilink .link13 a {
    display:block;
    width:177px;
    height:35px;
    background-image: url(http://www.joc.gr.jp/image/left_menu/offilink13.jpg);
    background-repeat: no-repeat;
    }
.table_offilink .link13 a:hover {
    background-image: url(http://www.joc.gr.jp/image/left_menu/offilink13_on.jpg);
    background-repeat: no-repeat;
    }



/* RSS */
.menu-rss a span {
    display:none;
    }
.menu-rss a {
    display:block;
    width:180px;
    height:42px;
    background-image: url(http://www.joc.gr.jp/image/left_menu/rss.jpg);
    background-repeat: no-repeat;
    margin: 0px 0px 10px 0px;
    }
.menu-rss a:hover {
    background-image: url(http://www.joc.gr.jp/image/left_menu/rss_on.jpg);
    background-repeat: no-repeat;
   margin: 0px 0px 10px 0px;
    }




/* モバイル手帳体験版 */
.menu-mobile {
    width:180px;
    height:42px;
   margin: 10px 0px 10px 0px;
    }

.menu-mobile a span {
    display:none;
    }
.menu-mobile a {
    display:block;
    width:180px;
    height:42px;
    background-image: url(http://www.joc.gr.jp/image/left_menu/mobile.jpg);
    background-repeat: no-repeat;
    margin: 10px 0px 10px 0px;
    }
.menu-mobile a:hover {
    background-image: url(http://www.joc.gr.jp/image/left_menu/mobile_on.jpg);
    background-repeat: no-repeat;
   margin: 10px 0px 10px 0px;
    }


/* モバイル手帳_お問い合わせ */
.menu-mobile_form {
    clear: both; 
   width:180px;
    height:42px;
   margin: 0px 0px 10px 0px;
    }







/* Google検索 */
.menu-google  {
    clear: both;
    width:180px;
    font-size:75%;
    margin: 10px 0px 0px 0px;
    }




#content_left .text80  {
    font-size:80%;
    }









/* =============================================

content_right

============================================= */

#content_right {
    float:right;
    width:660px;
    margin: 20px 0px 0px 0px;
    }



/* JOCインフォメーション */
.table_info {
    width:100%;
    margin: 0px 0px 30px 0px;
    }

.table_info .top {
    border-left: 5px #F7D5E7 solid;
    border-bottom: 1px #F7D5E7 solid;
    padding: 0px 0px 0px 0px;
    }
.table_info .middle {
    border-left: 5px #cccccc solid;
    padding: 0px 0px 0px 0px;
    }
.table_info .middle p {
    font-size:85%;
    padding: 10px 0px 10px 10px;
    }




/* インフォメーション・ニュース以外の */
.infonews_other_strong {
    margin: 0px 0px 30px 0px;
    padding: 10px 10px 10px 10px;
    border: 2px #ffcc66 solid;
    font-size:85%;
    background-color:#ffffcc;
   white-space: normal;
   word-wrap: break-word;
    }

.infonews_other_strong2 {
    margin: 0px 0px 30px 0px;
    padding: 10px 10px 10px 10px;
    border: 2px #99ccff solid;
    font-size:85%;
    background-color:#ddffff;
    white-space: normal;
   word-wrap: break-word;
    }






/* JOCニュース */
.table_info2 {
    width:100%;
    margin: 0px 0px 30px 0px;
    }

.table_info2 .top {
    border-left: 5px #0868ac solid;
    border-bottom: 1px #0868ac solid;
    padding: 0px 0px 0px 0px;
    }
.table_info2 .middle {
    border-left: 5px #cccccc solid;
    padding: 0px 0px 0px 0px;
    font-size:85%;
    }


.table_info2_in {
    width:100%;
    }
.table_info2_in td {
    padding: 10px 10px 10px 10px;
    }
.table_info2 .day {
    color:#0868ac;
    border-bottom: 1px #cccccc dotted;
    vertical-align: top;
    }
.table_info2 .title {
    border-bottom: 1px #cccccc dotted;
    vertical-align: top;
    }





/* News Releases */

/* 代表幹事ブログ */
.table_news1 {
    float:left;
    width:315px;
    margin: 0px 30px 0px 0px;
    }

/* 幹事団ブログ */
.table_news2 {
    float:left;
    width:315px;
    margin: 0px 0px 0px 0px;
    }

/* 委員会ブログ */
.table_news3 {
    float:left;
    width:315px;
    margin: 10px 30px 10px 0px;
    }

/* 支部会ブログ */
.table_news4 {
    float:left;
    width:315px;
    margin: 10px 0px 10px 0px;
    }





/* 代表幹事ブログ　表 */
.table_news1 .day {
    width:70px; 
    color:#cc0000;
    border-bottom: 1px #cc0000 dotted;
    padding: 5px 0px 5px 0px; 
    vertical-align: top;
    font-size:85%;
    }
.table_news1 .title {
    width:245px;
    border-bottom: 1px #cc0000 dotted;
    padding: 5px 0px 5px 0px; 
    vertical-align: top;
    font-size:80%; 
    }


/* 幹事団ブログ　表 */
.table_news2 .day {
    width:70px; 
    color:#db5300;
    border-bottom: 1px #db5300 dotted;
    padding: 5px 0px 5px 0px; 
    vertical-align: top;
    font-size:85%;
    }
.table_news2 .title {
    width:245px;
    border-bottom: 1px #db5300 dotted;
    padding: 5px 0px 5px 0px; 
    vertical-align: top;
    font-size:80%; 
    }


/* 委員会ブログ　表 */
.table_news3 .category {
    width:100px; 
    border-bottom: 1px #046c41 dotted;
    padding: 5px 0px 5px 0px; 
    vertical-align: top;
    }
.table_news3 .day {
    width:70px; 
    color:#046c41;
    border-bottom: 1px #046c41 dotted;
    padding: 5px 0px 5px 0px; 
    vertical-align: top;
    font-size:85%;
    }
.table_news3 .title {
    width:145px; 
    border-bottom: 1px #046c41 dotted;
    padding: 5px 0px 5px 0px; 
    vertical-align: top;
    font-size:80%;
    }


/* 支部会ブログ　表 */
.table_news4 .category {
    width:100px; 
    border-bottom: 1px #1a438e dotted;
    padding: 5px 0px 5px 0px; 
    vertical-align: top;
    }
.table_news4 .day {
    width:70px; 
    color:#1a438e;
    border-bottom: 1px #1a438e dotted;
    padding: 5px 0px 5px 0px; 
    vertical-align: top;
    font-size:85%;
    }
.table_news4 .title {
    width:145px;
    border-bottom: 1px #1a438e dotted;
    padding: 5px 0px 5px 0px; 
    vertical-align: top;
    font-size:80%; 
    }





/* 事業報告 */
.table_report {
    width:100%;
    margin: 10px 0px 10px 0px;
    padding: 5px 5px 5px 5px; 
    border-top: 1px #493239 solid;
    border-bottom: 1px #493239 solid;
    border-left: 5px #493239 solid;
    border-right: 1px #493239 solid;
    font-size:90%; 
    }







/* コメント */
.table_info2 #comment_list {
    margin: 0px 0px 0px 0px;
    }
.table_info2 #comment_list .author {
    border-bottom: 1px #cccccc dotted;
    font-weight: bold;
    margin: 20px 0px 5px 0px;
    padding: 0px 0px 0px 10px; 
    }
.table_info2 #comment_list .author .data {
    font-weight: normal;
    }

.table_info2 #comment_list .comment_text {
    padding: 0px 0px 0px 10px; 
    }
.table_info2 #comment_list .comment_text .next {
    font-size:80%; 
   }

.table_info2 #comment_list .bottom {
   padding: 5px 0px 0px 0px;
   font-size:80%;
   border-top: 1px #cccccc dotted;
   text-align:right;
   }

.table_info2 .comment_all {
    text-align:right;
    margin: 10px 0px 0px 0px; 
    padding: 5px 5px 5px 5px; 
    background-color: #eeeeee;
    }




/* =============================================

footer

============================================= */

#footer_menu {
    clear: both;
    width:860px;
    font-size:75%;
    text-align:right;
    padding: 10px 0px 10px 0px;
    }

#footer_menu2 {
    clear: both;
    width:860px;
    font-size:75%;
    text-align:center;
    margin: auto;
    padding: 10px 20px 10px 20px;
    background-color: #ffffff;
    border-top: 1px #4f97d2 solid;
    }

#footer {
    clear: both;
    width:860px;
    font-size:80%;
    background-color: #5296d3;
    color: #ffffff;
    margin: auto;
    padding: 0px 20px 0px 20px;
    }











/* =============================================

secondページ以降

共通
基本方針
組織図
インフォメーション
代表幹事ブログ
幹事団ブログ
委員会ブログ
支部会ブログ
その他

コメント
コメント一覧ページ

============================================= */




/* =============================================

共通

============================================= */

/* パンくず */
.bread {
    font-size: 70%;
    margin: 0px 0px 10px 0px;
    }


h1 { 
    margin: 0px 0px 20px 0px;
    }

h2 { 
    border-bottom: 2px #005f84 solid;
    font-size:90%;
    margin: 20px 0px 10px 0px;
    padding: 0px 0px 0px 0px; 
    }

h3 { 
    font-size:85%;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 20px;
    background-image: url(http://www.joc.gr.jp/image/common/arrow1.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    }

#content_left h3 { 
    background-image: url(none);
    }






#content_right .text {
    width:660px;
    margin: 0px 0px 20px 0px;
    font-size:85%;
    }
#content_right .text p { 
    margin: 5px 0px 0px 0px;
    color: #4f97d2;
    font-weight: bold;
     }

#content_right .text_align_r { 
    text-align:right;
     }

.strong_k { 
    font-size:120%;
    color: #333333;
    font-weight: bold;
    }
.strong_r { 
    font-size:120%;
    color: #ff0000;
    font-weight: bold;
    }

.strong_strong_r { 
    font-size:120%;
    color: #ff0000;
    font-weight: bold;
   background-color:#ffcccc;
   padding: 5px 5px 5px 5px;
    }

.mail_send {/* メールの送信 */
   font-size:100%;
   color:#ffA21c;
   background-color: #ffffdd;
   margin: 20px 0px 20px 0px;
   padding: 10px 10px 10px 10px;
   border-top: 1px #ffA21c dotted;
   border-bottom: 1px #ffA21c dotted;  
}













#content_right .text ol {
 list-style-type: none;

    }
#content_right .text ol li {
list-style-position: inside;
padding: 0px 0px 10px 0px;
    }






#content_right .text table {
    border-spacing: 0px;
    font-size:90%;
    }
#content_right .text table td {
    padding: 12px 20px 3px 0px;
    border-bottom: 1px #cccccc solid;
    }


 /* 普通の表 */
.table_normal {
    margin: 10px 0px 30px 0px;
    }
.table_normal td {
    font-size:80%;
    border-bottom: 1px #cccccc dotted;
    padding: 20px 10px 20px 10px;
    vertical-align: top;
    }
.table_normal td.title {
    background-color:#ddd;
    font-weight: bold;
    border-right: 1px #cccccc dotted;
    text-align:center;
    }



.table_format {
    border-spacing: none; 
    font-size:90%;
   }
.table_format td {
    border-bottom: 1px #cccccc dotted;
    padding: 10px 10px 10px 10px;
    vertical-align: top;
    }

td.back_y {
    background-color:#ffffcc;
    font-weight: bold;
    text-align:center;
    vertical-align:middle;
    padding: 10px 10px 10px 10px;
    }





/* アーカイブ */
.archive {
    font-size: 70%;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px; 
    }





/* =============================================

基本方針

============================================= */

.table_policy {
    width:100%;
    font-size:85%;
    margin: 0px 0px 15px 0px;
    }
.table_policy td {
    vertical-align: top;
    }

.policy_comment {
    padding: 10px 0px 0px 30px;
    font-size:85%;
    list-style-position: outside;
    }




/* =============================================

組織図

============================================= */

.table_organization {
    margin: 0px 0px 10px 0px;
    }
.table_organization th {
    padding: 20px 0px 0px 0px;
    text-align:left;
    }
.table_organization td {
    font-size:80%;
    vertical-align: top;
    }

.table_organization .officer {
    padding: 0px 0px 3px 20px;
    color:#996633;
   }
.table_organization .name {
    padding: 0px 0px 3px 10px;   
    }





/* =============================================

ブログ共通（代表幹事、幹事団、委員会、支部会）

============================================= */

/* ブログ記事名 */
.top a:link { color: #FFFFFF; } 
.top a:visited { color: #FFFFFF;}
.top a:hover { color: #FFFFFF;} 
.top a:active { color: #FFFFFF;} 


/* ページ移動 */
#pagebute {
    font-size: 70%;
    text-align:right;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px; 
    clear: both;
    }


/* ブログ記事を書いた人情報 */
.middle .writer_info {
    width:100%;
    }
.middle .writer_info .name {/* 名前 */
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    float:left;
    font-weight: bold;
    }
.middle .writer_info .day {/* 日付  */
    text-align:right;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    float:right;
    }


/* ブログ記事下の情報*/
.middle .data {
    text-align:right;
    padding: 0px 0px 0px 0px;
    font-size: 90%;
    }




/* =============================================

代表幹事ブログ

============================================= */

.archive_rep {
    font-size: 70%;
    color:#cc0000;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px; 
    }
.archive_rep a:link { color: #cc0000; text-decoration: underline; } 
.archive_rep a:visited { color: #cc0000; text-decoration: underline; }
.archive_rep a:hover { color: #cc0000; text-decoration: underline; font-weight: bold; } 
.archive_rep a:active { color: #cc0000; text-decoration: underline; } 


.table_blog_rep {
    width:100%;
    margin: 0px 0px 30px 0px;
    overflow: hidden;
    }
.table_blog_rep .top {
    background-image: url(http://www.joc.gr.jp/image/blog/rep_entry_top.jpg);
    background-repeat: no-repeat;
    height:46px;
    padding: 0px 20px 0px 20px;
    color:#FFFFFF;
    font-size:90%;
    font-weight:bold;
    line-height:46px;
    }
.table_blog_rep .middle {
    background-image: url(http://www.joc.gr.jp/image/blog/rep_entry_middle.jpg);
    background-repeat: repeat-y;
    padding: 0px 15px 0px 15px;
    font-size:90%;
    }
.table_blog_rep .middle img.mt-image-none {
    display:block;
    margin:0 auto;
    }




/* =============================================

幹事団ブログ

============================================= */

.archive_sec {
    font-size: 70%;
    color:#db5300;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px; 
    }

.archive_sec a:link { color: #db5300; text-decoration: underline; } 
.archive_sec a:visited { color: #db5300; text-decoration: underline; }
.archive_sec a:hover { color: #db5300; text-decoration: underline; font-weight: bold; } 
.archive_sec a:active { color: #db5300; text-decoration: underline; } 


.table_blog_sec {
    width:100%;
    margin: 0px 0px 30px 0px;
    overflow: hidden;
    }
.table_blog_sec .top {
    background-image: url(http://www.joc.gr.jp/image/blog/sec_entry_top.jpg);
    background-repeat: no-repeat;
    height:46px;
    padding: 0px 20px 0px 20px;
    color:#FFFFFF;
    font-size:90%;
    font-weight:bold;
    line-height:46px;
    }
.table_blog_sec .middle {
    background-image: url(http://www.joc.gr.jp/image/blog/sec_entry_middle.jpg);
    background-repeat: repeat-y;
    padding: 0px 15px 0px 15px;
    font-size:90%;
    }
.table_blog_sec .middle img.mt-image-none {
    display:block;
    margin:0 auto;
    }



/* =============================================

委員会ブログ

============================================= */

.archive_com {
    font-size: 70%;
    color:#046c41;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px; 
    }

.archive_com a:link { color: #046c41; text-decoration: underline; } 
.archive_com a:visited { color: #046c41; text-decoration: underline; }
.archive_com a:hover { color: #046c41; text-decoration: underline; font-weight: bold; } 
.archive_com a:active { color: #046c41; text-decoration: underline; } 


.table_blog_com {
    width:100%;
    margin: 0px 0px 30px 0px;
    overflow: hidden;
    }
.table_blog_com .top {
    background-image: url(http://www.joc.gr.jp/image/blog/com_entry_top.jpg);
    background-repeat: no-repeat;
    height:46px;
    padding: 0px 20px 0px 20px;
    color:#FFFFFF;
    font-size:90%;
    font-weight:bold;
    line-height:46px;
    }
.table_blog_com .middle {
    background-image: url(http://www.joc.gr.jp/image/blog/com_entry_middle.jpg);
    background-repeat: repeat-y;
    padding: 0px 15px 0px 15px;
    font-size:90%;
    }
.table_blog_com .middle img.mt-image-none {
    display:block;
    margin:0 auto;
    }




/* =============================================

支部会ブログ

============================================= */

.archive_loc {
    font-size: 70%;
    color:#1a438e;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px; 
    }

.archive_loc a:link { color: #1a438e; text-decoration: underline; } 
.archive_loc a:visited { color: #1a438e; text-decoration: underline; }
.archive_loc a:hover { color: #1a438e; text-decoration: underline; font-weight: bold; } 
.archive_loc a:active { color: #1a438e; text-decoration: underline; } 


.table_blog_loc {
    width:100%;
    margin: 0px 0px 30px 0px;
    overflow: hidden;
    }
.table_blog_loc .top {
    background-image: url(http://www.joc.gr.jp/image/blog/loc_entry_top.jpg);
    background-repeat: no-repeat;
    height:46px;
    padding: 0px 20px 0px 20px;
    color:#FFFFFF;
    font-size:90%;
    font-weight:bold;
    line-height:46px;
    }
.table_blog_loc .middle {
    background-image: url(http://www.joc.gr.jp/image/blog/loc_entry_middle.jpg);
    background-repeat: repeat-y;
    padding: 0px 15px 0px 15px;
    font-size:90%;
    }
.table_blog_loc .middle img.mt-image-none {
    display:block;
    margin:0 auto;
    }





/* =============================================

コメント（ブログ記事アーカイブ内）

============================================= */

/* コメント入力フォーム */
#comments .comment_comment {
    margin: 0px 0px 30px 0px;
    font-size:80%;
    }

#comments .comment_form {
    font-size:80%;
    }

#comments #comment-form-name {margin: 0px 0px 10px 0px;}
#comments #comment-form-email{margin: 0px 0px 10px 0px;}
#comments #comment-form-url{margin: 0px 0px 10px 0px;}
#comments #comments-open-text{margin: 0px 0px 10px 0px;}

#comments .comment-attention {
    font-size:80%;
    color: #ff0000;
    }




/* コメント詳細 */
#comments .comment_Author {
    width:660px;
    font-size:85%;
    border-bottom: 1px #cccccc solid;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    }

#comments .comment_text {
    width:660px;
    margin: 0px 0px 20px 0px;
    font-size:85%;
    }

#comments .comment_bottom {
    width:660px;
    margin: 0px 0px 50px 0px;
    padding: 5px 0px 0px 0px;
    font-size:70%;
    border-top: 1px #cccccc dotted;
    text-align:right;
    }







/* =============================================

その他

============================================= */

.end {/* 終了したことを示す文字に当てるスタイル。はましんなどで使用 */
    font-size:160%;
    padding: 0px 0px 10px 0px;
    color:#FF0000;
    font-weight: bold;
    }





/* =============================================

インフォメーション（ブログ記事）

============================================= */

.information_box {/* インフォメーション頁のみ。インデックス不使用 */
    width:100%;
    margin-bottom: 30px;
    border: 1px #cccccc solid;
    clear: both;
    }


.info_entry_normal {/* テーブル */
    width:100%;
    font-size:85%;
    }

.info_entry_normal .contents {/* テーブルの中のテーブル */
    vertical-align: middle;
    margin: 5px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
    }
* html .info_entry_normal .contents {/* IEハック */
    vertical-align: middle;
    margin: 5px 0px 5px 10px;
    padding: 5px 10px 5px 10px;
    }
*+html .info_entry_normal .contents {/* IEハック */
    vertical-align: middle;
    margin: 5px 0px 5px 10px;
    padding: 5px 10px 5px 10px;
    }

.info_entry_normal .color_red {/* 赤文字 */
    color: #ff0000;
    }



.entry_syosai { /* 詳細はこちら */
    text-align:right;
    font-size:90%;
    margin: 0px 0px 0px 0px; 
    padding: 5px 5px 5px 5px; 
    background-color: #eeeeee;
    font-weight: bold;
    }

/* .entry_syosai_index { 詳細はこちら index頁にて使用
    text-align:right;
    font-size:100%;
    margin: 0px 0px 0px 0px; 
    padding: 0px 5px 0px 5px; 
    font-weight: bold;
    }
 */

#content_right .info_more {/* [続き]フィールドに入力したもの */
    width:660px;
    margin: 20px 10px 20px 10px;
    font-size:85%;
    }

#content_right .info_more p {/* [続き]フィールドに入力したもの */
    margin: 0px 0px 10px 0px;
    }

.entry_syosai_table {/* テーブル */
    width:100%;
     padding: 0px 5px 0px 0px; 
    }
.entry_syosai_table td {
    padding: 0px 5px 0px 0px; 
   vertical-align: top;
    }






 /* 赤 */
.info_entry_normal .title_r {
    font-size:120%;
    font-weight: bold;
    color:#B7002A;
    vertical-align: middle;
    border-bottom: 1px #B7002A dotted;
    padding: 5px 10px 5px 10px;
    }
.info_entry_normal .title_r a:link { color: #B7002A; text-decoration: underline; } 
.info_entry_normal .title_r a:visited { color: #B7002A; text-decoration: underline; }
.info_entry_normal .title_r a:hover { color: #B7002A; text-decoration: underline; } 
.info_entry_normal .title_r a:active { color: #B7002A; text-decoration: underline; } 

.info_entry_normal .syuseki_r {
    font-size:90%;
    text-align:right;
    vertical-align: middle;
    border-bottom: 1px #B7002A dotted;
    padding: 5px 10px 5px 10px;
    }

.info_entry_normal .contents .contents_r {
    vertical-align: middle;
    background-color: #B7002A;
    color:#ffffff;
    margin: 0px 10px 5px 0px;
    padding: 1px 5px 1px 5px;
    font-weight: bold;
    }




 /* オレンジ */
.info_entry_normal .title_o {
    font-size:120%;
    font-weight: bold;
    color:#DB5300;
    vertical-align: middle;
    border-bottom: 1px #DB5300 dotted;
    padding: 5px 10px 5px 10px;
    }
.info_entry_normal .title_o a:link { color: #DB5300; text-decoration: underline; } 
.info_entry_normal .title_o a:visited { color: #DB5300; text-decoration: underline; }
.info_entry_normal .title_o a:hover { color: #DB5300; text-decoration: underline; } 
.info_entry_normal .title_o a:active { color: #DB5300; text-decoration: underline; } 

.info_entry_normal .syuseki_o {
    font-size:90%;
    text-align:right;
    vertical-align: middle;
    border-bottom: 1px #DB5300 dotted;
    padding: 5px 10px 5px 10px;
    }

.info_entry_normal .contents .contents_o {
    vertical-align: middle;
    background-color: #DB5300;
    color:#ffffff;
    margin: 0px 10px 5px 0px;
    padding: 1px 5px 1px 5px;
    font-weight: bold;
    }



 /* 緑 */
.info_entry_normal .title_g {
    font-size:120%;
    font-weight: bold;
    color:#00a147;
    vertical-align: middle;
    border-bottom: 1px #00a147 dotted;
    padding: 5px 10px 5px 10px;
    }
.info_entry_normal .title_g a:link { color: #00a147; text-decoration: underline; } 
.info_entry_normal .title_g a:visited { color: #00a147; text-decoration: underline; }
.info_entry_normal .title_g a:hover { color: #00a147; text-decoration: underline; } 
.info_entry_normal .title_g a:active { color: #00a147; text-decoration: underline; } 

.info_entry_normal .syuseki_g {
    font-size:90%;
    text-align:right;
    vertical-align: middle;
    border-bottom: 1px #00a147 dotted;
    padding: 5px 10px 5px 10px;
    }
.info_entry_normal .contents .contents_g {
    vertical-align: middle;
    background-color: #00a147;
    color:#ffffff;
    margin: 0px 10px 5px 0px;
    padding: 1px 5px 1px 5px;
    font-weight: bold;
    }



 /* 青 */
.info_entry_normal .title_b {
    font-size:120%;
    font-weight: bold;
    color:#0099cc;
    vertical-align: middle;
    border-bottom: 1px #0099cc dotted;
    padding: 5px 10px 5px 10px;
    }
.info_entry_normal .title_b a:link { color: #0099cc; text-decoration: underline; } 
.info_entry_normal .title_b a:visited { color: #0099cc; text-decoration: underline; }
.info_entry_normal .title_b a:hover { color: #0099cc; text-decoration: underline; } 
.info_entry_normal .title_b a:active { color: #0099cc; text-decoration: underline; } 

.info_entry_normal .syuseki_b {
    font-size:90%;
    text-align:right;
    vertical-align: middle;
    border-bottom: 1px #0099cc dotted;
    padding: 5px 10px 5px 10px;
    }
.info_entry_normal .contents .contents_b {
    vertical-align: middle;
    background-color: #0099cc;
    color:#ffffff;
    margin: 0px 10px 5px 0px;
    padding: 1px 5px 1px 5px;
    font-weight: bold;
    }


/* グレイ */
.info_entry_normal .title_k {
    font-size:120%;
    font-weight: bold;
    color:#666666;
    vertical-align: middle;
    border-bottom: 1px #666666 dotted;
    padding: 5px 10px 5px 10px;
    }
.info_entry_normal .title_k a:link { color: #666666; text-decoration: underline; } 
.info_entry_normal .title_k a:visited { color: #666666; text-decoration: underline; }
.info_entry_normal .title_k a:hover { color: #666666; text-decoration: underline; } 
.info_entry_normal .title_k a:active { color: #666666; text-decoration: underline; } 

.info_entry_normal .syuseki_k {
    font-size:90%;
    text-align:right;
    vertical-align: middle;
    border-bottom: 1px #666666 dotted;
    padding: 5px 10px 5px 10px;
    }
.info_entry_normal .contents .contents_k {
    vertical-align: middle;
    background-color: #666666;
    color:#ffffff;
    margin: 0px 10px 5px 0px;
    padding: 1px 5px 1px 5px;
    font-weight: bold;
    }




/* 紫 */
.info_entry_normal .title_pu {
    font-size:120%;
    font-weight: bold;
    color:#9966cc;
    vertical-align: middle;
    border-bottom: 1px #9966cc dotted;
    padding: 5px 10px 5px 10px;
    }
.info_entry_normal .title_pu a:link { color: #9966cc; text-decoration: underline; } 
.info_entry_normal .title_pu a:visited { color: #9966cc; text-decoration: underline; }
.info_entry_normal .title_pu a:hover { color: #9966cc; text-decoration: underline; } 
.info_entry_normal .title_pu a:active { color: #9966cc; text-decoration: underline; } 

.info_entry_normal .syuseki_pu {
    font-size:90%;
    text-align:right;
    vertical-align: middle;
    border-bottom: 1px #9966cc dotted;
    padding: 5px 10px 5px 10px;
    }
.info_entry_normal .contents .contents_pu {
    vertical-align: middle;
    background-color: #9966cc;
    color:#ffffff;
    margin: 0px 10px 5px 0px;
    padding: 1px 5px 1px 5px;
    font-weight: bold;
    }




/* ピンク */
.info_entry_normal .title_pi {
    font-size:120%;
    font-weight: bold;
    color:#ff66ff;
    vertical-align: middle;
    border-bottom: 1px #ff66ff dotted;
    padding: 5px 10px 5px 10px;
    }
.info_entry_normal .title_pi a:link { color: #ff66ff; text-decoration: underline; } 
.info_entry_normal .title_pi a:visited { color: #ff66ff; text-decoration: underline; }
.info_entry_normal .title_pi a:hover { color: #ff66ff; text-decoration: underline; } 
.info_entry_normal .title_pi a:active { color: #ff66ff; text-decoration: underline; } 

.info_entry_normal .syuseki_pi {
    font-size:90%;
    text-align:right;
    vertical-align: middle;
    border-bottom: 1px #ff66ff dotted;
    padding: 5px 10px 5px 10px;
    }
.info_entry_normal .contents .contents_pi {
    vertical-align: middle;
    background-color: #ff66ff;
    color:#ffffff;
    margin: 0px 10px 5px 0px;
    padding: 1px 5px 1px 5px;
    font-weight: bold;
    }
















/* =============================================

レポート（ブログ記事）

============================================= */

.report_archive {
    width:640px;
    margin: 20px 0px 20px 0px; 
    padding: 5px 10px 5px 10px; 
    background-color: #eeeeee;
    }


.report_box {
    width:100%;
    margin-bottom: 20px;
    font-size:85%;
    border: 1px #cccccc solid;
    clear: both;
    }

.report_box p {
    clear: both;
    }


.report_box .entry { /* 詳細はこちら */
    text-align:right;
    font-size:90%;
    margin: 10px 0px 0px 0px; 
    padding: 5px 5px 5px 5px; 
    }


.report_entry_normal {
    width:100%;
    }

.report_entry_normal td {
    padding: 5px 10px 5px 10px;
    }

.report_entry_normal .title {
    font-size:120%;
    font-weight: bold;
    color:#666666;
    background-color: #eeeeee;
    vertical-align: middle;
    }



/* ブログ記事を書いた人情報 */
.report_entry_normal .writer_info {
    width:100%;
    }
.report_entry_normal .writer_info .name {/* 名前 */
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    float:left;
    font-weight: bold;
    }
.report_entry_normal .writer_info .day {/* 日付  */
    text-align:right;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    float:right;
    }









/* =============================================

スケジュール　Googleカレンダー

============================================= */

.schedule_title { 
    font-size:85%;
    margin: 0px 0px 10px 0px;
    padding: 5px 5px 5px 5px;
    background-color: #ebf7fd;
    font-weight:bold;
    color: #005f84;
    }

.iframe_none{ /* Googleカレンダー不要 */
    margin: 0px 0px 0px 0px;
    display: none;
    }
#content_right iframe { /* Googleカレンダー */
    margin: 0px 0px 0px 0px;
    }







/* =============================================

フォーマット

============================================= */

.format_sub {/* サブタイトル */
   font-size:120%;
   font-weight: bold;
   color:#ffA21c;
   margin: 30px 0px 10px 0px;
   padding: 0px 0px 5px 0px;
   border-bottom: 2px #ffA21c solid; 
}


.mail_send {/* メールの送信 */
   font-size:100%;
   color:#ffA21c;
   background-color: #ffffdd;
   margin: 30px 0px 10px 0px;
   padding: 10px 10px 10px 10px;
   border-top: 1px #ffA21c dotted;
   border-bottom: 1px #ffA21c dotted;  
}




/* =============================================

経営力向上事業

============================================= */

#content_right .text_management {
   width:640px;
   margin: 0px 10px 20px 10px;
   font-size:85%;
}

.keiei_sub {/* 経営力向上事業のサブタイトル */
   font-size:120%;
   font-weight: bold;
   color:#e3761c;
   margin: 30px 0px 10px 0px;
   padding: 0px 0px 5px 0px;
   border-bottom: 2px #e3761c solid; 
}



/* 経営力向上事業のグラフ */
#content_right .text_management .table_glaf {
   margin: 10px 0px 20px 0px;
   border-top: 1px #cccccc solid;
   border-left: 1px #cccccc solid;
}
#content_right .text_management .table_glaf td {
   border-bottom: 1px #cccccc solid;
   border-right: 1px #cccccc solid;
   padding: 5px 15px 5px 15px;
}
.table_glaf p {
   padding: 0px 0px 15px 0px;
}

/* 経営力向上事業のグラフ　　ボーダーなし */
#content_right .text_management .table_glaf_none {
   margin: 10px 0px 20px 0px;
   border-top: 2px #999 solid;
   border-left: 1px #cccccc solid;
   width:100%;
}
#content_right .text_management .table_glaf_none td {
   padding: 5px 15px 5px 15px;
}
.table_glaf_none p {
   padding: 0px 0px 15px 0px;
}






/* =============================================

出席状況テンプレート

============================================= */

.attendance_m {
width:100%;
font-size:80%;
border-collapse: collapse;
border-spacing: 0px;
border-top: 1px #cccccc solid;
border-left: 1px #cccccc solid;
}

.attendance_m th {
padding: 5px 5px 5px 5px;
border-bottom: 1px #cccccc solid;
border-right: 1px #cccccc solid;
text-align:left;
font-weight: bold;
}
.attendance_m td {
padding: 5px 5px 5px 5px;
border-bottom: 1px #cccccc solid;
border-right: 1px #cccccc solid;
text-align:left;
}





.disp_tbl {
width:100%;
font-size:80%;
border-collapse: collapse;
border-spacing: 0px;
border-top: 1px #cccccc solid;
border-left: 1px #cccccc solid;
}
.disp_tbl td {
padding: 5px 5px 5px 5px;
border-bottom: 1px #cccccc solid;
border-right: 1px #cccccc solid;
text-align:left;
}



.attendance_m_bran {
margin: 20px 0px 0px 0px;
border-bottom: 2px #333 solid;
padding: 0px 0px 0px 10px;
}

.attendance_m_indiv {
font-size:80%;
border-collapse: collapse;
border-spacing: 0px;
}
.attendance_m_indiv td {
padding: 5px 10px 5px 10px;
text-align:left;
}

.attendance_m_indiv td.font_big {
font-size:130%;
}