/* 
ToC

- Common
- Greeting
- Cards

*/

/* Common */
.outline{
  width: 800px;
  overflow: hidden;
  background: #fff;
  padding-top: 13px;
  margin: 0 auto;
}
.twitter{
  margin-left: 29px;
}
.display{
  width: 100%;
}
.order_btn{
  /*font-size: 0.8em;*/
  width: 153px;
}

/* Greeting */
.update{
  font-size: 22px;
}
.update td {
  width: 36%;
}
.main-menu {
  border-spacing: 13px;
  border-collapse: separate;
}
.main-menu td {
  border: solid 3px #EC9F41;
  padding: 8px;
}


/* CARDS */
.card{
  width: 380px;
  height: 187px;
  font-size: 13px;
  line-height: 13px;
  margin-top: 13px;
  margin-right: 10px;
}
.card_title {
  font-size: 22px;
  padding: 5px;
  padding-top: 7px;
}
.card_kana {
  font-size: 19px;
}
.card_tags {
  width: 110px;
}
.card_img {
  width: 123px;
  height: 120px;
}
.card_job {
  padding-top: 6px;
  line-height: 17px;
  font-size: 17px;
  height: 57px;
}
.card_category {
  font-size: 19px;
  padding-top: 9px;
  padding-bottom:6px;
}

.card_btn{
  margin-top: 5px;
}
.card_gender{
  padding: 7px;
  font-size: 19px;
}
.card_salary{
  font-size: 17px;
}
.card_detail,
.card_merit,
.card_map{
  padding: 3px;
  /*font-size: 12px;*/
  font-size: 16px;
  line-height: 18px;
}
.card_merit {
  width: 267px;
}
.card_detail{
  width: 140px;
  height: 114px;
}
.card_map{
  width: 100px;
  text-align: right;
}

/* End Common */
#search2,
#areanavi{
  font-size: 24px;
  line-height: 1.5;
}
#areanavi .label{
  font-size: 21px;
}
input{
  font-size: 16px;
}
.useful-menu{
  font-size: 24px;
  line-height: 36px;
  margin-left: 8px;
}
#contents-s h1{
  font-size: 24px;
}
span.dia{
  color: #88E4FF;
}
.pink {
	background: #ffe0ff;
	border: 2px solid #ba7d80;
	color:#111;
	padding: 3px;
 	margin: 3px;
}
.green {
	background: #fff;
	border: 2px solid #2A6041;
	color:#111;
	padding: 3px;
 	margin: 3px;
}
.btn {
	background: #ffe0ff;
	border-top: 4px solid #fff4f1;
	border-left: 4px solid #fff4f1;
	border-right: 4px solid #c597b0;
	border-bottom: 4px solid #c597b0;
	color:#111;
	width: 150px;
	padding: 10px;
 	margin: 15px;
}
.btn a{
  text-decoration: none;
}
.margintt {

line-height: 1.2em
}
* {
 margin:0;
 padding:0;
}
img {
	border: none;
}
#main {

	width: 800px;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
	line-height: 1.5;
	background-color: #FFFFFF;
}
#header {
	width: 800px;
	height: 100%;
	background-color: #FFFFFF;
}
#header ul {list-style:none; overflow: hidden;}
.header_list {float:left;}
/*p#header_text {font-size: 10px;background-color: #EEEEEE;}*/
/*h1#header_text {font-size: 10px;background-color: #FFFFFF;}*/
h1#header_text {width: 800px; font-size: 60%;background-color: #FFFFFF;line-height: 1.2em;}



#comment {  
  border: 3px red solid;
  font-size: 14px;
  margin-bottom: 11px;
}


#main_left {
	width: 800px;
	height: 100%;
	padding: 10px 0px 5px 5px;
	float: left;
	background-color: #FFFFFF;
	/*overflow:hidden;*/
}

