@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    overflow: auto;
    min-width: 1100px;
}

body {
    line-height: 1.3;
    overflow: hidden;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    color: #333333;
    /*overflow-x:auto;*/
    background-color: #ffffff;
}

body.top {
    background: url(../images/top_bg.gif) repeat-x top;
    background-color: #3E8788;
}

html, body {
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
}

a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

a:link {
    /*未訪問*/
    color: #2f5ca5;
}

a:visited {
    /*訪問済み*/
    color: #2f5ca5;
}

a:hover {
    /*ポイント時*/
    color: #ff6600;
}

a:active {
    /*選択中*/
    color: #ff6600;
}


/* 赤文字 */
.red_font {
    color: red;
}

/* 必須項目※（赤文字） */
.hissu {
    color: red;
    font-weight: bold;
}

/* 青文字 */
.blue_font {
    color: blue;
}

/* 緑文字 */
.green_font {
    color: green;
}

/* ポイントカラー */
.red_point {
    color: #A51A41;
    /*ﾀﾞｰｸﾚｯﾄﾞ*/
}


/* クリア
 * ============================================================================= */
div.clear {
    clear: both;
}

span.clear {
    clear: both;
}

/* float
 * ============================================================================= */
.left {
    float: left;
}

.right {
    float: right;
}

/* dl, dt, dd
 * ============================================================================= */
dl, dt, dd {
    margin: 0;
    padding: 0;
}

dt {
    font-weight: bold;
    margin-top: 5px;
}

dd {
    margin-left: 30px;
}

/* テーブル
 * ============================================================================= */
/* 基本テーブルスタイル設定 */
table.tbl_base {
    /*color: #333;*/
    border: 1px solid #999;
    /*background-color: #ffffff;*/
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    margin: 0;
    line-height: 16px;
}

.tbl_base th {
    border: 1px solid #999;
    padding: 10px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

.tbl_base td {
    border: 1px solid #999;
    padding: 10px;
    vertical-align: middle;
}

.tbl_base td.blue, .tbl_base th.blue {
    background-color: #d3e3eb;
}

.tbl_base td.gray, .tbl_base th.gray {
    background-color: #eee;
}

.tbl_base td.yellow, .tbl_base th.yellow {
    background-color: #ebebd3;
}

.tbl_base td.pink, .tbl_base th.pink {
    background-color: #ebd3e8;
}

.tbl_base td.green, .tbl_base th.green {
    background-color: #bdd1a5;
}

.tbl_base td.kouza, .tbl_base th.kouza {
    background-color: #E4D1F2;
}

.tbl_base td.event, .tbl_base th.event {
    background-color: #d3e3eb;
}

.tbl_base td.boshu, .tbl_base th.boshu {
    background-color: #EFEFAF;
}

.tbl_base td.jinzai, .tbl_base th.jinzai {
    background-color: #F9DCE0;
}

.tbl_base td.dantai, .tbl_base th.dantai {
    background-color: #C5EACE;
}

.tbl_base td.shisetsu, .tbl_base th.shisetsu {
    background-color: #F4D7B8;
}

/* 表示用（ボーダーなし） */
table.dsp {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    margin: 0;
}

table.dsp td {
    border: none;
    padding: 2px;
}


/* 管理画面メニュー用テーブル */
table.tbl_kanrimenu {}

.tbl_kanrimenu th {
    font-size: 120%;
    font-weight: bold;
    padding: 10px;
    text-align: left;
    border-bottom: 2px dashed #cccccc;
}

.tbl_kanrimenu td {
    padding: 10px;
    border-bottom: 2px dashed #cccccc;
}

.tbl_kanrimenu th img {
    vertical-align: middle;
    margin-right: 10px;
}

/* 情報表示用テーブル */
table.tbl_info {
    border: 0px solid #999;
    border-collapse: separate;
    border-spacing: 6px;
    empty-cells: show;
    margin: 0;
    line-height: 15px;
}

.tbl_info th {
    border: 0px solid #999;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.tbl_info td {
    border: 0px solid #999;
    padding: 10px;
    vertical-align: middle;
}

.tbl_info td.img {
    text-align: right;
    vertical-align: top;
    padding: 0;
}

.tbl_info td.blue, .tbl_info th.blue {
    background-color: #d3e3eb;
}

.tbl_info td.gray, .tbl_info th.gray {
    background-color: #eee;
}

.tbl_info td.yellow, .tbl_info th.yellow {
    background-color: #ebebd3;
}

.tbl_info td.pink, .tbl_info th.pink {
    background-color: #ebd3e8;
}

.tbl_info td.green, .tbl_info th.green {
    background-color: #bdd1a5;
}

.tbl_info td.kouza, .tbl_info th.kouza {
    background-color: #E4D1F2;
}

.tbl_info td.event, .tbl_info th.event {
    background-color: #d3e3eb;
}

.tbl_info td.boshu, .tbl_info th.boshu {
    background-color: #EFEFAF;
}

.tbl_info td.jinzai, .tbl_info th.jinzai {
    background-color: #F9DCE0;
}

.tbl_info td.dantai, .tbl_info th.dantai {
    background-color: #C5EACE;
}

.tbl_info td.shisetsu, .tbl_info th.shisetsu {
    background-color: #F4D7B8;
}



div.bunya {
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    height: 24px;
    text-align: center;
    line-height: 24px;
    padding: 0px 6px;
    border: 1px solid #666666;
    float: left;
    font-size: 90%;
    margin-left: 6px;
}

div.update {
    float: right;
    line-height: 24px;
}

/* ヘッダー
 * ============================================================================= */
#header {
    background-color: #FFFEE1;
    padding-top:50px;
    padding-bottom:100px;
}

