/**************************************************
* コンテンツタイトル
***************************************************/
div#container
{
	margin:0 auto;
	width:950px;
	border-left:1px solid #D5DEF3;
	border-right:1px solid #D5DEF3;
	border-bottom:1px solid #D5DEF3;
	background-color:#F0F8FF;
}


/**************************************************
* パンくずリスト
***************************************************/
div#pankuzu 
{
	font-size:85%;
	text-align:left;
    max-width:880px;
    margin:1%;
    display: inline-table;
}

/**************************************************
* コンテンツタイトル
***************************************************/
div#main .contenttitle h2
{
	font-size:large;
	/*font-size:15px;*/
	font-weight:bold;
	color:#000066;
    width:93%;
    margin:10px auto 10px auto;
    border-bottom:solid 1px #CBCAD5;
    border-right:solid 2px #CBCAD5;
    background:#EEEDF6;
    padding:5px 5px 5px 10px;
}

/**************************************************
* コンテンツメイン
***************************************************/
div#contents{
    background: #D4EEEE;
}

div#main .contentbody 
{
	/*font-size:90%;*/
	line-height:150%;
    width:100%;
    margin:auto auto 30px auto;
    background-color:#FFFFFF;
    border-radius:10px;
    padding: 2%;
}

/*************************************
*
* メイン部分
*
**************************************/
div#icon_title{
    width: 100%;
    margin: auto;
    height:80px;
}

div#pageIcon{
    background-color: #FFFFFF;
    max-width: 870px;
    border-radius: 10px;
    width: 9%;
    /*height:79px;*/
    float: left;
    text-align: center;
    display:table;
    height:100%;
    padding:0px 9px;
    table-layout: fixed;
}

div#pageIcon div{
    display:table-cell;
    vertical-align:middle;
}

div#pageIcon img {
    max-height:70px;
    max-width:100%;
}

div#titleArea{
    background-color: #FFFFFF;
    padding: 0px 30px;
    border-radius: 10px;
    width: 89%;
    height:100%;
    float: right;
    display:table;
    position:relative;
}

div#titleArea div.titleArea_innerBox{
    display:table-cell;
    vertical-align:middle;
}

h1#pageTitle
{
	font-size:large;
	font-weight:bold;
	color:#000000;
    float: left;
}

div#pageTitle_e{
    font-weight:bold;
    float:right;
    position: absolute;
    top: 0px;
    right: 30px;
    display: table;
    height: 80px;
}

div#pageTitle_e div{
    display: table-cell;
    vertical-align:middle;
}

div#pageTitle_e span.gaiyo{
    color:#00B550;
}

div#pageTitle_e span.people{
    color:#FF7F00;
}

div#pageTitle_e span.house{
    color:#4DA6FF;
}

div#pageTitle_e span.life{
    color:#CA7050;
}

div#pageTitle_e span.support{
    color:#FF7373;
}

div#pageTitle_e span.common{
    color:#8CBADC;
}


/**************************************************
* 中央表示
***************************************************/
div#main .dispcenter
{
	text-align:center;
    margin:2px;
}
/**************************************************
* 右寄せ表示
***************************************************/
div#main .dispright
{
	text-align:right;
    border-spacing:0;
    font-size:small;
}
/**************************************************
* 左寄せ表示
***************************************************/
div#main .displeft
{
	text-align:left;
    border-spacing:0;
}

/**************************************************
* メッセージ表示域
***************************************************/
div#main .messagearea
{
	color:#ff0000;
	text-align:center;
    border-spacing:0;
    padding:20px auto 0px auto;
}


/**************************************************
* 入力フォーム
***************************************************/
div#main table.inputform 
{
	border: 1px #CBCAD5 solid;
	border-spacing: 10px;  
} 
div#main table.inputform th 
{
	padding:7px 4px;
	border: 1px #D9D9DA solid;
	text-align:center;
	font-weight:bold;
	color:#353535;
    background:#EEEDF6;
	margin:2px;
	white-space: nowrap;
}
div#main table.inputform td 
{
	padding:7px 4px;
	border: 1px #D9D9DA solid;
    background:#FFFFFF;
	text-align:left;
	margin:2px;
}
div#main table.noborder
{
	border-style:none;
	border-spacing: 10px;  
}
div#main table.noborder td 
{
	padding: 4px;
	border-style:none;
    background:#FFFFFF;
	text-align:left;
	margin:2px;
}
.hissu
{
    color:#FF0000;
    font-size:x-small;
}

