html,body{  font-family: "���S�V�b�N��", "Yu Gothic", "YuGothic", "���C���I","�q���M�m�p�S Pro", "Hiragino Kaku Gothic Pro",  "Meiryo", "sans-serif";}

.title_div		{ padding-left:1em; text-align:left; color:#A59D93; font-weight:bold; line-height:2em; font-size:1.1em; }
.header_fab_on		{ display:inline-block; width:calc(50% - 2px); border:solid 1px silver; line-height:2em; height:2.2em; border-bottom:none; background:#EF85AD; color:white; }

.mail_btn_pre		{ border-radius:0.3em; font-size:0.95em; background:blue; color:white;  padding:0.2em 0.5em; display:inline-block;  }
.mail_btn_pre:hover	{ cursor:pointer; }

.back_btn_pre		{ width:50%; padding:0.1em; border:solid 1px gray; color:gray; text-align:center; vertical-align:middle; height:2.5em; }
.back_btn_pre:hover	{ cursor:pointer; background:gray; color:white; }

.line-it-button		{ vertical-align:middle; margin-right:0.5em; }	/*���C���ő���A�C�R��*/
.header_fab_off		{ display:inline-block; width:calc(50% - 2px); border:solid 1px silver; line-height:2em; height:2em; vertical-align: bottom; box-shadow:0.2em -0.2em 0.2em 0em rgba(0,0,0,0.2) inset; }
.header_fab_off:hover	{ cursor:pointer; }

.job_kbn_btn_on		{ font-size:1em; border:solid 1px silver;color:white; width:19%; padding:0.3em 0.2em; display:inline-block; margin:2px; border-radius:3px; }
.job_kbn_btn_off	{ font-size:1em; background:white; width:19%; padding:0.3em 0.2em; display:inline-block; margin:2px; border-radius:3px; }


.coment_div		{ padding:0em 1em; text-align:left; word-wrap:break-word; white-space:normal; }
.icoment_div		{ padding:0em 0.5em; text-align:left; word-wrap:break-word; white-space:normal; }

.close_btn_mini		{ position:absolute; top:0px; right:0px; padding:0em 0.2em; line-height:1.1em; }
.close_btn_mini:hover	{ cursor:pointer; background:red; color:white; }


.job_btn{ max-width: 100%; margin-bottom:20px;}
.job_btn:hover		{ cursor:pointer; }
.com_btn		{ width:100%; background:gray; color:white; display:inline-block; font-size:1em; padding:0.5em 0em;}
.com_btn:hover		{ cursor:pointer; }
.slider_img		{ max-height:800px; width:100%;  }
.map_btn		{ margin-top:0.5em; display:inline-block; border:solid 1px ; color:#f7931e; border-radius:1em; width:90%; text-align:center; padding:0.1em 0em; }
.map_btn:hover		{ cursor:pointer; background:#f7931e; color:white; }
 .wide_square_btn1	{ border:solid 2px #F7931E; font-size:1.5em; background:#F7931E; color:white; width:90%; padding:0.1em 0.5em; display:inline-block; margin-top:1em; }
 .wide_square_btn1:hover	{ cursor:pointer; background:white; color:#F7931E; }
.photo_span	{ border:solid 1px black; width:120px; height:150px; max-width:120px; max-height:150px; min-width:120px; min-height:150px; display:table-cell; vertical-align:middle; text-align:center;  position: relative;  margin-left:0.5em;}
.photo_span2	{ border:solid 1px black; width:180px; height:210px; max-width:180px; max-height:210px; min-width:180px; min-height:210px; display:table-cell; vertical-align:middle; text-align:center;  position: relative;  margin-left:0.5em;}
.photo_view	{  width:100%; max-width:100%; max-height:100%; vertical-align:middle; }
.wide_square_btn2	{ border:solid 2px #EF85AD; font-size:1.5em; background:#EF85AD; color:white; width:90%; padding:0.1em 0.5em; display:inline-block; margin-top:1em; }
.wide_square_btn2:hover	{ cursor:pointer; background:white; color:#EF85AD; }