/* ////////////////////////////////////////////////
共通
//////////////////////////////////////////////// */
body{
    margin:0;
    padding:0;
    font-size:14px;
    line-height:1.3;
}

h1,h2,h3{
    margin:0;
    padding:0;
}

.wrapper{
    width:970px;
    margin:0 auto;
}

img{
    border:none;
}

a{
    color:#444444;
    text-decoration:underline;
    border:none;
}

a:hover{
    color:#444444;
    text-decoration:none;
}

br.clear{
    height:0;
    margin:0;
    line-height:0;
    font-size:0;
    clear:both;
}

.title{
    background: #3a5aa7; /* Old browsers */
    background: -moz-linear-gradient(top,  #3a5aa7 0%, #223460 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a5aa7), color-stop(100%,#223460)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3a5aa7 0%,#223460 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3a5aa7 0%,#223460 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3a5aa7 0%,#223460 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3a5aa7 0%,#223460 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a5aa7', endColorstr='#223460',GradientType=0 ); /* IE6-9 */
    color:#000;
    font-size:135%;
    padding:3px;
    text-align:center;

}


#contents{
    background-color:#fff;
    width:950px;
    overflow:hidden;
    padding:20px 10px;
}

/* ////////////////////////////////////////////////
ヘッダー
//////////////////////////////////////////////// */
#header{
    position:relative;
    background: #ffffff;
    border-top:5px solid #3A5AA7;
    padding:10px 13px 7px 25px; 
    overflow:hidden;
    height:41px;
}

#header .logo{
    position:absolute;
    left:25px;
    top:10px;
    margin:0;
    padding:0;
}

#header .lead{
    position:absolute;
    left:125px;
    top:10px;
    font-size:100%;
    font-weight:normal;
    padding-right:50px;
}

#header .help{
    position:absolute;
    right:13px;
    top:10px;
    margin:0;
    padding:0;
}


/* ////////////////////////////////////////////////
メインイメージ
//////////////////////////////////////////////// */
#main_image img{
    width:100%;
}




/* ////////////////////////////////////////////////
検索フォーム
//////////////////////////////////////////////// */

#search form{
    padding:0;
    margin:0;
}

#search .sidetitle{
    padding-left:6px;
    
    border-left:3px solid #3A5AA7;
    font-weight:bold;
    font-size:114%;
    margin:5px 0 10px 0;
}

#search .text{
    width:91% !important;
    padding:4px 4px 4px 22px;
    background-image:url(http://www.ko-co.jp/_img/morabu_job_s/search_icon.gif);
    background-repeat:no-repeat;
    background-position:left;
    border-radius:10px;
    border:1px solid #DDDDDD;
    height:20px;
    box-shadow:0px 3px 5px 0px rgba(0,0,0,0.2) inset;
    
}

#search .text:focus{
    background-image:url(http://www.ko-co.jp/_img/morabu_job_s/search_icon_on.gif);
}

#search .keyword_search{
    border:solid 2px #ccc;
    margin:5px;
    padding:5px 10px;
}

#search .category{
    border:solid 2px #ccc;
    margin:0 5px 5px 5px;
/*    padding:5px 10px; */
}

#search .category .sidetitle{
    margin:10px 10px;
}

#search .category .side .sidebody{
    height:35px;
    overflow:hidden;
    
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 66%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(66%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 66%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 66%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 66%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 66%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    
    border-top:1px #ccc solid;
}

#search .category .side .sidebody:hover{
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 19%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(19%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 19%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efefef 0%,#ffffff 19%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 19%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efefef 0%,#ffffff 19%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#search .category .side .sidebody a{
    display:block;
    height:25px;
    line-height:25px;
    padding:5px 30px 5px 20px;
    font-size:107%;
    
    background-image:url(http://www.ko-co.jp/_img/morabu_job_s/arrow_blue.png);
    background-position:right ;
    background-repeat:no-repeat;
        
    text-decoration:none;
}


#search .recententry .side{
}

#search .recententry .side .sidebody{
    margin-left:20px;
}




/* ////////////////////////////////////////////////
トップページ　単一記事ページ　共通
//////////////////////////////////////////////// */
#entry{
    border:1px solid #ccc;
    border-top:none;
}