input,select,textarea
{
     border:1px solid #B8B8D2;
     margin:0;
     padding:1px;
}


/**************************************************
* 一覧
***************************************************/
table#list
{
	width:100%;
	margin:10px auto;
	border:solid 1px #9DACE0;
}
table#list th
{
	padding:7px;
	text-align:center;
	border:solid 1px #9DACE0;
	background:#D3DFF8;
	font-weight:bold;
}
table#list td
{
	padding:7px;
	border:solid 1px #9DACE0;
	background:#FFFFFF;
	word-break:break-all;
}

/**************************************************
* 空き家・空き地情報
***************************************************/

/*テーブルヘッダー部分*/
.akiya-akichiInfo table#list th.akiyaInfo-head1{
    width: 6%;
}

.akiya-akichiInfo table#list th.akiyaInfo-head2{
    width: 16%;
}

.akiya-akichiInfo table#list th.akiyaInfo-head3{
    width: 16%;
}

.akiya-akichiInfo table#list th.akiyaInfo-head4{
    width: 10%;
}

.akiya-akichiInfo table#list th.akiyaInfo-head5{
    width: 10%;
}

.akiya-akichiInfo table#list th.akiyaInfo-head6{
    width: 13%;
}

.akiya-akichiInfo table#list th.akiyaInfo-head7{
    width: 13%;
}

.akiya-akichiInfo table#list th.akiyaInfo-head8{
    width: 16%;
}

/*テーブルデータ部分*/
.akiya-akichiInfo table#list td.akiyaInfo-data1{
    text-align:center;
}

.akiya-akichiInfo table#list td.akiyaInfo-data2{
    text-align:center;
}

.akiya-akichiInfo table#list td.akiyaInfo-data3{
}

.akiya-akichiInfo table#list td.akiyaInfo-data4{
    text-align:center;
}

.akiya-akichiInfo table#list td.akiyaInfo-data5{
    text-align:center;
}

.akiya-akichiInfo table#list td.akiyaInfo-data6{
    font-size:smaller;
}

.akiya-akichiInfo table#list td.akiyaInfo-data7{
    text-align:left;
}

.akiya-akichiInfo table#list td.akiyaInfo-data8{
}

/* 検索部分 */
div.listSearch
{
	width:100%;
	margin:5px auto;
}

p.nodata
{
	margin:15px 0;
	text-align:center;
}

/**************************************************
* ページ切り替え（表示順変更）
***************************************************/
div.sortChange
{
	width:100%;
	text-align:right;
	margin:10px auto 0px auto;
	color:#353535;
}


/**************************************************
* 改ページ部分
***************************************************/
div.page
{
	text-align:center;
	position:relative;
	padding-top:15px;
}
p.pageKirikae
{
	margin:0px auto;
}
p.pageMsg
{
	position:absolute;
	top:20px;
	right:0px;
	display:inline;
}
p.pageMsg2
{
	display:none;
}
div.page span.prevPage,div.page span.directPage,div.page span.nextPage
{
	margin:0px 15px;
}
div.page span.directPage span.nowPage
{
	font-size:1.2em;
	font-weight:bold;
	margin:0 5px;
}
div.page span.directPage a
{
	margin:0 3px;
}

/**************************************************
* 別ページ表示説明部分
***************************************************/
div.newwin
{
	text-align:left;
	margin:10px auto auto auto;
	font-size:small;
}

/**************************************************
* イベントカレンダー画面
***************************************************/
div.calTitle
{
	width:100%;
	height:55px;
	margin:10px auto 10px auto;
	position:static;
}
div.nowMonthBtn
{
	width:20%;
	float:left;
	text-align:left;
	position:relative;
	bottom:-30px;
}
div.preMonthBtn
{
	width:15%;
	float:left;
	text-align:left;
	position:relative;
	bottom:-30px;
}
div.dspMonthTitle
{
	width:30%;
	float:left;
	text-align:center;
}
div.nextMonthBtn
{
	width:15%;
	height:100%;
	float:left;
	text-align:right;
	position:relative;
	bottom:-30px;
}
div.spaceArea
{
	width:20%;
}

