﻿

/* add 2012/09/05 会員専用コンテンツ対応 */

/* テーブルリスト */
TABLE.list1{
	border-collapse:collapse;
	margin: 0 auto 0 auto;
}

TABLE.list1 th,TABLE.list1 td{
	border-bottom:1px dotted #AAAAAA;
	border-collapse:collapse;
	text-align:left;
	padding: 3px;
}

TABLE.list1 span.mstName
{
	float:right;
}
/* テーブル */
div.title {
   text-align: left;
   float: left;
}
div.bunrui {
   text-align: right;
}
div.titlebar {
    padding:0.1em;
}


/* 見出し */
.midashi
{
    font-size:0.8em;
}
/* 説明 */
.comment
{
    font-size:0.8em;
    width:675px;
    margin:2px auto;
}
.comment2
{
    font-size:0.8em;
    /*width:675px;*/
    width:95%;
    margin:2px auto;
    color:#ff0000;
}
/* 入力欄 */ 
table.useredit
{
	width: 675px;
	color: #353535;
	margin: 0 auto 15px auto;
}
table.useredit th
{
	background-color: #ebf6f7;
	padding: 2px 2px 2px 15px;
	width: 30%; 
	border: solid 1px #cccccc;
}
table.useredit td
{
	padding: 2px;
	width: 70%; 
	border: solid 1px #cccccc;
}
/* 変更ボタン域 */ 
div.useredit_act
{
	/*width:675px;*/
    width:100%;
	margin: 0 auto 0 auto;
	text-align:center;
}

/* add 2013/02/11 NPO start */

/*一覧ページ*/
.mainblock
{
	width: 95%;
    margin: 0 auto 30px auto;
}

.leftblock {
	text-align: center;
	width: 100px;
	overflow:hidden;
	float: left;
}
.rightblock {
	float: left;
	width:87%;
}
.gaiyou 
{
	font-size: 90%;
	margin: -20px 0px 0px 30px;
}
.line
{
	border-bottom: 1px dotted #CCCCCC;
	width:100%;
	height:1px;
	margin:10px 0;
}
.sDate
{
	font-size:90%;
	/* ※背景色は色別CSSで定義 */
	/*background-color:#F0F0F0;*/
	margin:20px auto 10px auto;
	padding:3px 7px;
}

/* 詳細ページ */

/* 団体名かな */
h2.title span
{
    font-size:0.7em;
    margin-left:10px;
}

/* 画像・資料 領域 */
#mainShosaiImage
{
    width:335px;
	margin:0px;
	padding:0px;
	float:left;
}
/* 画像 */
#mainShosaiImage .pic
{
    float:left;
    margin:0px 0px 10px 0px;
    width:315px;
    text-align:center;
}
/* 資料 */
#mainShosaiImage ul
{
    width:99%;
    float:left;
}
#mainShosaiImage ul li
{
    width:99%;
}

/* 団体詳細 領域 */
#mainShosaiDetail
{
    width:630px;
	margin:0px;
	padding:0px 20px 0px 0px;
	float:right;
	/*font-size:0.9em;*/
}
#mainShosaiDetail h2, #mainShosaiDetail h3
{
    width:100%;
    padding:3px 0px 3px 6px;
}
#mainShosaiDetail h2 span
{
    margin-left:6px;
}
#mainShosaiDetail div
{
    width:100%;
    padding:3px 0px 3px 15px;
    margin-bottom:10px;
    /*font-size:1.1em;*/
}
#mainShosaiDetail a.shiryou
{
    text-decoration:none;
}
a .textLink
{
    text-decoration:underline;
}

/* お知らせ・イベント情報 */
.contentEvent
{
	width: 98%;
    margin: 0 auto 0px auto;
}

/* 団体からのお知らせ */
#mainShosaiOshirase1
{
    width:415px;
    padding:0px;
    margin:0px;
    float:left;
    border: solid 1px #f9c1a8;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
}
#mainShosaiOshirase1 .header
{
    width:100%;
    padding:5px;
    margin:0px;

    font-weight: bold;
    text-align:center;
}
#mainShosaiOshirase1 .body
{
    width:100%;
    height:140px;
    padding:0px;
    /*font-size:0.9em;*/
    overflow-y:auto;
}