#entry .line{
    display:block;
    height:87px;
    overflow:hidden;
    
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 66%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(66%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 66%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 66%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 66%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 66%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    
    border-top:1px #ccc solid;
    
    position:relative;
    text-decoration:none;
}

#entry .line:hover{
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 19%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(19%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 19%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efefef 0%,#ffffff 19%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 19%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efefef 0%,#ffffff 19%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#entry .line h3{
    background-image:url(http://www.ko-co.jp/_img/morabu_job_s/arrow_green.png);
    background-position:right;
    background-repeat:no-repeat;
    text-decoration:none;
    padding:8px 40px 8px 120px;
    font-size:92%;
    height:71px;
}

#entry .line .pic{
    width:100px;
    height:71px;
    overflow:hidden;
    position:absolute;
    left:10px;
    top:8px;
}

#entry .line .pic img{
    width:100%;
    min-height:71px;
}

.more_button{
    margin:10px;
    display:block;
    
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 66%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(66%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 66%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 66%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 66%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 66%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    
    border:2px #ccc solid;
    padding:3px;
    text-align:center;
    font-size:128%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
}

.more_button:hover{
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 19%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(19%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 19%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efefef 0%,#ffffff 19%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 19%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efefef 0%,#ffffff 19%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}


#pagenate{
    padding:15px 43px;
    overflow:hidden;
    font-weight:bold;
    font-size:100%;
}

#pagenate .next_button{
    float:right;
    display:block;
    padding-right:20px;
    background-image:url(http://www.ko-co.jp/_img/morabu_job_s/arrow_right.gif);
    background-repeat:no-repeat;
    background-position:right;
}

#pagenate .prev_button{
    float:left;
    display:block;
    padding-left:20px;
    background-image:url(http://www.ko-co.jp/_img/morabu_job_s/arrow_left.gif);
    background-repeat:no-repeat;
    background-position:left;
}

/* ////////////////////////////////////////////////
トップページ・アーカイブ記事一覧部分
//////////////////////////////////////////////// */
/*
#entry_single .line{
    
}
*/
/* ////////////////////////////////////////////////
トップページ　単一記事ページ　共通
//////////////////////////////////////////////// */
#entry_form{

}

#entry_form div{
    margin-bottom:20px;
}

#entry_form #history_01 b,#entry_form #history_02 b,#entry_form #history_03 b{
    font-size:12px;
}

#entry_form #history_03 .detail_post{
    background-color:#ccc;
    padding:10px !important;
    margin:0 !important;
}

#entry_form input[type=text]{
    width:100%;
    border:solid 1px #ccc;
    border-radius:5px;
    padding:5px 0;
}

#entry_form *[name=field_756587]{
    background-image:url(../img/morabu_job_s/def_01.gif);
    background-repeat:no-repeat;
}

#entry_form *[name=field_756588]{
    background-image:url(../img/morabu_job_s/def_02.gif);
    background-repeat:no-repeat;
}

#entry_form *[name=field_756592]{
    background-image:url(../img/morabu_job_s/def_03.gif);
    background-repeat:no-repeat;
}

#entry_form *[name=field_756595]{
    background-image:url(../img/morabu_job_s/def_04.gif);
    background-repeat:no-repeat;
}

#entry_form *[name=field_756597]{
    background-image:url(../img/morabu_job_s/def_05.gif);
    background-repeat:no-repeat;
}

#entry_form *[name=field_756809]{
    background-image:url(../img/morabu_job_s/def_06.gif);
    background-repeat:no-repeat;
}

#entry_form *[name=field_756599]{
    background-image:url(../img/morabu_job_s/def_07.gif);
    background-repeat:no-repeat;
}

#entry_form *[name=field_756602]{
    background-image:url(../img/morabu_job_s/def_08.gif);
    background-repeat:no-repeat;
}

#entry_form *[name=field_756605]{
    background-image:url(../img/morabu_job_s/def_09.gif);
    background-repeat:no-repeat;
}

#entry_form *[name=field_756610]{
    background-image:url(../img/morabu_job_s/def_10.gif);
    background-repeat:no-repeat;
}

#entry_form *[name=field_756611]{
    background-image:url(../img/morabu_job_s/def_11.gif);
    background-repeat:no-repeat;
}

#entry_form select{

}

#entry_form textarea{
    padding:5px 0;
    width:100%;
    border:solid 1px #ccc;
    border-radius:5px;
}

#entry_single{
}