div.calMonthList
{
	margin:10px auto 10px auto;
	text-align:center;
}

/**************************************************
* イベント詳細画面　イベント期間
***************************************************/
div#main .dispCalKikan
{
	margin:0px auto 10px auto;
	text-align:left;
	border-spacing:0;
	color:#553333;
	font-weight:bold;
}


/**************************************************
* 詳細画面　更新日表示
***************************************************/
div#main .dispUpdate
{
	margin-top:20px;
	text-align:right;
	border-spacing:0;
}
/**************************************************
* 詳細画面　キーワードタグ表示
***************************************************/
div#main .dispTag
{
	margin-top:10px;
	text-align:right;
	border-spacing:0;
}

/**************************************************
* 詳細画面　キーワードタグ　解除
***************************************************/
div#main .dispTagCan
{
	text-align:right;
    border-right:solid 1px #000000;
    border-spacing:0;
	margin:10px 10px 0px 10px;
    display:inline;
}
div#main .dispTagCan a
{
	font-size:small;
	color:#000000;
	border:solid 1px #999999;
	background:#DDDDDD;
	text-decoration: none;
	padding:2px 5px;
	margin:0px 10px;
}

/**************************************************
* 空き家バンク利用希望登録フォーム
***************************************************/
div.riyoKibo .rsltMsg{
    width: 90%;
    margin: auto;
    font-size:1.2em;
}
div.riyoKibo .setumeiArea {
    font-size: 1.2em;
    line-height: 2em;
}
div.riyoKibo .rsltMsg .inputErr{
    border: solid 1px #AF0000;
    margin: 0px auto 30px;
    padding: 5px 10px;
    text-align: left;
    color: #AF0000;
}
div.riyoKibo .rsltMsg .success,
div.riyoKibo .rsltMsg .err{
    text-align:center;
}
div.riyoKibo .rsltMsg .backTopLink{
    margin-top:6px;
}
div.riyoKibo .attention{
    color:red;
    margin-bottom:15px;
}
div.riyoKibo div.title{
    color:#353535;
    border-bottom:dashed 1px #999999;
    border-left:6px solid #7C654C;
    font-size:1.2em;
    letter-spacing:1px;
    line-height:2em;
    margin:0px auto 15px;
    padding:0px 0px 3px 7px;
    text-align:left;
    width:99%;
}
div.riyoKibo .setumei
{
    text-align:center;
    margin:0px auto 15px;
}
div.riyoKibo .subsetsumei{
    color:#666666;
}
div.riyoKibo .inputForm
{
    width:90%;
    margin:0px auto 15px;
}
div.riyoKibo table
{
    width:100%;
    font-size: 1.2em;
    line-height: 1.5em;
}
div.riyoKibo table tr th
{
    border:solid 1px #CCCCCC;
    padding:10px;
    background:#fde8d0;
    width:20%;
}
div.riyoKibo table tr td
{
    border:solid 1px #CCCCCC;
    padding:10px;
}
div.riyoKibo table.item
{
    width:100%;
    margin: inherit;
    font-size:100%;
}
div.riyoKibo table.item tr td
{
    border:none;
    padding:6px;
}
div.riyoKibo table.item .itemTitle
{
    width:22%;
}
div.riyoKibo table.kazokuKosei{
    font-size:100%;
}
div.riyoKibo table.kazokuKosei th
{
    text-align:center;
}
div.riyoKibo p.hosoku1
{
    color:#666666;
}
div.riyoKibo p.hosoku2
{
    color:#666666;
    font-size:1.2em;
}
div.riyoKibo .seiyaku
{
    height: 200px;
    overflow: auto;
    text-align: left;
    border: solid 1px #ACACEF;
    background-color: #fff;
    margin-bottom:15px;
    font-size:1.2em;
}
div.riyoKibo .borderNone
{
    border:none;
}
div.riyoKibo .btnArea
{
    text-align:center;
}
div.riyoKibo .btnArea .submitbtn
{
    padding:9px 18px;
    margin:0px 9px;
}
div.riyoKibo .renrakuHohoArea input
{
    margin-left:15px;
}
div.riyoKibo .kazoku-name {
    width: 30%;
}

div.riyoKibo .kazoku-age {
    width: 10%;
}