#header_inner {
    width: 1100px;
    height: 180px;
    margin: 0 auto;
    background: url(../images/header_logo.png) no-repeat;
    background-position:480px 50px;
}

/* wrapper
 * ============================================================================= */
#wrapper {
    text-align: left;
    width: 1100px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    /*
 *   overflow-x:auto;
 *     overflow-y:hidden;
 *     */
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}


/* グローバルナビ
 * ============================================================================= */
#gNavi {
    //margin-top:30px;
}

#gNavi ul {
    padding: 0;
    margin: 0;
}

#gNavi ul li {
    padding: 0;
    margin: 0;
    float: left;
}

#gNavi ul li a {}

/* グローバルナビゲーション */
.gNavi0 {
    width: 80px;
    height: 58px;
    display: block;
    float: left;
    background: url(/images/gnavi0_on.gif) no-repeat 0 0;
}

.gNavi1, .gNavi2, .gNavi3, .gNavi4, .gNavi5, .gNavi6 {
    width: 170px;
    height: 58px;
    display: block;
    float: left;
}

.gNavi0 {
    background: url(/images/gnavi0_on.gif) no-repeat 0 0;
}

.gNavi1 {
    background: url(/images/gnavi1_on.gif) no-repeat 0 0;
}

.gNavi2 {
    background: url(/images/gnavi2_on.gif) no-repeat 0 0;
}

.gNavi3 {
    background: url(/images/gnavi3_on.gif) no-repeat 0 0;
}

.gNavi4 {
    background: url(/images/gnavi4_on.gif) no-repeat 0 0;
}

.gNavi5 {
    background: url(/images/gnavi5_on.gif) no-repeat 0 0;
}

.gNavi6 {
    background: url(/images/gnavi6_on.gif) no-repeat 0 0;
}







/* プライマリーナビ
 * ============================================================================= */
#pNavi {
    width: 1100px;
    height: 210px;
    display: table-cell;
    vertical-align: middle;
}

#pNavi ul {
    float: right;
    padding: 0;
    margin: 0;
}

#pNavi ul li {
    padding: 0;
    margin: 0;
    float: left;
}

#pNavi ul li img {
    vertical-align: middle;
    margin-right: 2px;
}

#pNavi ul li a {
    text-decoration: none;
}