/* イベント情報 */
#mainShosaiOshirase2
{
    width:415px;
    padding:0px;
    margin:0px 0px 0px 30px;
    float:right;
    border: solid 1px #a4dbbc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
}
#mainShosaiOshirase2 .header
{
    width:100%;
    padding:5px;
    margin:0px;

    font-weight: bold;
    text-align:center;
}
#mainShosaiOshirase2 .body
{
    width:100%;
    height:140px;
    padding:0px;
    /*font-size:0.9em;*/
    overflow-y:auto;
}

#mmb_detail_info_wrap
{
    width:900px;
    margin:0px auto;
}

.nodata
{
    /*width:380px;*/
    padding:0px;
    margin:20px auto 0px auto;
    text-align:center;
}

.separate
{
    width:100%;
    height:1px;
    margin:30px auto 0px auto;
}

/* oshirase start */

#pagetop
{
    margin-top:0px;
}
div.vspace{
    overflow:hidden;
    clear:both;
    margin-bottom:30px;
}
div.titlebody
{
    width:72%;
    float:left;
    vertical-align:top;
    margin:0px 0px 0px 20px;
}


.ec1, .ec2
{
    padding:2px 0px 0px 0px;
    /*width:370px;*/
    width:100%;
    line-height:150%;
}

#mainShosaiOshirase1 .body .dispday, #mainShosaiOshirase2 .body .dispday
{
    /*background:url("../images/arrow_oshirase.gif") no-repeat 6px center;*/
    padding:2px 3px 0px 3px;
    float:left;
    width:130px;
    font-size:0.9em;
}

#mainShosaiOshirase1 .body .title, #mainShosaiOshirase2 .body .title
{
    padding:2px 0px 0px 3px;
    float:left;
    width:235px;
}
/*.title
{
    float:left;
    width:235px;
}*/


.more
{
    width:95%;
    margin:0px auto;
	text-align:right;
	font-size:0.9em;
}

#mainShosaiOshirase1 .body .more a
{
    background:url("../images/b_t_b.png") no-repeat 6px center;
    padding-left:15px;
    margin-right:2px;
}
#mainShosaiOshirase2 .body .more a
{
    background:url("../images/b_t_b.png") no-repeat 6px center;
    padding-left:15px;
    margin-right:2px;
}

/* oshirase end */



/* お知らせ詳細 領域 */

#oshiraseDay
{
    width:100%;
    margin:0px auto 0px auto;
    padding:0px;
    color:#555555;
    font-size:0.8em;
}
#oshiraseTitle
{
    width:100%;
    font-size:1.1em;
    color:#555555;
    margin:0px auto 20px auto;
	/*border-bottom:1px solid #BDDD8D;*/
    padding:3px 0px;
	background:url("../images/line_mb.png") repeat-x scroll left bottom transparent;
}
#oshiraseNaiyo
{
    width:100%;
    padding:3px 0px 3px 0px;
    margin:0px auto 20px auto;
}

.mainShosaiBlock #oshiraseBikou
{
    width:575px;
    margin:0px auto 5px auto;
    border:solid 1px #CCCCCC;
}
.mainShosaiBlock #oshiraseBikou div
{
    width:551px;
    margin:12px;
    font-size:0.8em;
}

.mainShosaiBlockW #oshiraseBikou
{
    width:855px;
    margin:0px auto 5px auto;
    border:solid 1px #CCCCCC;
}
.mainShosaiBlockW #oshiraseBikou div
{
    width:831px;
    margin:12px;
    font-size:0.8em;
}

/* 画像・資料 領域 */
#mainOshiraseShosaiImage
{
    width:250px;
	margin:0px 0px 0px 30px;
	padding:0px;
	float:left;
}
/* 画像 */
#mainOshiraseShosaiImage .pic
{
    float:left;
    margin:0px 0px 10px 0px;
    width:250px;
    text-align:center;
}


/*template is hidden in IE's gokan mode*/
table.containerWidth{width:99%;}

/* add 2013/02/11 end */

div.oshirasedit_act {
    margin: 10px auto;
    text-align: center;
    width: 100%;
}
div.oshiraseactMsg
{
    margin: 10px auto;
    text-align: center;
    width: 100%;
	color:Navy;
	font-size:large;
}
div.oshirasenoData
{
	width:100%;
    margin:20px auto 0px auto;
    text-align:center;

}

.maintenance_title
{
    font-size:1.1em;
    float:left;
}

div.oshiraseNew
{
	margin: 10px auto;
	text-align:right;
}

