@charset "utf-8";
/*@import url("reset.css");*/
/*--京base.css--*/

/*----------------*/
a:link{
color:#1e4682;
text-decoration:none;
}
a:visited{
color:#1e4682;
text-decoration:none;
}
a:hover{
color:#1e4682;
text-decoration:underline;
}
a:active{
color:#1e4682;
text-decoration:underline;
}
/*----------------*/

/*##########     共通     ##########*/

body{
    padding: 0;
    margin: 0;
    font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
    font-size:small;
    background: rgb(235,235,235);
    color:#111;
}

h1 {
    padding: 0;
    margin: 0;
}

img {
    border: none;
}

/*#######container#######*/
#container{
    width:100%;
}

/*#######header内#######*/
#header {
    height: 100px;

    background: url("../images/header_bg_01.png") no-repeat center rgb(10,100,225);
}

    #home_main_text{
        width:452px;
        height:42px;
        padding:29px 0 29px 40px;
        float:left;
    }
    
    #header_user_info{
        float: right;
        width: 300px;
        height:60px;
        font-weight: bold;
        color: #fff;
        padding:15px 60px 20px 0;
    }

        #userInfo{}

        #header_company_name{
            height:20px;
            line-height:20px;
            text-align:right;
        }


        #header_user_name{
            height:20px;
            line-height:20px;
            text-align:right;
        }

        #header_logout_btn{
            height:30px;
            text-align:right;
        }

#h_nav{
    clear: both;
    border-bottom: 4px solid rgb(50,50,48);
}

/*
#h_nav li{
    height:50px;
    line-height:50px;
    float:left;
    padding:0 0 0 13px;
    background:url(../shared/h_icon.png) no-repeat left 22px;
    margin-right:30px;
}

#h_nav li.last{
    margin-right:0;
}

#h_nav li a{
    color:#000;
}

*/
/*#######main#######*/
#main{
    width:100%;
    height: auto !impotant;
    height: 100%;
    min-height: 100%;
    background: rgb(235,235,235);
    text-align: center;
    position: relative;
}

#main_inner{
    width:1000px;
    min-width: 1000px;
    margin:0 auto;
    overflow:hidden;
    text-align: left;
}

#main_recept{
    width:100%;
    min-width: 1000px;
    margin:0 auto;
    overflow:hidden;
    text-align: left;
}

#mainHeader{
	height:40px;
	margin:20px 0;
}

	#mainHeader .content_icon{
		width:40px;
		height:40px;
		float:left;
	}
	
	#mainHeader h2{
		height:40px;
		line-height:40px;
		float:left;
		padding-left:10px;
		margin:0;
	}

#main_content {

}

.section {
    width: 992px;
    min-width: 992px;
    padding: 0;
    margin: 20px 0;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    text-align: center;
}

.section h3 {
    padding: 10px 20px 7px 20px;
    margin: 0;
    border: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: left;
}
/*#######footer#######*/
#footer{
    width: 100%;
    clear:both;
    text-align: center;
    height: 20px;
    font-family:Arial, Helvetica, sans-serif;
    /*position:absolute;*/
    /*bottom: 0;*/
}

#footer_inner{
    width: 1000px;
    padding: 0;
    margin: 0 auto;
}
/*
#f_nav{
    width:940px;
    line-height: 1.4em;
    overflow: hidden;
    padding:30px 0 0 0;
    margin:0;
}
#f_nav .heightLine {
    float: left;
}

    #f_nav01{
        width: 180px;
        padding: 0 10px;
    }
    
    #f_nav02{
        width: 180px;
        padding: 0 10px;
        border-right: 0;
    }
    
    #f_nav03{
        width: 180px;
        padding: 0 10px;
    }
    
    #f_nav04{
        width: 170px;
        padding: 0 10px;
    }
    
    #f_nav05{
        width: 130px;
        padding: 0 10px;
    }
    
        #f_nav ul{
            margin:20px 0;
        }
    
        #f_nav ul li{
        background: url(../shared/arr_01.png) no-repeat left 5px;
        padding-left: 13px;
        margin: 5px 0;
        }
        #f_nav ul li a{
            color:#fff;
        }
*/
    