div.riyoKibo .kazoku-zokugara {
    width: 15%;
}

div.riyoKibo .kazoku-biko {
    width: 45%;
}

div.riyoKibo .kaigyou{
    display:none;
}

span#ContentPlaceholder1_LblKiboBukken{
    font-size:1.2em;
}

span#ContentPlaceholder1_LblRicchiKankyoJoken{
    font-size:1.2em;
}

span#ContentPlaceholder1_LblSeiyaku{
    font-size:1.2em;
}

/**************************************************
* 空き家バンク物件登録フォーム
***************************************************/

/*入力フォーム*/
div.bukkenToroku .title {
    color: #353535;
    border-bottom: dashed 1px #999999;
    border-left: 6px solid #7C654C;
    font-size: 1.2em;
    letter-spacing: 1px;
    line-height: 2em;
    margin: 0px auto 15px;
    padding: 0px 0px 3px 7px;
    text-align: left;
    width: 99%;
}

div.bukkenToroku .setumei {
    width: 90%;
    margin: 0px auto 15px;
    font-size: 1.2em;
    line-height: 2em;
}

div.bukkenToroku table {
    width: 90%;
    margin: 0px auto;
    margin-bottom: 25px;
    font-size: 1.2em;
    line-height: 1.5em;
}

    div.bukkenToroku table tr th {
        border: solid 1px #CCCCCC;
        padding: 10px;
        background: #fde8d0;
        width: 28%;
    }

    div.bukkenToroku table tr td {
        border: solid 1px #CCCCCC;
        padding: 10px;
    }

        div.bukkenToroku table tr td yubinNo {
            float: left;
        }

div.bukkenToroku .btn {
    text-align: center;
    margin: 20px auto;
}

div.bukkenToroku .subsetsumei {
    color: #666666;
}

div.bukkenToroku .thin {
    width: auto;
    margin: 0;
    float: left;
    color: #666666;
}

div.bukkenToroku .kaigyou{
    display:none;
}

/*エラーメッセージ*/
div.bukkenToroku .errWaku {
    border: solid 1px #AF0000;
    color: #AF0000;
    margin: 0px auto 30px;
    padding: 5px 10px;
    text-align: left;
    width: 90%;
}

/*送信結果*/
div.bukkenToroku .message {
    width: 90%;
    text-align: center;
    /*font-weight: bold;
    font-size: large;*/
    margin: 50px auto;
}

/**************************************************
* スマホ用　レイアウト
***************************************************/
@media screen and (max-width: 767px) {

    /*共通*/
    body {
        font-size: 12px;
    }

    div#main{
        padding:15px 0px;
    }

    div#main .contentbody {
        width: 95%;
    }

    table input[type=image] {
        /*margin-right:10%;*/
    }

    div#icon_title {
        display: flex;
        width: 95%;
        height:60px;
        margin: auto;
    }

    div#pageIcon {
        margin: 0% 3% 0% 0%;
        width: 20%;
        height: 100%;
    }

    div#titleArea {
        width: 77%;
        /*height: 100%;*/
        padding: 0% 3%;
    }

    h1#pageTitle {
        font-size: 100%;
    }

    div#pageTitle_e{
        right:3%;
        height:100%;
    }

    div#pageIcon img {
        max-height:50px;
    }

    div#pankuzu {
        margin: 3%;
    }

    /*お知らせ*/
    .oshirase .page{
        padding:0;
    }

    .oshirase p.pageMsg2 {
        display:block;
        position: absolute;
        top: 20px;
        left: 0px;
        display: inline;
    }

    .oshirase table#list {
        position: relative;
        margin:7% 0%;
    }