#main_right {
	float: right;
	width: 135px;
	/*width: 140px;*/
	height: 100%;
	padding: 10px 0px 5px 5px;
	background-color: #FFFFFF;
}
#use {font-size: 24px;width: 100%;}
#search {font-size: 24px;width: 100%;}

strong#text5 {font-size: 24px;color: #1e1e1e; }
strong#text6 {font-size: 24px;color: #089916; }
strong#text7 {font-size: 24px;color: #3000C6; }
strong#text8 {font-size: 24px;color: #3000C6; }

/*p#text1 {font-size: 24px; padding: 0px 0px 0px 5px;}*/
h1, h2 {font-size: 21px; padding: 0px 0px 0px 5px;background-image:url(1px-transparent.gif);}
/*p#text2 {font-size: 24px; padding: 0px 0px 5px 5px;}*/
h3 {font-size: 21px; padding: 0px 0px 5px 5px;background-image:url(1px-transparent.gif);}

#affiliate table {  
    width: 130px;
    font-size: 24px;
    border: medium solid #797979;
    border-width: 1px;
    margin-top:5px;
}

#affiliate table tr td#title{  
    background-color: #FFCC67;
    text-align: center;
    padding: 5px 0px 5px 5px;
}


img#img1 {
	padding: 5px 0px 5px 30px;

}

li#side4 {list-style-type: none;padding: 0px 0px 0px 0px;font-size: 21px;}
li#side3 {list-style-type: none;padding: 0px 0px 0px 0px;font-size: 21px;}
li#side2 {list-style-type: none;padding: 0px 0px 0px 0px;font-size: 21px;}
li#side1 {list-style-type: none;margin-right:5px;padding: 5px 0px 5px 5px;font-size: 21px;background-color: #FFCC67;text-align: center;}

p#text4_1 {font-size: 24px;}
p#text4_2 {font-size: 24px;}

hr{margin-bottom:5px;margin-right:5px;}


#area {
	width: 420px;
	height: 342px;
	padding: 5px;
	float: left;
	background-color: #FFFFFF;
}

#area ul {list-style:none;}
#area li {float:left;font-size: 21px; }
#area li p{text-align: center;font-size: 21px;}

#area table {  
    text-align: center;
    width: 100%;
    height: 80px;
    font-size: 24px;
}

#area table tr td {
   text-align: center;
   width: 50%;
   vertical-align:bottom;
}

#contents {
	float: left;
	width: 295px;
	padding: 5px 20px 5px 10px;
	background-color: #FFFFFF;
}

#calender {
	padding: 1px 0px 5px 35px;
}

p#text3 {font-size: 24px; padding: 1px 0px 1px 35px;}

/* ========ｵ眩ﾍｰ?======== */
#work_list {
	float: left;
	width: 800px;
	
	background-color: #FFFFFF;
	font-size: 24px;
}

#work_list table {  
    text-align: center;
}

#work_list table#table-01 {  
   background-color: #999999;
   width: 100%;
}

table tr td.layout1 {
   text-align: center;
   background-color: #FFFFFF;
   width: 48px;
}

table tr td.layout1_1 {
   text-align: center;
   background-color: #fae1ee;
   
}

a.none{
	text-decoration: none;
}

table tr td.layout2 {
   text-align: left;
   background-color: #FFFFFF;
}

table tr td.layout3 {
   text-align: center;
   background-color: #FFFFFF;
   width: 30px;
}

table tr td.layout4 {
   background-color: #999999;
   font-size: 0px;
   height: 1px;
}

table tr td.layout5 {
   text-align: center;
   background-color: #FFFFFF;
   width: 60px;
}

table tr td.layout6 {
   text-align: center;
   background-color: #FFFFFF;
   width: 35px;
}

table tr td.layout7 {
   text-align: left;
   background-color: #FFFFFF;
   vertical-align:top;
}

table tr.layout8 {
   text-align: center;
   background-color: #EEEEEE;
   vertical-align:middle;
}