#entry_single .line{
    border:#ccc solid 1px;
    border-top:#3A5AA7 solid 7px;
    position:relative;
    overflow:hidden;
    margin-bottom:10px;
}

#entry_single .line .contents_indent{
    padding:10px;
}

#entry_single .line .contents_indent .req{
    color:#ff0000;
}

#entry_single .line .title{
    padding:18px 140px 18px 18px;
    margin:0;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    
    border-top:1px solid #fff;
    border-bottom:1px dashed #ccc;
    font-size:114%;
    text-align:left;
}

#entry_single .line .date{
    width:140px;
    position:absolute;
    right:18px;
    top:18px;
    text-align:right;
    font-size:107%;
}

#entry_single .line .tag_list{
    position:absolute;
    top:0px;
    left:15px;
    color:#fff;
}

#entry_single .line .tag_list span{
    float:left;
    display:inline;
}

#entry_single .line .tag_list span a{
    color:#fff;
    font-size:78%;
    padding:3px;
    background-color:#000066;
    border:solid 1px #000066;
    margin-right:5px;
    text-decoration:none;
}


#entry_single .line .note{
    overflow:hidden;
    float:right;
    padding:48px 15px 25px 15px !important;
    position:relative;
}

#entry_single .line .note .text_data{
    margin:0;
    padding:0;
    overflow:hidden;
}

#entry_single .line .note img{
    max-width:100%;
}

#entry_single .line .detail_button{
    width:100%;
    padding:10px 0;
    border-top:1px #ccc solid;
    text-align:center;
    background-color:#EEEEEE;
}

#entry_single .line .detail_button a{
}

#entry_single .line .detail_button a:hover{
    opacity:0.7;
}



/* ////////////////////////////////////////////////
サイドバー
//////////////////////////////////////////////// */
#contents #side_bar{
    width:196px;
    border:solid 2px #ccc;
    float:right;
    display:inline;
    padding:0px 10px 15px 10px;
}

#contents #side_bar .sidetitle{
    margin-left:3px;
    margin-bottom:8px;
    margin-top:15px;
    padding-left:6px;
    border-left:3px solid #3A5AA7;
    font-weight:bold;
    font-size:114%;
}

#contents #side_bar .side{
    border-top:1px #ccc dashed;
    padding-top:8px;
}

#contents #side_bar .search .button{
    display:none;
}
#contents #side_bar .search .text{
    width:170px !important;
    padding:4px 4px 4px 22px;
    background-image:url(http://www.ko-co.jp/_img/morabu_job/search_icon.gif);
    background-repeat:no-repeat;
    background-position:left;
    border-radius:5px;
    border:1px solid #DDDDDD;
    height:20px;
    box-shadow:0px 3px 5px 0px rgba(0,0,0,0.2) inset;
    
}


#contents #side_bar .category .side{
    display:list;
}

#contents #side_bar .category .side .sidebody{
    display:list-item;
    margin-left:20px;
}


#contents #side_bar .recententry .side{
    display:list;
}

#contents #side_bar .recententry .side .sidebody{
    display:list-item;
    margin-left:20px;
}



/* ////////////////////////////////////////////////
ページトップ
//////////////////////////////////////////////// */
#contents #page_top{
    padding:20px;
    text-align:right;
}

#contents #page_top a{
}

#contents #page_top a:hover{
    opacity:0.7;
}


/* ////////////////////////////////////////////////
下段メニュー
//////////////////////////////////////////////// */
#bottom_menu{
    background-color:#ECF7F7;
    width:100%;
    border-right:none;
    border-left:none;
    border-collapse:collapse;
}


#bottom_menu td{
    font-size:85%;
    border:solid 1px #ccc;
    padding:10px 5px;
}

#bottom_menu td:hover{
    background-color:#B3DFDF;
    
}

#bottom_menu td a{
    text-decoration:none;
    display:block;
    
}

/* ////////////////////////////////////////////////
フッター
//////////////////////////////////////////////// */
#footer{
    color:#fff;
    padding:10px;
    text-align:center;
    font-weight:bold;
    background-color:#333333;
}



/* ////////////////////////////////////////////

//////////////////////////////////////////// */


.scroll_box {
	overflow-y:scroll;
	height:150px;
	border:1px #cccccc solid;
	margin-bottom:25px;
	padding:10px;
    border-radius:5px;
}