.listComm
{
    font-size:0.9em;
}


/* ----- 団体総合トップページ ----- */

/* お知らせ・イベント外枠 */
#member_infolist_wrap
{
    float: left;
}

/* 団体ログインフォーム */
.memberlogin_waku
{
    float: right;
    width: 220px;
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
    text-align: center;
}
.member_login_header
{
    font-weight: bold;
    padding-bottom: 25px;
}
.memberlogin_title
{
    font-size: 0.9em;
    padding-top:5px;
}
.loginfrm_btn
{
    width: 120px;
    margin: 2px;
    ime-mode:disabled;
}
.mmbLoginBtn
{
    margin: 20px auto;
}
.mmb_login_info_link
{
    margin: 15px auto;
}

#mmb_top_info_wrap
{
    width: 730px;
    float: left;
    margin-bottom: 20px;
}

/* *** 団体お知らせ系 *** */
#mmb_infolist_wrap
{
    padding: 3px 0px;
    margin-bottom: 10px;
}
.mmb_infolist_block
{
    border-top: solid 3px #12aeeb;
    width: 100%;
    height: 210px;
    overflow-y:auto;
}
.mmb_infolist_nodata
{
    width:100%;
    text-align:center;
    padding-top:5px;
}
.mmb_infolist_date
{
    display:inline-block;
    float:left;
    width:140px;
    clear:both;
    padding: 5px 5px 0px 10px;
    font-size: 0.9em
}
.mmb_infolist_label
{
    display:inline-block;
    float:left;
    padding: 5px 5px 0px 0px;
}

/* タブ */
#mmb_infolist_tab_event, #mmb_infolist_tab_news
{
    cursor: pointer;
    padding:3px;
}
.mmb_infolist_tab_selected, .mmb_infolist_tab_normal
{
    float: left;
    width: 170px;
    text-align: center;
    margin-left: 3px;
}

/* 団体イベントリスト */
#mmb_event_block
{
}
/* 団体お知らせリスト */
#mmb_news_block
{
}

/* 団体リスト */
#mmbgrp_toplist_kekkon
{
    width:48%;
    padding:0px;
    margin:0px 30px 0px 0px;
    float:left;
    border: solid 1px #f9c1a8;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
}
#mmbgrp_toplist_kosodate
{
    width:48%;
    padding:0px;
    margin:0px;
    float:left;
    border: solid 1px #a4dbbc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
}
.mmbgrp_toplist_header
{
    font-weight:bold;
}
.mmbgrp_toplist_header img
{
    margin:5px 3px 5px 15px;
    vertical-align:middle;
}
.mmbgrp_toplist_detail
{
    height:120px;
    padding:5px;
    overflow-y:auto;
}
.mmbgrp_toplist_detail li
{
    background:url("../images/icon_m_dantai.png") no-repeat 6px center;
    padding-left:25px;
}
.mmbgrp_toplist_alllink
{
    text-align:right;
    font-size:0.9em;
    padding-right:15px;
    height:30px;
}
.mmbgrp_toplist_alllink img
{
    margin:5px 1px;
    vertical-align:middle;
}
.mmbgrp_nodata
{
    text-align:center;
    padding-top: 20px;
}
#mmb_info_banner
{
    text-align:center;
}

/* ----- 団体リストページ ----- */

.mmbgrp_search
{
    /*margin:5px auto;*/
    text-align:center;
}
.mmbgrp_search_item
{
    display:inline-block;
    min-width:250px;
}
.mmbgrp_search_btn
{
    display:inline-block;
    width:100px;
}

.mmbgrp_kensu
{
    width: 95%;
    margin: 0px auto;
    padding-bottom: 5px;
}
.mmbgrp_list_data_block
{
    display: inline-block;
    /display:inline;
    /zoom:1;
    width: 450px;
    border: solid 1px #F4BBDE;
    margin: 0px 0px 15px 20px;
    vertical-align: top;
}
.mmbgrp_list_data_title
{
    border-bottom: solid 1px #CDCBCC;
    padding: 5px;
}
.mmbgrp_list_data_title img
{
    margin-left: 5px;
    vertical-align: middle;
}
.mmbgrp_list_data_cont
{
    padding: 3px 10px;
}
.mmbgrp_list_data_header
{
    display:inline-block;
    width:20%;
    vertical-align:top;
    /*white-space:nowrap;*/
    clear: both;
    font-size:0.9em;
}
.mmbgrp_list_data_detail
{
    display:inline-block;
    width:75%;
}

