html {
  font-size: 62.5%;
}

/* 共通 */
body {
  font-size: 1.4rem;
  margin: 0px;
  padding: 0px;
  background-color:#ffeaf4;
  background-color:#fff4ea;
}

/* お仕事一覧 */
body.b_alist {
  width: 100%;
  margin-right: auto;//ここで中央寄せを指定する。
  margin-left : auto;
  
  background-color : #ddffbc;
  

}
/* アルバイト一覧 */
body.b_baito {
  width: 100%;

	background-color : #ffffbc;

}

/* 飾り線 */
hr.line {
  height: 2.5rem;
  margin:  1.0rem 0 0 0;
  padding: 0;
  background: #cfc url('happa3.png');
  background-color:#fff4ea;

  background-size: 30rem;
  border: 0px none;
}

hr.line3 {
  height: 2.5rem
  margin:  0 0 1.0 0rem;
  padding: 0;
  background: #cfc url('happa4.png');
  background-color:#fff4ea;
  background-size: 30%;
  border: 0px none;
}

.line2 {
  margin:  1.0rem 0 1.0rem 0;
  padding: 0;
}

/* 広告エリア */
.pr_area {
  width:100%;
  text-align:center;
  display:block;
}
.pr{
    display:inline-block;
}

/* 見出しエリア */
.hd_area {
    width:100%;
    text-align:center;
    margin-right:auto; 
    margin-left:auto;
    display:block;
}
.ttl{
  font-size: 2.5rem;
  font-weight: bold;
  font-family: 'Kosugi Maru', sans-serif;
  color: #fffff0;
  text-shadow:0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b,0 0 3px #00008b;

  margin-right:auto; 
  margin-left:auto;
  display:inline-block;
}

.ttl_space{
    width:120px;
  display:inline-block;

}

/* コンテンツエリア */
.main_area {
    width:100%;
    margin-right:auto; 
    margin-left:auto;
    display:block;
    text-align:center;

}

.aaa {
  display:inline-block;
}



.ttl2{
  font-size: 2.0rem;
  font-weight: bold;
  color: #6091d3;/*文字色*/
  color: #000000;/*文字色*/
  vertical-align: top;
  margin: 0;
  padding: .5rem 0 0rem 0rem;
  float: none;
}

.ttl img {
  max-width: 100%;
  height:4.0rem;
  vertical-align: top;
  margin: 0 .5rem 0 0;
}

.subttl{
  font-size: 1.4rem;
  font-weight: bold;
  color: #000000;/*文字色*/
  margin: 0;
  padding: 5px 10px 10px 0px;
   float: none;
}
/* ボタン共通 */
a.btn{
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2rem;
  position: relative;
  display: inline-block;
  padding: .8rem 1.0rem;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1rem;
  border-radius: 0.5rem;
}

a.btn-index{
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebedee));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #ffffff 50%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a.btn-index:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}

a.btn-obj{
  font-size:85%;
  color: #333333;
  background-color: #FFFFFF;
  border: solid 1px grey;
  margin: 0px 5px 5px 0px;
  padding: .6rem 0.7rem;

}

a.btn-obj:hover {
  color: #fff;
  background: #f56500;
}

a.btn-menu {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a.btn-menu:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}


a.next{
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5rem;
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0rem;
  border-radius: 0.5rem;

  width:5rem;
  color: gray;
  margin: 0px;
}
a.prev{
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5rem;
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0rem;
  border-radius: 0.5rem;
  width:5rem;
  color: gray;
  margin: 0px 5px 5px 0px;
}

.proc{
  font-size: 1.4rem;
  font-weight: bold;
  color: midnightblue;/*文字色*/
  margin: 0px;
  padding: 2px;
}

.proc-dtl{
  font-size: 1.4rem;
  color: black;/*文字色*/
  margin: 0px;
  padding: 0px 10px;
}

.kugiri{
  font-size: 14px;
  color: black;/*文字色*/
  margin: 0px;
  padding: 10px 0px;
}

.ninki-link{
  font-size: 12px;
  font-weight: bold;
  vertical-align: bottom;
  color: black;/*文字色*/
  margin: 0px;
  padding: 0px;
}
a.ninki-link img {
  max-width: 100%;	
  vertical-align: bottom;
}

.time-link{
  font-size: 12px;
  font-weight: bold;
  vertical-align: bottom;
  color: black;/*文字色*/
  margin: 0px;
  padding: 0px;
}
a.time-link img {
  max-width: 100%;	
  vertical-align: bottom;
}

a.photo img {
  max-width: 100%;	
  vertical-align: top;
  margin: 2px 7px 0px 0px;
  height: 16px;
}

.obj_cmt {
  font-size: 14px;
  margin: 2px 0px 0px 10px;
}


div.ninki_info {
  position: absolute;
  z-index: 2;
  display: none;
  margin: 0.5rem 0 1.0rem 0;
  padding: 5px 7px;
  max-width: 100%;
  font-size: 13px;
  background: #DEFFFF;
  border: solid 1px #AAAAAA;
  float: left;
}

.ninki_cmt {
  margin: 0.2rem 0 0.3rem 0;
}

.ninki_cmt2 {
  margin: 0rem 0 0.4rem 0;
}

.ninki-btn {
  text-align: center;
}

.btn-close,
a.btn-close {
  color: #fff;
  background: #AAAAAA;
  padding: .1rem .4rem;
  border-radius: .2rem;
  text-align: center;
}