/*#######address#######*/
#address{
    width:580px;
    height:100px;
    padding:20px 0 0 30px;
    float:left;
    color:#fff;
}

    #address a{
        color:#fff;
    }
    
    #address a img{
        margin:2px 5px 0 0;
    }
    

        #f_sp_link{
            width:200px;
            padding:20px 0 0 0;
            margin-top:0;
            float:right;
            color:#fff;
            background:url(../shared/icon_sp.gif) no-repeat left 30px;
        }
        
        #f_sp_link .qr_img{
            float:left;
        }
        
        #f_sp_link p{
            padding-right:5px;
            float:left;
            margin:34px 10px 0 0;
        }
        
        #f_sp_link p a{
            color:#222;
        }

/*#######copyright#######*/
#copyright{
width:970px;
height:50px;
line-height:50px;
clear:both;
font-size: 0.9em;
margin:0 auto;
color:#a5a5a5;
padding-left:30px;
}


    
/*凡例*/
.fc_red{
    color:#FF3E43;
}

.fw_bold{
    font-weight:bold;
}

.fl_left{
    float:left;
}

.fl_right{
    float:right;
}

/*footer*/

#footer_title{
    overflow:hidden;
    border-bottom:1px solid #ccc;
    padding:15px 10px 5px 10px;
    line-height:30px;
}

#footer_title .ft_text{
    float:left;
    color:#848484;
    font-size:0.9em;
}

#footer_title .ft_img{
    margin-left:20px;
    float:left;
    font-size:1.3em;
    font-weight:bold;
    color:#333;
}

#footer_title ul{
    float:right;
    width:300px;
    overflow:hidden;
}

#footer_title ul li{
    float:left;
    margin-left:40px;
}

#footer_title ul li a{
    color:#222;
}

#f_nav{
    padding:0 20px;
}

#f_nav ul{
    margin:0;
}


#f_nav ul li a{
    color:#848484;
}


.f_nav_title{
    font-size:1.2em;
    font-weight:bold;
    color:#316fde;
    margin-bottom:5px;
}


.f_nav01{
    width:220px;
    float:left;
    margin:20px 0;
}

.f_nav02{
    width:500px;
    float:left;
    margin:20px 0;
}

.f_nav02 ul{
    width:250px;
    float:left;
}

.f_nav03{
    width:220px;
    float:left;
    margin:20px 0;
}

.attention{
    color:#f00;
}

.cb {
    clear: both;
}


#search {
    float:left;
    padding: 10px;
}

#search input[type=text] {
    width: 300px;
}
#listView table {
    border-collapse: collapse;
    text-align: left;
}

#listView th, #listView td {
    border: 1px solid #bbbbbb;
    padding: 10px;
}

#questionView table {
    border-collapse: collapse;
    text-align: left;
}

#questionView th, #questionView td {
    padding: 10px;
}

#treeDetail table {
    border-collapse: collapse;
    min-width: 400px;
    max-width: 600px;
}

#treeDetail table th {
    border: 1px solid #ccc;
    text-align: center;
}

#treeDetail table td {
    border: 1px solid #ccc;
}

#treeDetail table td.number {
    width: 40px;
    text-align: center;
}

#treeDetail textarea {
    width: 90%;
    height: 80px;
}

#memberPanel {
    clear: both;
    text-align: center;
}

#memberEditForm {
    margin: 0 0 20px 0;
}

#memberEditForm table {
    border-collapse: collapse;
    width: 500px;
    margin: 20px auto 10px auto;
}

#memberEditForm th, #memberEditForm tr {
    border: 1px solid #bbbbbb;
}

#memberEditForm th {
    padding: 10px;
    width: 150px;
}

#memberEditForm td {
    text-align: left;
}

#memberEditForm input[type=text] {
    width: 300px;
}

#treeView {
    vertical-align: top;
}

#jstree {
    margin: 0 0 auto auto;
}

#listView {
    clear: both;
    padding: 10px;
}

#returnPanel
{
    margin: 10px;
}