/* サイト内検索部 */
#search {}

#search .search_text {
    width: 212px;
    height: 26px;
    border: 1px solid #aaa;
    border-radius: 16px;
    text-indent: 10px;
}

#search .search_btn {
    float: right;
    height: 28px;
    border: none;
}

.searchArea{
    text-align:left;
    float:right;
    line-height:30px;
}

.searchArea > img{
    vertical-align: middle;
}

/* コンテナー
 * ============================================================================= */
div.container {
    margin-top: 20px;
}

/* 左側エリア
 * ============================================================================= */
div.left_area {
    float: left;
    background-color: white;
    width: 250px;
    /* width: 230px; */
    height: 100%;
    /*min-height: 1500px;*/
    margin-top: 10px;
}

/* コンテンツエリア
 * ============================================================================= */
div.contents {
    float: left;
    width: 830px;
    padding: 10px 0 10px 20px;
    margin-top: 10px;
}


/* パンくずリスト
 * ============================================================================= */
#pankuzu {
    margin: 0;
    padding: 0px 0px 20px 0px;
    width: 100%;
}


/* ページトップへ
 * ============================================================================= */
#pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#pageTop a {
    display: block;
    z-index: 999;
    padding: 8px 0 0 8px;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    background-color: #9FD6D2;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}



/* フッター
 * ============================================================================= */
#footer {
    color: #000000;
    background-color: #E7EFF7;
    margin-left: -500%;
    margin-right: -500%;
    padding-left: 500%;
    padding-right: 500%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

#footer a {
    text-decoration: none;
}

div.footer_inner {
    width: 1100px;
    margin: 0 auto;
}


/* フッター部のメニュー */
ul.list_footermenu {}

ul.list_footermenu li {
    float: left;
    margin-right: 20px;
}

ul.list_footermenu li img {
    vertical-align: middle;
    margin-right: 2px;
}

/* フッター  コピーライト部
 * ============================================================================= */
#footer_copyright {
    color: #ffffff;
    background-color: #186CB7;
    margin-left: -500%;
    margin-right: -500%;
    padding-left: 500%;
    padding-right: 500%;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 90%;
}

/* フッター  バナー部
 * ============================================================================= */
#footer_banner {
    background-color: #ffffff;
    margin-left: -500%;
    margin-right: -500%;
    padding-left: 500%;
    padding-right: 500%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}






/* 見出し
 * ============================================================================= */
h1 {
    /*font-weight: bold;
 * 	font-size: 170%;*/
    font-size: 150%;
    position: relative;
    padding: 0px 0 5px 0px;
    border-bottom: 2px solid #58AAE8;
}

h1::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 40%;
    height: 6px;
    background-color: #186CB7;
}

h1.kouza {
    border-bottom: 2px solid #E4D1F2;
}

/*細*/
h1.kouza::after {
    background-color: #C27AED;
}

h1.event {
    border-bottom: 2px solid #d3e3eb;
}

/*細*/
h1.event::after {
    background-color: #8CC7E0;
}

h1.boshu {
    border-bottom: 2px solid #EFEFAF;
}

/*細*/
h1.boshu::after {
    background-color: #DCEA22;
}

h1.jinzai {
    border-bottom: 2px solid #F9DCE0;
}

/*細*/
h1.jinzai::after {
    background-color: #EE6D79;
}

h1.dantai {
    border-bottom: 2px solid #C5EACE;
}

/*細*/
h1.dantai::after {
    background-color: #369851;
}

h1.shisetsu {
    border-bottom: 2px solid #F4D7B8;
}

/*細*/
h1.shisetsu::after {
    background-color: #FC9112;
}

/*
 * h2{
 * 	font-weight: bold;
 * 		font-size: 120%;
 * 			padding: 6px 0px 6px 10px;
 * 				border-left:6px solid #3E8788;
 * 					margin:20px 0 0 20px;
 * 					}*/
h2 {
    font-size: 100%;
    font-weight: bold;
    padding: 6px 0px 6px 10px;
    background-color: #eeeeee;
    margin: 20px 0 0 0px;
}