div.time_info {
  position: absolute;
  z-index: 2;
  display: none;
  margin: 0.5rem 0 1.0rem 0;
  padding: 5px 7px;
  max-width: 100%;
  font-size: 13px;
  background: #DEFFFF;
  border: solid 1px #AAAAAA;
  float: left;
}

.time_cmt {
  margin: 0.2rem 0 0.3rem 0;
}

.time-btn {
  text-align: center;
}

.btn2-close,
a.btn2-close {
  color: #fff;
  background: #AAAAAA;
  padding: .1rem .4rem;
  border-radius: .2rem;
  text-align: center;
}

.balloon {
  position: relative;
  display: inline-block;
  margin: 0.5rem 0 1.0rem 0;
  padding: 5px 7px;
  max-width: 100%;
  font-size: 12px;
  background: #DEFFFF;
  border: solid 1px #AAAAAA;
  box-sizing: border-box;
  float: left;
}

.balloon:before {
  content: "";
  position: absolute;
  bottom: -1.96em;
  left: 260px;
  margin-left: -1.3em;
  border: 1.1em solid transparent;
  border-top: 12px solid #DEFFFF;
  z-index: 2;
}

.balloon:after {
  content: "";
  position: absolute;
  bottom: -2.2em;
  left: 263px;
  margin-left: -19px;
  border: 14px solid transparent;
  border-top: 1.02em solid #AAAAAA;
  z-index: 0;
}

.balloon p {
  margin: 0;
  padding: 0;
}


/* コンテンツ欄 成型用テーブル */
table.main{
  table-layout: fixed;
  margin: 10px 0px 0px 10px;
  padding: 0;
  display:inline-block;
  text-align:left;
} 

table td.main_l{
  text-align: leftt;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}

table td.main_r{
  text-align: right;
  vertical-align: bottom;
  margin: 0;
  padding: 5px 7px;
  width:430px;
}

table.main_obj{
  table-layout: fixed;
  margin: 10px 0px 0px 10px;
  padding: 0;
} 

table.main_obj tr{
  margin: 0;
  padding: 0;
} 

table.main_obj td{
  text-align: center;
  margin: 0;
  padding: 0;
} 

table.main_obj td:nth-child(1) {
  width:10rem;
}

table.main_obj td:nth-child(3) {
  width:10rem;
}

div.obj_cmt {
  text-align: center;
}

div.chk {
  margin: 0;
  padding: 0;
  background: #DEFFFF;
}

/* お仕事一覧 */
table.a_list{
  table-layout: fixed;
  border-collapse:separate;
  border-spacing: 0;
}

table.a_list th{
	text-align: center;
	color:black;
	background: #ddd;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 3px 0 1px 0px;
	font-size: 13px;
}

table th.name{
  border-radius: 5px 0 0 0;
  padding: 10px;
}
table th.ninki{
  vertical-align: top;
}

table th.kizzo{
}

table th.time{
}

table th.teiin{
}

table th.gift{
}

table th.bikou{
  border-radius: 0 5px 0 0;
  border-right: 1px solid;
}

table th.sub{
  border-top: 0px;
  padding: 1px 0;
}

table.a_list td {
	padding: 3px 10px;
	border-left: 1px solid;
	border-bottom: 1px solid;
}

table.a_list td:nth-child(1) {
  width:150px;
}

table.a_list td:nth-child(2) {
  width:40px;
}

table.a_list td:nth-child(3) {
  width:20px;
  text-align: center;
}

table td:nth-child(4) {
  width:20px;
  text-align: center;
}

/*時間*/
table td:nth-child(5) {
  width:33px;
  text-align: center;
}

table td:nth-child(6) {
  width:33px;
  text-align: center;
}

table td:nth-child(7) {
  width:120px;
}

table.a_list td:last-child {
  border-right:  1px solid;
  width:300px;
}

tr.food {
  background: #FFFFFF;
}

tr.production{
  background: #FFFFFF;
}

tr.ride{
  background: #FFFFFF;
}

tr.entame{
  background: #FFFFFF;
}  

tr.act{
  background: #FFFFFF;
}  

tr.human{
  background: #FFFFFF;
}  

tr.tyousa{
  background: #FFFFFF;
}  



.box1{
  display: inline-block;
}

.box2 {
  display: inline-block;
  width:8px;
  padding: 0em 0.2em;
  margin: 0em 0em 0em 0.2em;
  font-size: 12px;
  font-weight: bold;
  color: #6091d3;/*文字色*/
  background: #ddd;
  border: solid 0.3px #6091d3;/*線*/
  border-radius: 5px;/*角の丸み*/
}

.box2 p {
  margin: 0; 
  padding: 0;
}


/* アルバイト一覧*/
table.b_list{
  table-layout: fixed;
  border-collapse:separate;
  /*border-collapse: collapse;*/
  border-spacing: 0;
}


table.b_list th{
	text-align: center;
	color:black;
	background: linear-gradient(#0000cd, 50%, #eee);
	background: #ddd;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 3px 0 1px 0px;
	font-size: 13px;
}

table.b_list th.name{
  border-radius: 5px 0 0 0;
  padding: 10px;
}


table.b_list td {
	padding: 3px 5px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

table.b_list td:nth-child(1) {
  width:200px;
}
table.b_list td:nth-child(2) {
  width:40px;
}
table.b_list td:nth-child(3) {
  width:40px;
  text-align: center;
}
table.b_list td:last-child {
	border-right: 1px solid;
  width:400px;
  text-align: left;
}

tr.baito{
	background: #FFF8F8;
	background: #FFFFee;
}