table tr td.layout9 {width: 18%;}
table tr td.layout10 {width: 12%;}
table tr td.layout11 {width: 29%;}
table tr td.layout12 {width: 8%;}
table tr td.layout13 {width: 5%;}
table tr td.layout14 {width: 40px;}
table tr td.layout15 {width: 30px;}

table tr.layout16 {
   background-color: #999999;
   height: 1px;
   font-size: 0px;
}


table tr td.layout17 {
   text-align: center;
   background-color: #FFF8E7;
   vertical-align:middle;
   height: 20px;
}

table tr layout18 {
   background-color: #FFF8E7;
}
table tr layout19 {
  text-align: center;
}
table tr td.layout20 {
   vertical-align:top;
   text-align: center;
}
table tr td.layout21 {
   text-align: center;
    height: 60px;
}

.work_list_text1 {font-size: 10px; }
.work_list_text2 {color: green; }
.work_list_text3 {color: #ff1493; }
.work_list_text4 {color: red; }
work_list_text5 {  font-size: 24px;}
.pickup_w{
  color: green;
  font-weight: bold;
}

.areanavi{
	float:left;
	width:100%;
	background-color:#fff;
	margin-top:0px;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
}


#areanavi ul, #areanavi li{
    margin:0;
    padding:0;
    list-style:none;

}


.aria_nav{
	height: 62px;
}
.a_area_btn{
	width:194px;
	border-radius: 5px;
	border: 2px solid transparent;
}
.area_btn{
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
	display: block;
	width:194px;
	border-radius: 5px;
	border: 2px solid transparent;
	padding:14px 0;
	text-align: center;
	text-decoration: none;
}

.area_btn:hover{
	color: white;
	background-color: #E490B2;
}
.btn_small_letter a, #view_switch a{
	font-size: 1.1em;
	padding-top: 8px;
}
.high_row{
	height:70px;
}
.low_row a{
	height:34px;
}
/*

On color: #E490B2;
*/
.areanavi_kyoto_off{
background-color:#FCD0E8;
border-color: #E38EB1;
}
.areanavi_kyoto_on{
background-color: #E490B2;
border-color: #E490B2;
}
.areanavi_osaka_off{
background-color:#F9D8A8;
border-color: #EC9F41;
}
.areanavi_osaka_on{
background-color: #E490B2;
border-color: #E490B2;
}
.areanavi_male_off{
background-color:#8BD4EA;
border-color:#3AB2DA;
}
.areanavi_male_on{
background-color: #E490B2;
border-color: #E490B2;
}
.areanavi_other_off{
background-color:#DFE88B;
border-color:#CAD942;
}
.areanavi_other_on{
background-color: #E490B2;
border-color: #E490B2;
}
.area_btn:hover{
    color:#FA46A7;
    background-color:#E38EB1;
}
/* ========footer======== */

#footer {
	clear: both;
	width: 800px;
	height: 100%;
	padding: 5px;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 20px;
}

/* ========･ﾆ｡ｼ･ﾖ･?ｴﾂﾎﾀﾟﾄ======== */  
#contents table {  
    font-size: 13px;  
    color: #1e1e1e;  
    border: 3px solid #ddd;  
    background-color: #fff;  
}  
  
/* ･ｭ･罕ﾗ･ｷ･逾 */  
#contents table caption {  
    color: #1e1e1e;  
}  
  
#contents tr {  
    background-color: #eee;  
}  
  
/* ﾍﾋﾆ?ｿ･､･ﾈ･?ﾔ */  
#contents tr.dow {  
    background-color: #ccc;  
}  
  
#contents td {  
    text-align: center;  
    width: 30px;
}  
  
/* ｽﾋｺﾗﾆ?ﾎﾊｸｻ惞ｧ */  
#contents td.hol {  
    color: #dc143c;  
}  