h2.kouza {
    border-left: 6px solid #C27AED;
}

h2.event {
    border-left: 6px solid #8cc7e0;
}

h2.boshu {
    border-left: 6px solid #dcea22;
}

h2.jinzai {
    border-left: 6px solid #ee6d79;
}

h2.dantai {
    border-left: 6px solid #369851;
}

h2.shisetsu {
    border-left: 6px solid #fc9112;
}

h2.basic {
    border-left: 6px solid #186CB7;
    margin: 20px 0 0 20px;
}



h3 {
    font-size: 120%;
    padding: 10px 0 5px 0px;
    border-bottom: 1px solid #3E8788;
    margin-left: 30px;
}

/* 見出し２
 * ============================================================================= */
div.midashi2 {
    width: 98%;
    margin-left: 10px;
    min-width: 790px;
    font-weight: bold;
    font-size: 110%;
    border-bottom: 1px solid #999999;
}


/* 見出しインナー
 * ============================================================================= */
.h1_inner {
    margin: 20px 0 20px 10px;
}

.h2_inner {
    margin: 10px 0 0px 30px;
}

.h3_inner {
    margin: 10px 0 20px 40px;
}

/* トップページ  サイト説明文 */
div.introduction {
    text-align: center;
    font-size: 110%;
    margin-bottom: 10px;
}

/* さがすタイトル●マーク */
.orange_circle {
    color: #FF6600;
    font-size: 120%;
}

/* トップページ  メニュー
 * ============================================================================= */
div.top_menu_area {}

a.top_menu {
    background-color: #ffffff;
    /*背景に白を設定*/
    display: block;
    /*ブロック化重要！*/
    float: left;
    margin-bottom: 10px;
    width: 270px;
    height: 105px;
    border-radius: 15px;
    /* CSS3草案 */
    -webkit-border-radius: 15px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 15px;
    /* Firefox用 */
}

a.top_menu img {
    transition: all 0.5s ease;
}

a:hover.top_menu img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}


/* お知らせ
 * ============================================================================= */
.new {
    font-size: 90%;
    font-weight: bold;
    color: #DD0707;
    margin-left: 5px;
}

div.oshirase_title {
    background-color: #186CB7;
    border-bottom: 5px solid #58AAE8;
    color: white;
    font-size: 150%;
    padding: 10px 10px 5px 10px;
    width: 810px;
    border-radius: 15px 15px 0 0;
    /* CSS3草案 */
    -webkit-border-radius: 15px 15px 0 0;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 15px 15px 0 0;
    /* Firefox用 */
}

div.oshirase_area {
    border: 1px solid #CCCCCC;
    border-top: 0px;
    padding: 10px;
    width: 808px;
}

div.blog_area {
    width: 170px;
    padding: 10px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    border: 1px solid #999999;
    float: left;
    margin: 10px 0 5px 0;
}

.blog_date {
    color: #666666;
    font-size: 90%;
    float: left;
}

.blog_title {
    clear: both;
    font-weight: bold;
    margin: 3px 0;
}

.blog_image {
    width: 170px;
    margin: 3px 0;
}

div.info_area {
    overflow: auto;
    max-height: 250px;
    min-height: 160px;
}

