

/*  CAT HAND BIZ
--------------------------------------------------------------------------*/
/*  http://
--------------------------------------------------------------------------*/

a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
body { margin:0px;padding:0px;}
body { width: 100%;}
body { background-color: #fff; }
body, th, td, div, font { line-height: 1.5; }

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body { font-size: 16px;font-size: 1.6rem;   /* sets the default sizing to make sure nothing is actually 10px */}
html { font-size: 62.5%; /* sets the base font to 10px for easier math */}

ul, ol, ul li, ol li { list-style: none;}
img, a img { border: 0px none; vertical-align: bottom;}
form{margin:0px;}
input{margin:0px;}form{margin:0px;}

body { position:relative;}



/*  背景関連
--------------------------------------------------------------------------*/
.bg01 { background-color: rgba(252,252,252,1.0);padding: 20px 10px 20px;margin: 0px 0px 0px;}
.bg02 { background-color: rgba(255,255,255,1.0);padding: 20px 10px 20px;margin: 0px 0px 0px;}
.bg03 { background-color: rgba(243,243,225,1.0);padding: 20px 10px 20px;margin: 0px 0px 0px;}
.bg04 { background-color: rgba(189,235,243,0.8);padding: 20px 10px 20px;margin: 0px 0px 0px;}
.bg05 { background-color: rgba(109,191,209,0.8);padding: 20px 10px 20px;margin: 0px 0px 0px;}
.bg06 { background-color: rgba(255,249,236,1.0);padding: 20px 10px 20px;margin: 0px 0px 0px;}




/*  タイトル関連
--------------------------------------------------------------------------*/
h1{ margin: 0px 0px 0px;padding: 0px 0px 0px 10px;line-height: 40px;}
h1{ font-weight: normal;font-size: 10px;color: #222;letter-spacing:0px;}

h2 { margin: 0px 0px 0px ;padding: 20px 0px 20px ;}
h3 { margin: 0px 0px 0px;padding: 0px 0px 10px 0px;}
h3 { font-size: 14px;color: #3fabbe;font-weight: bold;letter-spacing:-1px;text-align: center;}
.clear { display: none;}

.title01{ background-color:#4eb7c9;border-radius: 0px;padding: 15px 15px 15px 15px;}
.title01{ margin: 0px 0px 0px;font-size: 16px;color: #fff;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}
.title02{ background-color:#27b5cd;border-radius: 0px;padding: 15px 15px 15px 15px;}
.title02{ margin: 0px 0px 0px;font-size: 16px;color: #fff;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}


.title_img { max-width: 100%;margin: 10px 0px 10px;}

/*  へッダー
--------------------------------------------------------------------------*/
.header { width: 100%;min-height: 110px;margin: 0px 0px 0px;padding: 0px 0px 0px 0px;}
.header { background-color: rgba(255,255,255,0.8);border-bottom: 1px solid #ede5d9;position: relative;z-index: 9999;}
.head_logo { width: 230px; height:auto;position:absolute; top:20px;right:0px;left:0px;margin:auto auto;}


/*  メニュー
--------------------------------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix { display: inline-table;min-height: 1%;}
.global_menu{ font-size: 20px;color: 333;z-index: 9999;}
.global_menu a{
    display:block;
    width:43px;border-radius: 4px;
    height:43px;margin: 0px 0px 0px 0px;
    cursor:pointer;z-index: 9999;position: absolute;z-index:999;top: 15px;right: 20px;
    }

#category_list{ width:100%; background-color: rgba(255,255,255,1.0);border-bottom: 1px solid #bce0d1;padding: 0px 0px 0px 0px;}
#category_list{ position: fixed;z-index:9999;top: 0px;left: 0px;display:none;}

.list_close { background: #6dc2d1;line-height: 50px;border-radius: 0%;}
.list_close { margin: 10px 8px 10px 8px;display:block;text-align: center;}
.list_close { color:#fff;font-size:13px;font-weight:bold;text-decoration: none;cursor:pointer;}

ul.list_menu { margin: 8px 8px 8px 8px;padding-left: 0px;border: 1px dotted #e1decf;border-radius: 0px;}
ul.list_menu { background: #fff;}
ul.list_menu:after {content: "";display: block;clear: both;}
.list_menu li {
  list-style: none;
  float: left;
  width: 50%;
  min-width: 130px;
  height: 45px;
  line-height: 45px;
  border-right: 1px solid #e1decf;
  border-bottom: 1px solid #e1decf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.list_menu li {  }
.list_menu li:nth-child(even) {border-right: none;}
.list_menu li:nth-last-child(1),
.list_menu li:nth-last-of-type(2) { border-bottom: none;}
.list_menu li:nth-last-of-type(2):nth-child(even) {}
.list_menu li { background: url('../img/headmenu_arrow.png') no-repeat scroll right center ; }
.list_menu li a {display: block;padding-left: 8px;height: 45px;color: #23170c;font-weight: bold;font-size: 13px;letter-spacing:0px;}
.list_menu li a:hover { background-color: #6dc2d1;text-decoration: none;display:block;color: #fff;}


/*  TOP
--------------------------------------------------------------------------*/
.top_img { width: 100%; height:auto;}

ul.merit { background-color:#fff;margin: 0px 0px 0px;padding: 15px 15px 15px;}
ul.merit { border: 1px solid #6dc2d1;border-radius: 10px;}
ul.merit li { list-style: none;margin: 0px 10px 0px;position:relative;}
ul.merit li { border-bottom: 1px solid #dedede;margin: 0px 0px 0px;padding: 20px 0px 20px;}
ul.merit li { font-size: 17px;color: #6dc2d1;letter-spacing:0px;font-weight: normal;line-height: 1.5; }

ul.keyword { background-color:#fff;margin: 0px 0px 0px;padding: 15px 15px 15px;}
ul.keyword { border: 1px solid #c5e5eb;border-radius: 10px;}
ul.keyword li { list-style: none;margin: 0px 10px 0px;position:relative;text-align: left;}
ul.keyword li { border-bottom: 1px solid #dedede;margin: 0px 0px 0px;padding: 20px 0px 20px;}
ul.keyword li { font-size: 17px;color: #6dc2d1;letter-spacing:0px;font-weight: normal;line-height: 1.4; }
ul.keyword li:last-child { border: none; }


.button_other { font-size:16px;font-weight:bold;;margin: 15px 0px 10px;text-decoration:none;color:#fff;}
.button_other { background-color:#fa8005;display:block;}
.button_other a { line-height: 50px;background-color:#f3be3f;color: #fff;text-align: center;text-decoration: none;display:block;}
.button_other a:hover  { background-color:#eab129;text-decoration: none;display:block;}

.button_other2 { font-size:16px;font-weight:bold;;margin: 0px 0px 0px;text-decoration:none;color:#fff;}
.button_other2 { background-color:#fa8005;display:block;}
.button_other2 a { line-height: 80px;background-color:#6dc2d1;color: #fff;text-align: center;text-decoration: none;display:block;}
.button_other2 a:hover  { background-color:#4eb5c7;text-decoration: none;display:block;}


ul.bana { width:100%;padding: 0px 0px 0px;margin:0px;position:relative; display: inline-block;}
ul.bana li { padding: 0px 0px 0px;margin: 0px;}
ul.bana li a {  }
ul.bana li img { width:100%;}
ul.bana li:after { content: "";display: block;clear: both;}

#title_box { padding: 10px 10px 10px;background : transparent url(../img/line.png) no-repeat;background-position: bottom;text-align: center;position: relative; }
#title_box img { max-width: 100%; height:auto;margin: 0px 0px 18px; }

.concept_comme { max-width: 900px;padding: 10px 10px 10px ;}
.concept_comme { font-size:14px;color: #222;line-height: 1.5;letter-spacing:0px;text-decoration: none;text-align: left;}

.concept01 { max-width: 900px;background-color:#fff;border: 2px dashed #5fbfbd;border-radius: 15px;line-height: 1.5;padding: 20px 20px 20px;}
.concept01 { margin: 10px 0px 10px;text-align: left;font-weight: normal;font-size: 13px;color: #222;letter-spacing:0px;}
.concept02 { max-width: 900px;background-color:#fdf8f8;border: 2px dashed #f7c5c5;border-radius: 15px;line-height: 1.5;padding: 20px 20px 20px;}
.concept02 { margin: 10px 0px 10px;text-align: left;font-weight: normal;font-size: 13px;color: #222;letter-spacing:0px;}

/*  AREA
--------------------------------------------------------------------------*/
.area { background-color:#fff;border-radius: 10px;margin: 6px 0px 6px;padding: 12px 10px 12px;text-align: center;position:relative;}

.area01 { background-color:#0096b1;border-radius: 6px;margin: 0px 0px 0px;padding: 16px 15px 15px;font-size: 17px;color: #fff;line-height: 1;text-align: center;}
.area02 { background-color:#88eac4;border-radius: 6px;margin: 0px 0px 0px;padding: 16px 15px 15px;font-size: 17px;color: #fff;line-height: 1;text-align: center;}
.area03 { background-color:#95b029;border-radius: 6px;margin: 0px 0px 0px;padding: 16px 15px 15px;font-size: 17px;color: #fff;line-height: 1;text-align: center;}
.area04 { background-color:#e99952;border-radius: 6px;margin: 0px 0px 0px;padding: 16px 15px 15px;font-size: 17px;color: #fff;line-height: 1;text-align: center;}

ul.area_list { margin: 0px ;padding: 15px 0px 10px;}
ul.area_list li { float: left;padding: 1px 5px 1px;}
ul.area_list li a { margin: 0px 0px 0px;padding: 0px 0px 0px;}
ul.area_list li a { font-size: 15px;color: #666;line-height: 1.5;text-decoration: underline;text-align:left;}
ul.area_list li a:hover { color: #ff4981;}




/*  CAST
--------------------------------------------------------------------------*/
ul.cast { background-color:#bdebf3;padding: 20px 0px 20px 0px;margin: 0px 0px 0px;}
ul.cast li { background-color:#fff;border-radius: 8px;margin: 4px 7px 5px;text-align: center;position:relative;}
ul.cast li { position: relative;}
ul.cast li a { background-color:#fff;border: 1px solid #cee5e9;border-radius: 8px;display: block;padding: 6px 5px 5px 5px; }
ul.cast li a { background: url('../img/link_arrow.png') no-repeat scroll right center; }
ul.cast li a:hover { background: url('../img/link_arrow.png') no-repeat scroll right center #; }
ul.cast li img{ width: 100px;margin: 0px 8px 0px 0px; }

.cast_name { margin: 0px 0px 0px 0px;padding: 5px 0px 0px 8px;}
.cast_name { font-size: 17px;color: #ffb3cc;letter-spacing:0px;font-weight: bold;line-height: 1.5;text-align: left;}
.cast_data { margin: 0px 0px 0px padding: 0px 0px 0px 8px;}
.cast_data { font-size: 13px;color: #47b5c8;text-decoration: underline;letter-spacing:1px;line-height: 1.5;text-align: left;}
.cast_comme { font-size: 13px;color: #666;letter-spacing:1px;line-height: 1.4;margin:0px;text-align: left;padding: 5px 15px 0px 8px;}
.cast_sche { background-color: #e9e8df;border:1px solid #d7d4c2;border-radius: 1px;margin: 2px 0px 5px 147px;padding: 0px 0px 0px 8px;}
.cast_sche { text-align: left;font-weight: bold;font-size: 11px;color: #222;letter-spacing:0px;line-height: 27px;}
.cast_rank { width: 76px;line-height: 23px;background-color: rgba(109,194,209,0.8);border-radius: 20px;margin: 0px;z-index: 8888;position:absolute; top:10px;left:10px;}
.cast_rank { font-size: 10px;color: #fff;letter-spacing:-1px;font-weight: normal;text-align: center;}

.cast_new { width: 40px;line-height: 23px;background-color: rgba(72,152,0,0.8);border-radius: 5px;margin: 0px;z-index: 8888;position:absolute; top:10px;right:10px;}
.cast_new { font-size: 10px;color: #fff;letter-spacing:-1px;font-weight: normal;text-align: center;}


.search_title { background-color: rgba(255,255,255,0.9);border: 2px solid #079bb5;line-height: 1.5;padding: 10px 10px 10px;}
.search_title { margin: 0px 7px 5px;text-align: left;font-weight: bold;font-size: 12px;color: #079bb5;letter-spacing:0px;}



/*  PROF
--------------------------------------------------------------------------*/
.prof_comme { background-color: #fff;border:1px solid #ebeae3;padding: 10px 15px 10px 15px;}
.prof_comme { font-size: 13px;color: #222;letter-spacing:1px;line-height: 1.5;margin:0px;text-align: left;}

table.prof_sche { width: 100%;margin: 0px 0px 0px;border-collapse: separate;border-spacing: 1px 1px;}
table.prof_sche { text-align: left;line-height: 1.5;}
table.prof_sche th { width: 90px;background-color: #ff8cb2;padding: 10px 8px 10px;font-size:12px;font-weight: bold;vertical-align: middle;color: #fff;text-align: center;}
table.prof_sche td { background-color: #fff;padding: 10px 8px 10px 8px;font-size:13px;vertical-align: top;}

table.prof_faq { width: 100%;margin: 0px 0px 0px;border-collapse: separate;border-spacing: 1px 1px;}
table.prof_faq th { width: 120px;background-color: #eeebe2;padding: 11px 12px 11px ;font-size:12px;color: #36342e;font-weight: normal;vertical-align: middle;text-align: left;}
table.prof_faq td { background-color: #fff;padding: 11px 10px 10px;font-size:12px;vertical-align: top;}

ul.prof_photo { margin: 0px 0px 0px;padding: 0px 0px 0px ;}
ul.prof_photo li { list-style: none;}
ul.prof_photo li { margin: 0px 0px 0px;padding: 10px 0px 10px; position:relative;}
ul.prof_photo li img { max-width:300px;}



/*  RECRUIT
--------------------------------------------------------------------------*/
.job_img01 { max-width: 100%; height:auto; margin: 10px 0px 10px 0px;}
.job_title01 { font-size:11px;color: #222;font-weight: normal;line-height: 1.5;letter-spacing:0px;text-decoration: none;text-align: center;}
.job_title02 { font-size:19px;color: #fe1f70;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-decoration: none;text-align: center;}
.job_title03 { font-size:20px;color: #6fcce0;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-decoration: none;text-align: center;}

table.job_list { width: 100%;margin: 10px 0px 10px;border-collapse: separate;border-spacing: 2px 2px;}
table.job_list td { width: 50%;background-color: #d1c6b8;padding: 10px 10px 10px;font-size:13px;color: #fff;vertical-align: middle;text-align: center;}

ul.recommend_list { max-width: 900px;background-color: #fff;border: 3px solid #fcaac5;border-radius: 10px;padding: 20px 20px 20px;margin: 10px 0px 0px;}
ul.recommend_list { display: inline-block;position: relative;}
ul.recommend_list li { background: url('../img/icon_check.png') no-repeat scroll; background-position: 0px 5px;position: relative;}
ul.recommend_list li { float: left;padding: 5px 5px 5px 25px;margin: 0px 0px 0px;text-align: left; }
ul.recommend_list li { font-size: 14px; color: #222;letter-spacing: 0px;line-height: 1.5; }
ul.recommend_list:after { clear: both;}

ul.job_info { padding: 20px 0px 10px 0px;margin: 0px 0px 0px;}
ul.job_info { background-color:#cceff6;}
ul.job_info li { background-color:#fff;border-radius: 8px;display: block;}
ul.job_info li { text-align: center;padding: 20px 20px 20px ;margin: 10px 10px 10px;}

.job_info_title { padding: 7px 0px 0px;margin: 0px;text-align: left;font-weight: bold;font-size: 18px;color: #6dc2d1;letter-spacing:0px;}
.job_info_title2 { padding: 5px 0px 0px;margin: 0px;text-align: left;font-weight: bold;font-size: 16px;color: #333;letter-spacing:0px;}
.job_info_comme { padding: 10px 0px 0px;margin: 0px;text-align: left;font-size: 14px;color: #222;letter-spacing:0px;}

table.data { width: 100%;margin: 0px 0px 0px ; border-collapse: separate;border-spacing: 1px 1px; }
table.data th { width: 80px;background-color: #f3f3f3;padding:11px 12px 11px;text-align: left; vertical-align: middle; }
table.data th { font-size: 12px; letter-spacing:0px;line-height: 1.5;color: #222;}
table.data td { background-color: #fff;padding:11px 7px 11px 7px;text-align: left; vertical-align: middle; }
table.data td { font-size: 11px; letter-spacing:0px;line-height: 1.5;color: #333;}

table.company { width: 100%;margin: 0px 0px 0px;border-collapse: collapse;border-spacing: 1px;text-align: left;line-height: 1.5;border-top: 1px dotted #d3d3d3;}
table.company th { width: 80px;background:#f4f5f5;padding:11px 12px 11px;vertical-align: middle;border-bottom: 1px dotted #d3d3d3;}
table.company th { font-size: 12px; letter-spacing:0px;color: #222;text-align:left;}
table.company td { background:#fff;padding:11px 11px 11px 11px;vertical-align: middle;border-bottom: 1px dotted #d3d3d3;}
table.company td { font-size: 13px; letter-spacing:0px;color: #222;}

.job_comme { background-color:#fff;border:1px solid #ebeae3;padding: 10px 12px 10px;margin: 0px ;font-size: 15px; color: #333;letter-spacing:0px;line-height: 1.5;}


/*  INTERVIEW
--------------------------------------------------------------------------*/
#voice { padding: 10px 0px 10px ;}
#voice dt { cursor:pointer;}
#voice dt { background: url('../img/arrow_down.png') no-repeat scroll right center;background-color:#99dce8;}
#voice dt { padding: 15px 15px 15px;margin: 3px 5px 0px;border-radius: 2px;border: 1px solid #76c5d3;}
#voice dt { font-size: 15px;color: #fff;font-weight: bold;text-align:left;}
#voice dt.active { background-color:#4cbace;border: 1px solid #76c5d3;}
#voice dd { text-align:center;display:none;}
#voice dd { padding: 10px 0px 10px 0px;margin: 0px 0px 0px 0px;}

.voice_waku { border: 1px solid #febcce;background-color:#fff;padding: 10px 8px 10px 8px;margin: 0px 5px 0px 5px;border-radius: 5px;}
table.voice_data { margin: 0px 0px 0px; border-collapse: separate;border-spacing: 0px 1px;}
table.voice_data th { background-color: #f3f3f3;padding: 10px;font-size: 11px; letter-spacing:0px;font-weight: bold;line-height: 1.5;color: #ff006d;text-align: left;vertical-align: middle; }
table.voice_data td { background-color: #fff;padding: 10px;font-size: 11px; letter-spacing:0px;line-height: 1.5;color: #333;text-align: left; vertical-align: middle; }

.voice_img { margin: 0px 10px 0px 0px;}
.voice_name { margin: 0px 0px 0px 0px;padding: 2px 0px 2px 8px;}
.voice_name { font-size: 15px;color: #ffb3cc;letter-spacing:0px;font-weight: bold;line-height: 1.5;text-align: left;}
.voice_comme { font-size: 13px;color: #222;letter-spacing:0px;line-height: 1.5;text-align: left;padding: 10px 0px 0px;margin:0px;}

/*  FAQ
--------------------------------------------------------------------------*/
ul.faq { padding: 10px 0px 10px 0px;margin: 0px 0px 0px;}
ul.faq { width: 100%;background-color:#f4f4f4;display:inline-block;}
ul.faq li { background-color:#fff;margin: 10px 8px 10px;padding: 10px 10px 10px 10px;text-align: left;}

.faq_q { background-color:#b4d792;border-radius: 30px;margin: 5px 0px 8px 0px;padding: 11px 15px 10px;}
.faq_q { font-size: 13px;color: #fff; letter-spacing:0px;line-height: 1.2;text-align: left;}
.faq_a { padding: 10px 0px 0px 0px;margin: 0px;text-align: left;font-size: 14px;color: #222;letter-spacing:0px;}

/*  待機ルーム
--------------------------------------------------------------------------*/
ul.room { width: 100%;padding: 10px 0px 10px ;margin: 0px 0px 0px;display:inline-block;}
ul.room li { width: 50%;background-color:#fff;}
ul.room li { margin: 0px 0px 0px;padding: 0px 0px 0px;display:block;float: left;text-align: center;}
ul.room li { font-size: 10px;color: #0298b3; line-height: 1.5;letter-spacing:-1px;text-align: center;}
ul.room li img { width: 100%; height:auto;margin: 0px 0px 7px;}
ul.room li div { background-color:#fff;border: 1px solid #cee5e9;margin: 1px 1px 1px;padding: 5px 5px 7px ;}


/*  お仕事までの流れ
--------------------------------------------------------------------------*/
ul.flow { padding: 10px 0px 10px 0px;margin: 0px 0px 0px;}
ul.flow { width: 100%;background-color:#fff6f8;display:inline-block;}
ul.flow li { background-color:#fff;margin: 10px 8px 10px;padding: 10px 10px 10px 10px;text-align: left;}
ul.flow li { font-size: 14px;color: #222;letter-spacing:0px;line-height: 1.5;}
ul.flow li img { width: 100%; height:auto;margin: 10px 0px 10px;}

#flow_step  { width: 100%;padding: 10px 0px 10px;display:inline-block;}
#flow_step  { font-size: 10px;color: #222; line-height: 1.5;letter-spacing: 0px;}
#flow_step .flow_step_box { background-color:#fff;width: 25%; text-align: center; padding: 0px; margin: 0px 0px 5px;border-right: 0px solid rgb(0, 0, 0); float: left; }
#flow_step .flow_step_box img { width: 98%;margin: 0px 0px 5px;}

/*  CONTACT-MENU
--------------------------------------------------------------------------*/
ul.contact_menu { width: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px;display:inline-block;}
ul.contact_menu li { width: 50%;height: 150px;background-color:#fff;}
ul.contact_menu li { margin: 0px 0px 0px;display:block;float: left;text-align: center;}
ul.contact_menu li a { width: 100%;line-height: 150px;height: 150px;display:block;}
ul.contact_menu li.contact_menu01 { background-color: rgba(154,223,219,0.8);line-height: 150px;}
ul.contact_menu li.contact_menu02 { background-color: rgba(173,222,149,0.8);line-height: 150px;}
.contact_menu_icon { margin: 30px 0px 0px;}
.contact_menu_txt { font-size: 17px;color: #fff; font-weight: bold;letter-spacing:0px;padding: 13px 0px 0px 0px;text-align: center;}


/*  SYSTEM
--------------------------------------------------------------------------*/
.bg_system { padding: 15px 15px 15px ;margin: 5px 0px 5px;}
.bg_system { background-color:#fff;border:1px solid #ebeae3;border-radius: 8px;}

.system_concept{ background-color:#fff;border: 2px solid #5fbfbd;border-radius: 16px;line-height: 1.5;padding: 15px 15px 15px;}
.system_concept{ margin: 10px 0px 10px;text-align: left;font-weight: normal;font-size: 13px;color: #222;letter-spacing:0px;}

table.system_list { width: 100%;margin: 10px 0px 10px;border-collapse: separate;border-spacing: 2px 2px;}
table.system_list td { width: 50%;background-color: #2da2b7;padding: 10px 10px 10px;font-size:13px;color: #fff;vertical-align: middle;text-align: center;}

.system_title{ background-color:#2da2b7;border: 1px solid #f6f2eb;line-height: 1.5;padding: 10px 0px 10px 10px;}
.system_title{ margin: 10px 0px 5px;text-align: left;font-weight: bold;font-size: 12px;color: #fff;letter-spacing:0px;}
.system_cap{ background-color:#fff;border-bottom: 1px dotted #5fbfbd;line-height: 1.5;padding: 10px 10px 10px 10px;}
.system_cap{ margin: 10px 0px 10px;text-align: left;font-weight: bold;font-size: 12px;color: #5fbfbd;letter-spacing:0px;}

ul.system_price { width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 10px 0px;}
ul.system_price li { width: 100%;padding: 5px 0px 5px 0px;letter-spacing:0px;}
ul.system_price li { line-height: 60px;border-bottom: 1px dotted #454237;}
ul.system_price li { font-size: 12px;color: #222;font-weight: bold;}
ul.system_price li { float:left;text-decoration: none;text-align: left;position: relative;}
ul.system_price:after { content: "";display: block;clear: both;}
ul.system_price li span { font-size: 14px;color: #222;font-weight: bold;position: absolute;right:0px;}

.caution_title { background-color:#fff;border: 2px solid #5fbfbd;line-height: 1.5;padding: 10px 10px 10px ;}
.caution_title { margin: 10px 0px 10px;text-align: left;font-weight: bold;font-size: 14px;color: #5fbfbd;letter-spacing:0px;}

ul.caution_list { padding: 10px 0px 10px;margin: 0px 0px 0px;}
ul.caution_list { position: relative;right:0px;left:0px;margin:auto auto;}
ul.caution_list li { border-bottom: 1px solid #5fbfbd;padding: 10px 5px 10px;margin: 0px 0px 0px;text-align: left; }
ul.caution_list li { font-size: 13px; letter-spacing:0px;line-height: 1.5;color: #222; }
ul.caution_list:after { content: "";display: block;clear: both;}



/*  NEWS
--------------------------------------------------------------------------*/
ul.keyword_menu { margin: 0px 0px 0px ;padding: 15px 10px 15px;display: inline-block; }
ul.keyword_menu li { float:left;}
ul.keyword_menu li a { margin: 1px 1px 1px 1px;font-size: 12px;color: #fff;letter-spacing:0px;}
ul.keyword_menu li a { background-color:#86d3e0;border: 0px solid #6dc2d1;border-radius: 0px;text-align: left;}
ul.keyword_menu li a { display:block;padding: 10px 10px 10px 10px;text-decoration: none;}
ul.keyword_menu li a:hover { background-color:#66cddf;text-decoration: none;display:block;}

ul.news_list { padding: 5px 0px 5px 0px;margin: 0px 0px 0px;}
ul.news_list { width: 100%;background-color:#f4f4f4;display:inline-block;}
ul.news_list li { background-color:#fff;margin: 10px 10px 10px;}
ul.news_list li a { text-align: left;padding: 10px 10px 10px 10px;}
ul.news_list li a { display:block;text-decoration: none;}
ul.news_list li a:hover { background-color:#fbfbfb;text-decoration: none;display:block;}
ul.news_list li img { width: 120px;margin: 0px 10px 0px 0px;}

.news_list_title { padding: 0px 0px 0px 0px;margin: 0px;text-align: left;font-size: 15px;color: #7ed3c9;line-height: 1.5;text-decoration: underline;letter-spacing:0px;}
.news_list_comme { padding: 0px 0px 0px 0px;margin: 0px;text-align: left;font-size: 13px;color: #222;line-height: 1.5;letter-spacing:0px;}

ul.news_icon { margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
ul.news_icon li { margin: 1px 1px 1px 1px;font-size: 10px;color: #fff;letter-spacing:0px;}
ul.news_icon li { background-color:#86d3e0;border: 1px dotted #d87171;float:left;text-align: left;}
ul.news_icon li { display:block;padding: 5px 5px 5px 5px;}
.news_next  { padding: 7px 0px 0px 0px;font-size: 13px;color: #6dc2d1;text-decoration: none;text-align: right;}


.column { background-color:#fff;}
.column { padding: 10px 10px 10px 10px;margin: 0px 0px 0px;}
.column_title{ background-color:#c9f0e0;border-radius: 0px;padding: 15px 15px 15px 15px;}
.column_title{ margin: 0px 0px 15px;text-align: center;font-weight: bold;font-size: 17px;color: #333;letter-spacing:0px;}
.column_img { max-width: 100%; height:auto;margin: 0px 0px 10px ;}
.column_title2 { font-size: 16px;color: #5ec89d;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}
.column_title2 { padding: 10px 5px 10px 5px;margin: 0px 0px 15px;border-bottom: 2px solid #aaf2d5;}
.column_title3 { font-size: 16px;color: #e77187;font-weight: normal;line-height: 1.5;letter-spacing:0px;text-align: center;}
.column_title3 { padding: 10px 0px 5px 0px;margin: 0px 0px 0px;}
.column_comme { padding: 0px 0px 10px 0px;margin: 0px;text-align: left;font-size: 13px;color: #222;line-height: 1.5;letter-spacing:0px;}
.column_button { max-width: 400px;font-size:20px;font-weight:bold;text-decoration:none;right:0px;left:0px;margin:auto auto;}
.column_button a { border: 2px solid #e77187;border-radius: 50px;padding: 2px 0px 0px 0px;}
.column_button a { line-height: 50px;background-color:#ff6e89;color: #fff;text-align: center;text-decoration: none;display:block;}
.column_button a:hover  { display:block;}

#next_box{ width: 90%;display: table;padding: 15px 10px 20px;margin: 0px;text-align: center;}
#next_box{ position: relative;right:0px;left:0px;margin:auto auto;}
.next_child { display: table-cell;width: 45%;vertical-align: top;}

.button_next { border: 2px solid #fff;border-radius: 2px;margin: 2px 2px 2px 2px;text-align: center;}
.button_next { font-size:14px;letter-spacing:0px;font-weight:bold;text-decoration:none;color:#fff;display:block;}
.button_next a { line-height: 48px;background-color:#86d3e0;color: #fff;text-decoration: none;display:block;}
.button_next a:hover  { background-color:#66cddf;text-decoration: none;display:block;}

/*  ACCESS
--------------------------------------------------------------------------*/
.access_title { background-color: #6dc2d1;border-radius: 0px;margin: 5px 0px 0px;padding: 15px 14px 15px;}
.access_title { text-align: left;font-weight: bold;font-size: 14px;color: #fff;letter-spacing:0px;line-height: 1.5;}


ul.access { width: 100%;margin: 0px 0px 0px ;padding: 0px 0px 10px ;}
ul.access li { width: 100%;padding: 10px 0px 10px ;border-bottom: 1px dotted #454237;}
ul.access li { font-size: 14px;color: #222;line-height: 1.5;letter-spacing:0px;text-decoration: none;text-align: left;}

/*  SITEMAP
--------------------------------------------------------------------------*/
ul.sitemap { padding: 20px 0px 20px 0px;margin: 0px 0px 0px ;}
ul.sitemap { width: 100%;background-color:#fdfbf7;display:inline-block;}
ul.sitemap li { margin: 5px 5px 5px;}
ul.sitemap li a { line-height:44px;text-align: left;padding: 0px 10px 0px 10px;font-size: 15px;color: #808182;font-weight: bold;}
ul.sitemap li a { background: url('../img/link_arrow.png') no-repeat scroll right center rgb(255, 255, 255);}
ul.sitemap li a { border: 2px solid #b2ecf6;border-radius: 8px;display:block;}
ul.sitemap li a:hover { background-color:#fef8fa;text-decoration: none;display:block;}


/*  LINK
--------------------------------------------------------------------------*/
ul.link { background-color: rgba(189,235,243,0.8);margin: 0px 0px 0px;padding: 20px 0px 20px 0px;}
ul.link li { margin: 5px 8px 5px;text-align: center;}
ul.link li a { line-height: 48px;background-color:#fff;border:1px solid #edebe5;border-radius: 10px;display: block;padding: 0px 0px 0px 10px; }
ul.link li a { text-align: left;font-size: 14px;color: #666;}
ul.link li a:hover { background-color:#f8f8f8;}

.link01{ border-bottom: 1px dashed #e5e5e5; margin: 0px 5px 5px 5px;padding: 5px 0px 3px 0px;font-size: 14px;letter-spacing:0px;color: #ff1187;text-align: left;line-height: 150%;}
.link02{ border-bottom: 1px dashed #e5e5e5; margin: 5px 5px 5px 5px;padding: 5px 0px 3px 0px;font-size: 12px;letter-spacing:0px;color: #333;text-align: left;line-height: 180%;}


/*  プライバシーポリシー
--------------------------------------------------------------------------*/
.privacy01{ border-bottom: 1px dashed #e5e5e5; margin: 0px 5px 0px 5px;padding: 10px 0px 10px 0px;font-size: 14px;letter-spacing:0px;color: #ff1187;text-align: left;line-height: 1.5;}
.privacy02{ border-bottom: 1px dashed #e5e5e5; margin: 0px 5px 0px 5px;padding: 10px 0px 10px 0px;font-size: 12px;letter-spacing:0px;color: #333;text-align: left;line-height: 1.5;}


/*  404
--------------------------------------------------------------------------*/
.not_title{ margin: 0px 5px 0px;padding: 30px 0px 10px 0px;font-size: 20px;letter-spacing:0px;color: #222;font-weight:bold;text-align: center;line-height: 1.5;}
.not_comme{ margin: 10px 5px 10px;padding: 10px 5px 15px;font-size: 11px;letter-spacing:0px;color: #333;text-align: left;line-height: 1.5;}


/*  FORM
--------------------------------------------------------------------------*/

.contact_line { font-size:12px;font-weight:600;line-height: 1.2;text-decoration:none;}
.contact_line a { background-color: #1ac2c2;border-radius: 0px;padding: 15px 0px 15px;margin:10px 0px 10px ;}
.contact_line a { color: #fff;text-align: center;text-decoration: none;display:block;}
.contact_line a:hover  { text-decoration: none;display:block;}

ul.contact_caution { width: 100%;margin: 0px 0px 0px ;padding: 0px 0px 0px;}
ul.contact_caution li { margin: 5px 0px 5px ; padding: 10px 0px 10px;letter-spacing:0px;}
ul.contact_caution li { line-height: 1.2;border-bottom: 1px dotted #454237;}
ul.contact_caution li { font-size: 13px;color: #e30066;font-weight: normal;}
ul.contact_caution li { text-decoration: none;text-align: left;position: relative;}
ul.contact_caution li a{ text-decoration: none;font-size: 13px;color: #e30066;}
ul.contact_caution:after { content: "";display: block;clear: both;}

.form_title { background-color: #7aca01;border-radius: 0px;margin: 15px 0px 3px 0px;padding: 0px 0px 0px 15px;}
.form_title { text-align: left;font-weight: bold;font-size: 14px;color: #fff;letter-spacing:0px;line-height: 50px;}
.form_comme { border-bottom:1px dotted #ebeae3;padding: 15px 0px 15px ;}
.form_comme { font-size: 14px;color: #ec008b;letter-spacing:1px;line-height: 1.4;margin:0px;text-align: left;}

.contact01 { margin: 0px;padding: 10px 0px 8px;font-size: 16px;letter-spacing:0px;color: #222;text-align: left;}

input{ width:100%;font-size:120%; color:#413c32;padding: 10px 0px 10px 0px;border-radius: 0px;border: 1px solid #e7e1e3;background-color: #fff;}
input{ -webkit-appearance: none; }
input:focus{ background: #f6f6f6;-webkit-appearance: none;}

textarea{ width:100%; font-size:120%; padding: 5px 0px 5px 0px;margin: 8px 0px 8px 0px;border-radius: 0px;border: 1px solid #d8d3c9;background-color: #fff;}
textarea { overflow: auto; resize: none;-webkit-appearance: none;}
textarea:focus{ background: #f6f6f6;}

select { width:100%;font-size:120%; color: #222;padding: 10px 8px 10px 8px;margin: 8px 0px 8px 0px;border-radius: 0px;}
select { border: 1px solid #e7e1e3;background-color: #fff;-webkit-appearance: none;}
select { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
select { background: #fff url(../img/select_arrow.png) no-repeat right;}

.select01 { width:100%; }
.select03 { width:90%; back
.select02 { width:20%; margin: 5px 0px 5px 0px;}ground: #fff url(../img/select_arrow.png) no-repeat right;}
.sche_select{ width:98%; margin: 15px 0px 8px ; border: 2px solid #e6ecdc;border-radius: 10px;background-color: #fff;color: #222;-webkit-appearance: none;}


input.button { width:100%;border-radius: 30px;padding: 18px 0px 18px 0px;margin: 8px 0px 15px 0px;}
input.button { text-align: center;font-size: 16px;color: #fff;font-weight: normal;line-height: 100%;letter-spacing: 0px;}
input.button { background-color: #1c1c1c;-webkit-appearance: none;}

.button-radio input[type="radio"] {display:none; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
.button-radio label { display:inline-block;line-height: 44px;width: 48%;margin: 8px 0px 8px 0px;padding: 0px 0px 0px 0px;text-align: center;}
.button-radio label { background-color:#c7c7c7;border: 1px solid #d6d6d6;color:#fff; font-size:15px;}
.button-radio input[type="radio"]:checked + label { background-color:#ff72a7;border: 1px solid #d6d6d6;}

.contact{ font-size: 12px; }


/*  アップロード
--------------------------------------------------------------------------*/
.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:0px;
    background:#313131;border: 1px solid #161616;
    font-size:15px;color:#fff;
    text-align:center;padding: 10px 0px 10px 0px;
    line-height:28px;width:100%;cursor:pointer;}
.uploadButton:hover {background:#000;color:#fff;}
.uploadButton input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;}
.uploadValue {width:50%;display:none;background:rgba(255,255,255,0.2);border-radius:0px;padding:;color:#666;border: 1px solid #fff;}





/*  フッターメニュー関連
--------------------------------------------------------------------------*/
.bg_foot_menu { background-color: rgba(189,235,243,0.8);border-top: 1px solid #e1decf;margin: 0px 0px 0px;padding: 20px 0px 50px;}


ul.foot_menu { margin: 0px 8px 0px;padding-left: 0px;border: 1px solid #e1decf;border-radius: 5px;}
ul.foot_menu { background: #fff;}
ul.foot_menu:after { content: "";display: block;clear: both;}
.foot_menu li {
  list-style: none;
  float: left;
  width: 50%;
  min-width: 130px;
  height: 45px;
  line-height: 45px;text-align:left;
  border-right: 1px solid #e1decf;
  border-bottom: 1px solid #e1decf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.foot_menu li {  }
.foot_menu li:nth-child(even) {border-right: none;}
.foot_menu li:nth-last-child(1),
.foot_menu li:nth-last-of-type(2) { border-bottom: none;}
.foot_menu li:nth-last-of-type(2):nth-child(even) {}
.foot_menu li { background: url('../img/menu_arrow.png') no-repeat scroll right center ; }
.foot_menu li a { display: block;padding-left: 15px;height: 45px;color: #55544c;font-weight: bold;font-size: 13px;letter-spacing:0px;}




.copy { background:#;margin: 0px 0px 0px;padding: 0px 0px 0px;text-align: center;position: fixed;bottom: 0px;}
.copy { letter-spacing: 0px;font-size: 11px;font-family: Tahoma,arial,sans; color: #666;}
.copy a { color: #222;text-decoration: none;display: block;}
.copy a:hover { }




/*  サブメニュー
--------------------------------------------------------------------------*/
ul.sub_menu { width: 100%;background: #7bc9dc;margin: 0px 0px 0px;padding:0px;display:inline;position: fixed;bottom: 0px;z-index: 8888;}
ul.sub_menu li { width: 25%;}
ul.sub_menu li { margin: 0px 0px 0px;padding:0px;display:block;float: left;text-align: center;}
ul.sub_menu li img { max-width: 100px;min-width: 60px; height:auto;}
ul.sub_menu li a { display:block;cursor:pointer;}
#foot_content { padding: 70px 0 0 0;}



.bx-wrapper { position: relative;  margin: 0px auto 0px;width: 100%;z-index: 8000;}
_.bx-wrapper img { max-width: 100%; display: block; position: relative;  top: 0px; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 20px; width: 100%; }
.bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: rgb(255, 255, 255); padding-top: 10px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0% 0% rgb(235, 232, 215); text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0px 5px; outline: 0px none; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0% 0% rgb(235, 183, 0); }
.bx-wrapper .bx-prev { left: 10px; background: url('../img/prev.png') no-repeat scroll transparent;}
.bx-wrapper .bx-next { right: 10px; background: url('../img/next.png') no-repeat scroll transparent; }
.bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
.bx-wrapper .bx-next:hover { background-position: 0px 0px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0px none; width: 40px; height: 40px; text-indent: -9999px; z-index: 9999; }
/*
.bx-wrapper li { height: 100%; }