/* ----- お知らせ詳細ページ ----- */
#mmb_infodtl_wrap
{
    width: 85%;
    margin: 0px auto;
}

h2.group_name
{
	background:url("../images/kijititle_dantai.gif") no-repeat scroll 0 0 transparent;
    margin-bottom:20px;
    padding:8px 5px 12px 35px;
}

.mmb_infodtl_box
{
    border: solid 1px #cbcbcb;
    padding: 10px;
}
.mmb_infodtl_event_header
{
    display:inline-block;
    float:left;
    clear:both;
    white-space:nowrap;
    min-width: 110px;
    line-height: 1.3;
    margin-top: 5px;
    text-align: right;
}
.mmb_infodtl_event_item
{
    display:inline-block;
    float:left;
    line-height: 1.3;
    margin-top: 5px;
}

/* 添付資料 */
.fileList
{
    margin: 15px 0px;
}
.fileList li a
{
    text-decoration:none;
}

/* 画像 */
.picList
{
    margin: 15px 0px;
}
.picList li
{
    display: inline;
}
.picList li img
{
    margin: 5px 5px 0px 0px;
}

/* リンク */
.mmb_infodtl_link
{
    margin: 15px 0px;
}
.linkHeader
{
    display:inline-block;
    float:left;
    clear:both;
    white-space:nowrap;
    padding-right:10px;
}
.linkList
{
    display:inline-block;
    float:left;
    padding-bottom:20px;
}
.linkList li
{
    /*margin: 15px 0px;*/
}


/* ***************************************************** */
/*  画面幅に合わせてスタイル変更                         */
/* ***************************************************** */

@media screen and (max-width: 1140px) {
    /* 1140pxより小さい */

}

@media screen and (max-width: 768px) {
    /* 768pxより小さい */

    /* ----- 団体総合トップページ ----- */
    .memberlogin_waku
    {
        float: none;
        margin:0px auto 10px auto;
    }

    #mmb_top_info_wrap
    {
        width:98%;
        margin-bottom:10px;
    }
    .mmb_infolist_tab_selected, .mmb_infolist_tab_normal
    {
        width: 130px;    
    }

    /* ----- 団体詳細ページ ----- */
    #mmb_detail_info_wrap
    {
        width:95%;
    }
    #mainShosaiOshirase1
    {
        width:95%;
        float:none;
        margin:0px auto 10px auto;
    }
    #mainShosaiOshirase2
    {
        width:95%;
        float:none;
        margin:0px auto;
    }

    /* ----- 団体リストページ ----- */
    .mmbgrp_list_data_block
    {
        width: 98%;
        margin:0px auto 10px auto;
    }
    .mmbgrp_list_data_header
    {
        width: 98%;
        margin:0px auto;
    }
    .mmbgrp_list_data_detail
    {
        width: 98%;
        margin:0px auto;
    }

    .mmbgrp_search_item
    {
        float:left;
        text-align:left;
        margin:2px 0px 3px 10px;
    }
    .mmbgrp_search_btn
    {
        width: 98%;
        margin:0px auto;
    }
}

@media screen and (max-width:480px) {
    /* 480pxより小さい */

    /* ----- 団体総合トップページ ----- */
    .member_login_header
    {
        padding-bottom: 7px;
    }
    .mmbLoginBtn
    {
        margin: 5px auto;
    }
    .mmb_login_info_link
    {
        margin: 5px auto;
    }
    .mmb_infolist_date
{
    width:90%;
}

    /* 団体リスト */
    #mmbgrp_toplist_kekkon
    {
        width:98%;
        padding:0px;
        margin:0px auto 10px auto;
        float:none;
    }
    #mmbgrp_toplist_kosodate
    {
        width:98%;
        padding:0px;
        margin:0px auto 10px auto;
        float:none;
    }

    /* ----- 団体詳細ページ ----- */
    #mainShosaiImage
    {
        float:none;
        margin:0px auto;
    }
    #mainShosaiDetail
    {
        width:98%;
        float:none;
        margin:0px auto;
        clear:both;
    }
    #mainShosaiDetail div
    {
        padding:3px;
    }
    #mainShosaiOshirase1 .body .dispday, #mainShosaiOshirase2 .body .dispday
    {
        width:90%;
    }

}

/* ***************************************************** */