/* ﾅﾚﾍﾋﾆ?ﾎﾊｸｻ惞ｧ */  
#contents td.sat {  
    color: #1E90FF;  
}  
  
  
/* ﾈｯｹﾔﾆ?ﾎﾊｸｻ惞ｧ */  
#contents td.red {
color: #dc143c;
font-weight:bold;
}
#midasi, .zabuton{
color:#5D311D;
height:auto;
padding:2px;
border:0px;
background-image:url(nuage.gif);
line-height:160%;
margin-bottom:5px;
}

#midasi2{
color:#5D311D;
width:260px;
height:auto;
padding:2px;
border:0px;
background-image:url(/pc/images/nuage.gif);
line-height:160%;
margin-bottom:5px;
}

/*2007price.html用------------------------------------------------*/

#work_list2{
	line-height:200%;
}

div#inner-leftp07{
	float:left;
	margin-top:20px;
	margin-left:10px;
	margin-right:5px;
	width:360px;
	/*height:800px;*/
	overflow:auto;
	background-color:#fff;
	padding-left:5px;
	padding-right:5px;
}

div#inner-rightp07{
	float:right;
	margin-top:20px;
	margin-right:10px;
	width:260px;
	height:600px;
	overflow:auto;
	background-color:#fff;
	padding-left:5px;
	padding-right:5px;

}

.design{
border-collapse:collapse;
border:2px solid #666;
}

#calender table {  
    font-size: 13px;  
    color: #1e1e1e;  
    border: 3px solid #ddd;  
    background-color: #fff;  
}  
/* キャプション */  
#calender table caption {  
    color: #1e1e1e;  
}  
#calender tr {  
    background-color: #eee;  
}  
/* 曜日タイトル行 */  
#calender tr.dow {  
    background-color: #ccc;  
}  
#calender td {  
    text-align: center;  
    width: 30px;
}  
/* 祝祭日の文字色 */  
#calender td.hol {  
    color: #1e1e1e;  
    background-color: #fed0e0;  
}  
/* 日曜日の文字色 */  
#calender td.sun {  
    color: #1e1e1e;  
}  
/* 発行日 */  
#calender td.red {  
    color: #dc143c;
    font-weight:bold;
}  
/* 土曜日の文字色 */  
#calender td.sat {  
    color: #1e1e1e0cd;  
}

.menu_list_icon{
  cursor: pointer;
}
.menu_list_switch{
  display: none;
}
.menu_list_body{
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  background: white;
  position: absolute;
  left:0px;
  width: 100%;
  margin: 0 auto;
}
.menu_list_switch + .menu_list_body{
  height: 0;
  overflow: hidden;
}
.menu_list_switch:checked + .menu_list_body{
  height: 100%;
}
.menu_list_body ul{
  margin: 0 auto;
  width: 800px;
  text-align: center;
  list-style: none;
}
.menu_list_body li{
  display: block;
  text-align: left;
  border-top: 1px solid #333;
}
.menu_list_body li a:visited{
  color: #333;
}
.menu_list_body li a{
  color: #333;
  text-decoration: none;
  display: block;
  padding: 13px 0px 7px 20px;
  font-size: 40px;
}
.menu_list_body li a:hover{
  background: #fcd9eb;
}
.menu_list_body .first-child{
  border-top: none;
}
.menu_list_body h3{
  font-size: 27px;
  color:white;
  background-color: #de0173;
}
.no-sp{
  display: none;
}
.bookmark{
  font-size: 4;
  color: white;
  font-weight: bold;
  text-decoration: none;
}
.greeting{
  font-size: 1.85em;
  padding: .5em .5em;
}
.bmArea{
  font-size: 1.7em;
  width: 200px;
}
.red{
  color: red;
}
.blue{
  color: blue;
}
.footer {
  clear: both;
  font-size: 13px;
}
#footer_img_wrapper{
  margin-bottom: 21px;
}
.sp_footer{
  width: 800px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.7em;
}
._off {
    display: none;
}