/*イベントカレンダー画面*/
    div.calTitle {
    }

    div.nowMonthBtn {
        width:0%;
        bottom:0px;
    }

    div.preMonthBtn {
        width: auto;
    }

    div.dspMonthTitle {
        width: auto;
        display: table;
    }

    
    /*物件登録フォーム*/
    div.bukkenToroku table tr th, div.bukkenToroku table tr td {
        display: inline-block;
        width: 100%;
    }

    div.bukkenToroku table.entry input[type=text], table.bukkenInfo input[type=text] {
        width: 100%;
        /*font-size: larger;*/
    }

    div.bukkenToroku table.entry, div.bukkenToroku table.bukkenInfo {
        width: 100%;
    }

    div.bukkenToroku .kaigyou {
        display: block;
    }

    /*利用希望登録フォーム*/
    div.riyoKibo table tr th, div.riyoKibo table tr td {
        display: inline-block;
        width: 100%;
    }

    div.riyoKibo table.entry input[type=text] {
        width: 100%;
        /*font-size: larger;*/
    }

    div.riyoKibo table.item .itemTitle {
        width: initial;
    }

    .kazokuKosei {
        table-layout: fixed;
    }

        .kazokuKosei td,
        .kazokuKosei th {
            display: table-cell !important;
        }

    div.riyoKibo .kazoku-name {
        width: 37%;
    }

    div.riyoKibo .kazoku-age {
        width: 18%;
    }

    div.riyoKibo .kazoku-zokugara {
        width: 20%;
    }

    div.riyoKibo .kazoku-biko {
        width: 35%;
    }

    div.riyoKibo .inputForm {
        width: 100%;
    }

    div.riyoKibo .kaigyou {
        display: block;
    }

    /*空き家・空き地情報*/
    div.akiya-akichiInfo .page{
        padding:0;
    }

    .akiya-akichiInfo p.pageMsg2 {
        display:block;
        position: absolute;
        top: 20px;
        left: 0px;
        display: inline;
    }

    .akiya-akichiInfo table#list {
        display: block;
        position: relative;
        margin:7% 0%;
    }

        .akiya-akichiInfo table#list thead {
            display: block;
            float: left;
            font-size:smaller;
        }

        .akiya-akichiInfo table#list tbody {
            display: block;
            position: relative;
            width: auto;
            overflow-x: auto;
            white-space: nowrap;
        }

        .akiya-akichiInfo table#list thead th {
            display: block;
        }

        .akiya-akichiInfo table#list tbody td {
            display: block;
            width:130px;
        }

        .akiya-akichiInfo table#list tbody tr {
            display: inline-block;
            width:127px;
        }

        .akiya-akichiInfo table#list th:not(:last-child) {
            border-bottom: none;
        }

        .akiya-akichiInfo table#list td:not(:last-child) {
            border-bottom: none;
        }

        .akiya-akichiInfo table#list td {
            border-left: none;
            width:100%;
            white-space:normal;
        }        

        /*テーブルヘッダー部分*/
        .akiya-akichiInfo table#list th.akiyaInfo-head1 {
            width: auto;
            height:33px;
        }

        .akiya-akichiInfo table#list th.akiyaInfo-head2 {
            width: auto;
            height:100px;
        }

        .akiya-akichiInfo table#list th.akiyaInfo-head3 {
            width: auto;            
            height:50px;
        }

        .akiya-akichiInfo table#list th.akiyaInfo-head4 {
            width: auto;
            height:50px;
        }

        .akiya-akichiInfo table#list th.akiyaInfo-head5 {
            width: auto;
            height:50px;
        }

        .akiya-akichiInfo table#list th.akiyaInfo-head6 {
            width: auto;
            height:50px;
        }

        .akiya-akichiInfo table#list th.akiyaInfo-head7 {
            width: auto;
            height:100px;
        }

        .akiya-akichiInfo table#list th.akiyaInfo-head8 {
            width: auto;
            height:150px;
        }

        /*テーブルデータ部分*/
        .akiya-akichiInfo table#list td.akiyaInfo-data1 {  
            height:33px;
        }

        .akiya-akichiInfo table#list td.akiyaInfo-data2 {
            padding:3%;
            height:100px;
            overflow:hidden;
        }

        .akiya-akichiInfo table#list td.akiyaInfo-data3 {    
            text-align:center;        
            height:50px;
        }

        .akiya-akichiInfo table#list td.akiyaInfo-data4 {
            height:50px;
        }

        .akiya-akichiInfo table#list td.akiyaInfo-data5 {
            height:50px;
        }

        .akiya-akichiInfo table#list td.akiyaInfo-data6 {
            font-size:inherit;
            height:50px;
        }

        .akiya-akichiInfo table#list td.akiyaInfo-data7 {
            height:100px;
        }

        .akiya-akichiInfo table#list td.akiyaInfo-data8 {
            height:150px;
        }
}