﻿/* 全要素に適用 */
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/* リンク */
/* 全体のリンク色は管理画面のCSSカスタマイズで設定 */
a{outline: none; text-decoration:none;}
#contents a:hover{color:#A63053; text-decoration:underline;}
.a_delay_c1{transition:color 0.3s;}
.a_footer:link{color:#555;}
.a_footer:visited{color:#555;}
.a_footer:hover{color:#A63053; font-style:normal}

.acolor_whi:link{color:#ffffff;}
.acolor_whi:visited{color:#ffffff;}
.acolor_whi:hover{color:#0072C9; font-style:normal}
.acolor_bla:link{color:#000000;}
.acolor_bla:visited{color:#000000;}
.acolor_bla:hover{color:#0072C9; font-style:normal}

a.tdlink { display: block; width: 100%; }
a.tdlink:hover { background-color: #ffff99; color: red; }

.footermenu_link > a:link{color:#ffffff;}
.footermenu_link > a:visited{color:#ffffff;}
.footermenu_link > a:hover{color:#00CCFF; font-style:normal;}

a:hover .on_whi{background:rgba(255, 255, 255, 0.5);}
a:hover .on_org{opacity:0.9; filter:alpha(opacity=90); -ms-filter:"alpha(opacity=90)"; background:#FFEE59;}

/*イメージ*/
a:hover img.img_on1{opacity:0.6; filter:alpha(opacity=60); -ms-filter:"alpha(opacity=60)"; background:#fff;}
a:hover img.img_on2{opacity:0.6; filter:alpha(opacity=60); -ms-filter:"alpha(opacity=60)"; background:#fff;}

a.overwhite{background-color:#fff; display:block;}
a.overwhite:hover img{filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity:0.6; -khtml-opacity: 0.6; opacity:0.6; zoom:1;}

/*リスト*/
.not_li{list-style:none;}

/*位置*/
.v_t{vertical-align:top;}
.v_m{vertical-align:middle;}
.a_c{text-align:center;}
.a_r{text-align:right;}
.a_l{text-align:left;}
.p_c{margin-left:auto; margin-right:auto;}
.f_r{float:right;}
.f_l{float:left;}
.f_cb{clear:both;}

/*調整用*/
.DivHei5{height:5px; overflow:hidden; clear:both;}
.DivHei10{height:10px; overflow:hidden; clear:both;}
.DivHei15{height:15px; overflow:hidden; clear:both;}
.DivHei20{height:20px; overflow:hidden; clear:both;}
.DivHei25{height:25px; overflow:hidden; clear:both;}
.DivHei30{height:30px; overflow:hidden; clear:both;}
.DivHei40{height:40px; overflow:hidden; clear:both;}
.DivHei50{height:50px; overflow:hidden; clear:both;}
.DivHei60{height:60px; overflow:hidden; clear:both;}
.DivHei70{height:70px; overflow:hidden; clear:both;}

/*padding*/
.height5{height:5px; overflow:hidden;}
.height10{height:10px; overflow:hidden;}
.height20{height:20px;}
.height30{height:30px;}

.pad3{padding:3px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}

.pad_subtitle1{padding-left:1.5rem; padding-right:1.5rem;}
.pad_lr5{padding-left:5px; padding-right:5px;}
.pad_lr10{padding-left:10px; padding-right:10px;}
.pad_lr15{padding-left:15px; padding-right:15px;}
.pad_r5{padding-right:5px;}
.pad_r10{padding-right:10px;}
.pad_r15{padding-right:15px;}
.pad_r20{padding-right:20px;}
.pad_l5{padding-left:5px;}
.pad_l10{padding-left:10px;}
.pad_l15{padding-left:15px;}
.pad_l20{padding-left:20px;}
.pad_l1rem{padding-left:1rem;}
.pad_l1hrem{padding-left:1.5rem;}
.pad_l2rem{padding-left:2rem;}
.pad_t5{padding-top:5px;}
.pad_t10{padding-top:10px;}
.pad_b5{padding-bottom:5px;}
.pad_b10{padding-bottom:10px;}
.pad_b15{padding-bottom:15px;}
.pad_tb5{padding-top:5px; padding-bottom:5px;}
.pad_tb10{padding-top:10px; padding-bottom:10px;}

/*font*/
.fsize50r{font-size:0.5rem;}
.fsize60r{font-size:0.6rem;}
.fsize70r{font-size:0.7rem;}
.fsize80r{font-size:0.8rem;}
.fsize90r{font-size:0.9rem;}
.fsize100r{font-size:1rem;}
.fsize110r{font-size:1.1rem;}
.fsize120r{font-size:1.2rem;}
.fsize130r{font-size:1.3rem;}
.fsize140r{font-size:1.4rem;}
.fsize150r{font-size:1.5rem;}
.fsize160r{font-size:1.6rem;}
.fsize170r{font-size:1.7rem;}
.fsize180r{font-size:1.8rem;}
.fsize190r{font-size:1.9rem;}
.fsize200r{font-size:2rem;}
.fsize210r{font-size:2.1rem;}
.fsize220r{font-size:2.2rem;}
.fsize230r{font-size:2.3rem;}
.fsize240r{font-size:2.4rem;}
.fsize250r{font-size:2.5rem;}
.fsize260r{font-size:2.6rem;}
.fsize270r{font-size:2.7rem;}
.fsize280r{font-size:2.8rem;}
.fsize290r{font-size:2.9rem;}
.fsize300r{font-size:3rem;}
.fsize320r{font-size:3.2rem;}
.fsize350r{font-size:3.5rem;}
.fsize380r{font-size:3.8rem;}
.fsize400r{font-size:4rem;}

.f_lhei60r{line-height:0.6rem;}
.f_lhei70r{line-height:0.7rem;}
.f_lhei80r{line-height:0.8rem;}
.f_lhei90r{line-height:0.9rem;}
.f_lhei100r{line-height:1rem;}
.f_lhei110r{line-height:1.1rem;}
.f_lhei120r{line-height:1.2rem;}
.f_lhei130r{line-height:1.3rem;}
.f_lhei140r{line-height:1.4rem;}
.f_lhei150r{line-height:1.5rem;}
.f_lhei160r{line-height:1.6rem;}
.f_lhei170r{line-height:1.7rem;}
.f_lhei180r{line-height:1.8rem;}
.f_lhei190r{line-height:1.9rem;}
.f_lhei200r{line-height:2rem;}
.f_lhei210r{line-height:2.1rem;}
.f_lhei220r{line-height:2.2rem;}
.f_lhei230r{line-height:2.3rem;}
.f_lhei240r{line-height:2.4rem;}
.f_lhei250r{line-height:2.5rem;}
.f_lhei260r{line-height:2.6rem;}
.f_lhei270r{line-height:2.7rem;}
.f_lhei280r{line-height:2.8rem;}
.f_lhei290r{line-height:2.9rem;}
.f_lhei300r{line-height:3rem;}

.f_normal{font-weight:normal;}
.f_bold{font-weight:bold;}
.f_unde{text-decoration:underline;}
.f_ital{font-style:italic;}
.fcolor_whi{color:#FFFFFF;}
.fcolor_red1{color:#cc0000;}
.fcolor_red2{color:#ff0000;}
.fcolor_blu1{color:#4573CF;}
.fcolor_blu2{color:#0070A3;}
.fcolor_grn1{color:#00A331;}
.fcolor_grn2{color:#228049;}
.fcolor_org1{color:#FF7300;}
.fcolor_brw1{color:#8A6C00;}
.fcolor_gry1{color:#777777;}

.fshadow_whi1{text-shadow:1px 1px 0px rgba(255, 255, 255, 1);}

.fmarker1{background:linear-gradient(transparent 60%, #ADEF65 60%);}

/*auto indent  pタグでのみ使用可*/
.indenth{margin-left:.5rem; text-indent:-.5rem; margin-bottom:0px; margin-top:0px;}
.indent{margin-left:1rem; text-indent:-1rem; margin-bottom:0px; margin-top:0px;}
.indent1h{padding-left:1.5rem; text-indent:-1.5rem; margin-bottom:0px; margin-top:0px;}
.indent2{margin-left:2rem; text-indent:-2rem; margin-bottom:0px; margin-top:0px;}
.indent2h{margin-left:2.5rem; text-indent:-2.5rem; margin-bottom:0px; margin-top:0px;}
.indent2-1{margin-left:2.3rem; text-indent:-2.3rem; margin-bottom:0px; margin-top:0px;}
.indent3{margin-left:3rem; text-indent:-3rem; margin-bottom:0px; margin-top:0px;}

/*table*/
table{border-collapse:collapse;}
.table{border-collapse:separate; !important;}/*border非重なり時に適用*/
.no{white-space:nowrap;}

table.t_pad1 td{padding:10px;}/*tableでclass指定　全てのtdに適用*/
table.t_pad1s td{padding:5px;}
table.t_pad2s td{padding:2px;}
table.t_pad1sh td{padding:5px 10px;}
table.t_pad_list td{padding:0 10px 15px 0;}
table.t_v_m td{vertical-align:middle;}

/*border*/
.br0{border:#000000 solid 1px;}
.br1{border:#999999 solid 1px;}
.brw{border:#fff solid 1px;}

table.t_br0 tr td{border:#000000 solid 1px;}
table.t_br1 tr td{border:#bbbbbb solid 1px;}
table.t_br2 tr td{border:#ffffff solid 3px;}


/*shadow*/
.shadow_r{box-shadow:3px 3px 3px #777; -moz-box-shadow:3px 3px 3px #777; -webkit-box-shadow:3px 3px 3px #777;}
.shadow_b{box-shadow:0px 3px 3px #777; -moz-box-shadow:0px 3px 3px #777; -webkit-box-shadow:0px 3px 3px #777;}
.shadow_b2{box-shadow:0px 9px 5px -5px #555; -moz-box-shadow:0px 9px 5px -5px #555; -webkit-box-shadow:0px 9px 5px -5px #555;}

/*radius*/
.br_rad10{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}


/*背景薄色*/
.bgcw{background-color:#ffffff;}
.bgc0{background-color:#aaaaaa;}
.bgc1{background-color:#dddddd;}
.bgc2{background-color:#EBEBEB;}
.bgc3{background-color:#f6f6f6;}
.bgc_grn1{background-color:#D4F2C2;}
.bgc_grn1b{background-color:#9EE38D;}
.bgc_grn1b_imp{background-color:#9BCC81!important;}
.bgc_red1{background-color:#FFCACA;}
.bgc_red2{background-color:#FF9B9B;}
.bgc_pin1{background-color:#FFDEF5;}
.bgc_pin2{background-color:#FFF2FC;}
.bgc_pin1b{background-color:#FF91D9;}
.bgc_blu1{background-color:#EBF4FF;}
.bgc_blu2{background-color:#C2E3FC;}
.bgc_blu1b{background-color:#85D4FF;}
.bgc_org1{background-color:#FFCB78;}
.bgc_org2{background-color:#FFEBAD;}
.bgc_org1b{background-color:#FFAE3D;}
.bgc_brw1{background-color:#E3CAA3;}

/*背景濃色（strong）*/
.s_bgc1{background-color:#000000;}

.t-line tr:nth-child(odd) td {background-color: #EEFADC;} /* <table class="t-line">でtrごと交互に背景色変更 */
.t-line tr:nth-child(even) td {background-color: #fff;}
.td-line1 td:nth-child(odd) {background-color: #EEFADC;} /* <tr class="td-line1">でtdごと交互に背景色変更 */
.td-line1 td:nth-child(even){background-color: #fff;}
.td-line2 td:nth-child(odd) {background-color: #fff;} /* 上記の逆ver */
.td-line2 td:nth-child(even){background-color: #EEFADC;}


/* //CSSデザイン// */
/* Design */
.pagetitle_bgline{background:url(../pagefile/pagetitle_bgline.png) center repeat-x; padding:15px 0;}
.pagetitle{padding:20px 0; color:#F252AD; font-size:1.8rem; font-weight:bold; text-align:center; line-height:2rem;}
.pagetitle2{padding:10px; color:#555; font-size:2.2rem; font-weight:bold; text-align:center; font-family:Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif; line-height:2rem; background:url(../pagefile/pagetitle_bgim.jpg) center;}
.subtitle1{font-size:1.4rem; line-height:1.6rem; font-weight:bold; color:#333; position:relative; padding:.4em 1.5em .4em 1.8em; box-shadow:0px 0px 0px 2px #FFC4EB; border:dashed 2px white; background:#FFB3E6; vertical-align:middle; border-radius:5px; display:inline-block;}
.subtitle1::after{position:absolute; top:.6em; left:.5em; z-index:2; content:''; width:16px; height:16px; background-color:#fff; border-radius:100%}
.subtitle2{position:relative; text-align:center; font-size:1.5rem; line-height:1.8rem; font-weight:bold;}
.subtitle2 span {position:relative; z-index:2; display:inline-block; margin:0 2em; padding:0 .5em;	background-color:#fff; text-align:left;}
.subtitle2::before {
	position:absolute; top:50%;	z-index:1; content:''; display:block; width:100%;	height:3px; background:#FFABDB;
	background:-webkit-linear-gradient(-45deg, transparent, #FFABDB 10%, #FFABDB 90%, transparent); background:linear-gradient(-45deg, transparent, #FFABDB 10%, #FFABDB 90%, transparent);
}
.minititle1{position:relative; padding-bottom:.1em; font-size:1.5rem; line-height:1.7rem; color:#824801;}
.minititle1::before,.minititle1::after {position:absolute; bottom:-4px;	left:0; content:'';	height:4px;}
.minititle1::before {z-index:2; width:20%; background-color:#FDA83E}
.minititle1::after {width:100%; background:-webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #E8C084 2px, #E8C084 4px); background:repeating-linear-gradient(45deg, #fff, #fff 2px, #E8C084 2px, #E8C084 4px);}
/*
.minititle1{position:relative; padding-bottom:.2em; font-size:1.5rem; color:#9C3667;}
.minititle1::before,.minititle1::after {position:absolute; bottom:-3px;	left:0; content:'';	height:3px;}
.minititle1::before {z-index:2; width:20%; background-color:#FF8AB9;}
.minititle1::after {width:100%; background:-webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #E3C3CF 2px, #E3C3CF 4px); background:repeating-linear-gradient(45deg, #fff, #fff 2px, #E3C3CF 2px, #E3C3CF 4px);}
*/
.pagebottom_bgline{background:url(../pagefile/pagebottom_bgline.png) center; padding:8px 0;}

.blogtitle{position:relative; padding-bottom:.4em; font-size:1.4rem; color:#9C3667;}
.blogtitle::before,.blogtitle::after {position:absolute; bottom:-3px;	left:0; content:'';	height:3px;}
.blogtitle::before {z-index:2; width:20%; background-color:#FF8AB9;}
.blogtitle::after {width:100%; background:-webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #E3C3CF 2px, #E3C3CF 4px); background:repeating-linear-gradient(45deg, #fff, #fff 2px, #E3C3CF 2px, #E3C3CF 4px);}

/* ALL */
.photo-dec1{border:5px solid #fff; border-radius:5px; box-shadow:2px 2px 5px 1px #aaa; -moz-box-shadow:2px 2px 5px 1px #aaa; -webkit-box-shadow:2px 2px 5px 1px #aaa; width: 350px;}
.photo-minw1{min-width:250px;}


/* アクセス */
#mapList {margin:0;	padding:0; font-size:0.9em;}
#mapList li{border-left:none;	cursor:pointer;	list-style-type:none;}
#map_canvas{clear:both;}

/* 求人情報デザイン */
.title{
	margin: auto;
	width: 100px;
	background: #FFB3E6;
	padding: 0.5em;
	border-radius: 0.5em;
	text-align: center;
	font-size: 20px;
}