ul.info_list li {
    border-bottom: 2px dashed #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

ul.info_list li p {
    float: left;
    line-height: 1.2;
    margin-right: 10px;
}

ul.info_list li p.kouza, ul.info_list li p.event, ul.info_list li p.boshu, ul.info_list li p.jinzai, ul.info_list li p.dantai, ul.info_list li p.shisetsu {
    width: 110px;
    height: 18px;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    text-align: center;
    line-height: 20px;
    margin-right: 10px;
    font-size: 90%;
}

/*
 * ul.info_list li p.kouza{    background-color: #C27AED; }
 * ul.info_list li p.event{    background-color: #8CC7E0; }
 * ul.info_list li p.boshu{    background-color: #DCEA22; }
 * ul.info_list li p.jinzai{   background-color: #EE6D79; }
 * ul.info_list li p.dantai{   background-color: #369851; }
 * ul.info_list li p.shisetsu{ background-color: #FC9112; }
 * */
ul.info_list li p.kouza {
    background-color: #E6CDF9;
    border: 1px solid #C27AED;
}

ul.info_list li p.event {
    background-color: #DAECF2;
    border: 1px solid #8CC7E0;
}

ul.info_list li p.boshu {
    background-color: #F5F7AD;
    border: 1px solid #DCEA22;
}

ul.info_list li p.jinzai {
    background-color: #F7CBD0;
    border: 1px solid #EE6D79;
}

ul.info_list li p.dantai {
    background-color: #D0EFD6;
    border: 1px solid #369851;
}

ul.info_list li p.shisetsu {
    background-color: #F4D9BD;
    border: 1px solid #FC9112;
}

/* キーワード表示エリア
 * ============================================================================= */
div.keyword {
    margin: 20px 0;
    padding: 5px;
    background-color: #ebd3e8;
}


/* はじめてご利用の方へページメニュー
 * ============================================================================= */
ul.hajimete_list li {
    font-size: 120%;
    padding-bottom: 20px;
}

ul.hajimete_list li img {
    vertical-align: middle;
    margin-right: 10px;
}

ul.hajimete_list li ul {
    margin-top: 10px;
    margin-left: 30px;
}

ul.hajimete_list li ul li {
    font-size: 90%;
    padding-bottom: 8px;
}

ul.hajimete_list li ul li:last-child {
    padding-bottom: 0px;
}


/* 新着情報用吹き出しボタン
 * ============================================================================= */
/* 講座情報 */
.balloon_kouza {
    position: relative;
    width: 70px;
    height: 30px;
    border: 1px solid #C27AED;
    background-color: #E6CDF9;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_kouza:hover {
    background-color: #C27AED;
    color: white;
    cursor: pointer
}

.balloon_kouza_select {
    position: relative;
    width: 70px;
    height: 30px;
    border: 1px solid #C27AED;
    background-color: #C27AED;
    color: white;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_kouza_select:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: 10px solid #C27AED;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

/* イベント情報 */
.balloon_event {
    position: relative;
    width: 90px;
    height: 30px;
    border: 1px solid #8CC7E0;
    background-color: #DAECF2;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_event:hover {
    background-color: #8CC7E0;
    color: white;
    cursor: pointer
}

.balloon_event_select {
    position: relative;
    width: 90px;
    height: 30px;
    border: 1px solid #8CC7E0;
    background-color: #8CC7E0;
    color: white;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_event_select:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: 10px solid #8CC7E0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}


/* 募集情報 */
.balloon_boshu {
    position: relative;
    width: 70px;
    height: 30px;
    border: 1px solid #DCEA22;
    background-color: #F5F7AD;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_boshu:hover {
    background-color: #DCEA22;
    color: white;
    cursor: pointer
}

.balloon_boshu_select {
    position: relative;
    width: 70px;
    height: 30px;
    border: 1px solid #DCEA22;
    background-color: #DCEA22;
    color: white;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_boshu_select:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: 10px solid #DCEA22;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}


/* 人材情報 */
.balloon_jinzai {
    position: relative;
    width: 70px;
    height: 30px;
    border: 1px solid #EE6D79;
    background-color: #F7CBD0;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_jinzai:hover {
    background-color: #EE6D79;
    color: white;
    cursor: pointer
}

.balloon_jinzai_select {
    position: relative;
    width: 70px;
    height: 30px;
    border: 1px solid #EE6D79;
    background-color: #EE6D79;
    color: white;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_jinzai_select:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: 10px solid #EE6D79;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

/* 団体・サークル情報 */
.balloon_dantai {
    position: relative;
    width: 140px;
    height: 30px;
    border: 1px solid #369851;
    background-color: #D0EFD6;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_dantai:hover {
    background-color: #369851;
    color: white;
    cursor: pointer
}

.balloon_dantai_select {
    position: relative;
    width: 140px;
    height: 30px;
    border: 1px solid #369851;
    background-color: #369851;
    color: white;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_dantai_select:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: 10px solid #369851;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

/* 施設情報 */
.balloon_shisetsu {
    position: relative;
    width: 70px;
    height: 30px;
    border: 1px solid #FC9112;
    background-color: #F4D9BD;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_shisetsu:hover {
    background-color: #FC9112;
    color: white;
    cursor: pointer
}

.balloon_shisetsu_select {
    position: relative;
    width: 70px;
    height: 30px;
    border: 1px solid #FC9112;
    background-color: #FC9112;
    color: white;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_shisetsu_select:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: 10px solid #FC9112;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}


/* 全て */
.balloon_all {
    position: relative;
    width: 70px;
    height: 30px;
    border: 1px solid #87796E;
    background-color: #E2DEDC;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
}

.balloon_all:hover {
    background-color: #87796E;
    color: white;
    cursor: pointer
}

.balloon_all_select {
    position: relative;
    width: 70px;
    height: 30px;
    border: 1px solid #87796E;
    background-color: #87796E;
    color: white;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    float: left;
    margin-right: 5px;
    cursor: pointer
}

.balloon_all_select:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: 10px solid #87796E;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}


/* リスト系
 * ============================================================================= */
ul.list_basic {
    margin: 10px 0 0 10px;
}

ul.list_basic li {
    padding-bottom: 10px;
    padding-left: 1em;
    /*1em（1文字）分、右に動かす*/
    text-indent: -1em;
    /*最初の行だけ1em（1文字）分、左に動かす*/
}

ul.list_basic li img.mark {
    vertical-align: middle;
    margin-right: 3px;
    height: 12px;
}

/* サイトマップ用 */
ul.list_sitemap {
    margin: 20px 0 0 10px;
}

ul.list_sitemap li {
    padding-bottom: 20px;
    padding-left: 1em;
    /*1em（1文字）分、右に動かす*/
    text-indent: -1em;
    /*最初の行だけ1em（1文字）分、左に動かす*/
}

ul.list_sitemap li img {
    vertical-align: middle;
    margin-right: 3px;
    height: 12px;
}


/* ページャー
 * ============================================================================= */
.pager {
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}

.pager ul {
    list-style: none;
    position: relative;
    float: right;
}

.pager ul li {
    margin: 0 3px;
    position: relative;
    float: left;
}

.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 100%;
    /*padding: 0.5em 1em;*/
    padding: 6px 8px;
}

.pager ul li a {
    /*background: #ddd;*/
    border: 1px solid #999999;
    color: #000;
    text-decoration: none;
    border-radius: 2px;
    /* CSS3草案 */
    -webkit-border-radius: 2px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;
    /* Firefox用 */
}

.pager ul li a:hover {
    /*background: #333;*/
    border: 1px solid #999999;
    background-color: #dddddd;
    /*color: #FFF;*/
}

.pager ul li a.current {
    background: #ffe4e1;
}

.pager ul li.next a {
    border: 0px solid #999999;
}

.pager ul li.next a:hover {
    border: 0px solid #999999;
    background-color: transparent;
}

/* 会員登録手順
 * ============================================================================= */
div.tejun {
    border: 2px solid #FFCC00;
    color: #000000;
    font-size: 16px;
    width: 126px;
    height: 34px;
    line-height: 38px;
    text-align: center;
    margin-right: 20px;
    float: left;
}

div.tejun_select {
    border: 2px solid #FFCC00;
    color: #000000;
    font-size: 16px;
    width: 126px;
    height: 34px;
    line-height: 38px;
    text-align: center;
    background-color: #FCE68D;
    margin-right: 20px;
    float: left;
}


/* バナー用
 * ============================================================================= */
a.hover_banner {
    background-color: #ffffff;
    /*背景に白を設定*/
    display: block;
    /*ブロック化重要！*/
    float: left;
    margin-bottom: 10px;
    width: 210px;
    height: 50px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
}

a.hover_banner img {
    transition: all 0.5s ease;
}

a:hover.hover_banner img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/* ボタン
 * ============================================================================= */
a.btn {
    margin: 0 auto;
    padding: 6px 0;
    color: #fff;
    background: #999999;
    display: block;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
}

a.btn:link {
    color: #ffffff;
    font-weight: bold;
}

a.btn:hover {
    background: #b2b2b2;
}

/* 検索ボタン（キーワード検索） */
.button_kensaku {
    background-color: #186CB7;
    color: #fff;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    width: 48px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin-top: 3px;
}

.button_kensaku:hover {
    background-color: #55A8E5;
    cursor: pointer;
}

/* 開催日ボタン（カレンダー表示） */
.button_kaisaibi {
    color: #fff;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    width: 54px;
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    margin-left: 10px;
    float: left;

    background: url(../images/calendar.gif) no-repeat 4px 1px;
    background-color: #186CB7;
    padding-left: 30px;
}

.button_kaisaibi:hover {
    background: url(../images/calendar2.gif) no-repeat 4px 1px;
    background-color: #55A8E5;
    cursor: pointer;
}

.button_calendar {
    color: #fff;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    width: 0px;
    height: 24px;
    margin-right: 5px;
    line-height: 24px;
    float: left;
    background: url(../images/calendar.gif) no-repeat 4px 1px;
    background-color: #186CB7;
    padding-left: 30px;
}

.button_calendar:hover {
    background: url(../images/calendar2.gif) no-repeat 4px 1px;
    background-color: #55A8E5;
    cursor: pointer;
}




/* 活動分野ボタン */
.button_bunya {
    text-align: center;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.button_bunya a {
    display: inline-block;
    background: #ACE1FC;
    color: #000000;
    border-radius: 0.6em;
    text-decoration: none;
    line-height: 46px;
    border: solid 1px #CECEC4;
    box-shadow: -1px 1px 0px rgba(0, 0, 0, .2), -1px 1px 1px rgba(255, 255, 255, .35) inset;
    width: 100px;
    height: 46px;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}

.button_bunya a:hover {
    background: #DEF5FC;
}

/* ログイン・会員登録・ログアウトボタン */
.btn_login, .btn_kaiintouroku, .btn_logout, .btn_mypage {
    display: block;
    width: 105px;
    height: 40px;
    float: left;
}

.btn_login {
    background: url(../images/btn_login_on.gif) no-repeat 0 0;
}

.btn_kaiintouroku {
    background: url(../images/btn_kaiintouroku_on.gif) no-repeat 0 0;
}

.btn_logout {
    background: url(../images/btn_logout_on.gif) no-repeat 0 0;
}

.btn_mypage {
    background: url(../images/btn_mypage_on.gif) no-repeat 0 0;
}


/* 検索・リセットボタン */
a.btn_sub_search, a.btn_sub_reset {
    display: block;
    width: 100px;
    height: 27px;
    float: left;
    background-color: #ffffff;
    /*背景に白を設定*/
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
}

a.btn_sub_search img, a.btn_sub_reset img {
    transition: all 0.5s ease;
}

a:hover.btn_sub_search img, a:hover.btn_sub_reset img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/* MAPボタン */
.button_map {
    background-color: #0066FF;
    color: #fff;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    width: 48px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin-top: 3px;
}

.button_map:hover {
    background-color: #55A8E5;
    cursor: pointer;
}

/* ログインボタン（ログイン子画面内） */
.button_login {
    background-color: #186CB7;
    color: #fff;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    width: 100%;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin-top: 3px;
}

.button_login:hover {
    background-color: #55A8E5;
    cursor: pointer;
}

/* 新規追加ボタン（管理画面内） */
a.btn_kanri {
    margin: 0 auto;
    padding: 6px 0;
    color: #fff;
    background: #ff6600;
    display: block;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
}

a.btn_kanri:link {
    color: #ffffff;
    font-weight: bold;
}

a.btn_kanri:hover {
    background: #ff944c;
}

/* 左検索エリアカレンダー */
.e_table {
    border-collapse: collapse;
    border: 1px solid #205aaf;
    width: 100%;
    margin-bottom: 15px;
}

.e_table td {
    border-collapse: collapse;
    border: 1px solid #205aaf;
    padding: 2px;
}

.e_table th {
    border-collapse: collapse;
    border: 1px solid #205aaf;
    padding: 2px;
}

.Cal_Link {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    font-size:14px;
}

.h_cal {
    font-size: 90%;
    text-align: center;
    font-weight: bold;
    border: 0px;
    padding: 3px;
}

.h_cal a:visited {
    color: blue;
    text-decoration: none;
}

.h_cal a:hover {
    color: red;
    text-decoration: underline;
}

.h_cal a:active {
    color: red;
    text-decoration: underline;
}

.h_cal a:link {
    color: blue;
    text-decoration: none;
}


/* フリーイラスト用リスト
 * ============================================================================= */
ul.list_illust {}

ul.list_illust li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px 0px;
    border: 1px solid #999999;
    width: 142px;
    height: 230px;
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
}

ul.list_illust li:hover {
    border: 1px solid #ff6600;
    background-color: #fff1e7;
}

div.illust_inner {
    width: 120px;
    height: 120px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    margin: 0 auto;
    text-align: center;
}

div.illust_inner img {
    max-width: 120px;
    max-height: 120px;
}

div.title_inner {
    width: 120px;
    height: 40px;
    margin: 0 auto;
    margin-top: 5px;
}

/* フリーイラストダウンロードボタン */
a.btn_download {
    margin: 0 auto;
    padding: 6px 0;
    color: #fff;
    background: #8cc7e0;
    display: block;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    width: 58px;
    float: left;
}

a.btn_download:link {
    color: #fff;
    font-weight: bold;
}

a.btn_download:hover {
    background: #add8ea;
}


/* アクセスカウンター
 * ============================================================================= */
div.counter {
    margin: 10px 25px 20px 25px;
    padding: 5px 0px;
    background-color: #ffffff;
    border: 3px solid #aacccc;
    color: #557799;
    text-align: center;
    border-radius: 6px;
    font-size: 110%;
}
.hide {
    display: none;
}


/* スライドショー
 * ============================================================================= */
.slideShow{
    width:430px;
    float:left;
    margin-top:-20px;
}

.bgSlide{
    background:url("../images/bgSlide.png");
    padding:7px;
    text-align: left;
    font-size:13px;
}

.slick-dots li button:before{
	font-size:50px!important;
}

.slick-dots li{
    width:16px!important;
}

.slick-dots{
    top:240px!important;
    margin-left:340px!important;
}

.slick-dots li button:before {
    color:#777!important;
}

.slick-dots li.slick-active button:before {
	color: #527DC1!important;
    opacity: 1!important;
}


.searchButton {
    box-shadow: 0px 0px 0px 1px #186CB7;
    background-color: #186CB7;
    border-radius: 4px;
    cursor: pointer;
    color: #ffffff;
    padding: 5px 0px;
    width: 204px;
    text-align: center;
    text-decoration: none;
    margin: 10px 20px 10px 10px;
}

.searchButton:hover {
    background-color: #55A8E5;
}

.searchButton:active {
    position: relative;
    top: 1px;
}

#preview > .pankuzu{
    margin-bottom:10px;
}

.tableColor1 {
    background-color: #EBF9FD !important;
}
.tableColor2 {
    background-color: #EFEFAF !important;
}
.tableColor3 {
    background-color: #F4E1FF !important;
}
.tableColor4 {
    background-color: #FFEEEE !important;
}
.tableColor5 {
    background-color: #EEFFEE !important;
}
.tableColor6 {
    background-color: #FDF1D2 !important;
}

.aTagBase{
    width:120px;
    text-align:center;
    border-radius:0px 4px 4px 0px;
    margin-top:-5px;
    padding:5px 10px;
    color:white;
    float:right;
}